document_approve.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>流程办理</title>
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  9. <link href="../../css/OA-style.css" rel="stylesheet" />
  10. <!--标准mui.css-->
  11. <link rel="stylesheet" href="../../css/mui.min.css">
  12. <link rel="stylesheet" href="../../css/mui.picker.min.css">
  13. <link rel="stylesheet" type="text/css" href="../../css/app.css" />
  14. <link rel="stylesheet" type="text/css" href="../../css/flow.css" />
  15. <style>
  16. .mui-card-footer {
  17. display: inherit;
  18. }
  19. </style>
  20. </head>
  21. <body class="mui-fullscreen">
  22. <!--页面主结构开始-->
  23. <div id="app" class="mui-views">
  24. <div class="mui-view">
  25. <div class="mui-navbar">
  26. </div>
  27. <div class="mui-pages">
  28. </div>
  29. </div>
  30. </div>
  31. <!--页面主结构结束-->
  32. <!--单页面开始-->
  33. <div id="setting" class="mui-page">
  34. <!--页面标题栏开始-->
  35. <div class="mui-navbar-inner mui-bar mui-bar-nav">
  36. <a class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
  37. <h1 class="mui-center mui-title" id="title">公文办理</h1>
  38. </div>
  39. <!--页面标题栏结束-->
  40. <!--页面主内容区开始-->
  41. <div class="mui-page-content">
  42. <div class="mui-scroll-wrapper">
  43. <div class="mui-scroll">
  44. <div class="mui-content-padded" style="margin: 5px;">
  45. <form class="mui-input-group" id="form_element">
  46. <div class="mui-content">
  47. <ul class="mui-table-view ">
  48. <template v-for="formElement in formElements">
  49. <template v-if="formElement.groupid != '1' || formElement.defaultValue != '' || formElement.canEdit == '1'">
  50. <li class="mui-table-view-cell mui-input-row">
  51. <label>{{formElement.elementName}}</label>
  52. <!--
  53. 作者:18559387276@139.com
  54. 时间:2018-05-29
  55. 描述:文本框
  56. -->
  57. <template v-if="formElement.type == '0'">
  58. <template v-if="formElement.tableField == 'emergency_degree' && formElement.formId == '100003'">
  59. <template v-if="formElement.defaultValue == '0'">
  60. <input type="text" value="特急" readonly="readonly" class="mui-input-clear" placeholder="">
  61. <input type="hidden" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue">
  62. </template>
  63. <template v-else-if="formElement.defaultValue == '1'">
  64. <input type="text" value="急件" readonly="readonly" class="mui-input-clear" placeholder="">
  65. <input type="hidden" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue">
  66. </template>
  67. <template v-else-if="formElement.defaultValue == '2'">
  68. <input type="text" value="平件" readonly="readonly" class="mui-input-clear" placeholder="">
  69. <input type="hidden" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue">
  70. </template>
  71. <template v-else-if="formElement.defaultValue == '3'">
  72. <input type="text" value="阅件" readonly="readonly" class="mui-input-clear" placeholder="">
  73. <input type="hidden" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue">
  74. </template>
  75. <template v-else-if="formElement.defaultValue == '4'">
  76. <input type="text" value="办件" readonly="readonly" class="mui-input-clear" placeholder="">
  77. <input type="hidden" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue">
  78. </template>
  79. </template>
  80. <template v-else>
  81. <input type="text" v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear">
  82. <input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
  83. </template>
  84. </template>
  85. <template v-else-if="formElement.type == '1'">
  86. <textarea v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" rows="4">{{formElement.defaultValue}}</textarea>
  87. <div style="font-size: 14px;color: #444;" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" placeholder="">{{formElement.defaultValue}}</div>
  88. </template>
  89. <template v-else-if="formElement.type == '3'">
  90. <input type="text" v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" v-on:click="date(formElement.tableField)">
  91. <input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
  92. </template>
  93. <template v-else-if="formElement.type == '4'">
  94. <input type="text" v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" class="mui-input-clear" placeholder="">
  95. <input type="text" v-else v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
  96. </template>
  97. <template v-else-if="formElement.type == '5' ">
  98. <select v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" multiple class="dept_select">
  99. <template v-for="enuma in formElement.typeDetail.enum">
  100. <option v-bind:value="enuma.enumVname">{{enuma.enumVname}}</option>
  101. </template>
  102. </select>
  103. <input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly"/>
  104. </template>
  105. <template v-else-if="formElement.type == '9'">
  106. <input type="text" v-if="formElement.canEdit == '1'" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" v-on:click="time(formElement.tableField)">
  107. <input type="text" v-else v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
  108. </template>
  109. <template v-else-if="formElement.type == '15'">
  110. <input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" class="mui-input-clear" />
  111. </template>
  112. <template v-else-if="formElement.type == '13' && formElement.canEdit == '0' && formElement.defaultValue != ''">
  113. <img v-bind:id="formElement.tableField + 'img'" v-bind:src="API.API_IP_PORT + formElement.defaultValue" />
  114. </template>
  115. <template v-else-if="formElement.type == '13' && formElement.canEdit == '1' ">
  116. <input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" readonly="readonly" class="mui-input-clear" placeholder="请签名" v-on:click="openDrawingBoard(formElement.tableField)">
  117. <input type="text" id="reSign" placeholder="重签" v-on:click="openDrawingBoard(formElement.tableField)" readonly="readonly" class="mui-input-clear" style="display: none;" >
  118. <img v-bind:id="formElement.tableField + 'img'" src="#" style="display: none;"/>
  119. </template>
  120. <template v-else-if="formElement.type == '14'">
  121. <span v-html="formElement.defaultValue"></span>
  122. </template>
  123. <template v-else-if="formElement.type == '99'">
  124. <template v-if="formElement.tableField == 'issue'">
  125. <template v-for="process in processList">
  126. <template v-if="formElement.tmodelId.indexOf(process.tmodelId) != -1 && process.state == 2">
  127. <template v-if="process.remark !=null">
  128. <span v-html="process.remark"></span>
  129. </template>
  130. <template v-if="process.finishdate !=null">
  131. <br/><span>{{process.name}} {{process.finishdate}}</span><br/>
  132. </template>
  133. </template>
  134. </template>
  135. </template>
  136. <template v-else-if="formElement.tableField == 'office_view'">
  137. <template v-for="process in processList">
  138. <template v-if="formElement.tmodelId.indexOf(process.tmodelId) != -1 && process.state == '2'">
  139. <template v-if="process.remark !=null">
  140. <span v-html="process.remark"></span>
  141. </template>
  142. <template v-if="process.finishdate !=null">
  143. <br/><span>{{process.name}} {{process.finishdate}}</span><br/>
  144. </template>
  145. </template>
  146. </template>
  147. </template>
  148. <template v-else-if="formElement.tableField == 'huigao'">
  149. <template v-for="process in processList">
  150. <template v-if="formElement.tmodelId.indexOf(process.tmodelId) != -1 && process.state == '2'">
  151. <template v-if="process.remark !=null">
  152. <span v-html="process.remark"></span>
  153. </template>
  154. <template v-if="process.finishdate !=null">
  155. <br/><span>{{process.name}} {{process.finishdate}}</span><br/>
  156. </template>
  157. </template>
  158. </template>
  159. </template>
  160. <template v-else-if="formElement.tableField == 'dept_audit'">
  161. <template v-for="process in processList">
  162. <template v-if="formElement.tmodelId.indexOf(process.tmodelId) != -1 && process.state == '2'">
  163. <template v-if="process.remark !=null">
  164. <span v-html="process.remark"></span>
  165. </template>
  166. <template v-if="process.finishdate !=null">
  167. <br/><span>{{process.name}} {{process.finishdate}}</span><br/>
  168. </template>
  169. </template>
  170. </template>
  171. </template>
  172. <template v-else-if="formElement.tableField == 'leader_view'">
  173. <template v-for="process in processList">
  174. <template v-if="formElement.tmodelId.indexOf(process.tmodelId) != -1 && process.state == '2'">
  175. <template v-if="process.remark !=null">
  176. <span v-html="process.remark"></span>
  177. </template>
  178. <template v-if="process.finishdate !=null">
  179. <br/><span>{{process.name}} {{process.finishdate}}</span><br/>
  180. </template>
  181. </template>
  182. </template>
  183. </template>
  184. <template v-else-if="formElement.tableField == 'shouxi'">
  185. <template v-for="process in processList">
  186. <template v-if="formElement.tmodelId.indexOf(process.tmodelId) != -1 && process.state == '2'">
  187. <template v-if="process.remark !=null">
  188. <span v-html="process.remark"></span>
  189. </template>
  190. <template v-if="process.finishdate !=null">
  191. <br/><span>{{process.name}} {{process.finishdate}}</span><br/>
  192. </template>
  193. </template>
  194. </template>
  195. </template>
  196. <!--</template>-->
  197. </template>
  198. <template v-else >
  199. <input type="text" v-bind:id="formElement.tableField" v-bind:name="formElement.tableField" v-bind:value="formElement.defaultValue" readonly="readonly" class="mui-input-clear" placeholder="">
  200. </template>
  201. </li>
  202. </template>
  203. </template>
  204. </ul>
  205. </div>
  206. </form>
  207. <form class="mui-input-group" id="flowInfo">
  208. <flow-process :sel-model-id="selModelId" :flow="flow" :tmodel="tmodel" :next-tmodels="nextTmodels" :next-hand-tmodels="nextHandTmodels" :process-list="processList">
  209. </flow-process>
  210. </form>
  211. <div class="mui-button-row">
  212. <button type="button" class="mui-btn mui-btn-primary" id="saveBtn">同意</button>&nbsp;&nbsp;
  213. <button type="button" class="mui-btn mui-btn-danger" id="returnBth">退回</button>
  214. <button type="button" class="mui-btn mui-btn-danger" id="returnBthSend">退回至发起人</button>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. <!--页面主内容区结束-->
  221. </div>
  222. <!--单页面结束-->
  223. <div id="personComponent" class="mui-page">
  224. <div class="mui-navbar-inner mui-bar mui-bar-nav">
  225. <a class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
  226. <h1 class="mui-center mui-title">人员选择</h1>
  227. </div>
  228. <div class="mui-page-content">
  229. <div class="mui-scroll-wrapper" id="person-scroll">
  230. <div class="mui-scroll">
  231. <div class="mui-card" id="personData">
  232. <user-select v-on:increment="selectUser()" :group-users="groupUsers" :depts="depts" multiple="y"></user-select>
  233. </div>
  234. <div style="height: 50px;"></div>
  235. </div>
  236. <nav class="mui-bar mui-bar-tab">
  237. <button type="button" class="mui-btn mui-pull-left mui-btn-primary mui-action-back mui-btn-danger" style="margin-left: 30px;">取消</button>
  238. <button type="button" class="mui-btn mui-pull-right mui-btn-primary" onclick="selectUser()" style="margin-right: 30px;">确定</button>
  239. </nav>
  240. </div>
  241. </div>
  242. </div>
  243. <script src="../../js/mui.min.js"></script>
  244. <script src="../../js/mui.view.js"></script>
  245. <script src="../../js/mui.picker.min.js"></script>
  246. <script src="../../js/vue.min.js"></script>
  247. <script src="../../js/config.js"></script>
  248. <script src="../../js/app.js"></script>
  249. <script src="../../js/jquery-1.11.2.min.js"></script>
  250. <script src="../../js/dj/component/vue.flowprocess.js"></script>
  251. <script src="../../js/dj/component/vue.userselect.js"></script>
  252. <script src="../../js/dj/flow/flow_process2.js"></script>
  253. <script type="text/javascript">
  254. window.addEventListener('refresh', function(e){//当子页面有查看数据时,此页面执行刷新
  255. var sealInsID = e.detail.sealInsID;
  256. var elementID = e.detail.elementID;
  257. var path = e.detail.path;
  258. path = API.API_IP_PORT + path;
  259. console.log(sealInsID);
  260. console.log(elementID);
  261. console.log(path);
  262. if(sealInsID != ''){
  263. $("#"+elementID).hide();
  264. $("#"+elementID).val(sealInsID);
  265. var imgele = elementID+'img';
  266. $("#reSign").show();
  267. $("#"+imgele).show();
  268. $("#"+imgele).attr('src',path);
  269. console.log($("#"+elementID).val())
  270. }
  271. });
  272. </script>
  273. </body>
  274. </html>