ZYjames12345
/
zhujian_OA


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
							<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>差旅费报销凭证管理</title>
    <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
    <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
    <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
    <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
    <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
    <style>
        span.sp-color-red {
            position: relative;
            animation: move 0.5s infinite;
        }

        @keyframes move {
            /*开始状态*/
            0% {
                top: 0;
            }
            /*过渡状态*/
            50% {
                top: -2px;
            }
            /*结束状态*/
            100% {
                top: 0;
            }
        }
        .lcItem {
            background-color: #fff;
            height: 100px;
            text-align: center;
            padding: 5px 0;
            margin: 10px 0;
            border-radius: 5px;
            border: 1px solid #E1E6EB;
            box-shadow: 0px 2px 5px #E1E6EB;
            position: relative;
            cursor: pointer;
        }
        .cbd {
            float: right;
            position: absolute;
            top: 1px;
            right: 1px;
        } 
        .activeLC {
            background: #4678ec;
        }
    </style>
</head>
<body>
    <div ng-controller="listCtrl as ctl" ng-cloak>
        <div class="loading" ng-if="ctl.loading">
            <div class="loading-msg">
                <h3>数据加载中，请等待</h3>
                <div class="spinner">
                    <div class="bounce1"></div>
                    <div class="bounce2"></div>
                    <div class="bounce3"></div>
                </div>
            </div>
        </div>
        <div class="wrapper wrapper-content">
            <div class="row">
                <div class="col-md-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="sp-page-tab">
                                        <span ng-class="{'pageTabActive':ctl.type=='todo'}" style="font-weight: 900; " ng-click="ctl.changeType('todo')"><img src="../flowchart_app_imgcss/img/db-black.png" width="20" ng-if="ctl.type!='todo'" style="position:relative;left:-10px" /><img src="../flowchart_app_imgcss/img/db-blue.png" width="20" ng-if="ctl.type=='todo'" style="position:relative;left:-10px" /> 待&nbsp;办</span>
                                        <span ng-class="{'pageTabActive':ctl.type=='done'}" style="font-weight: 900; " ng-click="ctl.changeType('done')"><img src="../flowchart_app_imgcss/img/yb-black.png" width="20" ng-if="ctl.type!='done'" style="position:relative;left:-10px" /><img src="../flowchart_app_imgcss/img/yb-blue.png" width="20" ng-if="ctl.type=='done'" style="position:relative;left:-10px" /> 已&nbsp;办</span>
                                        <span ng-class="{'pageTabActive':ctl.type=='finish'}" style="font-weight: 900; " ng-click="ctl.changeType('finish')"><img src="../flowchart_app_imgcss/img/gd-black.png" width="20" ng-if="ctl.type!='finish'" style="position:relative;left:-10px" /><img src="../flowchart_app_imgcss/img/gd-blue.png" width="20" ng-if="ctl.type=='finish'" style="position:relative;left:-10px" /> 办&nbsp;结</span>
                                        <div class="sp-pull-right">
                                            <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-click="ctl.refresh()">
                                                <i class="fa fa-refresh sp-mr-5"></i>刷 新
                                            </a>
                                            <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-if="ctl.lcList.length>0" ng-click="ctl.addLC()">
                                                <i class="fa fa-plus sp-mr-5"></i>新 建
                                            </a>
                                            <a class="sp-pull-right sp-btn-gray" ng-click="ctl.openLayer()">
                                                <i class="fa fa-search sp-mr-5"></i>筛 选
                                            </a>
                                        </div>
                                    </div>
                                    <div class="sp-page">
                                        <table class="sp-table sp-mt-10">
                                            <thead>
                                            <tr>
                                                <th style="width: 50px;">
                                                    <img src="../flowchart_app_imgcss/img/deng.png" title="控制灯" />
                                                </th>
                                                <th><span class="pointer" ng-click="ctl.sortFiled('CCR')">出差人<i class="fa fa-sort"></i></span></th>
                                                <th><span class="pointer" ng-click="ctl.sortFiled('CCMDD')">出差目的地<i class="fa fa-sort"></i></span></th>
                                                <th><span class="pointer" ng-click="ctl.sortFiled('TBSJ')">填表时间<i class="fa fa-sort"></i></span></th>
                                                <th><span class="pointer" ng-click="ctl.sortFiled('XSJE')">报销金额<i class="fa fa-sort"></i></span></th>
                                                <th><span class="pointer" ng-click="ctl.sortFiled('BXSJ')">报销时间<i class="fa fa-sort"></i></span></th>
                                                <th class="sp-text-center" style="width: 180px;">操 作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr dir-paginate="item in ctl.list|itemsPerPage:ctl.itemsPerPage" total-items="ctl.total_count">
                                                <td>
                                                    <img src="../flowchart_app_imgcss/img/purple.png" ng-if="item.DENG=='BLACK'" />
                                                    <img src="../flowchart_app_imgcss/img/red.png" ng-if="item.DENG=='RED'" />
                                                    <img src="../flowchart_app_imgcss/img/yellow.png" ng-if="item.DENG=='YELLOW'" />
                                                    <img src="../flowchart_app_imgcss/img/green.png" ng-if="item.DENG=='GREEN'" />
                                                </td>
                                                <td ng-bind="item.CCR"></td>
                                                <td ng-bind="item.CCMDD"></td>
                                                <td ng-bind="item.TBSJ"></td>
                                                <td ng-bind="item.XSJE"></td>
                                                <td ng-bind="item.BXSJ"></td>
                                                <td class="sp-text-center">
                                                    <button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.goUrl(item)" ng-if="ctl.type=='todo'">办&nbsp;理</button>
                                                    <button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.goUrl(item)" ng-if="ctl.type!='todo'">查&nbsp;看</button>
                                                    <button class="sp-btn-red sp-btn-sm sp-radius" ng-click="ctl.btnDel(item)" ng-if="item.STATUS=='0'">删&nbsp;除</button>
                                                    <button class="sp-btn-red sp-btn-sm sp-radius" ng-click="ctl.btnRecall(item.USERS[0].ROUTEID,'0')" ng-if="(item.DMANS>0&&item.DMANSHADDONE==0)&&ctl.type=='done'">撤&nbsp;回</button>
                                                    <button class="sp-btn-red sp-btn-sm sp-radius" ng-click="ctl.btnRecall(item.ROUTEID,'1')" ng-if="(item.DMANS==0&&item.STATUS=='4')&&ctl.type=='done'">撤回已阅</button>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <div class="sp-table-tip ng-hide" ng-show="ctl.noDataTip == 0">
                                            <i class="fa fa-exclamation-circle sp-mr-10"></i>您好，暂未查询到相关信息！
                                        </div>
                                        <div class="sp-page" ng-show="ctl.noDataTip != 0">
                                            <div class="sp-page-col sp-pull-right">
                                                <div class="sp-lh-34">
                                                    每页 <select ng-model="ctl.itemsPerPage" ng-options="x for x in ctl.pageOptions"
                                                               ng-init="ctl.itemsPerPage=ctl.pageOptions[0]"></select> 条
                                                </div>
                                            </div>
                                            <div class="sp-page-col sp-pull-right">
                                                <dir-pagination-controls max-size="8" direction-links="true" boundary-links="true"
                                                                         on-page-change="ctl.getData(newPageNumber)">
                                                </dir-pagination-controls>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sp-layer" id="addLC" style="width: 1020px;">
            <div class="sp-layer-head" style="background:#2176d6">
                <div class="sp-page sp-text-center sp-font16">
                    新建流程
                    <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
                        ×
                    </div>
                </div>
            </div>
            <div class="sp-layer-body">
                <div class="sp-page" style="max-height:500px;overflow:auto">
                    <div ng-repeat="item in ctl.lcList" class="sp-col-25" ng-class="{'activeLC':ctl.activeLC.FLOWID==item.FLOWID}" ng-click="ctl.activeLC=item">
                        <div class="lcItem">
                            <div class="sp-page" style="width:30%;padding:5px">
                                <img src="../flowchart_app_imgcss/img/addLC.png" width="45" />
                                <div class="sp-page sp-mt-10">
                                    <span class="sp-btn-blue-outline" style="padding:2px 5px;margin:0" ng-click="ctl.seeLCT(item,$event)">流程图</span>
                                </div>
                            </div>
                            <div class="sp-page" style="width:70%">
                                <img class="cbd" src="../flowchart_app_imgcss/img/cbd.png" />
                                <div class="sp-box" style="width:90%">
                                    {{item.FLOWNAME}}
                                </div>
                                <div class="sp-line-gray"></div>
                                <div class="sp-page sp-color-gray sp-fs-12" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis" title="{{item.FLOWNAME}}">
                                    介绍：{{item.FLOWNAME}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sp-page sp-text-center sp-mt-20">
                    <a class="sp-btn-blue sp-radius" ng-click="ctl.goAddUrl()"><i class="fa fa-check sp-mr-5"></i>确 定</a>
                    <a class="sp-btn-blue sp-radius" onclick="sp.layerhide()"><i class="fa fa-close sp-mr-5"></i>取 消</a>
                </div>
            </div>
        </div>
        <div class="sp-layer" id="Search" style="width: 550px;">
            <div class="sp-layer-head" style="background:#2176d6">
                <div class="sp-page sp-text-center sp-font16">
                    筛选
                    <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
                        ×
                    </div>
                </div>
            </div>
            <div class="sp-layer-body">
                <table class="sp-grid-job">
                    <tbody>
                        <tr>
                            <td style="width:120px;">出差人</td>
                            <td>
                                <input type="text" class="sp-input" placeholder="请输入人员名称" ng-model="ctl.search.CCR" />
                            </td>
                        </tr>
                        <tr>
                            <td>出差目的地</td>
                            <td>
                                <input type="text" class="sp-input" placeholder="请输入出差目的地" ng-model="ctl.search.CCMDD" />
                            </td>
                        </tr>
                        <tr>
                            <td>报销金额</td>
                            <td>
                                <input type="number" class="sp-input" placeholder="请输入报销金额" ng-model="ctl.search.XSJE" />
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="sp-page sp-text-center sp-mt-20">
                    <a class="sp-btn-blue sp-radius" ng-click="ctl.doSearch()"><i class="fa fa-check sp-mr-5"></i>确 定</a>
                    <a class="sp-btn-blue sp-radius" ng-click="ctl.cancal()"><i class="fa fa-refresh sp-mr-5"></i>重 置</a>
                </div>
            </div>
        </div>
        <div class="sp-layer" id="todolist" style="width: 750px;">
            <div class="sp-layer-head" style="background:#2176d6">
                <div class="sp-page sp-text-center sp-font16">
                    {{ctl.todoTitle}}
                    <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
                        ×
                    </div>
                </div>
            </div>
            <div class="sp-layer-body">
                <div class="sp-box" style="max-height:500px;overflow:auto">
                    <table class="sp-table">
                        <thead>
                            <tr>
                                <th>来自节点</th>
                                <th>我的位置</th>
                                <th>最近时间</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="item in ctl.todoList">
                                <td>{{item.STARTNODENAME}}<br />{{item.USERNAMEFROM}}</td>
                                <td ng-bind="item.ENDNODENAME"></td>
                                <td ng-bind="item.RECEIVEDATE"></td>
                                <td>
                                    <button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.goUrl(item)">办&nbsp;理</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="sp-page sp-text-center sp-mt-20">
                    <a class="sp-btn-blue sp-radius" onclick="sp.layerhide()"><i class="fa fa-close sp-mr-5"></i>关 闭</a>
                </div>
            </div>
        </div>
    </div>
    <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
    <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
    <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
    <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
    <script src="../../apiurljs.js"></script>
    <script src="../../js/sm4.js"></script>
    <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
    <script>document.write('<scri' + 'pt src="js/list.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
    <script src="../../AFrontEnd/js/special/spng.js"></script>
    <script src="../../AFrontEnd/js/special/spngvld.js"></script>
</body>
</html>