list1.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  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. .func-item {
  14. width: 100px;
  15. height: 30px;
  16. float: left;
  17. border-radius: 5px;
  18. margin: 0px 4px 8px 4px;
  19. cursor: pointer;
  20. }
  21. .func-item .func-item-name {
  22. width: 100%;
  23. height: 30px;
  24. text-align-last: justify;
  25. text-align: justify;
  26. }
  27. tr.check {
  28. background: #F9F9FA;
  29. }
  30. </style>
  31. </head>
  32. <body>
  33. <div ng-controller="listCtrl as ctl" ng-cloak>
  34. <div class="loading" ng-if="ctl.loading">
  35. <div class="loading-msg">
  36. <h3>数据捕获中,请等待</h3>
  37. <div class="spinner">
  38. <div class="bounce1"></div>
  39. <div class="bounce2"></div>
  40. <div class="bounce3"></div>
  41. </div>
  42. </div>
  43. </div>
  44. <div class="wrapper wrapper-content">
  45. <div class="row">
  46. <div class="col-md-12">
  47. <div class="ibox float-e-margins">
  48. <div class="ibox-content">
  49. <div class="row">
  50. <div class="col-md-12">
  51. <div class="sp-page-tab">
  52. <span ng-class="{'pageTabActive':ctl.type==1}" ng-click="ctl.changeType(1)">已收集</span>
  53. <span ng-class="{'pageTabActive':ctl.type==2}" ng-click="ctl.changeType(2)">被退回</span>
  54. <div class="sp-pull-right">
  55. <a class="sp-pull-right sp-btn-gray sp-btn-radius" href="index.html">
  56. <i class="fa fa-reply sp-mr-5"></i>返 回
  57. </a>
  58. <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-click="ctl.refresh()">
  59. <i class="fa fa-refresh sp-mr-5"></i>刷 新
  60. </a>
  61. <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-click="ctl.btnSubmit()">
  62. <i class="fa fa-file sp-mr-5"></i>提 交
  63. </a>
  64. <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-if="ctl.type==1" ng-click="ctl.openFilterLayer()">
  65. <i class="fa fa-filter sp-mr-5"></i>捕 获
  66. </a>
  67. <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-click="ctl.openSearchLayer()">
  68. <i class="fa fa-search sp-mr-5"></i>查 询
  69. </a>
  70. </div>
  71. </div>
  72. <div class="sp-page">
  73. <table class="sp-table sp-mt-10">
  74. <thead>
  75. <tr>
  76. <th width="30"><input type="checkbox" ng-model="ctl.listChecked" ng-change="ctl.changeListCheck()" /></th>
  77. <th width="50">序号</th>
  78. <th>标题</th>
  79. <th width="200">文种</th>
  80. <th width="200">状态</th>
  81. <th width="200">结束日期</th>
  82. <th width="180">操 作</th>
  83. </tr>
  84. </thead>
  85. <tbody>
  86. <tr dir-paginate="item in ctl.list|itemsPerPage:ctl.search.itemsPerPage" total-items="ctl.total_count" ng-class="{'check':item.checked==true}" ng-click="ctl.changeCheck(item,2)">
  87. <td><input type="checkbox" ng-model="item.checked" ng-change="ctl.changeCheck(item,1)" /></td>
  88. <td ng-bind="(ctl.pageno-1)*ctl.search.itemsPerPage+($index+1)"></td>
  89. <td>
  90. <a ng-click="ctl.Edit(item)" title="{{item.DOCTITLE}}"
  91. ng-bind="item.DOCTITLE" class="sp-color-blue"></a>
  92. <!--<a href="formedt.html?routeinfoid={{item.ROUTEINFOID}}&lastReturn=list&lastReturnPageno={{ctl.pageno}}&type=1" title="{{item.DOCTITLE}}"
  93. ng-bind="item.DOCTITLE" ng-if="item.SENDSTATUS==0" class="sp-color-blue"></a>
  94. <a href="formedt.html?routeinfoid={{item.ROUTEINFOID}}&lastReturn=list&lastReturnPageno={{ctl.pageno}}&type=2" title="{{item.DOCTITLE}}"
  95. ng-bind="item.DOCTITLE" ng-if="item.SENDSTATUS!=0" class="sp-color-blue"></a>-->
  96. </td>
  97. <td ng-bind="item.DOCUMENTTYPE"></td>
  98. <td ng-bind="item.STATUS"></td>
  99. <td ng-bind="item.FINISHEDDATE"></td>
  100. <td class="sp-text-center">
  101. <button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.Edit(item)">编&nbsp;辑</button>
  102. <button class="sp-btn-red sp-btn-sm sp-radius" ng-click="ctl.Delete(item.ROUTEINFOID)">删&nbsp;除</button>
  103. </td>
  104. </tr>
  105. </tbody>
  106. </table>
  107. <div class="sp-table-tip ng-hide" ng-show="ctl.noDataTip == 0">
  108. <i class="fa fa-exclamation-circle sp-mr-10"></i>您好,暂未查询到相关信息!
  109. </div>
  110. <div class="sp-page" ng-show="ctl.noDataTip != 0">
  111. <div class="sp-page-col sp-pull-right">
  112. <div class="sp-lh-34">
  113. 每页 <select ng-model="ctl.search.itemsPerPage" ng-options="x for x in ctl.pageOptions"></select> 条
  114. </div>
  115. </div>
  116. <div class="sp-page-col sp-pull-right">
  117. <dir-pagination-controls max-size="8" direction-links="true" boundary-links="true"
  118. on-page-change="ctl.getData(newPageNumber,ctl.type)">
  119. </dir-pagination-controls>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <div class="sp-layer" id="search" style="width:450px;">
  131. <div class="sp-layer-head" style="background:#2176d6">
  132. <div class="sp-page sp-text-center sp-font16">
  133. 查&nbsp;&nbsp;询
  134. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  135. ×
  136. </div>
  137. </div>
  138. </div>
  139. <div class="sp-layer-body">
  140. <div class="sp-box">
  141. <table class="sp-table">
  142. <tr>
  143. <td style="width:100px">标题</td>
  144. <td>
  145. <input type="text" class="sp-input" ng-model="ctl.search.title" />
  146. </td>
  147. </tr>
  148. </table>
  149. </div>
  150. <div class="sp-page sp-text-center sp-pt-10">
  151. <a class="sp-btn-blue sp-radius" ng-click="ctl.btnSearch()"><i class="fa fa-check sp-mr-5"></i>确 认</a>
  152. <a class="sp-btn-blue sp-radius" ng-click="ctl.closeSeach()"><i class="fa fa-reply-all sp-mr-5"></i>重 置</a>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="sp-layer" id="filter1" style="width:450px;" ng-show="ctl.windowFlag==1">
  157. <div class="sp-layer-head" style="background:#2176d6">
  158. <div class="sp-page sp-text-center sp-font16">
  159. 案件捕获
  160. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  161. ×
  162. </div>
  163. </div>
  164. </div>
  165. <div class="sp-layer-body">
  166. <div class="sp-box">
  167. <table class="sp-table">
  168. <tr>
  169. <td style="width:50px">时间</td>
  170. <td>
  171. <input type="text" class="sp-input laydate-logo" sp-laydate ng-model="ctl.filter.starttime" />
  172. </td>
  173. <td>
  174. <input type="text" class="sp-input laydate-logo" sp-laydate ng-model="ctl.filter.endtime" />
  175. </td>
  176. </tr>
  177. <tr>
  178. <td>部门</td>
  179. <td colspan="2">
  180. <input type="text" class="sp-input" readonly ng-model="ctl.filter.dpname" />
  181. </td>
  182. </tr>
  183. </table>
  184. </div>
  185. <div class="sp-page sp-text-center sp-pt-10">
  186. <a class="sp-btn-blue sp-radius" ng-click="ctl.btnFilter()"><i class="fa fa-check sp-mr-5"></i>确 认</a>
  187. <a class="sp-btn-blue sp-radius" onclick="sp.closeCenter('.sp-layer')"><i class="fa fa-reply-all sp-mr-5"></i>关 闭</a>
  188. <!--<a style="cursor:pointer;float:right" ng-click="ctl.goDown()">设置</a>-->
  189. </div>
  190. </div>
  191. </div>
  192. <div class="sp-layer" id="filter2" style="width:570px;" ng-show="ctl.windowFlag==2">
  193. <div class="sp-layer-head" style="background:#2176d6">
  194. <div class="sp-page sp-text-center sp-font16">
  195. 案件捕获
  196. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  197. ×
  198. </div>
  199. </div>
  200. </div>
  201. <div class="sp-layer-body">
  202. <div class="sp-box">
  203. <div class="func-item" ng-repeat="item in ctl.showList" ng-click="ctl.checkItem(item)">
  204. <div class="func-item-name" ng-class="{'sp-btn-blue':item.checked==true,'sp-btn-gray':item.checked==false}" ng-bind="item.TITLE"></div>
  205. </div>
  206. </div>
  207. <div class="sp-page sp-text-center sp-pt-10">
  208. <a class="sp-btn-blue sp-radius" ng-click="ctl.btnFilter()"><i class="fa fa-check sp-mr-5"></i>确 认</a>
  209. <a class="sp-btn-blue sp-radius" onclick="sp.closeCenter('.sp-layer')"><i class="fa fa-reply-all sp-mr-5"></i>关 闭</a>
  210. <a class="sp-btn-blue sp-radius" ng-click="ctl.goUp()">返回</a>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  216. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  217. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  218. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  219. <script src="../../apiurljs.js"></script>
  220. <script src="../../js/sm4.js"></script>
  221. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  222. <script>document.write('<scri' + 'pt src="js/list1.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  223. <script src="../../AFrontEnd/js/special/spng.js"></script>
  224. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  225. </body>
  226. </html>