editFlow.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>无纸化集中业务管理系统</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <link charset="utf-8" rel="stylesheet" href="/static/css/layui.css?v=1.0.0">
  10. <link rel="stylesheet" href="/static/css/temp.css" media="all">
  11. <script src="/static/js/jquery-1.8.2.min.js?v=1.0.0"></script>
  12. <script src="/static/js/crypto-js.js"></script>
  13. <script src="/static/js/layui.js?v=1.0.0"></script>
  14. <script src="/static/js/api.config.js"></script>
  15. <script src="/static/js/util.js?v=1.0.0"></script>
  16. <script src="/static/js/customform.js?v=1.0.0"></script>
  17. <script src="/static/js/url.js?v=1.0.0"></script>
  18. <script src="/static/js/lay/lay-config.js?v=1.0.0"></script>
  19. <script src="/static/css/inconfont/iconfont.js"></script>
  20. </head>
  21. <body class="bg-info">
  22. <div class="layui-card layui-card-form">
  23. <div class="layui-card-body">
  24. <form class="ag-form layui-form" ag-data-index="1">
  25. <div>
  26. <label class="layui-form-label">流程名称:</label>
  27. <div class="layui-input-block">
  28. <input type="text" name="procName" ag-verify="required" autocomplete="off" placeholder="流程名称"
  29. class="myinput">
  30. </div>
  31. </div>
  32. <!-- <div class="layui-inline ">
  33. <label class="layui-form-label">流程描述:</label>
  34. <div class="layui-input-block">
  35. <input type="text" name="processDesc" ag-verify="required" autocomplete="off" placeholder="流程描述" class="layui-input">
  36. </div>
  37. </div> -->
  38. </form>
  39. </div>
  40. <div class="layui-card-footer">
  41. <button class="layui-btn layui-btn-sm layui-btn-normal " ag-data-index="1" onclick="setFlowInfo()">
  42. <i class="layui-icon layui-icon-ok-circle "></i>
  43. <span class="btn-span-middle">保存</span>
  44. </button>
  45. <button class="ag-btn-cancel layui-btn layui-btn-sm layui-btn-normal">
  46. <i class="layui-icon layui-icon-close "></i>
  47. <span class="btn-span-middle">取消</span>
  48. </button>
  49. </div>
  50. </div>
  51. </body>
  52. <script>
  53. $(document.body).ready(function () {
  54. $("input[name=procName]").val(parent.processInfo["procName"]);
  55. $("input[name=processDesc]").val(parent.processInfo["processDesc"]);
  56. });
  57. function setFlowInfo() {
  58. var processName = $("input[name=procName]").val();
  59. var processDesc = $("input[name=processDesc]").val();
  60. util.closeWin();
  61. parent.setFlowInfo(processName, processDesc);
  62. }
  63. function delConn() {
  64. util.showDialog("确认删除连线么?", 3, doDelConn);
  65. }
  66. function doDelConn() {
  67. util.closeWin();
  68. parent.delConn();
  69. }
  70. </script>
  71. </html>
  72. <style type="text/css">
  73. .ag-form {
  74. height: auto !important;
  75. }
  76. .layui-card-footer {
  77. border: transparent;
  78. position: absolute;
  79. bottom: 20px;
  80. right: 20px;
  81. }
  82. .layui-btn {
  83. width: 80px;
  84. height: 32px;
  85. border: transparent;
  86. color: #fff;
  87. background: #48A2FF;
  88. border-radius: 5px;
  89. outline: none;
  90. cursor: pointer;
  91. margin-left: 10px;
  92. }
  93. .layui-btn:hover {
  94. background: #48a2ffab;
  95. }
  96. .ag-btn-cancel {
  97. border: 1px solid #ddd;
  98. background: #fff;
  99. color: #999;
  100. }
  101. .ag-btn-cancel:hover {
  102. border: 1px solid #40B6FF;
  103. background: #ECF5FF;
  104. color: #40B6FF;
  105. }
  106. .bg-info {
  107. background: #fff;
  108. }
  109. .layui-card {
  110. box-shadow: none;
  111. }
  112. .layui-card-body {
  113. padding: 0;
  114. }
  115. .layui-card-form {
  116. margin: 0;
  117. padding: 20px;
  118. position: static;
  119. }
  120. .btn-span-middle {
  121. float: none;
  122. }
  123. .layui-form-label {
  124. height: 36px;
  125. line-height: 36px;
  126. padding: 0;
  127. float: none;
  128. display: inline-block;
  129. width: 15%;
  130. text-align: right;
  131. }
  132. .layui-input-block {
  133. display: inline-block;
  134. width: 75%;
  135. margin: 0;
  136. }
  137. .myinput {
  138. width: 100%;
  139. display: inline-block;
  140. outline: none;
  141. border: 1px solid #ddd;
  142. height: 32px;
  143. padding-left: 10px;
  144. border-radius: 5px;
  145. }
  146. .myinput:focus {
  147. border: 1px solid #48A2FF;
  148. }
  149. </style>