flowDesignPrew.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  5. <title>流程设计</title>
  6. <link rel="stylesheet" href="/static/layui/css/layui.css">
  7. <link rel="stylesheet" href="/static/layui/font-awesome-4.7.0/css/font-awesome.min.css">
  8. <link href="/static/css/plugins/jquery-ui/jquery-ui.css" rel="stylesheet" />
  9. <style type="text/css">
  10. #flowBox {
  11. position: relative;
  12. overflow: auto;
  13. width: 200%;
  14. }
  15. .div-col {
  16. display: inline-block;
  17. background-color: #e7e7e7;
  18. cursor: e-resize;
  19. position: absolute;
  20. top: 0;
  21. height: 100%;
  22. }
  23. .div-col-first {
  24. display: inline-block;
  25. background-color: #e7e7e7;
  26. cursor: e-resize;
  27. position: absolute;
  28. height: 100%;
  29. }
  30. .div-row {
  31. background-color: #e7e7e7;
  32. cursor: n-resize;
  33. position: absolute;
  34. left: 0;
  35. width: 100%;
  36. }
  37. .div-row-first {
  38. background-color: #e7e7e7;
  39. position: absolute;
  40. width: 100%;
  41. }
  42. .div-row-title {
  43. height: 40px;
  44. position: absolute;
  45. top: 0;
  46. line-height: 40px;
  47. text-align: center;
  48. display: inline-block;
  49. }
  50. .div-row-title textarea {
  51. height: 100%;
  52. width: 100%;
  53. display: table-cell;
  54. vertical-align: middle;
  55. line-height: 40px;
  56. text-align: center;
  57. border: none;
  58. overflow: auto;
  59. resize: none;
  60. }
  61. .div-row-content {
  62. cursor: pointer;
  63. height: 40px;
  64. position: absolute;
  65. top: 0;
  66. line-height: 40px;
  67. text-align: center;
  68. display: inline-block;
  69. vertical-align: middle;
  70. text-align: center;
  71. border: none;
  72. overflow: auto;
  73. }
  74. .div-col-content.div-display,
  75. .div-row-content.div-display,
  76. .div-row-title.div-display,
  77. .div-col-title.div-display {
  78. display: none;
  79. z-index: -9999;
  80. }
  81. .div-col-title {
  82. width: 40px;
  83. position: absolute;
  84. left: 0;
  85. text-align: center;
  86. display: inline-block;
  87. }
  88. .div-col-title textarea {
  89. height: 100%;
  90. width: 100%;
  91. display: table-cell;
  92. vertical-align: middle;
  93. line-height: 40px;
  94. text-align: center;
  95. border: none;
  96. overflow: auto;
  97. resize: none;
  98. }
  99. .div-col-content {
  100. cursor: pointer;
  101. width: 40px;
  102. position: absolute;
  103. left: 0;
  104. text-align: center;
  105. display: inline-block;
  106. }
  107. .div-first {
  108. position: absolute;
  109. }
  110. .nodeBox.nodeShowSts1 .flow-node-body {
  111. background-color: #00e9a4;
  112. }
  113. </style>
  114. <link charset="utf-8" rel="stylesheet" href="/static/css/layui.css?v=1.0.0">
  115. <link rel="stylesheet" href="/static/css/temp.css" media="all">
  116. <link href="/static/css/flow.css" rel="stylesheet" />
  117. <script src="/static/js/jquery-1.8.2.min.js?v=1.0.0"></script>
  118. <script src="/static/js/crypto-js.js"></script>
  119. <script src="/static/js/layui.js?v=1.0.0"></script>
  120. <script src="/static/js/api.config.js"></script>
  121. <script src="/static/js/util.js?v=1.0.0"></script>
  122. <script src="/static/js/customform.js?v=1.0.0"></script>
  123. <script src="/static/js/url.js?v=1.0.0"></script>
  124. <script src="/static/js/lay/lay-config.js?v=1.0.0"></script>
  125. <script src="/static/css/inconfont/iconfont.js"></script>
  126. <script src="/static/js/jquery-ui.min.js"></script>
  127. <script src="/static/js/jsplumb.js"></script>
  128. <script src="/static/js/jquery.contextmenu.r2.js"></script>
  129. <script src="/static/js/flow.js"></script>
  130. </head>
  131. <body class="layui-layout-body">
  132. <div class="pageBox">
  133. <div class="flowWrapper" style="margin-top: 0;">
  134. <div class="flowRight" style="height: 100vh">
  135. <div class="flowRightItem flowBox" id="flowBox" style="margin: 0;overflow: visible;width: 100vw;height: 100vh;box-shadow: none;">
  136. <!-- <div id="ydt" style="height: 100%;width: 100%;"></div> -->
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. <script>
  142. //JavaScript代码区域
  143. layui.use('element', function () {
  144. var element = layui.element;
  145. });
  146. </script>
  147. </body>
  148. </html>