audit_issue.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. <style>
  2. body.is-dialog .audit-issue-wrap {
  3. padding: 12px 14px 0;
  4. max-width: 100%;
  5. box-sizing: border-box;
  6. }
  7. .audit-issue-wrap .audit-block-title {
  8. margin: 0 0 6px;
  9. font-weight: 600;
  10. font-size: 13px;
  11. color: #333;
  12. }
  13. .audit-issue-wrap .audit-notify-tip {
  14. margin: 0 0 10px;
  15. padding: 8px 12px;
  16. font-size: 12px;
  17. line-height: 1.65;
  18. color: #8a6d3b;
  19. background: #fcf8e3;
  20. border: 1px solid #faebcc;
  21. border-radius: 3px;
  22. }
  23. .audit-issue-wrap .audit-table-wrap {
  24. max-height: 240px;
  25. overflow: auto;
  26. margin-bottom: 12px;
  27. border: 1px solid #e5e5e5;
  28. }
  29. .audit-issue-wrap .audit-process-table {
  30. margin: 0;
  31. font-size: 12px;
  32. table-layout: fixed;
  33. width: 100%;
  34. min-width: 980px;
  35. }
  36. .audit-issue-wrap .audit-process-table th {
  37. background: #f5f5f5;
  38. white-space: nowrap;
  39. font-weight: 600;
  40. padding: 6px 8px;
  41. vertical-align: middle;
  42. }
  43. .audit-issue-wrap .audit-process-table th.text-center,
  44. .audit-issue-wrap .audit-process-table td.text-center {
  45. text-align: center;
  46. }
  47. .audit-issue-wrap .audit-process-table td {
  48. padding: 6px 8px;
  49. vertical-align: middle;
  50. word-wrap: break-word;
  51. }
  52. .audit-issue-wrap .audit-table {
  53. margin: 0;
  54. font-size: 12px;
  55. }
  56. .audit-issue-wrap .audit-table th {
  57. background: #f5f5f5;
  58. white-space: nowrap;
  59. }
  60. .audit-issue-wrap .audit-table td {
  61. padding: 6px 8px;
  62. vertical-align: middle;
  63. word-wrap: break-word;
  64. }
  65. .audit-issue-wrap .audit-notify-pick-table td label {
  66. margin: 0;
  67. font-weight: normal;
  68. cursor: pointer;
  69. }
  70. .audit-issue-wrap .audit-notify-pick-table tbody tr {
  71. cursor: pointer;
  72. }
  73. .audit-issue-wrap .audit-deadline-row {
  74. display: flex;
  75. align-items: center;
  76. flex-wrap: wrap;
  77. gap: 8px 12px;
  78. margin: 0 0 12px;
  79. font-size: 13px;
  80. }
  81. .audit-issue-wrap .audit-deadline-row .audit-field-label {
  82. font-weight: 600;
  83. color: #333;
  84. white-space: nowrap;
  85. }
  86. .audit-issue-wrap .audit-deadline-input-wrap {
  87. flex: 1 1 220px;
  88. max-width: 300px;
  89. }
  90. .audit-issue-wrap .audit-deadline-input-wrap .input-group-addon {
  91. cursor: pointer;
  92. background: #f9f9f9;
  93. }
  94. .audit-issue-wrap .audit-deadline-input-wrap .form-control {
  95. height: 32px;
  96. font-size: 13px;
  97. cursor: pointer;
  98. background-color: #fff;
  99. }
  100. body.is-dialog .bootstrap-datetimepicker-widget.dropdown-menu {
  101. z-index: 19999999 !important;
  102. box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  103. }
  104. </style>
  105. <div class="audit-issue-wrap">
  106. <div class="audit-table-wrap">
  107. <table class="table table-bordered table-condensed audit-process-table">
  108. <thead>
  109. <tr>
  110. <th class="text-center" style="width:100px;">订单号</th>
  111. <th style="min-width:160px;">印件名称</th>
  112. <th>工序名称</th>
  113. <th class="text-center" style="width:56px;">单位</th>
  114. <th class="text-center" style="width:72px;">工作量</th>
  115. <th class="text-center" style="width:72px;">本次数量</th>
  116. <th class="text-center" style="width:72px;">最高限价</th>
  117. <th class="text-center" style="width:80px;">订法</th>
  118. <th style="min-width:120px;">备注</th>
  119. </tr>
  120. </thead>
  121. <tbody>
  122. {volist name="processDisplayRows" id="pr"}
  123. <tr>
  124. {if $pr.show_order_cells}
  125. <td class="text-center"{if condition="$pr.order_rowspan gt 1"} rowspan="{$pr.order_rowspan}"{/if}>{$pr.CCYDH|default=''}</td>
  126. <td{if condition="$pr.order_rowspan gt 1"} rowspan="{$pr.order_rowspan}"{/if}>{$pr.CYJMC|default=''}</td>
  127. {/if}
  128. <td>{$pr.CGYMC|default=''}</td>
  129. <td class="text-center">{$pr.CDW|default=''}</td>
  130. <td class="text-center">{$pr.NGZL|default=''}</td>
  131. <td class="text-center">{$pr.This_quantity|default=''}</td>
  132. <td class="text-center">{$pr.ceilingPrice|default=''}</td>
  133. <td class="text-center">{$pr.CDF|default=''}</td>
  134. <td>{$pr.MBZ|default=''}</td>
  135. </tr>
  136. {/volist}
  137. </tbody>
  138. </table>
  139. </div>
  140. <form id="audit-issue-form" class="form-horizontal" role="form" style="margin-bottom:0;">
  141. {:token()}
  142. <input type="hidden" name="scydgy_id" value="{$scydgyId|htmlentities}"/>
  143. <input type="hidden" id="audit-notify-groups-json" value="{$notifyGroupsJson|htmlentities}"/>
  144. <div class="audit-deadline-row">
  145. <span class="audit-field-label">截止时间:<span class="text-danger">*</span></span>
  146. <div class="audit-deadline-input-wrap input-group">
  147. <input type="text" id="audit-sys-rq" name="sys_rq" class="form-control"
  148. value="{$sysRq|default=''|htmlentities}"
  149. data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true"
  150. placeholder="请选择年月日时分" autocomplete="off" required="required"/>
  151. <span class="input-group-addon procuremen-sys-rq-addon" title="选择截止时间"><i class="fa fa-calendar"></i></span>
  152. </div>
  153. </div>
  154. </form>
  155. <p class="audit-notify-tip">
  156. 请勾选需要通知的供应商,点击「确认通知」后仅向已勾选项发送短信与邮件。本步骤发送后无法撤回,请仔细核对后再提交。
  157. </p>
  158. <div class="audit-table-wrap">
  159. <table class="table table-bordered table-condensed audit-table audit-notify-pick-table">
  160. <thead>
  161. <tr>
  162. <th class="text-center" style="width:42px;">
  163. <input type="checkbox" id="audit-notify-check-all" title="全选/取消"/>
  164. </th>
  165. <th>公司名称</th>
  166. <th style="width:88px;">联系人</th>
  167. <th style="min-width:160px;">邮箱</th>
  168. <th style="width:120px;">手机号</th>
  169. <th style="min-width:200px;">通知工序</th>
  170. </tr>
  171. </thead>
  172. <tbody id="audit-notify-tbody">
  173. {volist name="notifyGroups" id="co" key="k"}
  174. <tr>
  175. <td class="text-center">
  176. <label>
  177. <input type="checkbox" class="audit-notify-pick" name="audit_notify_pick[]" value="{$k-1}"/>
  178. </label>
  179. </td>
  180. <td>{$co.name|default=''|htmlentities}</td>
  181. <td>{$co.username|default=''|htmlentities}</td>
  182. <td>{$co.email|default=''|htmlentities}</td>
  183. <td>{$co.phone|default=''|htmlentities}</td>
  184. <td>{$co.process_text|default=''|htmlentities}</td>
  185. </tr>
  186. {/volist}
  187. </tbody>
  188. </table>
  189. </div>
  190. <div class="form-group layer-footer">
  191. <div class="row procuremen-audit-issue-footer-row">
  192. <div class="col-xs-12 procuremen-audit-issue-footer-btns">
  193. <button type="button" style="margin-right: 20px" class="btn btn-primary btn-embossed" id="btn-audit-issue-submit">
  194. <i class="fa fa-paper-plane"></i> 确认通知
  195. </button>
  196. <button type="button" style="margin-right: 20px" class="btn btn-default btn-embossed" id="btn-audit-issue-close">
  197. <i class="fa fa-times"></i> 关闭
  198. </button>
  199. </div>
  200. </div>
  201. </div>
  202. </div>