yuguidang1.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  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"
  6. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <title>归档审批单</title>
  8. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  9. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  10. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  11. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  12. <link href="../../AFrontEnd/js/jquery/jquery-ui.css" rel="stylesheet" />
  13. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  14. <script>document.write("<link href='../flowchart_app_imgcss/css/formedit.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  15. <style>
  16. .sp-table tbody td {
  17. border: none;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div ng-controller="formeditCtrl as ctl" id="app" ng-cloak>
  23. <div class="wrapper wrapper-content">
  24. <div class="row">
  25. <div class="sp-page-col" style="position: absolute; right: 50px; top: 15px;" ng-if="ctl.lastReturn=='list'">
  26. <button class="sp-btn-blue sp-radius" ng-click="ctl.btnSave()" style="font-size: 13px;" ng-show="ctl.show==1">
  27. 保存
  28. </button>
  29. <button class="sp-btn-blue sp-radius" ng-click="ctl.btnSaveFiles()" style="font-size: 13px;" ng-show="ctl.show==2">
  30. 保存
  31. </button>
  32. <!--<button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.goNext()" style="font-size: 13px;" ng-show="ctl.show==3">
  33. 确定
  34. </button>-->
  35. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-radius" ng-show="ctl.show==2" ng-click="ctl.show=1">
  36. 上一步
  37. </button>
  38. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-radius" ng-show="ctl.show==3" ng-click="ctl.show=2">
  39. 上一步
  40. </button>
  41. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-radius" ng-show="ctl.data.ID!=0&&ctl.show==1" ng-click="ctl.show=2">
  42. 下一步
  43. </button>
  44. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-radius" ng-show="ctl.data.ID!=0&&ctl.show==2" ng-click="ctl.MergeByFile()">
  45. 合并文件
  46. </button>
  47. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-radius" ng-click="ctl.goBack()">
  48. 返回
  49. </button>
  50. </div>
  51. <div class="sp-page-center" ng-show="ctl.show==1">
  52. <center class="sp-page" style="position:relative">
  53. <span style="margin-top: 10px; margin-bottom: 10px; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #1c84c6; border: 1px solid #1c84c6; border-radius: 50%; ">1</span>
  54. <span style="margin-left: 10px; color: #1c84c6;">归档信息</span><i class="fa fa-arrow-right sp-ml-15 sp-mr-10"></i>
  55. <span style="margin-top: 10px;margin-bottom: 10px;display: inline-block;width: 34px;height: 34px;line-height: 34px;text-align: center;border: 1px solid gray;border-radius: 50%;">2</span>
  56. <span style="margin-left: 10px;">归档目录</span><i class="fa fa-arrow-right sp-ml-15 sp-mr-10"></i>
  57. <span style="margin-top: 10px;margin-bottom: 10px;display: inline-block;width: 34px;height: 34px;line-height: 34px;text-align: center;border: 1px solid gray;border-radius: 50%;">3</span>
  58. <span style="margin-left: 10px;">查看文件</span>
  59. </center>
  60. <div style="height:654px">
  61. <table class="sp-table formedit" style="border:none">
  62. <tr>
  63. <td width="150">全&nbsp;&nbsp;宗</td>
  64. <td>
  65. <input type="text" class="sp-input" ng-model="ctl.data.FONDS_CODE" readonly />
  66. </td>
  67. <td>分类号</td>
  68. <td>
  69. <input type="text" class="sp-input" ng-model="ctl.data.SERIES_CODE" readonly />
  70. </td>
  71. </tr>
  72. <tr>
  73. <td>文&nbsp;&nbsp;号</td>
  74. <td>
  75. <input type="text" class="sp-input" ng-model="ctl.data.FILE_CODE" readonly />
  76. </td>
  77. <td>文件日期</td>
  78. <td>
  79. <input type="text" class="sp-input laydate-logp" sp-laydate ng-model="ctl.data.DATE_OF_CREATION" />
  80. </td>
  81. </tr>
  82. <tr>
  83. <td>题&nbsp;&nbsp;名</td>
  84. <td colspan="3">
  85. <input type="text" class="sp-input" ng-model="ctl.data.TITLE_PROPER" sp-required />
  86. </td>
  87. </tr>
  88. <!--<tr>
  89. <td>OA接收ID</td>
  90. <td>
  91. <input type="text" class="sp-input" ng-model="ctl.data.OA_ID" sp-required />
  92. </td>
  93. </tr>-->
  94. <tr>
  95. <td>档案号</td>
  96. <td>
  97. <input type="text" class="sp-input" ng-model="ctl.data.OFFICE_ARCHIVAL_CODE" sp-required />
  98. </td>
  99. <td>件&nbsp;&nbsp;号</td>
  100. <td>
  101. <input type="text" class="sp-input" ng-model="ctl.data.ITEM_NO" />
  102. </td>
  103. </tr>
  104. <tr>
  105. <td>责任者</td>
  106. <td>
  107. <input type="text" class="sp-input" ng-model="ctl.data.AUTHOR" />
  108. </td>
  109. </tr>
  110. <tr>
  111. <td>电子全文数</td>
  112. <td>
  113. <input type="text" class="sp-input" ng-model="ctl.data.ITEM_COUNT" />
  114. </td>
  115. <td>页&nbsp;&nbsp;数</td>
  116. <td>
  117. <input type="number" class="sp-input" ng-model="ctl.data.AMOUNT_OF_PAGES" />
  118. </td>
  119. </tr>
  120. <tr>
  121. <td>年&nbsp;&nbsp;度</td>
  122. <td>
  123. <input type="text" class="sp-input laydate-logp" sp-laydate laytype="year" ng-model="ctl.data.YEAR_CODE" sp-required />
  124. </td>
  125. <td>保管期限</td>
  126. <td>
  127. <select class="sp-select" ng-model="ctl.data.RETENTION_PERIOD" sp-required>
  128. <option value="D10">10年</option>
  129. <option value="D30">30年</option>
  130. <option value="Y">永久</option>
  131. </select>
  132. </td>
  133. </tr>
  134. <tr>
  135. <td>归档部门</td>
  136. <td>
  137. <input type="text" class="sp-input" ng-model="ctl.data.FILING_DEPT" sp-required />
  138. </td>
  139. <td>最终档案文件</td>
  140. <td>
  141. <input type="text" class="sp-input" ng-model="ctl.data.FILENAME" />
  142. </td>
  143. </tr>
  144. <!--<tr>
  145. <td>归档章顶边距</td>
  146. <td>
  147. <input type="text" class="sp-input" ng-model="ctl.data.ZHANGTOP" />
  148. </td>
  149. </tr>-->
  150. <!--<tr>
  151. <td>归档章左边距 </td>
  152. <td>
  153. <input type="text" class="sp-input" ng-model="ctl.data.ZHANGLEFT" />
  154. </td>
  155. </tr>-->
  156. </table>
  157. </div>
  158. <center ng-if="!ctl.lastReturn">
  159. <button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.btnSave()" style="font-size: 13px;">
  160. 保存
  161. </button>
  162. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-btn-sm sp-radius" onclick="window.parent.sp.closeCenter('.sp-layer')">
  163. 关闭
  164. </button>
  165. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-btn-sm sp-radius" ng-if="ctl.data.ID!=0" ng-click="ctl.show=2">
  166. 下一步
  167. </button>
  168. </center>
  169. </div>
  170. <div class="sp-page" ng-show="ctl.show==2">
  171. <center class="sp-page">
  172. <span style="margin-top: 10px; margin-bottom: 10px; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1px solid gray; border-radius: 50%; ">1</span>
  173. <span style="margin-left: 10px;">归档信息</span><i class="fa fa-arrow-right sp-ml-15 sp-mr-10"></i>
  174. <span style="margin-top: 10px; margin-bottom: 10px; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #1c84c6; border: 1px solid #1c84c6; border-radius: 50%;">2</span>
  175. <span style="margin-left: 10px; color: #1c84c6;">归档目录</span><i class="fa fa-arrow-right sp-ml-15 sp-mr-10"></i>
  176. <span style="margin-top: 10px; margin-bottom: 10px; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1px solid gray; border-radius: 50%;">3</span>
  177. <span style="margin-left: 10px;">查看文件</span>
  178. </center>
  179. <div style="width: 100%;height: 300px;overflow:auto">
  180. <table class="sp-table">
  181. <thead>
  182. <tr>
  183. <th width="100">序号</th>
  184. <th>文件名</th>
  185. <th width="150">日期</th>
  186. <th width="200">
  187. 操作
  188. <span style="display:inline-block;top:0" class="upload sp-pull-right sp-ml-5">
  189. <span class="upload-tip"></span>
  190. <input id="fileupload" class="upload-file-single" ng-click="ctl.upload();$event.stopPropagation();" type="file" name="files[]" multiple>
  191. <i class="fa fa-plus sp-fs-14 sp-mr-10"></i>
  192. <span class="upload-loading" ng-if="ctl.uploading"><i class="fa fa-spinner fa-pulse sp-fs-20"></i></span>
  193. </span>
  194. </th>
  195. </tr>
  196. </thead>
  197. <tbody id="table_tbody">
  198. <tr ng-repeat="item in ctl.guidangList" index="{{$index+1}}" data-col="{{item.ID}}">
  199. <td ng-bind="$index+1"></td>
  200. <td ng-bind="item.FILENAMES" style="cursor:pointer" ng-click="ctl.seeFiles(item,2)"></td>
  201. <td ng-bind="item.FILEDATE"></td>
  202. <td>
  203. <button class="sp-btn-blue sp-btn-sm" ng-if="ctl.guidangList.length>1" ng-disabled="$index==0" ng-click="ctl.sortUp($index)">上移</button>
  204. <button class="sp-btn-blue sp-btn-sm" ng-if="ctl.guidangList.length>1" ng-disabled="$index==ctl.guidangList.length-1" ng-click="ctl.sortDown($index)">下移</button>
  205. <button class="sp-btn-red sp-btn-sm" ng-click="ctl.delFile(item)">移除</button>
  206. </td>
  207. </tr>
  208. </tbody>
  209. </table>
  210. </div>
  211. <div style="width: 100%;height: 300px;overflow:auto">
  212. <table class="sp-table">
  213. <thead>
  214. <tr>
  215. <th width="100">序号</th>
  216. <th>文件名</th>
  217. <th width="150">日期</th>
  218. <th width="200">操作</th>
  219. </tr>
  220. </thead>
  221. <tbody>
  222. <tr ng-repeat="item in ctl.fileList" ng-if="item.show">
  223. <td ng-bind="$index+1"></td>
  224. <td ng-bind="item.WENJIANMING" style="cursor:pointer" ng-click="ctl.seeFiles(item,3)"></td>
  225. <td ng-bind="item.RIQI"></td>
  226. <td>
  227. <span class="sp-btn-blue sp-btn-sm" ng-click="ctl.addFile(item)">添加</span>
  228. </td>
  229. </tr>
  230. </tbody>
  231. </table>
  232. </div>
  233. <center ng-if="!ctl.lastReturn">
  234. <button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.btnSaveFiles()" style="font-size: 13px;">
  235. 保存
  236. </button>
  237. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-btn-sm sp-radius" ng-show="ctl.data.ID!=0" ng-click="ctl.MergeByFile()">
  238. 合并文件
  239. </button>
  240. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-btn-sm sp-radius" onclick="window.parent.sp.closeCenter('.sp-layer')">
  241. 关闭
  242. </button>
  243. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.show=1">
  244. 上一步
  245. </button>
  246. </center>
  247. </div>
  248. <div class="sp-page" ng-show="ctl.show==3">
  249. <center class="sp-page">
  250. <span style="margin-top: 10px; margin-bottom: 10px; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1px solid gray; border-radius: 50%; ">1</span>
  251. <span style="margin-left: 10px;">归档信息</span><i class="fa fa-arrow-right sp-ml-15 sp-mr-10"></i>
  252. <span style="margin-top: 10px; margin-bottom: 10px; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; border: 1px solid gray; border-radius: 50%;">2</span>
  253. <span style="margin-left: 10px;">归档目录</span><i class="fa fa-arrow-right sp-ml-15 sp-mr-10"></i>
  254. <span style="margin-top: 10px; margin-bottom: 10px; display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #1c84c6; border: 1px solid #1c84c6; border-radius: 50%;">3</span>
  255. <span style="margin-left: 10px; color: #1c84c6;">查看文件</span>
  256. </center>
  257. <div style="width: 100%;height: 620px;">
  258. <iframe src="" frameborder="0" style="width:100%;height:100%" id="filesId"></iframe>
  259. </div>
  260. <center ng-if="!ctl.lastReturn">
  261. <!--<button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.goNext()" style="font-size: 13px;">
  262. 确定
  263. </button>-->
  264. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-btn-sm sp-radius" onclick="window.parent.sp.closeCenter('.sp-layer')">
  265. 关闭
  266. </button>
  267. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.show=2">
  268. 上一步
  269. </button>
  270. </center>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  276. <script src="../../AFrontEnd/js/jquery/jquery-ui-1.10.4.min.js"></script>
  277. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  278. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  279. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  280. <script src="../../apiurljs.js"></script>
  281. <script src="../../js/sm4.js"></script>
  282. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  283. <script>document.write('<scri' + 'pt src="js/yuguidang.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  284. <!--<script src="../../js/watermark.js"></script>-->
  285. <script src="../../AFrontEnd/js/special/spng.js"></script>
  286. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  287. <!--附件-->
  288. <script src="../../AFrontEnd/plugins/js.fileupload/vendor/jquery.ui.widget.js"></script>
  289. <script src="../../AFrontEnd/plugins/js.fileupload/jquery.iframe-transport.js"></script>
  290. <script src="../../AFrontEnd/plugins/js.fileupload/jquery.fileupload.js"></script>
  291. </body>
  292. </html>