<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>
