123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330 |
- <!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" />
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <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" />
- <link href="../../AFrontEnd/js/jquery/jquery-ui.css" rel="stylesheet" />
- <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
- </head>
- <body ng-controller="indexCtrl 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="sp-page-mgn">
- <div class="sp-page-pad">
- <div class="sp-page-tab">
- <span ng-class="{'pageTabActive':ctl.type==1}" ng-click="ctl.type=1;ctl.getData(1)">带班领导</span>
- <span ng-class="{'pageTabActive':ctl.type==2}" ng-click="ctl.type=2;ctl.getData(1)">带班处长</span>
- <span ng-class="{'pageTabActive':ctl.type==3}" ng-click="ctl.type=3;ctl.getData(1)">值班员</span>
- <div class="sp-page-col sp-pull-right">
- <a class="sp-btn-gray sp-md sp-btn-radius" ng-click="ctl.opneInsertLayer()"><i class="fa fa-plus"></i> 新 增</a>
- <a class="sp-btn-gray sp-md sp-btn-radius" ng-click="ctl.openSearchLayer()"><i class="fa fa-search"></i> 查 询</a>
- <a class="sp-btn-gray sp-md sp-btn-radius" ng-click="ctl.openSortLayer()"><i class="fa fa-sort"></i> 排 序</a>
- </div>
- </div>
- <div class="sp-line-gray"></div>
- <div class="sp-page">
- <div class="sp-page-mgn">
- <table class="sp-table">
- <thead>
- <tr>
- <th width="50">序号</th>
- <th width="200">姓名</th>
- <th width="200">性别</th>
- <th width="200">职务</th>
- <th ng-if="ctl.type==1">座机号码</th>
- <th ng-if="ctl.type==1">手机号码</th>
- <th ng-if="ctl.type!=1">处室</th>
- <th ng-if="ctl.type!=1">备注</th>
- <th width="160">操作</th>
- </tr>
- </thead>
- <tbody>
- <tr dir-paginate="item in ctl.rows|itemsPerPage:ctl.itemsPerPage"
- total-items="ctl.total_count">
- <td ng-bind="$index+1"></td>
- <td>
- <div class="sp-color-blue" ng-bind="item.CNAME"></div>
- </td>
- <td ng-bind="item.SEX"></td>
- <td ng-bind="item.ZHIWU"></td>
- <td ng-if="ctl.type==1" ng-bind="item.TEL"></td>
- <td ng-if="ctl.type==1" ng-bind="item.MOBILEPHONE"></td>
- <td ng-if="ctl.type!=1" ng-bind="item.DPNAME"></td>
- <td ng-if="ctl.type!=1" ng-bind="item.REMARK"></td>
- <td>
- <button class="sp-btn-blue-outline sp-btn-sm sp-radius" title="编辑" ng-click="ctl.itemDataEdit(item)">编 辑</button>
- <button class="sp-btn-red-outline sp-btn-sm sp-radius" title="删除" ng-click="ctl.deleteData(item)">删 除</button>
- </td>
- </tr>
- </tbody>
- </table>
- <div class="sp-table-tip ng-hide" ng-show="ctl.noDataTip == 0">
- <i class="fa fa-exclamation-circle"></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 class="sp-layer" id="layer_search" style="width: 500px;">
- <div class="sp-layer-head">
- <div class="sp-layer-title">
- 值班人员查询
- </div>
- <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
- ×
- </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.CNAME" />
- </td>
- <td style="width:120px;">职务</td>
- <td>
- <input type="text" class="sp-input" placeholder="职务" ng-model="ctl.search.ZHIWU" />
- </td>
- </tr>
- </tbody>
- </table>
- <div class="sp-line-txt sp-text-center sp-pt-10">
- <a class="sp-btn-blue sp-sm sp-radius" ng-click="ctl.doSearch()"><i class="fa fa-search"></i> 查 询</a>
- <a class="sp-btn-blue sp-sm sp-radius" onclick="sp.closeCenter('.sp-layer')"><i class="fa fa-reply-all"></i> 取 消</a>
- </div>
- </div>
- </div>
- <div class="sp-layer" id="layer_insert" style="width: 1000px;">
- <div class="sp-layer-head">
- <div class="sp-layer-title">
- 值班人员新增
- </div>
- <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
- ×
- </div>
- </div>
- <div class="sp-layer-body">
- <table class="sp-table">
- <thead>
- <tr>
- <th style="width:60px;">
- <i class="fa fa-plus" title="新增" ng-click="ctl.addItemData()"></i>
- </th>
- <th>姓名</th>
- <th>性别</th>
- <th>职务</th>
- <th ng-if="ctl.type==1">座机号码</th>
- <th ng-if="ctl.type==1">手机号码</th>
- <th ng-if="ctl.type!=1">处室</th>
- <th ng-if="ctl.type!=1">备注</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="item in ctl.insertData">
- <td>
- <i class="fa fa-trash" ng-click="ctl.deleteItem($index)"></i>
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.CNAME" sp-required>
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.SEX">
- </td>
- <td>
- <input type="text" class="sp-input" ng-model="item.ZHIWU">
- </td>
- <td ng-if="ctl.type==1">
- <input type="text" class="sp-input" ng-model="item.TEL">
- </td>
- <td ng-if="ctl.type==1">
- <input type="text" class="sp-input" ng-model="item.MOBILEPHONE">
- </td>
- <td ng-if="ctl.type!=1">
- <input type="text" class="sp-input" ng-model="item.DPNAME">
- </td>
- <td ng-if="ctl.type!=1">
- <input type="text" class="sp-input" ng-model="item.REMARK">
- </td>
- </tr>
- </tbody>
- </table>
- <div class="sp-table-tip ng-hide" ng-show="ctl.insertData.length == 0">
- <i class="fa fa-exclamation-circle"></i> 暂未新增数据!
- </div>
- <div class="sp-line-txt sp-text-center sp-pt-10">
- <button ng-disabled="ctl.insertData.length == 0" class="sp-btn-blue sp-sm sp-radius" ng-click="ctl.saveInsertData()"><i class="fa fa-save"></i> 保 存</button>
- <a class="sp-btn-blue sp-sm sp-radius" onclick="sp.closeCenter('.sp-layer')">
- <i class="fa fa-reply-all"></i> 取
- 消
- </a>
- </div>
- </div>
- </div>
- <div class="sp-layer" id="layer_edit" style="width:500px;">
- <div class="sp-layer-head">
- <span class="sp-layer-title">值班人员编辑</span>
- <span class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">×</span>
- </div>
- <div class="sp-layer-body">
- <div class="sp-page">
- <table class="sp-grid-job">
- <tbody>
- <tr>
- <td style="width:120px;">姓名</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.CNAME" />
- </td>
- </tr>
- <tr>
- <td style="width:120px;">性别</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.SEX" />
- </td>
- </tr>
- <tr>
- <td style="width:120px;">职务</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.ZHIWU" />
- </td>
- </tr>
- <tr ng-if="ctl.type==1">
- <td style="width:120px;">座机号码</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.TEL" />
- </td>
- </tr>
- <tr ng-if="ctl.type==1">
- <td style="width:120px;">手机号码</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.MOBILEPHONE" />
- </td>
- </tr>
- <tr ng-if="ctl.type!=1">
- <td style="width:120px;">处室</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.DPNAME" />
- </td>
- </tr>
- <tr ng-if="ctl.type!=1">
- <td style="width:120px;">备注</td>
- <td>
- <input type="text" class="sp-input" ng-model="ctl.itemObj.REMARK" />
- </td>
- </tr>
- </tbody>
- </table>
- <div class="sp-page sp-text-center sp-pt-10 sp-pad-10">
- <button class="sp-btn-blue sp-btn-md" ng-click="ctl.editBtn()">
- <i class="fa fa-check"></i> 提交
- </button>
- <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
- <i class="fa fa-close"></i> 取消
- </button>
- </div>
- </div>
- </div>
- </div>
- <div class="sp-layer" id="sortWin" style="width:800px;">
- <div class="sp-layer-head">
- <span class="sp-layer-title">值班人员排序</span>
- <span class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">×</span>
- </div>
- <div class="sp-layer-body">
- <div class="sp-page" style="height:400px;overflow:auto">
- <table class="sp-table" id="sortList">
- <thead>
- <tr>
- <th width="50">序号</th>
- <th width="200">姓名</th>
- <th width="50">性别</th>
- <th width="200">职务</th>
- <th ng-if="ctl.type==1">座机号码</th>
- <th ng-if="ctl.type==1">手机号码</th>
- <th ng-if="ctl.type!=1">处室</th>
- <th ng-if="ctl.type!=1">备注</th>
- </tr>
- </thead>
- <tbody>
- <tr ng-repeat="item in ctl.sortList" data-col="{{item.ID}}">
- <td ng-bind="$index+1"></td>
- <td>
- <div class="sp-color-blue" ng-bind="item.CNAME"></div>
- </td>
- <td ng-bind="item.SEX"></td>
- <td ng-bind="item.ZHIWU"></td>
- <td ng-if="ctl.type==1" ng-bind="item.TEL"></td>
- <td ng-if="ctl.type==1" ng-bind="item.MOBILEPHONE"></td>
- <td ng-if="ctl.type!=1" ng-bind="item.DPNAME"></td>
- <td ng-if="ctl.type!=1" ng-bind="item.REMARK"></td>
- </tr>
- </tbody>
- </table>
- </div>
- <div class="sp-page sp-text-center sp-pt-10 sp-pad-10">
- <button class="sp-btn-blue sp-btn-md" ng-click="ctl.btnSortBtn()">
- <i class="fa fa-check"></i> 提交
- </button>
- <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
- <i class="fa fa-close"></i> 取消
- </button>
- </div>
- </div>
- </div>
- <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
- <script src="../../AFrontEnd/js/jquery/jquery-ui-1.10.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/zbUserList.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>
|