yuguidang - 副本 .html 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  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. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  13. <script>document.write("<link href='../flowchart_app_imgcss/css/formedit.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  14. <style>
  15. .sp-table tbody td {
  16. border: none;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <div ng-controller="formeditCtrl as ctl" id="app" ng-cloak>
  22. <div class="wrapper wrapper-content">
  23. <div class="row">
  24. <div class="col-md-4">
  25. <div>
  26. <span
  27. 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>
  28. <span style="margin-left: 10px;">归档信息</span>
  29. </div>
  30. <table class="sp-table" style="border:none">
  31. <tr>
  32. <td>年&nbsp;&nbsp;度</td>
  33. <td colspan="3"><input type="text" class="sp-input laydate-logo" sp-laydate laytype="year"
  34. ng-model="ctl.data.ARCHYEAR" /></td>
  35. </tr>
  36. <tr>
  37. <td>归档部门</td>
  38. <td colspan="3">
  39. <select class="sp-select" ng-model="ctl.data.ORGANIZATIONMA">
  40. <option ng-repeat="item in ctl.GDBM" ng-bind="item.SECTION" value="{{item.CODE}}">
  41. </option>
  42. </select>
  43. </td>
  44. </tr>
  45. <tr>
  46. <td>保管期限</td>
  47. <td colspan="3">
  48. <select class="sp-select" ng-model="ctl.data.MIJIQIXIAN">
  49. <option value="10年">10年</option>
  50. <option value="30年">30年</option>
  51. <option value="永久">永久</option>
  52. </select>
  53. </td>
  54. </tr>
  55. <tr>
  56. <td>档案门类</td>
  57. <td colspan="3"><input type="text" class="sp-input" ng-model="ctl.data.DANGANML" readonly />
  58. </td>
  59. </tr>
  60. <tr>
  61. <td>文&nbsp;&nbsp;号</td>
  62. <td colspan="3"><input type="text" class="sp-input" ng-model="ctl.data.WENHAO" /></td>
  63. </tr>
  64. <tr>
  65. <td>题&nbsp;&nbsp;名</td>
  66. <td colspan="3">
  67. <textarea class="sp-textarea" rows="2" style="resize:none"
  68. ng-model="ctl.data.DOCTITLE"></textarea>
  69. </td>
  70. </tr>
  71. <tr>
  72. <td>责任者</td>
  73. <td colspan="3"><input type="text" class="sp-input" ng-model="ctl.data.ZRZ" /></td>
  74. </tr>
  75. <tr>
  76. <td>日&nbsp;&nbsp;期</td>
  77. <td colspan="3"><input type="text" class="sp-input laydate-logo" sp-laydate
  78. ng-model="ctl.data.DOCISSUEDDATE" /></td>
  79. </tr>
  80. <tr>
  81. <td>件&nbsp;&nbsp;号</td>
  82. <td colspan="3"><input type="text" class="sp-input" ng-model="ctl.data.JIANHAO" readonly />
  83. </td>
  84. </tr>
  85. <tr>
  86. <td>页&nbsp;&nbsp;数</td>
  87. <td colspan="3"><input type="text" class="sp-input" ng-model="ctl.data.YESHU" /></td>
  88. </tr>
  89. <tr>
  90. <td>备&nbsp;&nbsp;注</td>
  91. <td colspan="3">
  92. <textarea class="sp-textarea" rows="4" style="resize:none"
  93. ng-model="ctl.data.BEIZHU"></textarea>
  94. </td>
  95. </tr>
  96. </table>
  97. <tr>
  98. <button class="sp-btn-blue sp-btn-sm sp-radius" ng-click="ctl.btnSave('0')"
  99. style="margin-left: 36%;margin-top: 20px;font-size: 13px;">更新</button>
  100. <button style="margin-left: 20px;font-size: 13px;" class="sp-btn-blue sp-btn-sm sp-radius"
  101. ng-click="ctl.createGuidang()">生成归档目录</button>
  102. </tr>
  103. </div>
  104. <div class="col-md-4">
  105. <div>
  106. <span
  107. 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>
  108. <span style="margin-left: 10px;">归档目录</span>
  109. </div>
  110. <div style="width: 100%;height: 620px;overflow:auto">
  111. <table class="sp-table">
  112. <thead>
  113. <tr>
  114. <th>序号</th>
  115. <th>责任者</th>
  116. <th>文号</th>
  117. <th>文件名</th>
  118. <th>日期</th>
  119. <th>页数</th>
  120. <th>备注</th>
  121. </tr>
  122. </thead>
  123. <tbody>
  124. <tr ng-repeat="item in ctl.guidangList" style="cursor:pointer" ng-click="ctl.searchFiles(item)">
  125. <td ng-bind="item.XH"></td>
  126. <td ng-bind="item.ZERENMAN"></td>
  127. <td ng-bind="item.WENHAO"></td>
  128. <td ng-bind="item.WENJIANMING"></td>
  129. <td ng-bind="item.RIQI"></td>
  130. <td ng-bind="item.YESHU"></td>
  131. <td ng-bind="item.REMARK"></td>
  132. </tr>
  133. </tbody>
  134. </table>
  135. </div>
  136. </div>
  137. <div class="col-md-4">
  138. <div>
  139. <span
  140. 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>
  141. <span style="margin-left: 10px;">查看文件</span>
  142. </div>
  143. <div style="width: 100%;height: 620px;">
  144. <iframe src="" frameborder="0" style="width:100%;height:100%" id="filesId"></iframe>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  151. <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
  152. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  153. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  154. <script src="../../apiurljs.js"></script>
  155. <script src="../../js/sm4.js"></script>
  156. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  157. <script>document.write('<scri' + 'pt src="js/yuguidang.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>')</script>
  158. <!--<script src="../../js/watermark.js"></script>-->
  159. <script src="../../AFrontEnd/js/special/spng.js"></script>
  160. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  161. </body>
  162. </html>