modal.ejs 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. <!--删除标段-->
  2. <div class="modal fade" id="del-bg" data-backdrop="static">
  3. <div class="modal-dialog" role="document">
  4. <div class="modal-content">
  5. <div class="modal-header">
  6. <h5 class="modal-title">确认删除变更</h5>
  7. </div>
  8. <div class="modal-body">
  9. <h5>删除后,数据无法恢复,请谨慎操作。</h5>
  10. </div>
  11. <form class="modal-footer" action="/tender/<%- tender.id %>/change/delete" method="post">
  12. <input type="hidden" name="cid" id="delete-cid" value="">
  13. <input type="hidden" name="_csrf_j" value="<%= ctx.csrf %>" />
  14. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
  15. <button type="submit" class="btn btn-danger btn-sm">确定删除</button>
  16. </form>
  17. </div>
  18. </div>
  19. </div>
  20. <% if (tender.user_id === uid) { %>
  21. <!--弹出添加变更令-->
  22. <div class="modal fade" id="add-bj-modal" data-backdrop="static">
  23. <div class="modal-dialog" role="document">
  24. <div class="modal-content">
  25. <div class="modal-header">
  26. <h5 class="modal-title">添加变更令</h5>
  27. </div>
  28. <div class="modal-body">
  29. <div class="form-group">
  30. <label>申请编号<b class="text-danger">*</b></label>
  31. <div class="input-group">
  32. <input type="text" class="form-control form-control-sm is-invalid" placeholder="请输入变更令号" value="变更申请编号" id="bj-code">
  33. <div class="input-group-append" id="autoCodeShow" <% if (codeRule.length === 0) { %>style="display: none"<% } %>>
  34. <button class="btn btn-sm btn-outline-secondary" type="button" title="自动编号" id="autoCode"><i class="fa fa-repeat"></i></button>
  35. </div>
  36. <div class="invalid-feedback" style="display: none" id="bjHint">您输入的编号已存在。</div>
  37. </div>
  38. </div>
  39. <div class="form-group">
  40. <label>工程名称<b class="text-danger">*</b></label>
  41. <input class="form-control form-control-sm" value="" type="text" id="bj-name">
  42. <div class="invalid-feedback" style="display: none" id="name_error_msg">名称超过100个字,请缩减名称。</div>
  43. </div>
  44. </div>
  45. <div class="modal-footer">
  46. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal" id="addCancel">关闭</button>
  47. <a href="javascript: void(0)" class="btn btn-primary btn-sm" id="addOk">确认添加</a>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <!--设置-->
  53. <div class="modal fade" id="setting" data-backdrop="static">
  54. <div class="modal-dialog" role="document">
  55. <div class="modal-content">
  56. <div class="modal-header">
  57. <h5 class="modal-title">变更令设置</h5>
  58. </div>
  59. <div class="modal-body">
  60. <ul class="nav nav-tabs mb-3" role="tablist">
  61. <li class="nav-item">
  62. <a class="nav-link active" data-toggle="tab" href="#bianhao" role="tab" aria-controls="home" aria-selected="true">编号规则</a>
  63. </li>
  64. </ul>
  65. <div class="tab-content">
  66. <div class="tab-pane active" id="bianhao">
  67. <h5>
  68. 当前规则:
  69. <span id="preview">
  70. <% if (codeRule && codeRule instanceof Array) { %>
  71. <% const preview = []; %>
  72. <% for (const rule of codeRule) { %>
  73. <% preview.push(rule.preview); %>
  74. <% } %>
  75. <%- preview.join(tender.c_connector !== null && tender.c_connector !== '3' ? ruleConst.connectorString[tender.c_connector] : ''); %>
  76. <% } %>
  77. </span>
  78. </h5>
  79. <h5 id="ruleParts">
  80. <% if (codeRule && codeRule instanceof Array) { %>
  81. <% for (const rule of codeRule) { %>
  82. <span class="badge badge-light" title="<%- ruleConst.ruleString[rule.rule_type] %>">
  83. <span>
  84. <%- rule.preview %>
  85. </span>
  86. <a href="javascript: void(0);" class="text-danger" title="移除"><i class="fa fa-remove"></i></a>
  87. </span>
  88. <% } %>
  89. <% } %>
  90. </h5>
  91. <h5 class="my-3">连接符</h5>
  92. <div class="form-group">
  93. <select class="form-control form-control-sm connector-change">
  94. <option disabled selected>请选择</option>
  95. <% for (const index in ruleConst.connectorString) { %>
  96. <option value="<%- index %>" <% if (tender.c_connector !== null && tender.c_connector === parseInt(index)) { %>selected<% } %>><%- ruleConst.connectorString[index] %></option>
  97. <% } %>
  98. </select>
  99. </div>
  100. <h5 class="my-3">添加新规则组件</h5>
  101. <div class="form-group">
  102. <select class="form-control form-control-sm rule-change">
  103. <option disabled selected>请选择组件</option>
  104. <% for (const index in ruleConst.ruleString) { %>
  105. <option value="<%- index %>"><%- ruleConst.ruleString[index] %></option>
  106. <% } %>
  107. </select>
  108. </div>
  109. <div class="form-group" id="format" style="display: none">
  110. <label>自动编号位数</label>
  111. <input min="3" class="form-control form-control-sm" step="1" max="6" value="3" type="number">
  112. </div>
  113. <div class="form-group" id="text" style="display: none">
  114. <label>起始编号</label>
  115. <input class="form-control form-control-sm" value="001" type="text">
  116. </div>
  117. <button class="btn btn-sm btn-outline-primary" id="addRule">添加组件</button>
  118. </div>
  119. </div>
  120. </div>
  121. <div class="modal-footer">
  122. <% if (tender.c_rule_first) { %><button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal" id="changeFirst">暂时不需要</button><% } %>
  123. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal" id="hide_modal" <% if (tender.c_rule_first) { %>style="display: none"<% } %>>关闭</button>
  124. <button type="button" class="btn btn-primary btn-sm" id="setRule">确定添加</button>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. <% } %>
  130. <script>
  131. const ruleType = <%- ruleType %>;
  132. const ruleConst = JSON.parse('<%- JSON.stringify(ruleConst) %>');
  133. let codeRule = JSON.parse('<%- JSON.stringify(codeRule) %>');
  134. let connectorRule = '<%- tender.c_connector %>';
  135. let cRuleFirst = '<%- tender.c_rule_first %>';
  136. </script>
  137. <script src="/public/js/moment/moment.min.js"></script>