zhiban1.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  6. <title>值班管理</title>
  7. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  8. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  9. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  10. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  11. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  12. <style>
  13. .hasWork{
  14. background:#ff8d00;
  15. color:#fff
  16. }
  17. .hasWork:hover {
  18. background: #ff8d00 !important;
  19. }
  20. .sp-table tbody tr td {
  21. border-right: 1px solid #E1E6EB;
  22. }
  23. .pointer {
  24. cursor: pointer;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div ng-controller="listCtrl as ctl" ng-cloak>
  30. <div class="wrapper wrapper-content">
  31. <div class="row">
  32. <div class="col-md-12">
  33. <div class="ibox float-e-margins">
  34. <div class="ibox-content">
  35. <div class="row">
  36. <div class="col-md-12">
  37. <div class="sp-page sp-lh-30">
  38. <span class="sp-page-col sp-text-left" style="width:80px" ng-if="ctl.search.type==2">值班单位:</span>
  39. <input class="sp-input sp-pull-left" style="width:150px" ng-model="ctl.search.dw" ng-if="ctl.search.type==2" />
  40. <span class="sp-page-col sp-text-left sp-ml-10" style="width:80px">月份选择:</span>
  41. <input class="sp-input sp-pull-left laydate-logo" style="width:150px" sp-laydate laytype="month" ng-model="ctl.search.date" />
  42. <div class="sp-page-col sp-pull-right">
  43. <button class="sp-btn-blue sp-btn-sm" ng-if="ctl.showType==1" ng-click="ctl.getData()">查&nbsp;&nbsp;询</button>
  44. <button class="sp-btn-blue sp-btn-sm" ng-if="ctl.showType==1" ng-click="ctl.printOut()">导&nbsp;&nbsp;出</button>
  45. <button class="sp-btn-blue sp-btn-sm" ng-if="ctl.showType==2" ng-click="ctl.getZSDW()">查&nbsp;&nbsp;询</button>
  46. </div>
  47. </div>
  48. <div class="sp-page">
  49. <h3 ng-if="ctl.search.type==1" class="sp-text-center">委机关{{ctl.search.date.slice(5)}}月值班表</h3>
  50. <h3 ng-if="ctl.search.type==2" class="sp-text-center">委直属单位{{ctl.search.date.slice(5)}}月值班表</h3>
  51. <div class="sp-page-tab" ng-if="ctl.search.type==1">
  52. <span ng-class="{'pageTabActive':ctl.showType==1}" ng-click="ctl.showType=1;ctl.getData()">委机关值班表</span>
  53. <span ng-class="{'pageTabActive':ctl.showType==2}" style="width:120px" ng-click="ctl.showType=2;ctl.getZSDW()">委直属单位值班表</span>
  54. </div>
  55. <table class="sp-table sp-mt-10" id="printOut" ng-if="ctl.showType==1">
  56. <thead>
  57. <tr>
  58. <th rowspan="2" width="80">日期</th>
  59. <th rowspan="2">星期</th>
  60. <th rowspan="2">值班时间</th>
  61. <th colspan="4" style="border-bottom: 1px solid #E1E6EB; ">带班领导</th>
  62. <th colspan="2" style="border-bottom: 1px solid #E1E6EB; ">值班干部</th>
  63. <th rowspan="2" ng-if="ctl.search.type==1">值班司机</th>
  64. <th rowspan="2" ng-if="ctl.search.type==1">司机电话</th>
  65. </tr>
  66. <tr>
  67. <th>姓名</th>
  68. <th>职务</th>
  69. <th>办公固话</th>
  70. <th>手机号码</th>
  71. <th>姓名</th>
  72. <th>姓名</th>
  73. </tr>
  74. </thead>
  75. <tbody>
  76. <tr ng-repeat="item in ctl.list" ng-class="{'hasWork':item.DBLDXM==ctl.userName||item.ZBGBXM1==ctl.userName||item.ZBGBXM2==ctl.userName}" repeat-finish>
  77. <td ng-bind="item.RIQI"></td>
  78. <td ng-bind="item.XINGQI"></td>
  79. <td ng-bind="item.ZBSJ"></td>
  80. <td ng-bind="item.DBLDXM"></td>
  81. <td ng-bind="item.ZW"></td>
  82. <td ng-bind="item.BGGH"></td>
  83. <td ng-bind="item.SJHM"></td>
  84. <td ng-bind="item.ZBGBXM1"></td>
  85. <td ng-bind="item.ZBGBXM2"></td>
  86. <td ng-if="ctl.search.type==1" ng-bind="item.ZBSJ1"></td>
  87. <td ng-if="ctl.search.type==1" ng-bind="item.SJDH"></td>
  88. </tr>
  89. </tbody>
  90. </table>
  91. <div class="sp-box" ng-if="ctl.showType==1">
  92. <table class="sp-table">
  93. <tr ng-if="ctl.search.type==1">
  94. <td width="130">值班须知:</td>
  95. <td class="sp-text-left" ng-bind-html="ctl.ZBREMARK|trustHtml"></td>
  96. </tr>
  97. <tr ng-if="ctl.search.type==2">
  98. <td width="170">值班时间:</td>
  99. <td class="sp-text-left" ng-bind="ctl.ZBSJREMARK"></td>
  100. </tr>
  101. <tr ng-if="ctl.search.type==2">
  102. <td>值班电话:</td>
  103. <td class="sp-text-left" ng-bind="ctl.ZBDH"></td>
  104. </tr>
  105. <tr ng-if="ctl.search.type==2">
  106. <td>值班传真:</td>
  107. <td class="sp-text-left" ng-bind="ctl.ZBCZ"></td>
  108. </tr>
  109. <tr ng-if="ctl.search.type==2">
  110. <td>夜间及节假日值班电话:</td>
  111. <td class="sp-text-left" ng-bind="ctl.YJJJRZBDH"></td>
  112. </tr>
  113. <tr ng-if="ctl.search.type==2">
  114. <td>夜间及节假日值班传真:</td>
  115. <td class="sp-text-left" ng-bind="ctl.YJJJRZBCZ"></td>
  116. </tr>
  117. <tr ng-if="ctl.search.type==2">
  118. <td>值班地点:</td>
  119. <td class="sp-text-left" ng-bind="ctl.ZBDD"></td>
  120. </tr>
  121. <tr ng-if="ctl.search.type==2">
  122. <td>填表人:</td>
  123. <td class="sp-text-left" ng-bind="ctl.TBR"></td>
  124. </tr>
  125. <tr ng-if="ctl.search.type==2">
  126. <td>备注:</td>
  127. <td class="sp-text-left" ng-bind-html="item.ctl.REMARK|trustHtml"></td>
  128. </tr>
  129. </table>
  130. </div>
  131. <table class="sp-table sp-mt-10" ng-if="ctl.showType==2">
  132. <thead>
  133. <tr>
  134. <th width="50">序号</th>
  135. <th>直属单位名称</th>
  136. <th>报送时间</th>
  137. <th width="100">状态</th>
  138. </tr>
  139. </thead>
  140. <tbody>
  141. <tr ng-repeat="item in ctl.zsdwList">
  142. <td ng-bind="$index+1"></td>
  143. <td><span ng-class="{'pointer':item.STOPMARK=='1'}" ng-bind="item.CNAME" ng-click="ctl.goDetail(item)"></span></td>
  144. <td ng-bind="item.BSDATE1"></td>
  145. <td><span ng-class="{'sp-btn-gray':item.STOPMARK!=='-1','sp-btn-blue':item.STOPMARK=='1'}">{{item.STOPMARK=='1'?"已提交":item.STOPMARK=='-1'?"未提交":"进行中"}}</span></td>
  146. </tr>
  147. </tbody>
  148. </table>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  159. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  160. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  161. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  162. <script src="../../apiurljs.js"></script>
  163. <script src="../../js/sm4.js"></script>
  164. <!-- 导出excel -->
  165. <script src="../gongzi/js/vendor/jquery.jqprint-0.3.js"></script>
  166. <script src="../gongzi/js/vendor/shim.min.js"></script>
  167. <script src="../gongzi/js/vendor/jszip.js"></script>
  168. <script src="../gongzi/js/vendor/xlsx.full.js"></script>
  169. <script src="../gongzi/js/vendor/Blob.js"></script>
  170. <script src="../gongzi/js/vendor/FileSaver.js"></script>
  171. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  172. <script>document.write('<scri' + 'pt src="js/zhiban1.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  173. <script src="../../AFrontEnd/js/special/spng.js"></script>
  174. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  175. </body>
  176. </html>