nav-bar.html 8.24 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132
<div id="vat-container">

    <div id="vatHeader" class="vat-header animated" animation-end="headerAnimationEnd($event)" ng-class="[{ 'fadeOutUp': menuState === menuStates.collapsing }, { 'fadeInDown': menuState === menuStates.expanding }, { 'collapsed': menuState === menuStates.collapsed }]">
        <div>
            <span class="vat-title">{{serviceTitle}}</span>
            <a ui-sref="overview"><i class="fa fa-angle-left vat-subheader red-color" style="font-size:30px;margin-top:-5px;"></i></a>

            <div id="org-treebox" ng-show="type === 1" class="inline"></div>

            <div ng-show="type === 1" style="display:inline-block; width:240px"></div>

            <!-- <span class="vat-subheader"  style="margin:0 20px;font-weight:bold">{{projectName}}</span> -->

            <i ng-show="type === 1" class="fa fa-calendar vat-subheader red-color" style="font-size:20px;"></i>

            <button ng-show="type === 1" class="btn btn-sm btn-default" style="margin-left:5px; margin-top:-5px;font-weight:bold; min-width:80px !important;max-width:80px;">切换</button>
            <button ng-show="type === 1" ng-click="showAccountingStatusModal()" class="btn btn-sm btn-default" style="margin-left:5px; margin-top:-5px;font-weight:bold; min-width:80px !important;max-width:80px;">核算状态</button>
            <!--中间部分的menu-->
            <div id="vat-menu-buttons" style="display:inline-block;">
                <a ng-click="uiHandling(menu)" ng-repeat="menu in menus" ui-sref-active="active" href="javascript:void(0)" atms-permission
                   permission-control-type="ngIf" permission-code="{{menu.permission}}" ng-class="{true: 'active', false: 'inactive'}[menu.num==selectedMenu.num]">
                    <span>{{menu.num}}</span>{{menu.name}}
                </a>
            </div>

            <div ng-show="type === 3" id="vat-menu-buttons" style="display:inline-block;">
                <a class="active" href="javascript:void(0)">
                    数据统计
                </a>
            </div>
            <div ng-show="type === 4" id="vat-menu-buttons" style="display:inline-block;">
                <a class="active" href="javascript:void(0)">
                    全局搜索
                </a>
            </div>
            <div ng-show="type === 5" id="vat-menu-buttons" style="display:inline-block;">
                <a class="active" href="javascript:void(0)">
                    {{'MenuRiskAlert' | translate}}
                </a>
            </div>

            <div ng-show="type === 1" style="float: right; color: red; line-height: 36px; margin-right: 35px;">状态: 已核算</div>
        </div>
    </div>

    <div id="menuCollapseBtn" ng-class="[{ 'slideup': menuState === menuStates.collapsing }, { 'slidedown': menuState === menuStates.expanding }]">
        <a ng-show="menuState === menuStates.expanding || menuState === menuStates.expanded" id="a-up" href="" ng-click="collapseMenu(menuStates.collapsing)"><i class="fa fa-angle-up" aria-hidden="true"></i></a>
        <a ng-show="menuState === menuStates.collapsing || menuState === menuStates.collapsed" id="a-down" href="" ng-click="collapseMenu(menuStates.expanding)"><i class="fa fa-angle-down" aria-hidden="true"></i></a>
    </div>



    <div class="vat-content" ng-style="{'height': type===5 ? '100%' : ''}" animation-end="contentAnimationEnd($event)" ng-class="[{ 'slideup': menuState === menuStates.collapsing }, { 'slidedown': menuState === menuStates.expanding }, { 'expanded': menuState === menuStates.collapsing || menuState === menuStates.collapsed }]">
        <div id="vat-import-container" ng-if="type !== 5">

            <div class="vat-import-menu" ng-class="{true: 'hide-left-menu', false: ''}[(selectedMenu.num<3 && type===1) || hideSubMenu]">
                <div class="vat-import-menu">
                    <!--左侧subMenus-->
                    <perfect-scrollbar class="scroller" wheel-propagation="true" wheel-speed="1" min-scrollbar-length="20">
                        <div class="li" ng-repeat="menu in submenus" atms-permission permission-control-type="ngIf" permission-code="{{::menu.permission}}">
                            <a ui-sref-active="active" leftclickid="{{::menu.clickId}}" ng-class="{true: 'active', false: 'inactive'}[menu.text==selectedSubMenu.text]" ng-click="dongfengGo(menu)"
                               href="javascript:void(0)" title="{{::menu.title}}">
                                <i class="{{::menu.icon}}" style="display: block;padding-bottom: 10px;" aria-hidden="true"></i>
                                <span>{{::menu.text}}</span>
                            </a>
                        </div>
                    </perfect-scrollbar>
                </div>
            </div>
            <div class="vat-import-content" ng-style="{'width': type!==2 ? '100%' : ''}" ui-view ng-class="{true: 'no-left-menu', false: 'vat-import-content'}[(selectedMenu.num<3 && type===1) || type===3 || type===4  ||hideSubMenu]">
                <iframe id="dfiframe" name="dfiframe" src="" scrolling="auto" style="border: none; width: 100%;"></iframe>
            </div>
        </div>
        <div id="vat-import-container" ng-if="type === 5">
            <div>
                <iframe id="dfiframe" name="dfiframe" src="" scrolling="auto" style="border: none; width: 100%;max-height:calc(100vh - 110px);"></iframe>
            </div>
        </div>
    </div>

    <!-- 模态框(Modal) -->
    <div class="modal fade" id="accountingStatusModal" tabindex="-1" role="dialog" aria-labelledby="accountingStatusModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="width:800px;top: 100px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">查看核算状态</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div id="accounting-status-org-treebox" ng-show="type === 1" class="inline"></div>
                        <i ng-show="type === 1" class="fa fa-calendar vat-subheader red-color" style="font-size:20px;vertical-align: middle;margin-left: 30px;"></i>
                        <input type="text" ng-show="type === 1" class="datepicker vat-subheader vat-accounting-status-input" style="border-width: 0; outline: none; vertical-align: middle; width: 120px;" readonly="readonly" />
                        <input id="year" ng-show="type === 2" class="datepicker date" value='2017年' style="width: 90px; padding: 10px; border: none; height: 33px; vertical-align: middle; width: 120px;" />
                        <button ng-show="type === 1" data-dismiss="modal" class="btn btn-sm btn-default" style="margin-left: 5px; font-weight: bold; min-width: 60px !important; max-width: 60px;">确定</button>
                    </div>
                    <div class="row" style="margin-top: 10px;">
                        <div class="col-lg-12">

                            <table class="table table-bordered table-condensed table-striped table-responsive">
                                <thead>
                                    <tr>
                                        <th style="text-align:center">序号</th>
                                        <th style="text-align:center">核算单位</th>
                                        <th>核算状态</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <!--CONTENT HERE-->
                                    <tr ng-repeat="org in orglist">
                                        <td style="text-align:center;">{{$index}}</td>
                                        <td style="text-align: center;">{{org.name}}</td>
                                        <td style="">{{org.status}}</td>
                                    </tr>
                                </tbody>
                            </table>



                        </div>
                    </div>
                    <br />

                </div>

            </div>
            <!-- /.modal-content -->
        </div>
    </div>
</div>