modeler_read.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html ng-app="app">
  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. .nodeSuccess .djs-visual > :nth-child(1) {
  20. stroke: #00A900 !important;
  21. stroke-width: 3px;
  22. }
  23. .nodeLineSuccess .djs-visual > :nth-child(1) {
  24. stroke: #00A900 !important;
  25. stroke-width: 3px;
  26. }
  27. .nodeProcing .djs-visual > :nth-child(1) {
  28. stroke: #1890ff !important;
  29. stroke-width: 3px;
  30. }
  31. .nodeWaiting .djs-visual > :nth-child(1) {
  32. stroke: #F05D2E !important;
  33. stroke-width: 3px;
  34. }
  35. </style>
  36. </head>
  37. <body ng-controller="formeditCtrl as ctl" id="app" ng-cloak>
  38. <div class="show-box">
  39. <div class="left-show-box">
  40. <div id="toolbar">
  41. <div class="toolbar-item">
  42. <div class="item-color-wait"></div>
  43. <div class="item-name">待办理</div>
  44. </div>
  45. <div class="toolbar-item">
  46. <div class="item-color-process"></div>
  47. <div class="item-name">正办理</div>
  48. </div>
  49. <div class="toolbar-item">
  50. <div class="item-color-done"></div>
  51. <div class="item-name">已办理</div>
  52. </div>
  53. </div>
  54. <div id="canvas"></div>
  55. </div>
  56. </div>
  57. <!-- 引用js -->
  58. <script src="../AFrontEnd/js/angularjs/angular.js"></script>
  59. <script src="../AFrontEnd/js/jquery/jquery-1.11.0.js"></script>
  60. <script>document.write('<scri' + 'pt src="dist/bpmn-navigated-viewer.development.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  61. <script src="../apiurljs.js"></script>
  62. <script src="../js/sm4.js"></script>
  63. <script src="../AFrontEnd/js/special/special.js"></script>
  64. <script>document.write('<scri' + 'pt src="js/bpmn-set-read.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  65. </body>
  66. </html>