modeler.html 55 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250
  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. <option value="@FUNCUPFORMDATA">函数:更新关联字段</option>
  695. </select>
  696. <input type="text" id="valueInput" onkeyup="this.value = this.value.replace(/^@.*$/g, '')"
  697. class="sp-input" style="display:none"/>
  698. </div>
  699. </td>
  700. </tr>
  701. </tbody>
  702. </table>
  703. <div class="sp-page sp-text-center sp-mt-20">
  704. <button class="sp-btn-blue sp-btn-md" onclick="saveDirectionValueset()">
  705. <i class="fa fa-check"></i>&nbsp;提交
  706. </button>
  707. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  708. <i class="fa fa-close"></i>&nbsp;取消
  709. </button>
  710. </div>
  711. </div>
  712. </div>
  713. <!-- 流向设置-赋值设置---结束-->
  714. <!-- 流向设置-可见设置---开始 -->
  715. <div class="sp-layer" data-title="可见设置" id="layer_directionRule" style="width:500px;">
  716. <div class="sp-layer-body">
  717. <table class="sp-grid-job">
  718. <tbody>
  719. <tr>
  720. <td style="width:100px;">逻辑符</td>
  721. <td>
  722. <select id="ruleAndor">
  723. <option value="AND">AND</option>
  724. <option value="OR">OR</option>
  725. </select>
  726. </td>
  727. </tr>
  728. <tr>
  729. <td>数据表单</td>
  730. <td>
  731. <select id="ruleTable"
  732. onchange="changeDirectionForm_code('#ruleTable','#ruleColname','#ruleValueBox')">
  733. </select>
  734. </td>
  735. </tr>
  736. <tr>
  737. <td>数据字段</td>
  738. <td>
  739. <select id="ruleColname" onchange="changeColname_code('#ruleColname','#ruleValueBox')">
  740. </select>
  741. </td>
  742. </tr>
  743. <tr>
  744. <td>判断符号</td>
  745. <td>
  746. <select id="ruleCollogic">
  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. <option value="小于等于">小于等于</option>
  757. </select>
  758. </td>
  759. </tr>
  760. <tr>
  761. <td>判断值</td>
  762. <td id="ruleValueBox">
  763. </td>
  764. </tr>
  765. </tbody>
  766. </table>
  767. <div class="sp-page sp-text-center sp-mt-20">
  768. <button class="sp-btn-blue sp-btn-md" onclick="saveDirectionRule()">
  769. <i class="fa fa-check"></i>&nbsp;提交
  770. </button>
  771. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  772. <i class="fa fa-close"></i>&nbsp;取消
  773. </button>
  774. </div>
  775. </div>
  776. </div>
  777. <!-- 流向设置-可见设置---结束-->
  778. <!-- 流向设置-选择视图---开始 -->
  779. <div class="sp-layer" id="layer_viewset" data-title="选择视图" style="width:750px;">
  780. <div class="sp-layer-body" style="height: 280px;">
  781. <div class="viewPartLeft">
  782. <div class="viewTypeBox">
  783. </div>
  784. </div>
  785. <div class="viewPartRight">
  786. <table class="sp-table-sm" id="viewList">
  787. <thead>
  788. <tr>
  789. <th><input type="checkbox" id="selectAllView" onclick="selectAllView()"></th>
  790. <th>序号</th>
  791. <th>表单视图标识</th>
  792. <th>表单视图名称</th>
  793. </tr>
  794. </thead>
  795. <tbody>
  796. </tbody>
  797. </table>
  798. <div class="sp-table-tip" style="display: none">
  799. <i class="fa fa-exclamation-circle"></i> 暂无此类表单!
  800. </div>
  801. </div>
  802. </div>
  803. <div class="sp-layer-foot sp-pt-10">
  804. <button class="sp-btn-blue sp-btn-md" onclick="saveView()">
  805. <i class="fa fa-check"></i>&nbsp;提交
  806. </button>
  807. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  808. <i class="fa fa-close"></i>&nbsp;取消
  809. </button>
  810. </div>
  811. </div>
  812. <!-- 流向设置-选择视图--结束 -->
  813. <!-- 流向设置-视图可见设置---开始 -->
  814. <div class="sp-layer" data-title="视图可见设置" id="layer_viewRule" form-editid="" form-index="" style="width:500px;">
  815. <div class="sp-layer-body">
  816. <table class="sp-grid-job">
  817. <tbody>
  818. <tr>
  819. <td style="width:100px;">逻辑符</td>
  820. <td>
  821. <select id="viewAndor">
  822. <option value="AND">AND</option>
  823. <option value="OR">OR</option>
  824. </select>
  825. </td>
  826. </tr>
  827. <tr>
  828. <td>数据表单</td>
  829. <td>
  830. <select id="viewTable"
  831. onchange="changeDirectionForm_code('#viewTable','#viewColname','#viewValueBox')">
  832. </select>
  833. </td>
  834. </tr>
  835. <tr>
  836. <td>数据字段</td>
  837. <td>
  838. <select id="viewColname" onchange="changeColname_code('#viewColname','#viewValueBox')">
  839. </select>
  840. </td>
  841. </tr>
  842. <tr>
  843. <td>判断符号</td>
  844. <td>
  845. <select id="viewCollogic">
  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. </select>
  855. </td>
  856. </tr>
  857. <tr>
  858. <td>判断值</td>
  859. <td id="viewValueBox">
  860. </td>
  861. </tr>
  862. </tbody>
  863. </table>
  864. <div class="sp-page sp-text-center sp-mt-20">
  865. <button class="sp-btn-blue sp-btn-md" onclick="saveDirectionViewRule()">
  866. <i class="fa fa-check"></i>&nbsp;提交
  867. </button>
  868. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  869. <i class="fa fa-close"></i>&nbsp;取消
  870. </button>
  871. </div>
  872. </div>
  873. </div>
  874. <!-- 流向设置-视图可见设置---结束-->
  875. <!-- 流向设置-选择人员---开始 -->
  876. <div class="sp-layer" id="layer_directionUser" data-title="选择人员" style="width:500px;">
  877. <div class="sp-layer-body">
  878. <div class="sp-lh-30">
  879. <div class="sp-page-col">选择机构</div>
  880. <div class="sp-page-col sp-ml-10">
  881. <select id="directionUnit" onchange="changeDirectionUnit()">
  882. </select>
  883. </div>
  884. </div>
  885. <div>
  886. <table class="sp-grid sp-grid-border">
  887. <thead>
  888. <tr>
  889. <th style="width:280px;">
  890. <span class="sp-page-col">部门</span>
  891. <span class="sp-page-col sp-pull-right">
  892. <input type="checkbox" id="directionAllDepart" onclick="clickAllDirectionDepart()"/>
  893. </span>
  894. </th>
  895. <th>
  896. <span class="sp-page-col">人员</span>
  897. <span class="sp-page-col sp-pull-right">
  898. <input type="checkbox" id="directionAllUser" onclick="clickAllDirectionUser()"/>
  899. </span>
  900. </th>
  901. </tr>
  902. </thead>
  903. <tbody>
  904. <tr>
  905. <td>
  906. <div class="sp-page" style="height: 200px; width:270px; overflow: auto;">
  907. <div class="sp-tree">
  908. <ul class="treeDirectionList">
  909. </ul>
  910. </div>
  911. </div>
  912. </td>
  913. <td>
  914. <div class="sp-page directionUserList" style="height: 200px; overflow: auto;">
  915. </div>
  916. </td>
  917. </tr>
  918. </tbody>
  919. </table>
  920. </div>
  921. <div class="sp-page sp-text-center sp-mt-20">
  922. <button class="sp-btn-blue sp-btn-md" onclick="saveDirectionUser()">
  923. <i class="fa fa-check"></i>&nbsp;提交
  924. </button>
  925. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  926. <i class="fa fa-close"></i>&nbsp;取消
  927. </button>
  928. </div>
  929. </div>
  930. </div>
  931. <!-- 流向设置-选择人员--结束 -->
  932. <!-- 流向设置-人员过滤设置---开始 -->
  933. <div class="sp-layer" data-title="可见设置" id="layer_userRule" style="width:500px;">
  934. <div class="sp-layer-body">
  935. <table class="sp-grid-job">
  936. <tbody>
  937. <tr>
  938. <td style="width:100px;">逻辑符</td>
  939. <td>
  940. <select id="userAndor">
  941. <option value="AND">AND</option>
  942. <option value="OR">OR</option>
  943. </select>
  944. </td>
  945. </tr>
  946. <tr>
  947. <td>数据表单</td>
  948. <td>
  949. <select id="userTable" onchange="changeDirectionForm('#userTable','#userColname')">
  950. </select>
  951. </td>
  952. </tr>
  953. <tr>
  954. <td>数据字段</td>
  955. <td>
  956. <select id="userColname">
  957. </select>
  958. </td>
  959. </tr>
  960. <tr>
  961. <td>表单列存储值</td>
  962. <td>
  963. <select id="userCollogic">
  964. <option value="USERID">用户ID</option>
  965. <option value="UINPUTNAME">用户登录名称</option>
  966. <option value="USHOWNAME">用户显示名称</option>
  967. <option value="SECTCODE">部门代码</option>
  968. <option value="SECTNAME">部门名称</option>
  969. <option value="DZCODE">角色代码</option>
  970. <option value="DZUNAME">角色名称</option>
  971. <option value="GPCODE">群组代码</option>
  972. <option value="GPNAME">群组名称</option>
  973. </select>
  974. </td>
  975. </tr>
  976. <tr>
  977. <td>人员过滤条件</td>
  978. <td>
  979. <select id="userColvalue">
  980. <option value="USERA">用户相同</option>
  981. <option value="USERB">用户不同</option>
  982. <option value="SECTA">部门相同</option>
  983. <option value="SECTB">部门不同</option>
  984. <option value="DZA">角色相同</option>
  985. <option value="DZB">角色不同</option>
  986. <option value="GPA">群组相同</option>
  987. <option value="GPB">群组不同</option>
  988. </select>
  989. </td>
  990. </tr>
  991. </tbody>
  992. </table>
  993. <div class="sp-page sp-text-center sp-mt-20">
  994. <button class="sp-btn-blue sp-btn-md" onclick="saveUserRule()">
  995. <i class="fa fa-check"></i>&nbsp;提交
  996. </button>
  997. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  998. <i class="fa fa-close"></i>&nbsp;取消
  999. </button>
  1000. </div>
  1001. </div>
  1002. </div>
  1003. <!-- 流向设置-人员过滤设置---结束-->
  1004. <!-- 流向设置-抄送人员过滤设置---开始 -->
  1005. <div class="sp-layer" data-title="抄送可见设置" id="layer_userRuleCopy" style="width:500px;">
  1006. <div class="sp-layer-body">
  1007. <table class="sp-grid-job">
  1008. <tbody>
  1009. <tr>
  1010. <td style="width:100px;">逻辑符</td>
  1011. <td>
  1012. <select id="userAndorCopy">
  1013. <option value="AND">AND</option>
  1014. <option value="OR">OR</option>
  1015. </select>
  1016. </td>
  1017. </tr>
  1018. <tr>
  1019. <td>数据表单</td>
  1020. <td>
  1021. <select id="userTableCopy" onchange="changeDirectionForm('#userTableCopy','#userColnameCopy')">
  1022. </select>
  1023. </td>
  1024. </tr>
  1025. <tr>
  1026. <td>数据字段</td>
  1027. <td>
  1028. <select id="userColnameCopy">
  1029. </select>
  1030. </td>
  1031. </tr>
  1032. <tr>
  1033. <td>表单列存储值</td>
  1034. <td>
  1035. <select id="userCollogicCopy">
  1036. <option value="USERID">用户ID</option>
  1037. <option value="UINPUTNAME">用户登录名称</option>
  1038. <option value="USHOWNAME">用户显示名称</option>
  1039. <option value="SECTCODE">部门代码</option>
  1040. <option value="SECTNAME">部门名称</option>
  1041. <option value="DZCODE">角色代码</option>
  1042. <option value="DZUNAME">角色名称</option>
  1043. <option value="GPCODE">群组代码</option>
  1044. <option value="GPNAME">群组名称</option>
  1045. </select>
  1046. </td>
  1047. </tr>
  1048. <tr>
  1049. <td>人员过滤条件</td>
  1050. <td>
  1051. <select id="userColvalueCopy">
  1052. <option value="USERA">用户相同</option>
  1053. <option value="USERB">用户不同</option>
  1054. <option value="SECTA">部门相同</option>
  1055. <option value="SECTB">部门不同</option>
  1056. <option value="DZA">角色相同</option>
  1057. <option value="DZB">角色不同</option>
  1058. <option value="GPA">群组相同</option>
  1059. <option value="GPB">群组不同</option>
  1060. </select>
  1061. </td>
  1062. </tr>
  1063. </tbody>
  1064. </table>
  1065. <div class="sp-page sp-text-center sp-mt-20">
  1066. <button class="sp-btn-blue sp-btn-md" onclick="saveUserRuleCopy()">
  1067. <i class="fa fa-check"></i>&nbsp;提交
  1068. </button>
  1069. <button class="sp-btn-default sp-btn-md" onclick="sp.layerhide()">
  1070. <i class="fa fa-close"></i>&nbsp;取消
  1071. </button>
  1072. </div>
  1073. </div>
  1074. </div>
  1075. <!-- 流向设置-抄送人员过滤设置---结束-->
  1076. <!-- 节点设置-选择表单---开始 -->
  1077. <div class="sp-layer" id="layer_timeset" data-title="时限设置" style="width:950px;">
  1078. <div class="sp-layer-body" style="height: 400px;">
  1079. <div class="timePartLeft">
  1080. <div class="timeAdd">
  1081. <button class="sp-btn-sm sp-btn-gray-outline sp-btn-radius sp-pull-right" onclick="timeAdd()">新增
  1082. </button>
  1083. </div>
  1084. <div class="timeList" id="timeRecordList">
  1085. </div>
  1086. </div>
  1087. <div class="timePartRight">
  1088. <table class="sp-table-sm" id="timeList">
  1089. <thead>
  1090. <tr>
  1091. <th>操作</th>
  1092. <th>始节点</th>
  1093. <th>流向</th>
  1094. <th>当前节点(终节点)</th>
  1095. </tr>
  1096. </thead>
  1097. <tbody>
  1098. </tbody>
  1099. </table>
  1100. <div class="sp-table-tip" style="display: none">
  1101. <i class="fa fa-exclamation-circle"></i> 暂无流向数据!
  1102. </div>
  1103. </div>
  1104. </div>
  1105. </div>
  1106. <!-- 节点设置-选择表单--结束 -->
  1107. <!-- 节点设置-选择表单---开始 -->
  1108. <div class="sp-layer" id="layer_tableset" data-title="视图设置" style="width:1160px;">
  1109. <div class="sp-layer-body" style="height: 410px;">
  1110. <div class="tablePartLeft">
  1111. <div class="viewTitle">
  1112. <div class="viewTitleLeft">视图:</div>
  1113. <div class="viewTitleRight">
  1114. <select class="sp-select" id="viewTableSelect" onchange="changeFormSelect()"></select>
  1115. </div>
  1116. </div>
  1117. <div class="viewBoxColumn">
  1118. <table class="sp-table-sm" id="leftTopList">
  1119. <thead>
  1120. <tr>
  1121. <th>序号</th>
  1122. <th>列名</th>
  1123. <th>中文名</th>
  1124. <th>只读 <input type="checkbox" id="columnEReadonlyAll" onclick="selectViewTableAll('#leftTopList','#columnEReadonlyAll','itemEReadonly')"></th>
  1125. <th>隐藏 <input type="checkbox" id="columnEShowAll" onclick="selectViewTableAll('#leftTopList','#columnEShowAll','itemEShow')"></th>
  1126. <th>必填 <input type="checkbox" id="columnGShowAll" onclick="selectViewTableAll('#leftTopList','#columnGShowAll','itemGShow')"></th>
  1127. </tr>
  1128. </thead>
  1129. <tbody>
  1130. </tbody>
  1131. </table>
  1132. <div class="sp-table-tip" style="display: none">
  1133. <i class="fa fa-exclamation-circle"></i> 暂无列数据!
  1134. </div>
  1135. </div>
  1136. <div class="viewTitle">
  1137. <div class="viewTitleLeft">功能设置</div>
  1138. </div>
  1139. <div class="viewBoxFunc">
  1140. <table class="sp-table-sm" id="leftBottpmList">
  1141. <thead>
  1142. <tr>
  1143. <th>序号</th>
  1144. <th>功能标识</th>
  1145. <th>功能名称</th>
  1146. <th><input type="checkbox" id="funcEShowAll" onclick="selectViewTableAll('#leftBottpmList','#funcEShowAll','itemEShow')"></th>
  1147. </tr>
  1148. </thead>
  1149. <tbody>
  1150. </tbody>
  1151. </table>
  1152. <div class="sp-table-tip" style="display: none">
  1153. <i class="fa fa-exclamation-circle"></i> 暂无功能数据!
  1154. </div>
  1155. </div>
  1156. </div>
  1157. <div class="tablePartRight">
  1158. <div class="viewTitle">
  1159. <div class="viewTitleLeft">更新流向</div>
  1160. </div>
  1161. <div class="viewBoxDirect">
  1162. <table class="sp-table-sm" id="rightList">
  1163. <thead>
  1164. <tr>
  1165. <th style="width: 70px;">检索</th>
  1166. <th style="width: 120px;">始节点</th>
  1167. <th>流向</th>
  1168. <th style="width: 120px;">当前节点(终节点)</th>
  1169. <th style="width: 60px;">已设置</th>
  1170. <th style="width: 30px;"><input type="checkbox" id="directEShowAll" onclick="selectViewTableAll('#rightList','#directEShowAll','itemEShow')"></th>
  1171. </tr>
  1172. </thead>
  1173. <tbody>
  1174. </tbody>
  1175. </table>
  1176. <div class="sp-table-tip" style="display: none">
  1177. <i class="fa fa-exclamation-circle"></i> 暂无流向数据!
  1178. </div>
  1179. </div>
  1180. <div class="viewBoxBtn">
  1181. <div class="viewBoxBtnLeft">
  1182. <input id="posmark" type="checkbox" >
  1183. 视图调整到:
  1184. <select id="posvalue" style="width:80px;float: none !important;margin-left: 10px;" class="sp-select">
  1185. <option value="0">尾位</option>
  1186. <option value="1" selected >首位</option>
  1187. <option value="2">2位</option>
  1188. <option value="3">3位</option>
  1189. <option value="4">4位</option>
  1190. <option value="5">5位</option>
  1191. <option value="6">6位</option>
  1192. <option value="7">7位</option>
  1193. <option value="8">8位</option>
  1194. <option value="9">9位</option>
  1195. </select>
  1196. </div>
  1197. <div class="viewBoxBtnRight">
  1198. <button id="cancelViewBtn" onclick="cancelTableSet()" style="width: 80px;text-align: center;float: right;" class="sp-btn-blue sp-btn-sm sp-btn-radius">解绑视图</button>
  1199. <button id="cleanViewBtn" onclick="cleanTableSet()" style="width: 80px;text-align: center;float: right;" class="sp-btn-blue sp-btn-sm sp-btn-radius">清空设置</button>
  1200. <button id="submitViewBtn" onclick="updateTableSet()" style="width: 80px;text-align: center;float: right;" class="sp-btn-blue sp-btn-sm sp-btn-radius">更新设置</button>
  1201. </div>
  1202. </div>
  1203. </div>
  1204. </div>
  1205. </div>
  1206. <!-- 节点设置-选择表单--结束 -->
  1207. <!-- 引用js -->
  1208. <!-- <script src="dist/bpmn-modeler.development.js"></script> -->
  1209. <script>document.write('<scri' + 'pt src="dist/bpmn-modeler.development.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  1210. <script src="js/jquery.min.js"></script>
  1211. <script src="../apiurljs.js"></script>
  1212. <script src="../js/sm4.js"></script>
  1213. <script>document.write('<scri' + 'pt src="js/svgToImg.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  1214. <script src="../AFrontEnd/js/special/special.js"></script>
  1215. <script>document.write('<scri' + 'pt src="js/bpmn-set.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  1216. </body>
  1217. </html>