search.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
  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. .upload {
  14. float: left;
  15. overflow: hidden;
  16. position: relative;
  17. top: 2px;
  18. }
  19. .upload-btn-single {
  20. outline: none;
  21. border: 0;
  22. height: 28px;
  23. line-height: 28px;
  24. padding: 0 5px;
  25. color: #fff !important;
  26. background: #1c84c6;
  27. cursor: pointer !important;
  28. border-radius: 5px;
  29. }
  30. .upload-tip {
  31. float: left;
  32. width: 100%;
  33. margin-top: 35px;
  34. padding: 0 10px;
  35. color: #666;
  36. font-size: 13px !important;
  37. border-radius: 5px;
  38. display: none;
  39. text-align: left;
  40. }
  41. .upload-file-single {
  42. position: absolute;
  43. width: 100%;
  44. height: 100%;
  45. left: 0;
  46. top: 0;
  47. opacity: 0;
  48. font-size: 0;
  49. filter: alpha(opacity=0);
  50. }
  51. .upload-loading {
  52. display: inline-block;
  53. width: 100%;
  54. height: 100%;
  55. padding: 3px;
  56. text-align: center;
  57. background: #E8E8E8;
  58. opacity: 0.4;
  59. position: absolute;
  60. left: 0;
  61. top: 0;
  62. z-index: 10;
  63. }
  64. .sp-table tbody tr td {
  65. border-right: 1px solid #E1E6EB;
  66. }
  67. </style>
  68. </head>
  69. <body>
  70. <div ng-controller="listCtrl as ctl" ng-cloak>
  71. <div class="wrapper wrapper-content">
  72. <div class="row">
  73. <div class="col-md-12">
  74. <div class="ibox float-e-margins">
  75. <div class="ibox-content">
  76. <div class="row">
  77. <div class="col-md-12">
  78. <div class="sp-page">
  79. <div class="sp-page">
  80. <div class="sp-pull-right">
  81. <a class="sp-pull-right sp-btn-gray sp-radius sp-btn-sm" ng-click="ctl.openLayer()">
  82. <i class="fa fa-search sp-mr-5"></i>查 询
  83. </a>
  84. </div>
  85. </div>
  86. <table class="sp-table sp-mt-10" id="table">
  87. <thead>
  88. <tr>
  89. <th>机关党支部名称或直属单位名称</th>
  90. <th>项目名称</th>
  91. <th>完成情况</th>
  92. <th>完成时限</th>
  93. </tr>
  94. </thead>
  95. <tbody>
  96. <tr ng-repeat="item in ctl.list" repeat-finish>
  97. <td width="150" ng-bind="item.DWMC"></td>
  98. <td width="40%">
  99. <div class="sp-text-left" ng-bind="item.XMMC"></div>
  100. </td>
  101. <td>
  102. <div class="sp-page" ng-repeat="item1 in item.data[0].CHILD">
  103. <div class="sp-page">{{item1.WCQK}}</div>
  104. <div class="sp-col-25" ng-repeat="item2 in item1.ATTACHLIST" title="{{item2.FILENAMES}}" style="color:blue;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" ng-click="ctl.download(item2)">
  105. <i class="fa fa-download sp-ml-10"></i>{{item2.FILENAMES}}
  106. </div>
  107. <div class="sp-line-gray" ng-if="$index+1<item.data[0].CHILD.length"></div>
  108. </div>
  109. </td>
  110. <td width="120" ng-bind="item.WCSX"></td>
  111. </tr>
  112. </tbody>
  113. </table>
  114. <div class="sp-table-tip ng-hide" ng-show="ctl.list.length == 0">
  115. <i class="fa fa-exclamation-circle sp-mr-10"></i>您好,暂未查询到相关信息!
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. <div class="sp-layer" id="Search" style="width: 550px;">
  126. <div class="sp-layer-head" style="background:#2176d6">
  127. <div class="sp-page sp-text-center sp-font16">
  128. 筛选
  129. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  130. ×
  131. </div>
  132. </div>
  133. </div>
  134. <div class="sp-layer-body">
  135. <table class="sp-grid-job">
  136. <tbody>
  137. <tr>
  138. <td style="width:120px;">年份</td>
  139. <td>
  140. <select class="sp-select" style="width:calc(100% - 20px)" ng-model="ctl.searchYear">
  141. <option ng-repeat="item in ctl.years" value="{{item}}" ng-selected="item==ctl.searchYear">{{item}}</option>
  142. </select>
  143. <span style="line-height:30px">年</span>
  144. </td>
  145. </tr>
  146. <tr>
  147. <td style="width:120px;">机关党支部或直属单位名称</td>
  148. <td>
  149. <input type="text" class="sp-input" placeholder="请输入机关党支部或直属单位名称" ng-model="ctl.searchDWMC" />
  150. </td>
  151. </tr>
  152. </tbody>
  153. </table>
  154. <div class="sp-page sp-text-center sp-mt-20">
  155. <a class="sp-btn-blue sp-radius" ng-click="ctl.doSearch()"><i class="fa fa-check sp-mr-5"></i>确 定</a>
  156. <a class="sp-btn-blue sp-radius" ng-click="ctl.initSearch()"><i class="fa fa-refresh sp-mr-5"></i>重 置</a>
  157. </div>
  158. </div>
  159. </div>
  160. </div>
  161. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  162. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  163. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  164. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  165. <script src="../../apiurljs.js"></script>
  166. <script src="../../js/sm4.js"></script>
  167. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  168. <script>document.write('<scri' + 'pt src="js/search.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  169. <script src="../../AFrontEnd/js/special/spng.js"></script>
  170. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  171. </body>
  172. </html>