detail.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  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. .download-Item {
  14. width: 25%;
  15. float: left;
  16. height: 30px;
  17. overflow: hidden;
  18. text-align: left;
  19. line-height: 30px;
  20. white-space: nowrap;
  21. text-overflow: ellipsis;
  22. }
  23. .upload {
  24. float: left;
  25. overflow: hidden;
  26. position: relative;
  27. top: 2px;
  28. }
  29. .upload-btn-single {
  30. outline: none;
  31. border: 0;
  32. height: 28px;
  33. line-height: 28px;
  34. padding: 0 5px;
  35. color: #fff !important;
  36. background: #1c84c6;
  37. cursor: pointer !important;
  38. border-radius: 5px;
  39. }
  40. .upload-tip {
  41. float: left;
  42. width: 100%;
  43. margin-top: 35px;
  44. padding: 0 10px;
  45. color: #666;
  46. font-size: 13px !important;
  47. border-radius: 5px;
  48. display: none;
  49. text-align: left;
  50. }
  51. .upload-file-single {
  52. position: absolute;
  53. width: 100%;
  54. height: 100%;
  55. left: 0;
  56. top: 0;
  57. opacity: 0;
  58. font-size: 0;
  59. filter: alpha(opacity=0);
  60. }
  61. .upload-loading {
  62. display: inline-block;
  63. width: 100%;
  64. height: 100%;
  65. padding: 3px;
  66. text-align: center;
  67. background: #E8E8E8;
  68. opacity: 0.4;
  69. position: absolute;
  70. left: 0;
  71. top: 0;
  72. z-index: 10;
  73. }
  74. </style>
  75. </head>
  76. <body>
  77. <div ng-controller="detailCtrl as ctl" id="app" ng-cloak>
  78. <div class="wrapper wrapper-content">
  79. <div class="row">
  80. <div class="col-md-12">
  81. <div class="ibox float-e-margins">
  82. <div class="ibox-content">
  83. <div class="row">
  84. <div class="col-md-12">
  85. <div class="sp-box">
  86. <div class="sp-page-col">
  87. <div class="sp-page-title" style="margin:7px 0;">书记批示</div>
  88. </div>
  89. <div class="sp-pull-right">
  90. <a ng-click="ctl.btnSave()" class="sp-btn-gray sp-radius">
  91. <i class="fa fa-save sp-mr-5"></i>保 存
  92. </a>
  93. <a href="{{ctl.return}}" class="sp-btn-gray sp-radius">
  94. <i class="fa fa-reply sp-mr-5"></i>返 回
  95. </a>
  96. </div>
  97. </div>
  98. <div class="sp-page-center" style="width: 1000px; line-height: 30px">
  99. <table class="sp-table">
  100. <tr>
  101. <td width="150">来文单位</td>
  102. <td width="350">
  103. <input type="text" class="sp-input" ng-model="ctl.data.LWDW" />
  104. </td>
  105. <td width="150">文件名称</td>
  106. <td width="350">
  107. <input type="text" class="sp-input" ng-model="ctl.data.WJMC" />
  108. </td>
  109. </tr>
  110. <tr>
  111. <td>书记批示</td>
  112. <td>
  113. <input type="text" class="sp-input" ng-model="ctl.data.SJPS" />
  114. </td>
  115. <td>签批时间</td>
  116. <td>
  117. <input type="text" class="sp-input laydate-logo" sp-laydate ng-model="ctl.data.QPSJ" />
  118. </td>
  119. </tr>
  120. <tr>
  121. <td>办理进度</td>
  122. <td colspan="3">
  123. <textarea class="sp-textarea" rows="5" style="resize:none" ng-model="ctl.data.BLJD"></textarea>
  124. </td>
  125. </tr>
  126. <tr>
  127. <td>督办提醒单位</td>
  128. <td>
  129. <input type="text" class="sp-input" ng-model="ctl.data.DBTX" />
  130. </td>
  131. <td>督办提醒日期</td>
  132. <td>
  133. <input type="text" class="sp-input laydate-logo" sp-laydate ng-model="ctl.data.DBTXTIME" />
  134. </td>
  135. </tr>
  136. <tr>
  137. <td>备注</td>
  138. <td colspan="3">
  139. <textarea class="sp-textarea" rows="5" style="resize:none" ng-model="ctl.data.REMARK"></textarea>
  140. </td>
  141. </tr>
  142. <tr>
  143. <td>附件</td>
  144. <td colspan="3">
  145. <div class="download-Item" ng-repeat="item in ctl.arrayFile track by $index ">
  146. <a ng-click="ctl.download(item)">
  147. <i class="fa fa-download sp-color-red">下载</i>
  148. </a>
  149. <a ng-click="ctl.deleteFile(item)">
  150. <i class="fa fa-trash sp-color-red">删除</i>
  151. </a>
  152. <a ng-bind="item.FILENAMES" ng-click="ctl.seeFiles(item)" title="{{item.FILENAMES}}"></a>
  153. </div>
  154. <div class="download-Item" ng-hide="ctl.arrayFile.length==8">
  155. <span class="upload" ng-show="ctl.arrayFile.length<8">
  156. <input type="button" ng-if="ctl.arrayFile.length==0" class="upload-btn-single" ng-click="ctl.beforeUpload()" value="上传附件">
  157. <input type="button" ng-if="ctl.arrayFile.length>0&&ctl.arrayFile.length<8" class="upload-btn-single" ng-click="ctl.beforeUpload()" value="上传附件">
  158. <span class="sp-upload-tip"></span>
  159. <input id="fileupload" class="upload-file-single" style="left:64px" type="file" name="files[]" multiple>
  160. </span>
  161. </div>
  162. </td>
  163. </tr>
  164. </table>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="sp-layer" id="userList" style="width: 900px;">
  174. <div class="sp-layer-head" style="background:#2176d6">
  175. <div class="sp-page sp-text-center sp-font16">
  176. 人员列表
  177. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  178. ×
  179. </div>
  180. </div>
  181. </div>
  182. <div class="sp-layer-body" ng-class="{'sp-height-400': '{{ctl.deviceType}}' =='pad'}">
  183. <div class="sp-page" style="height:290px;overflow:auto">
  184. <label class="sp-col-20">
  185. <input type="checkbox" style="position:relative;top:2px" ng-checked="ctl.AllChecked[ctl.filed]" ng-click="ctl.checkAllUser()" />
  186. 全选
  187. </label>
  188. <div class="sp-page" ng-repeat="item in ctl.UserList[ctl.filed]">
  189. <h4 style="background:#409EFF" class="sp-color-white sp-pl-10" ng-if="item.USER">
  190. <input type="checkbox" style="position:relative;top:2px" ng-checked="item.checked" ng-click="ctl.checkUserItem(item)" />
  191. {{item.SECTION}}
  192. </h4>
  193. <label ng-repeat="item1 in item.USER" class="sp-col-20" title="{{item1.USHOWNAME}}">
  194. <input type="checkbox" style="position:relative;top:2px" ng-checked="item1.checked" ng-click="ctl.checkUser(item1,item)" />
  195. {{item1.USHOWNAME2}}
  196. </label>
  197. <div class="sp-page" ng-repeat="item1 in item.CHILD_DATA">
  198. <h4 style="background:#409EFF" class="sp-color-white sp-pl-10" ng-if="item1.USER">
  199. <input type="checkbox" style="position:relative;top:2px" ng-checked="item1.checked" ng-click="ctl.checkUserItem(item1)" />
  200. {{item1.SECTION}}
  201. </h4>
  202. <label ng-repeat="item2 in item1.USER" class="sp-col-20" title="{{item2.USHOWNAME}}">
  203. <input type="checkbox" style="position:relative;top:2px" ng-checked="item2.checked" ng-click="ctl.checkUser(item2,item1)" />
  204. {{item2.USHOWNAME2}}
  205. </label>
  206. <div class="sp-page" ng-repeat="item2 in item1.CHILD_DATA">
  207. <h4 style="background:#409EFF" class="sp-color-white sp-pl-10" ng-if="item2.USER">
  208. <input type="checkbox" style="position:relative;top:2px" ng-checked="item2.checked" ng-click="ctl.checkUserItem(item2)" />
  209. {{item2.SECTION}}
  210. </h4>
  211. <label ng-repeat="item3 in item2.USER" class="sp-col-20" title="{{item3.USHOWNAME}}">
  212. <input type="checkbox" style="position:relative;top:2px" ng-checked="item3.checked" ng-click="ctl.checkUser(item3,item2)" />
  213. {{item3.USHOWNAME2}}
  214. </label>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. <div class="sp-page sp-text-center sp-pt-10">
  220. <a class="sp-btn-blue sp-radius" ng-click="ctl.submitUserList(0)"><i class="fa fa-check sp-mr-5"></i>确 定</a>
  221. <a class="sp-btn-blue sp-radius" onclick="sp.layerhide()"><i class="fa fa-close sp-mr-5"></i>取 消</a>
  222. </div>
  223. </div>
  224. </div>
  225. </div>
  226. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  227. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  228. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  229. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  230. <script src="../../apiurljs.js"></script>
  231. <script src="../../js/sm4.js"></script>
  232. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  233. <script>document.write('<scri' + 'pt src="js/detail.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  234. <!--<script src="../../js/watermark.js"></script>-->
  235. <script src="../../AFrontEnd/js/special/spng.js"></script>
  236. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  237. <!--附件-->
  238. <script src="../../AFrontEnd/plugins/js.fileupload/vendor/jquery.ui.widget.js"></script>
  239. <script src="../../AFrontEnd/plugins/js.fileupload/jquery.iframe-transport.js"></script>
  240. <script src="../../AFrontEnd/plugins/js.fileupload/jquery.fileupload.js"></script>
  241. </body>
  242. </html>