modeler1.html 55 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8"/>
  5. <title>流程设计</title>
  6. <!-- required modeler styles -->
  7. <link rel="stylesheet" href="dist/assets/diagram-js.css">
  8. <link rel="stylesheet" href="dist/assets/bpmn-font/css/bpmn.css">
  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 rel='stylesheet' href='css/bpmn-set.css?time=" + new Date().getTime() + "'>");</script>
  14. <script>document.write("<link rel='stylesheet' href='css.page/modeler.css?time=" + new Date().getTime() + "'>");</script>
  15. <style>
  16. .highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
  17. fill: green !important; /* color elements as green */
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="sp-page" style="width: 98%; margin-left: 1%;">
  23. <div class="sp-page-col">
  24. <div class="sp-page-title sp-ml-5 sp-mt-10">
  25. <span>流程设计</span>
  26. <span style="margin:0px 8px;color: #ff0000" id="flowName"></span>
  27. <span class="sp-page-back" onclick="btnGoBack()"><i class="icon-back"></i> 返回上一级</span>
  28. <span class="sp-page-back" id="btnSaveFlow" style="margin-left: 20px;">
  29. <i class="fa fa-check"></i> 保存流程
  30. </span>
  31. <span class="sp-page-back" id="btnCheckFlow" onclick="checkFlow()" style="margin-left: 20px;">
  32. <i class="fa fa-warning"></i> 核查流程
  33. </span>
  34. <span class="sp-page-back sp-hide" id="btnTimeFlow" onclick="openTimeLayer()" style="margin-left: 20px;">
  35. <i class="fa fa-clock-o"></i> 时限设置
  36. </span>
  37. <span class="sp-page-back" id="btnViewSet" onclick="openTableLayer()" style="margin-left: 20px;">
  38. <i class="fa fa-table"></i> 视图设置
  39. </span>
  40. <span class="sp-page-back" onclick="btnExportFlow()" style="margin-left: 20px;">
  41. <i class="fa fa-sign-out"></i> 导出流程图
  42. </span>
  43. <span class="sp-page-back" id="btnSaveFlowCreate" onclick="saveFlowCreate()" style="margin-left: 20px;">
  44. <i class="fa fa-pencil"></i> 更新创建流程用户
  45. </span>
  46. </div>
  47. </div>
  48. <div class="sp-line-gray"></div>
  49. </div>
  50. <div id="canvas"></div>
  51. <div id="div_flow_svg_part" style="display:none;">
  52. </div>
  53. <!-- 点击节点后右侧显示配置信息---end -->
  54. <div class="bpmn-right" id="bpmnSetRightPart" nodeid="">
  55. <div class="sp-page-mgn" style="margin: 10px 0.7% 0px 0.7% !important;height: 98%;">
  56. <div class="sp-list-type-gray">
  57. <span class="sp-list-type-title sp-list-type-active">属性</span>
  58. <span class="sp-list-type-right sp-cursor-pointer" onclick="btnHideRightPart()" title="关闭"><i
  59. class="icon-cancel"></i>关闭</span>
  60. </div>
  61. <div class="sp-page-pad">
  62. <div class="sp-lh-22 sp-text-weight"><i class="icon-down-dir"></i>节点属性</div>
  63. <div class="sp-lh-20">
  64. <div class="sp-col-30">节点编码</div>
  65. <div class="sp-col-70 ">
  66. <div class="sp-page nodeCode"></div>
  67. <div class="sp-page">
  68. <label><input type="checkbox" id="chb_isMarkmerge" onchange="updateNodeMarkmerge()" />&nbsp;是否合流</label>
  69. </div>
  70. </div>
  71. </div>
  72. <div class="sp-lh-20">
  73. <div class="sp-col-30">节点类别</div>
  74. <div class="sp-col-70">
  75. <div class="nodePart">
  76. <div class="nodeType"></div>
  77. <div class="nodeBtn fa fa-edit" title="调整类别" onclick="switchNodeTypeSelect()"></div>
  78. </div>
  79. <div class="nodePart nodeSelect">
  80. <select class="sp-select nodeTypeSelect"
  81. style="width: 60% !important;height: 26px!important;line-height: 26px!important;">
  82. <option value="2">任务</option>
  83. <option value="4">子流程</option>
  84. </select>
  85. <div class="nodeChangeBtn" onclick="updateNodeType()">保存</div>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="sp-lh-20">
  90. <div class="sp-col-30">节点名称</div>
  91. <div class="sp-col-70"><input type="text" class="sp-input nodeName" onblur="updateNodeInfo()"/></div>
  92. </div>
  93. <div class="sp-lh-20">
  94. <div class="sp-col-30">节点时限</div>
  95. <div class="sp-col-70"><input type="text" class="sp-input nodeTime" onblur="updateNodeInfo()"/></div>
  96. </div>
  97. <div class="sp-lh-20">
  98. <div class="sp-col-30">简要说明</div>
  99. <div class="sp-col-70">
  100. <textarea cols="4" class="sp-textarea nodeRemark" onblur="updateNodeInfo()"></textarea>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="sp-line-gray"></div>
  105. <div class="sp-lh-22 sp-text-weight" id="formTitle">
  106. <div class="sp-col-70"><i class="icon-down-dir"></i>表单设置</div>
  107. <div class="sp-col-30 sp-text-right sp-cursor-pointer" onclick="openFormLayer()" title="选择表单"><i
  108. class="icon-plus-1"></i></div>
  109. </div>
  110. <div class="sp-page-pad formTableBox" id="formBox">
  111. <table class="sp-grid-job">
  112. <tbody>
  113. </tbody>
  114. </table>
  115. </div>
  116. <div class="sp-lh-22 sp-text-weight" id="itemFlowTitle">
  117. <div class="sp-col-70"><i class="icon-down-dir"></i>子流程设置</div>
  118. <div class="sp-col-30 sp-text-right sp-cursor-pointer" onclick="openItemFlowLayer()" title="选择流程"><i
  119. class="icon-plus-1"></i></div>
  120. </div>
  121. <div class="sp-page-pad itemFlowBox" id="itemFlowBox">
  122. <table class="sp-grid-job">
  123. <tbody>
  124. </tbody>
  125. </table>
  126. </div>
  127. <div class="sp-line-gray"></div>
  128. <div class="sp-lh-22 sp-text-weight">
  129. <div class="sp-col-70"><i class="icon-down-dir"></i>人员设置</div>
  130. <div class="sp-col-30 sp-text-right sp-cursor-pointer" onclick="openUserLayer()"
  131. title="选择人员"><i class="icon-plus-1"></i></div>
  132. </div>
  133. <div id="nodeUserList">
  134. </div>
  135. </div>
  136. </div>
  137. <!-- 点击节点后右侧显示配置信息---end -->
  138. <!-- 点击流向线后右侧显示配置信息---start -->
  139. <div class="bpmn-right" id="bpmnSetRightPartFlow" flowid="">
  140. <div class="tabContentBox">
  141. <div class="sp-list-type-gray">
  142. <span class="sp-list-type-title tabItem sp-list-type-active" onclick="changeTab(0)">属性</span>
  143. <span class="sp-list-type-title tabItem" style="padding: 0 12px" onclick="changeTab(1)">视图人员</span>
  144. <span class="sp-list-type-title tabItem" onclick="changeTab(2)">高级</span>
  145. <span class="sp-list-type-right sp-cursor-pointer" onclick="btnHideRightPartFlow()" title="关闭"><i
  146. class="icon-cancel"></i>关闭</span>
  147. </div>
  148. <div class="tabInfo">
  149. <div class="sp-page-pad">
  150. <div class="sp-lh-22 sp-text-weight"><i class="icon-down-dir"></i>流向属性</div>
  151. <div class="sp-lh-20">
  152. <div class="sp-col-30">流向编码</div>
  153. <div class="sp-col-70">
  154. <div class="sp-page" id="directionKid"></div>
  155. <div class="sp-page">
  156. <label><input type="checkbox" id="canGoBack" onchange="updateFlowInfo()"/>&nbsp;回退</label>&nbsp;
  157. <label><input type="checkbox" id="canTeSong" onchange="updateFlowInfo()"/>&nbsp;强制转发</label>
  158. </div>
  159. </div>
  160. </div>
  161. <div class="sp-lh-20">
  162. <div class="sp-col-30">流向名称</div>
  163. <div class="sp-col-70"><input type="text" class="sp-input" id="directionCname"
  164. onblur="updateFlowInfo()"/></div>
  165. </div>
  166. <div class="sp-lh-20">
  167. <div class="sp-col-30">执行序号</div>
  168. <div class="sp-col-70"><input type="number" id="directionRunid" onblur="updateFlowInfo()"
  169. class="sp-input"/></div>
  170. </div>
  171. <div class="sp-lh-20">
  172. <div class="sp-col-30">简要说明</div>
  173. <div class="sp-col-70">
  174. <textarea cols="4" id="directionExplain" class="sp-textarea"
  175. onblur="updateFlowInfo()"></textarea>
  176. </div>
  177. </div>
  178. </div>
  179. <div class="sp-line-gray"></div>
  180. <div class="sp-page-pad">
  181. <div class="sp-lh-22 sp-text-weight"><i class="icon-down-dir"></i>转发设置</div>
  182. <div class="sp-lh-20">
  183. <div class="sp-col-30">转发规则</div>
  184. <div class="sp-col-70">
  185. <select id="sendrule" class="sp-select" onchange="changesSendrule()">
  186. <option value="0">转发单独一人</option>
  187. <option value="1">转一人抄多人</option>
  188. <option value="2">转发平行多人</option>
  189. <option value="3">转发次序多人</option>
  190. </select>
  191. </div>
  192. </div>
  193. <div class="sp-lh-20" id="sendendruleBox" style="display: none">
  194. <div class="sp-col-30">结束规则</div>
  195. <div class="sp-col-70">
  196. <select id="sendendrule" class="sp-select" onchange="updateFlowInfo()">
  197. <!-- <option value="0">有一个完成就结束</option>-->
  198. <!-- <option value="1">全部都完成才结束</option>-->
  199. <!-- <option value="0">有一个完成就结束</option>-->
  200. <!-- <option value="1">全部都完成才结束</option>-->
  201. </select>
  202. </div>
  203. </div>
  204. </div>
  205. <div class="sp-line-gray"></div>
  206. <div class="sp-page-pad">
  207. <div class="sp-lh-22 sp-text-weight"><i class="icon-down-dir"></i>赋值设置</div>
  208. <div class="sp-lh-20">
  209. <div class="sp-col-50 sp-pad-0">转发后状态改变为:</div>
  210. <div class="sp-col-50 sp-pad-0">
  211. <select class="sp-select" id="toinfoStatus" onchange="updateFlowInfo()"
  212. style="width: 75% !important;">
  213. </select>
  214. <div class="stateBtn">自</div>
  215. </div>
  216. </div>
  217. <div class="sp-lh-20 sp-mt-10">
  218. <div class="sp-col-50 sp-pad-0">转发后指定列赋值:</div>
  219. <div class="sp-col-50 sp-pad-0 sp-text-right" title="赋值设置">
  220. <i onclick="openDirectionValuesetLayer()" class="icon-plus-1 sp-cursor-pointer"></i>
  221. </div>
  222. </div>
  223. <div id="valueSetList">
  224. </div>
  225. </div>
  226. <div class="sp-line-gray"></div>
  227. <div class="sp-page-pad">
  228. <div class="sp-lh-22 sp-text-weight tabPartTitle">
  229. <div class="sp-col-70"><i class="icon-down-dir"></i>可见设置</div>
  230. <div class="sp-col-30 sp-text-right sp-cursor-pointer" title="可见设置"><i
  231. class="icon-plus-1" onclick="openDirectionRuleLayer()"></i></div>
  232. </div>
  233. <div id="ruleList">
  234. </div>
  235. </div>
  236. <div class="sp-line-gray itemConfig"></div>
  237. <div class="sp-page-pad itemConfig">
  238. <div class="sp-lh-22 sp-text-weight"><i class="icon-down-dir"></i>通知设置</div>
  239. <div class="sp-lh-20">
  240. <div class="sp-col-30">通知规则</div>
  241. <div class="sp-col-70">
  242. <select class="sp-select" id="noticeSelect" onchange="updateFlowInfo()">
  243. <option value="0">代办消息通知</option>
  244. <option value="1">立即创建流程</option>
  245. </select>
  246. </div>
  247. </div>
  248. </div>
  249. <div class="sp-line-gray itemConfig"></div>
  250. <div class="sp-page-pad itemConfig">
  251. <div class="sp-lh-22 sp-text-weight"><i class="icon-down-dir"></i>继续设置</div>
  252. <div class="sp-lh-20">
  253. <div class="sp-col-30">继续规则</div>
  254. <div class="sp-col-70">
  255. <select class="sp-select" id="continueSelect" onchange="updateFlowInfo()">
  256. <option value="0">无需等待继续进行</option>
  257. <option value="1">必须返回后再继续</option>
  258. </select>
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. <div class="tabInfo">
  264. <div class="sp-page-pad">
  265. <div class="sp-lh-22 sp-text-weight tabPartTitle">
  266. <div class="sp-col-70"><i class="icon-down-dir"></i>表单视图设置</div>
  267. <div class="sp-col-30 sp-text-right sp-cursor-pointer" title="视图设置"><i
  268. class="icon-plus-1" onclick="openViewLayer()"></i></div>
  269. </div>
  270. <div class="viewContentBox">
  271. </div>
  272. </div>
  273. <div class="sp-line-gray"></div>
  274. <div class="sp-page-pad">
  275. <div class="sp-lh-22 sp-text-weight tabPartTitle">
  276. <div class="sp-col-70"><i class="icon-down-dir"></i>人员设置<span id="tabPartTitle_viewUserBox_num"></span></div>
  277. <div class="sp-col-30 sp-text-right sp-cursor-pointer" title="人员设置"><i
  278. class="icon-plus-1" onclick="openDirectionUser()"></i></div>
  279. </div>
  280. <div class="viewUserBox" style="max-height:200px; overflow-y:auto;">
  281. <table class="sp-grid-job">
  282. <tbody>
  283. </tbody>
  284. </table>
  285. </div>
  286. </div>
  287. <div class="sp-line-gray"></div>
  288. <div class="sp-page-pad">
  289. <div class="sp-lh-22 sp-text-weight tabPartTitle">
  290. <div class="sp-col-70"><i class="icon-down-dir"></i>人员过滤设置</div>
  291. <div class="sp-col-30 sp-text-right sp-cursor-pointer" title="人员过滤设置"><i
  292. class="icon-plus-1" onclick="openUserRuleLayer()"></i></div>
  293. </div>
  294. <div id="userRuleList">
  295. </div>
  296. </div>
  297. <div class="sp-line-gray"></div>
  298. <div class="sp-page-pad">
  299. <div class="sp-lh-22 sp-text-weight tabPartTitle">
  300. <div class="sp-col-70"><i class="icon-down-dir"></i>抄送人员过滤设置</div>
  301. <div class="sp-col-30 sp-text-right sp-cursor-pointer" title="抄送人员过滤设置"><i
  302. class="icon-plus-1" onclick="openUserRuleCopyLayer()"></i></div>
  303. </div>
  304. <div id="userRuleListCopy">
  305. </div>
  306. </div>
  307. </div>
  308. <div class="tabInfo">
  309. <div class="sp-page-pad">
  310. <div class="sp-lh-22 sp-text-weight">
  311. <i class="icon-down-dir"></i>转发提醒设置
  312. </div>
  313. <div class="sp-lh-20">
  314. <div class="sp-col-30">即时消息</div>
  315. <div class="sp-col-70">
  316. <input type="checkbox" id="rtxmsgRemark" onchange="changeRtxmsg()">
  317. </div>
  318. </div>
  319. <div class="sp-lh-20">
  320. <div class="sp-col-30">格式</div>
  321. <div class="sp-col-70">
  322. <textarea rows="3" id="rtxmsg" class="sp-textarea" onblur="updateFlowExtraInfo()"></textarea>
  323. </div>
  324. </div>
  325. <div class="sp-lh-20 sp-mt-10">
  326. <div class="sp-col-30">手机短信</div>
  327. <div class="sp-col-70">
  328. <input type="checkbox" id="smsmsgRemark" onchange="changeSmsmsg()">
  329. </div>
  330. </div>
  331. <div class="sp-lh-20">
  332. <div class="sp-col-30">格式</div>
  333. <div class="sp-col-70">
  334. <textarea rows="3" id="smsmsg" class="sp-textarea" onblur="updateFlowExtraInfo()"></textarea>
  335. </div>
  336. </div>
  337. <div class="sp-lh-20 sp-pl-10" style="color: #1e74d5;">说明:@USER用户名称,@TITLE标题</div>
  338. </div>
  339. <div class="sp-line-gray"></div>
  340. <div class="sp-page-pad">
  341. <div class="sp-lh-22 sp-text-weight tabPartTitle">
  342. <div class="sp-col-70"><i class="icon-down-dir"></i>额外提醒设置</div>
  343. <div class="sp-col-30 sp-text-right sp-cursor-pointer" title="提醒设置"><i
  344. class="icon-plus-1" onclick="openMsgLayer()"></i></div>
  345. </div>
  346. <div id="msgRuleList">
  347. </div>
  348. </div>
  349. </div>
  350. </div>
  351. </div>
  352. <!-- 点击流向线后右侧显示配置信息---end -->
  353. <!-- 节点设置-选择表单---开始 -->
  354. <div class="sp-layer" id="layer_formset" data-title="选择表单" style="width:750px;">
  355. <div class="sp-layer-body" style="height: 280px;">
  356. <div class="formPartLeft">
  357. <div class="formUnitBox">
  358. <select id="formUnit" onchange="changeUnit()">
  359. </select>
  360. </div>
  361. <div class="formTypeBox">
  362. </div>
  363. </div>
  364. <div class="formPartRight">
  365. <table class="sp-table-sm" id="formList">
  366. <thead>
  367. <tr>
  368. <th><input type="checkbox" id="selectAll" onclick="selectAllForm()"></th>
  369. <th>序号</th>
  370. <th>表单标识</th>
  371. <th>表单名称</th>
  372. <th>简称</th>
  373. <th>表单描述</th>
  374. <th>表单类型</th>
  375. </tr>
  376. </thead>
  377. <tbody>
  378. </tbody>
  379. </table>
  380. <div class="sp-table-tip" style="display: none">
  381. <i class="fa fa-exclamation-circle"></i> 暂无此类表单!
  382. </div>
  383. </div>
  384. </div>
  385. <div class="sp-layer-foot sp-pt-10">
  386. <button class="sp-btn-blue sp-btn-md" onclick="saveForm()">
  387. <i class="fa fa-check"></i>&nbsp;提交
  388. </button>
  389. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  390. <i class="fa fa-close"></i>&nbsp;取消
  391. </button>
  392. </div>
  393. </div>
  394. <!-- 节点设置-选择表单--结束 -->
  395. <!-- 节点设置-选择人员(同时与流向提醒设置公用一个弹窗)---开始 -->
  396. <div class="sp-layer" id="layer_selectUser" data-title="选择人员" style="width:700px;">
  397. <div class="sp-layer-body">
  398. <div class="sp-lh-30">
  399. <div class="sp-page-col">选择机构</div>
  400. <div class="sp-page-col sp-ml-10">
  401. <select id="userUnit" onchange="changeUserUnit()">
  402. </select>
  403. </div>
  404. </div>
  405. <div>
  406. <table class="sp-grid sp-grid-border">
  407. <thead>
  408. <tr>
  409. <th style="width:240px;">
  410. <span class="sp-page-col">部门</span>
  411. <span class="sp-page-col sp-pull-right">
  412. <input type="checkbox" id="departAll" onclick="clickAllDepart()"/>
  413. </span>
  414. </th>
  415. <th style="width:140px;">
  416. <span class="sp-page-col">角色</span>
  417. <span class="sp-page-col sp-pull-right">
  418. <input type="checkbox" id="roleAll" onclick="clickAllRole()"/>
  419. </span>
  420. </th>
  421. <th style="width:140px;">
  422. <span class="sp-page-col">群组</span>
  423. <span class="sp-page-col sp-pull-right">
  424. <input type="checkbox" id="groupAll" onclick="clickAllGroup()"/>
  425. </span>
  426. </th>
  427. <th style="width:140px;">
  428. <span class="sp-page-col">人员</span>
  429. <span class="sp-page-col sp-pull-right">
  430. <input type="checkbox" id="userAll" onclick="clickAllUser()"/>
  431. </span>
  432. </th>
  433. </tr>
  434. </thead>
  435. <tbody>
  436. <tr>
  437. <td>
  438. <div class="sp-page" style="height: 200px; width:235px; overflow: auto;">
  439. <div class="sp-tree">
  440. <ul class="treeList">
  441. </ul>
  442. </div>
  443. </div>
  444. </td>
  445. <td>
  446. <div class="sp-page roleList" style="height: 200px; overflow: auto;">
  447. </div>
  448. </td>
  449. <td>
  450. <div class="sp-page groupList" style="height: 200px; overflow: auto;">
  451. </div>
  452. </td>
  453. <td>
  454. <div class="sp-page userList" style="height: 200px; overflow: auto;">
  455. </div>
  456. </td>
  457. </tr>
  458. </tbody>
  459. </table>
  460. </div>
  461. <div class="msgContentBox">
  462. <div class="msgContentLeft">
  463. <div class="msgTitle">
  464. 即时消息&nbsp;<input type="checkbox" id="rtxmsgFlag" onchange="changeRtxmsgFlag()">
  465. </div>
  466. <div class="msgContent">
  467. <div class="sp-col-20">格式</div>
  468. <div class="sp-col-75"><textarea rows="3" id="rtxmsgContent" class="sp-textarea"></textarea></div>
  469. </div>
  470. </div>
  471. <div class="msgContentRight">
  472. <div class="msgTitle">
  473. 手机短信&nbsp;<input type="checkbox" id="smsmsgFlag" onchange="changeSmsmsgFlag()">
  474. </div>
  475. <div class="msgContent">
  476. <div class="sp-col-20">格式</div>
  477. <div class="sp-col-75"><textarea rows="3" id="smsmsgContent" class="sp-textarea"></textarea></div>
  478. </div>
  479. </div>
  480. </div>
  481. <div class="sp-lh-26">生成条件</div>
  482. <div class="sp-page" style="height: 100px;">
  483. <table class="sp-grid sp-grid-border">
  484. <thead>
  485. <tr>
  486. <th style="width: 40px;">序号</th>
  487. <th>部门</th>
  488. <th>角色</th>
  489. <th>群组</th>
  490. <th>人员</th>
  491. <th>所属机构</th>
  492. </tr>
  493. </thead>
  494. <tbody>
  495. <tr>
  496. <td>1</td>
  497. <td id="nowDepart"></td>
  498. <td id="nowRole"></td>
  499. <td id="nowGroup"></td>
  500. <td id="nowUser"></td>
  501. <td id="nowUnit"></td>
  502. </tr>
  503. </tbody>
  504. </table>
  505. </div>
  506. <div class="sp-page sp-text-center sp-mt-20">
  507. <button class="sp-btn-blue sp-btn-md" onclick="saveUserOrMsg()">
  508. <i class="fa fa-check"></i>&nbsp;提交
  509. </button>
  510. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  511. <i class="fa fa-close"></i>&nbsp;取消
  512. </button>
  513. </div>
  514. </div>
  515. </div>
  516. <!-- 节点设置-选择人员(同时与流向提醒设置公用一个弹窗)--结束 -->
  517. <!-- 节点设置-选择流程---开始 -->
  518. <div class="sp-layer" id="layer_itemFlow" data-title="选择流程" style="width:750px;">
  519. <div class="sp-layer-body" style="height: 280px;">
  520. <div class="formPartLeft">
  521. <div class="formUnitBox">
  522. <select id="itemUserUnit" onchange="changeUnitItemFlow()">
  523. </select>
  524. </div>
  525. <div class="itemFlowTypeBox">
  526. </div>
  527. </div>
  528. <div class="formPartRight">
  529. <table class="sp-table-sm" id="itemFlowList">
  530. <thead>
  531. <tr>
  532. <th></th>
  533. <th>序号</th>
  534. <th>流程标识</th>
  535. <th>流程名称</th>
  536. <th>流程时限(天)</th>
  537. <th>备注</th>
  538. </tr>
  539. </thead>
  540. <tbody>
  541. </tbody>
  542. </table>
  543. <div class="sp-table-tip" style="display: none">
  544. <i class="fa fa-exclamation-circle"></i> 暂无此类流程!
  545. </div>
  546. </div>
  547. </div>
  548. <div class="sp-layer-foot sp-pt-10">
  549. <button class="sp-btn-blue sp-btn-md" onclick="saveFlow()">
  550. <i class="fa fa-check"></i>&nbsp;提交
  551. </button>
  552. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  553. <i class="fa fa-close"></i>&nbsp;取消
  554. </button>
  555. </div>
  556. </div>
  557. <!-- 节点设置-选择流程--结束 -->
  558. <!-- 节点设置-编辑流程---开始 -->
  559. <div class="sp-layer" id="layer_editFlow" style="width: 500px;">
  560. <div class="sp-layer-head">
  561. <span class="sp-layer-title">编辑流程</span>
  562. <span class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">×</span>
  563. </div>
  564. <div class="sp-layer-body">
  565. <table class="sp-grid-job">
  566. <tbody>
  567. <tr>
  568. <td colspan="2" style="width:100px;">流程类别</td>
  569. <td>
  570. <select id="editFlowType">
  571. </select>
  572. </td>
  573. </tr>
  574. <tr>
  575. <td colspan="2" style="width:100px;">流程标识</td>
  576. <td>
  577. <input type="text" sp-required id="editFlowCkey"/>
  578. </td>
  579. </tr>
  580. <tr>
  581. <td colspan="2">流程名称</td>
  582. <td>
  583. <input type="text" id="editFlowCname"/>
  584. </td>
  585. </tr>
  586. <tr>
  587. <td colspan="2">流程时限(天)</td>
  588. <td><input type="text" id="editFlowTime"/></td>
  589. </tr>
  590. <tr>
  591. <td rowspan="2">编号设置</td>
  592. <td>关联表</td>
  593. <td>
  594. <select id="editFlowTable" onchange="changeTableToColumn()">
  595. </select>
  596. </td>
  597. </tr>
  598. <tr>
  599. <td>关联列</td>
  600. <td>
  601. <select id="editFlowColumn">
  602. </select>
  603. </td>
  604. </tr>
  605. <tr>
  606. <td colspan="2">备注说明</td>
  607. <td>
  608. <textarea cols="4" id="editFlowExplain"></textarea>
  609. </td>
  610. </tr>
  611. </tbody>
  612. </table>
  613. <div class="sp-page sp-text-center sp-mt-20">
  614. <button class="sp-btn-blue sp-btn-md" onclick="updateFlowData()">
  615. <i class="fa fa-check"></i>&nbsp;提交
  616. </button>
  617. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide();">
  618. <i class="fa fa-close"></i>&nbsp;取消
  619. </button>
  620. <button class="fa-edit">
  621. <i class="fa-edit" onclick="sp.layerhide();"></i>
  622. </button>
  623. <button class="fa-edit" onclick="sp.lineAtHeight('50','100')">
  624. </button>
  625. <button class="fa-trash" onclick="sp.alignheight()"></button>
  626. </div>
  627. </div>
  628. </div>
  629. <!-- 节点设置-编辑流程--结束 -->
  630. <!-- 流向设置-赋值设置---开始 -->
  631. <div class="sp-layer" data-title="赋值设置" id="layer_directionValueset" style="width:500px;">
  632. <div class="sp-layer-body">
  633. <table class="sp-grid-job">
  634. <tbody>
  635. <tr>
  636. <td style="width:100px;">赋值状态</td>
  637. <td>
  638. <select id="valueState">
  639. <option value="0">启动</option>
  640. <option value="1">关闭</option>
  641. </select>
  642. </td>
  643. </tr>
  644. <tr>
  645. <td>数据表单</td>
  646. <td>
  647. <select id="valueTable" onchange="changeDirectionForm('#valueTable','#valueColname')">
  648. </select>
  649. </td>
  650. </tr>
  651. <tr>
  652. <td>数据字段</td>
  653. <td>
  654. <select id="valueColname">
  655. </select>
  656. </td>
  657. </tr>
  658. <tr>
  659. <td>赋值</td>
  660. <td>
  661. <div style="width:25%;padding:0 3px;float:left">
  662. <select id="valueType" class="sp-select" onchange="changeValueType()">
  663. <option value="1">列表</option>
  664. <option value="2">固定值</option>
  665. </select>
  666. </div>
  667. <div style="width:75%;padding:0 3px;float:left">
  668. <select id="valueSet" class="sp-select">
  669. <option value="@USERID">转出用户ID</option>
  670. <option value="@UINPUTNAME">转出用户登录名称</option>
  671. <option value="@USHOWNAME">转出用户显示名称</option>
  672. <option value="@SECTCODE">转出部门代码</option>
  673. <option value="@SECTNAME">转出部门名称</option>
  674. <option value="@RECDATE">转出时间</option>
  675. <option value="@SENDMAN">主送用户ID</option>
  676. <option value="@SENDMANUPINPUTNAME">主送用户登录名称</option>
  677. <option value="@SENDMANUSHOWNAME">主送用户显示名称</option>
  678. <option value="@SENDSECTCODE">主送用户部门代码</option>
  679. <option value="@SENDSECTNAME">主送用户部门名称</option>
  680. <option value="@COPYMAN">抄送用户ID</option>
  681. <option value="@COPYMANUSHOWNAME">抄送用户显示名称</option>
  682. <option value="@COPYMANECTCODE">抄送用户部门代码</option>
  683. <option value="@COPYMANSECTNAME">抄送用户部门名称</option>
  684. <option value="@SENDCOPYMAN">主送+抄送用户ID</option>
  685. <option value="@SENDCOPYMANUSHOWNAME">主送+抄送用户显示名称</option>
  686. <option value="@SENDCOPYMANECTCODE">主送+抄送用户部门代码</option>
  687. <option value="@SENDCOPYMANSECTNAME">主送+抄送用户部门名称</option>
  688. <option disabled>——————————</option>
  689. <option value="@FUNCSHOUWENFORMCODE">函数:区委收文单号规则方法</option>
  690. <option value="@FUNCSHOUWENJYFORMCODE">函数:机要收文单号规则方法</option>
  691. <option value="@FUNCFORMCONVERTPDFRULES">函数:表单转换PDF方法</option>
  692. <option value="@CHENGBANBUMENMAN">函数:承办部门字段更新方法</option>
  693. <option value="@ZHUBANBUMENMAN">函数:更新主办部门标识</option>
  694. </select>
  695. <input type="text" id="valueInput" onkeyup="this.value = this.value.replace(/^@.*$/g, '')"
  696. class="sp-input" style="display:none"/>
  697. </div>
  698. </td>
  699. </tr>
  700. </tbody>
  701. </table>
  702. <div class="sp-page sp-text-center sp-mt-20">
  703. <button class="sp-btn-blue sp-btn-md" onclick="saveDirectionValueset()">
  704. <i class="fa fa-check"></i>&nbsp;提交
  705. </button>
  706. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  707. <i class="fa fa-close"></i>&nbsp;取消
  708. </button>
  709. </div>
  710. </div>
  711. </div>
  712. <!-- 流向设置-赋值设置---结束-->
  713. <!-- 流向设置-可见设置---开始 -->
  714. <div class="sp-layer" data-title="可见设置" id="layer_directionRule" style="width:500px;">
  715. <div class="sp-layer-body">
  716. <table class="sp-grid-job">
  717. <tbody>
  718. <tr>
  719. <td style="width:100px;">逻辑符</td>
  720. <td>
  721. <select id="ruleAndor">
  722. <option value="AND">AND</option>
  723. <option value="OR">OR</option>
  724. </select>
  725. </td>
  726. </tr>
  727. <tr>
  728. <td>数据表单</td>
  729. <td>
  730. <select id="ruleTable"
  731. onchange="changeDirectionForm_code('#ruleTable','#ruleColname','#ruleValueBox')">
  732. </select>
  733. </td>
  734. </tr>
  735. <tr>
  736. <td>数据字段</td>
  737. <td>
  738. <select id="ruleColname" onchange="changeColname_code('#ruleColname','#ruleValueBox')">
  739. </select>
  740. </td>
  741. </tr>
  742. <tr>
  743. <td>判断符号</td>
  744. <td>
  745. <select id="ruleCollogic">
  746. <option value="等于">等于</option>
  747. <option value="不等于">不等于</option>
  748. <option value="包含">包含</option>
  749. <option value="包含于">包含于</option>
  750. <option value="不包含">不包含</option>
  751. <option value="不包含于">不包含于</option>
  752. <option value="大于">大于</option>
  753. <option value="大于等于">大于等于</option>
  754. <option value="小于">小于</option>
  755. <option value="小于等于">小于等于</option>
  756. </select>
  757. </td>
  758. </tr>
  759. <tr>
  760. <td>判断值</td>
  761. <td id="ruleValueBox">
  762. </td>
  763. </tr>
  764. </tbody>
  765. </table>
  766. <div class="sp-page sp-text-center sp-mt-20">
  767. <button class="sp-btn-blue sp-btn-md" onclick="saveDirectionRule()">
  768. <i class="fa fa-check"></i>&nbsp;提交
  769. </button>
  770. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  771. <i class="fa fa-close"></i>&nbsp;取消
  772. </button>
  773. </div>
  774. </div>
  775. </div>
  776. <!-- 流向设置-可见设置---结束-->
  777. <!-- 流向设置-选择视图---开始 -->
  778. <div class="sp-layer" id="layer_viewset" data-title="选择视图" style="width:750px;">
  779. <div class="sp-layer-body" style="height: 280px;">
  780. <div class="viewPartLeft">
  781. <div class="viewTypeBox">
  782. </div>
  783. </div>
  784. <div class="viewPartRight">
  785. <table class="sp-table-sm" id="viewList">
  786. <thead>
  787. <tr>
  788. <th><input type="checkbox" id="selectAllView" onclick="selectAllView()"></th>
  789. <th>序号</th>
  790. <th>表单视图标识</th>
  791. <th>表单视图名称</th>
  792. </tr>
  793. </thead>
  794. <tbody>
  795. </tbody>
  796. </table>
  797. <div class="sp-table-tip" style="display: none">
  798. <i class="fa fa-exclamation-circle"></i> 暂无此类表单!
  799. </div>
  800. </div>
  801. </div>
  802. <div class="sp-layer-foot sp-pt-10">
  803. <button class="sp-btn-blue sp-btn-md" onclick="saveView()">
  804. <i class="fa fa-check"></i>&nbsp;提交
  805. </button>
  806. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  807. <i class="fa fa-close"></i>&nbsp;取消
  808. </button>
  809. </div>
  810. </div>
  811. <!-- 流向设置-选择视图--结束 -->
  812. <!-- 流向设置-视图可见设置---开始 -->
  813. <div class="sp-layer" data-title="视图可见设置" id="layer_viewRule" form-editid="" form-index="" style="width:500px;">
  814. <div class="sp-layer-body">
  815. <table class="sp-grid-job">
  816. <tbody>
  817. <tr>
  818. <td style="width:100px;">逻辑符</td>
  819. <td>
  820. <select id="viewAndor">
  821. <option value="AND">AND</option>
  822. <option value="OR">OR</option>
  823. </select>
  824. </td>
  825. </tr>
  826. <tr>
  827. <td>数据表单</td>
  828. <td>
  829. <select id="viewTable"
  830. onchange="changeDirectionForm_code('#viewTable','#viewColname','#viewValueBox')">
  831. </select>
  832. </td>
  833. </tr>
  834. <tr>
  835. <td>数据字段</td>
  836. <td>
  837. <select id="viewColname" onchange="changeColname_code('#viewColname','#viewValueBox')">
  838. </select>
  839. </td>
  840. </tr>
  841. <tr>
  842. <td>判断符号</td>
  843. <td>
  844. <select id="viewCollogic">
  845. <option value="等于">等于</option>
  846. <option value="不等于">不等于</option>
  847. <option value="包含">包含</option>
  848. <option value="包含于">包含于</option>
  849. <option value="不包含">不包含</option>
  850. <option value="不包含于">不包含于</option>
  851. <option value="大于">大于</option>
  852. <option value="大于等于">大于等于</option>
  853. <option value="小于">小于</option>
  854. <option value="小于等于">小于等于</option>
  855. </select>
  856. </td>
  857. </tr>
  858. <tr>
  859. <td>判断值</td>
  860. <td id="viewValueBox">
  861. </td>
  862. </tr>
  863. </tbody>
  864. </table>
  865. <div class="sp-page sp-text-center sp-mt-20">
  866. <button class="sp-btn-blue sp-btn-md" onclick="saveDirectionViewRule()">
  867. <i class="fa fa-check"></i>&nbsp;提交
  868. </button>
  869. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  870. <i class="fa fa-close"></i>&nbsp;取消
  871. </button>
  872. </div>
  873. </div>
  874. </div>
  875. <!-- 流向设置-视图可见设置---结束-->
  876. <!-- 流向设置-选择人员---开始 -->
  877. <div class="sp-layer" id="layer_directionUser" data-title="选择人员" style="width:500px;">
  878. <div class="sp-layer-body">
  879. <div class="sp-lh-30">
  880. <div class="sp-page-col">选择机构</div>
  881. <div class="sp-page-col sp-ml-10">
  882. <select id="directionUnit" onchange="changeDirectionUnit()">
  883. </select>
  884. </div>
  885. </div>
  886. <div>
  887. <table class="sp-grid sp-grid-border">
  888. <thead>
  889. <tr>
  890. <th style="width:280px;">
  891. <span class="sp-page-col">部门</span>
  892. <span class="sp-page-col sp-pull-right">
  893. <input type="checkbox" id="directionAllDepart" onclick="clickAllDirectionDepart()"/>
  894. </span>
  895. </th>
  896. <th>
  897. <span class="sp-page-col">人员</span>
  898. <span class="sp-page-col sp-pull-right">
  899. <input type="checkbox" id="directionAllUser" onclick="clickAllDirectionUser()"/>
  900. </span>
  901. </th>
  902. </tr>
  903. </thead>
  904. <tbody>
  905. <tr>
  906. <td>
  907. <div class="sp-page" style="height: 200px; width:270px; overflow: auto;">
  908. <div class="sp-tree">
  909. <ul class="treeDirectionList">
  910. </ul>
  911. </div>
  912. </div>
  913. </td>
  914. <td>
  915. <div class="sp-page directionUserList" style="height: 200px; overflow: auto;">
  916. </div>
  917. </td>
  918. </tr>
  919. </tbody>
  920. </table>
  921. </div>
  922. <div class="sp-page sp-text-center sp-mt-20">
  923. <button class="sp-btn-blue sp-btn-md" onclick="saveDirectionUser()">
  924. <i class="fa fa-check"></i>&nbsp;提交
  925. </button>
  926. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  927. <i class="fa fa-close"></i>&nbsp;取消
  928. </button>
  929. </div>
  930. </div>
  931. </div>
  932. <!-- 流向设置-选择人员--结束 -->
  933. <!-- 流向设置-人员过滤设置---开始 -->
  934. <div class="sp-layer" data-title="可见设置" id="layer_userRule" style="width:500px;">
  935. <div class="sp-layer-body">
  936. <table class="sp-grid-job">
  937. <tbody>
  938. <tr>
  939. <td style="width:100px;">逻辑符</td>
  940. <td>
  941. <select id="userAndor">
  942. <option value="AND">AND</option>
  943. <option value="OR">OR</option>
  944. </select>
  945. </td>
  946. </tr>
  947. <tr>
  948. <td>数据表单</td>
  949. <td>
  950. <select id="userTable" onchange="changeDirectionForm('#userTable','#userColname')">
  951. </select>
  952. </td>
  953. </tr>
  954. <tr>
  955. <td>数据字段</td>
  956. <td>
  957. <select id="userColname">
  958. </select>
  959. </td>
  960. </tr>
  961. <tr>
  962. <td>表单列存储值</td>
  963. <td>
  964. <select id="userCollogic">
  965. <option value="USERID">用户ID</option>
  966. <option value="UINPUTNAME">用户登录名称</option>
  967. <option value="USHOWNAME">用户显示名称</option>
  968. <option value="SECTCODE">部门代码</option>
  969. <option value="SECTNAME">部门名称</option>
  970. <option value="DZCODE">角色代码</option>
  971. <option value="DZUNAME">角色名称</option>
  972. <option value="GPCODE">群组代码</option>
  973. <option value="GPNAME">群组名称</option>
  974. </select>
  975. </td>
  976. </tr>
  977. <tr>
  978. <td>人员过滤条件</td>
  979. <td>
  980. <select id="userColvalue">
  981. <option value="USERA">用户相同</option>
  982. <option value="USERB">用户不同</option>
  983. <option value="SECTA">部门相同</option>
  984. <option value="SECTB">部门不同</option>
  985. <option value="DZA">角色相同</option>
  986. <option value="DZB">角色不同</option>
  987. <option value="GPA">群组相同</option>
  988. <option value="GPB">群组不同</option>
  989. </select>
  990. </td>
  991. </tr>
  992. </tbody>
  993. </table>
  994. <div class="sp-page sp-text-center sp-mt-20">
  995. <button class="sp-btn-blue sp-btn-md" onclick="saveUserRule()">
  996. <i class="fa fa-check"></i>&nbsp;提交
  997. </button>
  998. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  999. <i class="fa fa-close"></i>&nbsp;取消
  1000. </button>
  1001. </div>
  1002. </div>
  1003. </div>
  1004. <!-- 流向设置-人员过滤设置---结束-->
  1005. <!-- 流向设置-抄送人员过滤设置---开始 -->
  1006. <div class="sp-layer" data-title="抄送可见设置" id="layer_userRuleCopy" style="width:500px;">
  1007. <div class="sp-layer-body">
  1008. <table class="sp-grid-job">
  1009. <tbody>
  1010. <tr>
  1011. <td style="width:100px;">逻辑符</td>
  1012. <td>
  1013. <select id="userAndorCopy">
  1014. <option value="AND">AND</option>
  1015. <option value="OR">OR</option>
  1016. </select>
  1017. </td>
  1018. </tr>
  1019. <tr>
  1020. <td>数据表单</td>
  1021. <td>
  1022. <select id="userTableCopy" onchange="changeDirectionForm('#userTableCopy','#userColnameCopy')">
  1023. </select>
  1024. </td>
  1025. </tr>
  1026. <tr>
  1027. <td>数据字段</td>
  1028. <td>
  1029. <select id="userColnameCopy">
  1030. </select>
  1031. </td>
  1032. </tr>
  1033. <tr>
  1034. <td>表单列存储值</td>
  1035. <td>
  1036. <select id="userCollogicCopy">
  1037. <option value="USERID">用户ID</option>
  1038. <option value="UINPUTNAME">用户登录名称</option>
  1039. <option value="USHOWNAME">用户显示名称</option>
  1040. <option value="SECTCODE">部门代码</option>
  1041. <option value="SECTNAME">部门名称</option>
  1042. <option value="DZCODE">角色代码</option>
  1043. <option value="DZUNAME">角色名称</option>
  1044. <option value="GPCODE">群组代码</option>
  1045. <option value="GPNAME">群组名称</option>
  1046. </select>
  1047. </td>
  1048. </tr>
  1049. <tr>
  1050. <td>人员过滤条件</td>
  1051. <td>
  1052. <select id="userColvalueCopy">
  1053. <option value="USERA">用户相同</option>
  1054. <option value="USERB">用户不同</option>
  1055. <option value="SECTA">部门相同</option>
  1056. <option value="SECTB">部门不同</option>
  1057. <option value="DZA">角色相同</option>
  1058. <option value="DZB">角色不同</option>
  1059. <option value="GPA">群组相同</option>
  1060. <option value="GPB">群组不同</option>
  1061. </select>
  1062. </td>
  1063. </tr>
  1064. </tbody>
  1065. </table>
  1066. <div class="sp-page sp-text-center sp-mt-20">
  1067. <button class="sp-btn-blue sp-btn-md" onclick="saveUserRuleCopy()">
  1068. <i class="fa fa-check"></i>&nbsp;提交
  1069. </button>
  1070. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  1071. <i class="fa fa-close"></i>&nbsp;取消
  1072. </button>
  1073. </div>
  1074. </div>
  1075. </div>
  1076. <!-- 流向设置-抄送人员过滤设置---结束-->
  1077. <!-- 节点设置-选择表单---开始 -->
  1078. <div class="sp-layer" id="layer_timeset" data-title="时限设置" style="width:950px;">
  1079. <div class="sp-layer-body" style="height: 400px;">
  1080. <div class="timePartLeft">
  1081. <div class="timeAdd">
  1082. <button class="sp-btn-sm sp-btn-gray-outline sp-btn-radius sp-pull-right" onclick="timeAdd()">新增
  1083. </button>
  1084. </div>
  1085. <div class="timeList" id="timeRecordList">
  1086. </div>
  1087. </div>
  1088. <div class="timePartRight">
  1089. <table class="sp-table-sm" id="timeList">
  1090. <thead>
  1091. <tr>
  1092. <th>操作</th>
  1093. <th>始节点</th>
  1094. <th>流向</th>
  1095. <th>当前节点(终节点)</th>
  1096. </tr>
  1097. </thead>
  1098. <tbody>
  1099. </tbody>
  1100. </table>
  1101. <div class="sp-table-tip" style="display: none">
  1102. <i class="fa fa-exclamation-circle"></i> 暂无流向数据!
  1103. </div>
  1104. </div>
  1105. </div>
  1106. </div>
  1107. <!-- 节点设置-选择表单--结束 -->
  1108. <!-- 节点设置-选择表单---开始 -->
  1109. <div class="sp-layer" id="layer_tableset" data-title="视图设置" style="width:1160px;">
  1110. <div class="sp-layer-body" style="height: 410px;">
  1111. <div class="tablePartLeft">
  1112. <div class="viewTitle">
  1113. <div class="viewTitleLeft">视图:</div>
  1114. <div class="viewTitleRight">
  1115. <select class="sp-select" id="viewTableSelect" onchange="changeFormSelect()"></select>
  1116. </div>
  1117. </div>
  1118. <div class="viewBoxColumn">
  1119. <table class="sp-table-sm" id="leftTopList">
  1120. <thead>
  1121. <tr>
  1122. <th>序号</th>
  1123. <th>列名</th>
  1124. <th>中文名</th>
  1125. <th>只读 <input type="checkbox" id="columnEReadonlyAll" onclick="selectViewTableAll('#leftTopList','#columnEReadonlyAll','itemEReadonly')"></th>
  1126. <th>隐藏 <input type="checkbox" id="columnEShowAll" onclick="selectViewTableAll('#leftTopList','#columnEShowAll','itemEShow')"></th>
  1127. <th>必填 <input type="checkbox" id="columnGShowAll" onclick="selectViewTableAll('#leftTopList','#columnGShowAll','itemGShow')"></th>
  1128. </tr>
  1129. </thead>
  1130. <tbody>
  1131. </tbody>
  1132. </table>
  1133. <div class="sp-table-tip" style="display: none">
  1134. <i class="fa fa-exclamation-circle"></i> 暂无列数据!
  1135. </div>
  1136. </div>
  1137. <div class="viewTitle">
  1138. <div class="viewTitleLeft">功能设置</div>
  1139. </div>
  1140. <div class="viewBoxFunc">
  1141. <table class="sp-table-sm" id="leftBottpmList">
  1142. <thead>
  1143. <tr>
  1144. <th>序号</th>
  1145. <th>功能标识</th>
  1146. <th>功能名称</th>
  1147. <th><input type="checkbox" id="funcEShowAll" onclick="selectViewTableAll('#leftBottpmList','#funcEShowAll','itemEShow')"></th>
  1148. </tr>
  1149. </thead>
  1150. <tbody>
  1151. </tbody>
  1152. </table>
  1153. <div class="sp-table-tip" style="display: none">
  1154. <i class="fa fa-exclamation-circle"></i> 暂无功能数据!
  1155. </div>
  1156. </div>
  1157. </div>
  1158. <div class="tablePartRight">
  1159. <div class="viewTitle">
  1160. <div class="viewTitleLeft">更新流向</div>
  1161. </div>
  1162. <div class="viewBoxDirect">
  1163. <table class="sp-table-sm" id="rightList">
  1164. <thead>
  1165. <tr>
  1166. <th style="width: 70px;">检索</th>
  1167. <th style="width: 120px;">始节点</th>
  1168. <th>流向</th>
  1169. <th style="width: 120px;">当前节点(终节点)</th>
  1170. <th style="width: 60px;">已设置</th>
  1171. <th style="width: 30px;"><input type="checkbox" id="directEShowAll" onclick="selectViewTableAll('#rightList','#directEShowAll','itemEShow')"></th>
  1172. </tr>
  1173. </thead>
  1174. <tbody>
  1175. </tbody>
  1176. </table>
  1177. <div class="sp-table-tip" style="display: none">
  1178. <i class="fa fa-exclamation-circle"></i> 暂无流向数据!
  1179. </div>
  1180. </div>
  1181. <div class="viewBoxBtn">
  1182. <div class="viewBoxBtnLeft">
  1183. <input id="posmark" type="checkbox" >
  1184. 视图调整到:
  1185. <select id="posvalue" style="width:80px;float: none !important;margin-left: 10px;" class="sp-select">
  1186. <option value="0">尾位</option>
  1187. <option value="1" selected >首位</option>
  1188. <option value="2">2位</option>
  1189. <option value="3">3位</option>
  1190. <option value="4">4位</option>
  1191. <option value="5">5位</option>
  1192. <option value="6">6位</option>
  1193. <option value="7">7位</option>
  1194. <option value="8">8位</option>
  1195. <option value="9">9位</option>
  1196. </select>
  1197. </div>
  1198. <div class="viewBoxBtnRight">
  1199. <button id="cancelViewBtn" onclick="cancelTableSet()" style="width: 80px;text-align: center;float: right;" class="sp-btn-blue sp-btn-sm sp-btn-radius">解绑视图</button>
  1200. <button id="cleanViewBtn" onclick="cleanTableSet()" style="width: 80px;text-align: center;float: right;" class="sp-btn-blue sp-btn-sm sp-btn-radius">清空设置</button>
  1201. <button id="submitViewBtn" onclick="updateTableSet()" style="width: 80px;text-align: center;float: right;" class="sp-btn-blue sp-btn-sm sp-btn-radius">更新设置</button>
  1202. </div>
  1203. </div>
  1204. </div>
  1205. </div>
  1206. </div>
  1207. <!-- 节点设置-选择表单--结束 -->
  1208. <!-- 引用js -->
  1209. <!-- <script src="dist/bpmn-modeler.development.js"></script> -->
  1210. <script>document.write('<scri' + 'pt src="dist/bpmn-modeler.development.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  1211. <script src="js/jquery.min.js"></script>
  1212. <script src="../apiurljs.js"></script>
  1213. <script src="../js/sm4.js"></script>
  1214. <script>document.write('<scri' + 'pt src="js/svgToImg.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  1215. <script src="../AFrontEnd/js/special/special.js"></script>
  1216. <script>document.write('<scri' + 'pt src="js/bpmn-set.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  1217. </body>
  1218. </html>