123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176 |
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <title>流程设计</title>
- <link rel="stylesheet" href="/static/layui/css/layui.css">
- <link rel="stylesheet" href="/static/layui/font-awesome-4.7.0/css/font-awesome.min.css">
- <link href="/static/css/plugins/jquery-ui/jquery-ui.css" rel="stylesheet" />
- <style type="text/css">
- #flowBox {
- position: relative;
- overflow: auto;
- width: 200%;
- }
- .div-col {
- display: inline-block;
- background-color: #e7e7e7;
- cursor: e-resize;
- position: absolute;
- top: 0;
- height: 100%;
- }
- .div-col-first {
- display: inline-block;
- background-color: #e7e7e7;
- cursor: e-resize;
- position: absolute;
- height: 100%;
- }
- .div-row {
- background-color: #e7e7e7;
- cursor: n-resize;
- position: absolute;
- left: 0;
- width: 100%;
- }
- .div-row-first {
- background-color: #e7e7e7;
- position: absolute;
- width: 100%;
- }
- .div-row-title {
- height: 40px;
- position: absolute;
- top: 0;
- line-height: 40px;
- text-align: center;
- display: inline-block;
- }
- .div-row-title textarea {
- height: 100%;
- width: 100%;
- display: table-cell;
- vertical-align: middle;
- line-height: 40px;
- text-align: center;
- border: none;
- overflow: auto;
- resize: none;
- }
- .div-row-content {
- cursor: pointer;
- height: 40px;
- position: absolute;
- top: 0;
- line-height: 40px;
- text-align: center;
- display: inline-block;
- vertical-align: middle;
- text-align: center;
- border: none;
- overflow: auto;
- }
- .div-col-content.div-display,
- .div-row-content.div-display,
- .div-row-title.div-display,
- .div-col-title.div-display {
- display: none;
- z-index: -9999;
- }
- .div-col-title {
- width: 40px;
- position: absolute;
- left: 0;
- text-align: center;
- display: inline-block;
- }
- .div-col-title textarea {
- height: 100%;
- width: 100%;
- display: table-cell;
- vertical-align: middle;
- line-height: 40px;
- text-align: center;
- border: none;
- overflow: auto;
- resize: none;
- }
- .div-col-content {
- cursor: pointer;
- width: 40px;
- position: absolute;
- left: 0;
- text-align: center;
- display: inline-block;
- }
- .div-first {
- position: absolute;
- }
- .nodeBox.nodeShowSts1 .flow-node-body {
- background-color: #00e9a4;
- }
- </style>
- <link charset="utf-8" rel="stylesheet" href="/static/css/layui.css?v=1.0.0">
- <link rel="stylesheet" href="/static/css/temp.css" media="all">
- <link href="/static/css/flow.css" rel="stylesheet" />
- <script src="/static/js/jquery-1.8.2.min.js?v=1.0.0"></script>
- <script src="/static/js/crypto-js.js"></script>
- <script src="/static/js/layui.js?v=1.0.0"></script>
- <script src="/static/js/api.config.js"></script>
- <script src="/static/js/util.js?v=1.0.0"></script>
- <script src="/static/js/customform.js?v=1.0.0"></script>
- <script src="/static/js/url.js?v=1.0.0"></script>
- <script src="/static/js/lay/lay-config.js?v=1.0.0"></script>
- <script src="/static/css/inconfont/iconfont.js"></script>
- <script src="/static/js/jquery-ui.min.js"></script>
- <script src="/static/js/jsplumb.js"></script>
- <script src="/static/js/jquery.contextmenu.r2.js"></script>
- <script src="/static/js/flow.js"></script>
- </head>
- <body class="layui-layout-body">
- <div class="pageBox">
- <div class="flowWrapper" style="margin-top: 0;">
- <div class="flowRight" style="height: 100vh">
- <div class="flowRightItem flowBox" id="flowBox" style="margin: 0;overflow: visible;width: 100vw;height: 100vh;box-shadow: none;">
- <!-- <div id="ydt" style="height: 100%;width: 100%;"></div> -->
- </div>
- </div>
- </div>
- </div>
- <script>
- //JavaScript代码区域
- layui.use('element', function () {
- var element = layui.element;
- });
- </script>
- </body>
- </html>
|