ygdlist.html 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  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">
  52. <div class="sp-page-title" style="width:100px">归档台账</div>
  53. <div class="sp-pull-right">
  54. <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-click="ctl.refresh()">
  55. <i class="fa fa-refresh sp-mr-5"></i>刷 新
  56. </a>
  57. <a class="sp-pull-right sp-btn-gray sp-btn-radius" ng-click="ctl.openSearchLayer()">
  58. <i class="fa fa-search sp-mr-5"></i>查 询
  59. </a>
  60. </div>
  61. </div>
  62. <div class="sp-page">
  63. <table class="sp-table sp-mt-10">
  64. <thead>
  65. <tr>
  66. <th width="50">序号</th>
  67. <th>题名</th>
  68. <th width="200">档案号</th>
  69. <th width="200">保管期限</th>
  70. <th width="200">文件日期</th>
  71. <th width="180">操 作</th>
  72. </tr>
  73. </thead>
  74. <tbody>
  75. <tr dir-paginate="item in ctl.list|itemsPerPage:ctl.itemsPerPage" total-items="ctl.total_count" ng-class="{'check':item.checked==true}" ng-click="ctl.changeCheck(item,2)">
  76. <td ng-bind="(ctl.pageno-1)*ctl.itemsPerPage+($index+1)"></td>
  77. <td>
  78. <a ng-click="ctl.Edit(item)" title="{{item.TITLE_PROPER}}"
  79. ng-bind="item.TITLE_PROPER" class="sp-color-blue"></a>
  80. </td>
  81. <td ng-bind="item.OFFICE_ARCHIVAL_CODE"></td>
  82. <td ng-bind="item.RETENTION_PERIOD1"></td>
  83. <td ng-bind="item.DATE_OF_CREATION"></td>
  84. <td class="sp-text-center">
  85. <button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.Edit(item)">编&nbsp;辑</button>
  86. <button class="sp-btn-red sp-btn-sm sp-radius" ng-click="ctl.Delete(item.ROUTEINFOID)">删&nbsp;除</button>
  87. </td>
  88. </tr>
  89. </tbody>
  90. </table>
  91. <div class="sp-table-tip ng-hide" ng-show="ctl.noDataTip == 0">
  92. <i class="fa fa-exclamation-circle sp-mr-10"></i>您好,暂未查询到相关信息!
  93. </div>
  94. <div class="sp-page" ng-show="ctl.noDataTip != 0">
  95. <div class="sp-page-col sp-pull-right">
  96. <div class="sp-lh-34">
  97. 每页 <select ng-model="ctl.itemsPerPage" ng-options="x for x in ctl.pageOptions"></select> 条
  98. </div>
  99. </div>
  100. <div class="sp-page-col sp-pull-right">
  101. <dir-pagination-controls max-size="8" direction-links="true" boundary-links="true"
  102. on-page-change="ctl.getData(newPageNumber,ctl.type)">
  103. </dir-pagination-controls>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="sp-layer" id="search" style="width:450px;">
  115. <div class="sp-layer-head" style="background:#2176d6">
  116. <div class="sp-page sp-text-center sp-font16">
  117. 查&nbsp;&nbsp;询
  118. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  119. ×
  120. </div>
  121. </div>
  122. </div>
  123. <div class="sp-layer-body">
  124. <div class="sp-box">
  125. <table class="sp-table">
  126. <tr>
  127. <td style="width:100px">标题</td>
  128. <td>
  129. <input type="text" class="sp-input" ng-model="ctl.search.title" />
  130. </td>
  131. </tr>
  132. <tr>
  133. <td style="width:100px">档案号</td>
  134. <td>
  135. <input type="text" class="sp-input" ng-model="ctl.search.dah" />
  136. </td>
  137. </tr>
  138. </table>
  139. </div>
  140. <div class="sp-page sp-text-center sp-pt-10">
  141. <a class="sp-btn-blue sp-radius" ng-click="ctl.btnSearch()"><i class="fa fa-check sp-mr-5"></i>确 认</a>
  142. <a class="sp-btn-blue sp-radius" ng-click="ctl.closeSeach()"><i class="fa fa-reply-all sp-mr-5"></i>重 置</a>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  148. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  149. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  150. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  151. <script src="../../apiurljs.js"></script>
  152. <script src="../../js/sm4.js"></script>
  153. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  154. <script>document.write('<scri' + 'pt src="js/list.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  155. <script src="../../AFrontEnd/js/special/spng.js"></script>
  156. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  157. </body>
  158. </html>