audit_issue.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366
  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-quote-pick-table tbody tr {
  66. cursor: pointer;
  67. }
  68. .audit-issue-wrap .audit-quote-pick-table td label {
  69. margin: 0;
  70. font-weight: normal;
  71. cursor: pointer;
  72. }
  73. .audit-issue-wrap .audit-quote-item {
  74. margin-bottom: 6px;
  75. font-size: 12px;
  76. line-height: 1.5;
  77. }
  78. .audit-issue-wrap .audit-quote-item:last-child {
  79. margin-bottom: 0;
  80. }
  81. .audit-issue-wrap .audit-deadline-row {
  82. display: flex;
  83. align-items: flex-start;
  84. flex-wrap: wrap;
  85. gap: 8px 12px;
  86. margin: 0 0 12px;
  87. font-size: 13px;
  88. position: relative;
  89. z-index: 61;
  90. overflow: visible;
  91. }
  92. .audit-issue-wrap .audit-deadline-row .audit-field-label {
  93. font-weight: 600;
  94. color: #333;
  95. white-space: nowrap;
  96. flex-shrink: 0;
  97. margin: 7px 0 0;
  98. }
  99. .audit-issue-wrap .audit-deadline-input-wrap {
  100. position: relative;
  101. flex: 0 1 auto;
  102. min-width: 0;
  103. z-index: 62;
  104. }
  105. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-fields {
  106. display: flex;
  107. flex-wrap: wrap;
  108. align-items: center;
  109. gap: 8px;
  110. }
  111. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-date {
  112. width: 148px;
  113. min-width: 132px;
  114. height: 32px;
  115. padding: 4px 8px;
  116. }
  117. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-time-group {
  118. display: inline-flex;
  119. align-items: center;
  120. gap: 4px;
  121. }
  122. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-hour,
  123. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-minute {
  124. width: 62px;
  125. height: 32px;
  126. padding: 4px 6px;
  127. }
  128. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-colon {
  129. color: #666;
  130. font-weight: 600;
  131. line-height: 32px;
  132. }
  133. .audit-issue-wrap .procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-date,
  134. .audit-issue-wrap .procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-hour,
  135. .audit-issue-wrap .procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-minute {
  136. background-color: #f5f5f5;
  137. color: #333;
  138. cursor: default;
  139. pointer-events: none;
  140. }
  141. .audit-issue-wrap .audit-op-cell {
  142. white-space: nowrap;
  143. }
  144. .audit-issue-wrap .audit-op-cell .btn {
  145. padding: 2px 7px;
  146. font-size: 12px;
  147. margin: 0 2px 2px 0;
  148. }
  149. .audit-issue-wrap .audit-table-wrap.audit-quote-table-wrap {
  150. max-height: 360px;
  151. }
  152. .audit-issue-wrap .audit-quote-detail-table {
  153. min-width: 1320px;
  154. }
  155. .audit-issue-wrap .audit-quote-detail-table td.audit-quote-empty {
  156. color: #e67e22;
  157. }
  158. .audit-issue-wrap .audit-deadline-row .audit-bid-open-btn {
  159. flex-shrink: 0;
  160. height: 32px;
  161. line-height: 20px;
  162. margin-left: 4px;
  163. }
  164. .audit-issue-wrap .audit-deadline-row .audit-bid-open-verified-tag {
  165. flex-shrink: 0;
  166. height: 32px;
  167. line-height: 32px;
  168. font-size: 15px;
  169. font-weight: 600;
  170. color: #3c763d;
  171. white-space: nowrap;
  172. margin-left: 8px;
  173. }
  174. .audit-issue-wrap .audit-deadline-row .audit-bid-open-verified-tag .fa {
  175. font-size: 16px;
  176. margin-right: 4px;
  177. vertical-align: -1px;
  178. }
  179. .audit-bid-open-modal {
  180. padding: 16px 18px 8px;
  181. font-size: 13px;
  182. }
  183. .audit-bid-open-modal .bid-open-tip {
  184. margin: 0 0 12px;
  185. padding: 8px 10px;
  186. color: #8a6d3b;
  187. background: #fcf8e3;
  188. border: 1px solid #faebcc;
  189. border-radius: 3px;
  190. line-height: 1.6;
  191. }
  192. .audit-bid-open-modal .bid-open-row {
  193. display: flex;
  194. align-items: center;
  195. flex-wrap: wrap;
  196. gap: 8px;
  197. margin-bottom: 10px;
  198. }
  199. .audit-bid-open-modal .bid-open-row label {
  200. width: 72px;
  201. margin: 0;
  202. font-weight: 600;
  203. color: #333;
  204. }
  205. .audit-bid-open-modal .bid-open-row select {
  206. width: 180px;
  207. height: 32px;
  208. }
  209. .audit-bid-open-modal .bid-open-row .bid-open-code {
  210. width: 110px;
  211. height: 32px;
  212. }
  213. .audit-bid-open-modal .bid-open-row .btn-send-code {
  214. min-width: 88px;
  215. }
  216. .audit-issue-wrap .audit-quote-detail-table td.audit-quote-pending {
  217. color: #e67e22;
  218. }
  219. </style>
  220. <div class="audit-issue-wrap">
  221. <div class="audit-table-wrap">
  222. <table class="table table-bordered table-condensed audit-process-table">
  223. <thead>
  224. <tr>
  225. <th class="text-center" style="width:100px;">订单号</th>
  226. <th style="min-width:160px;">印件名称</th>
  227. <th>工序名称</th>
  228. <th class="text-center" style="width:56px;">单位</th>
  229. <th class="text-center" style="width:72px;">工作量</th>
  230. <th class="text-center" style="width:72px;">本次数量</th>
  231. <th class="text-center" style="width:72px;">最高限价</th>
  232. <th class="text-center" style="width:80px;">订法</th>
  233. <th style="min-width:120px;">备注</th>
  234. </tr>
  235. </thead>
  236. <tbody>
  237. {volist name="processDisplayRows" id="pr"}
  238. <tr>
  239. {if $pr.show_order_cells}
  240. <td class="text-center"{if condition="$pr.order_rowspan gt 1"} rowspan="{$pr.order_rowspan}"{/if}>{$pr.CCYDH|default=''}</td>
  241. <td{if condition="$pr.order_rowspan gt 1"} rowspan="{$pr.order_rowspan}"{/if}>{$pr.CYJMC|default=''}</td>
  242. {/if}
  243. <td>{$pr.CGYMC|default=''}</td>
  244. <td class="text-center">{$pr.CDW|default=''}</td>
  245. <td class="text-center">{$pr.NGZL|default=''}</td>
  246. <td class="text-center">{$pr.This_quantity|default=''}</td>
  247. <td class="text-center">{$pr.ceilingPrice|default=''}</td>
  248. <td class="text-center">{$pr.CDF|default=''}</td>
  249. <td>{$pr.MBZ|default=''}</td>
  250. </tr>
  251. {/volist}
  252. </tbody>
  253. </table>
  254. </div>
  255. <form id="audit-issue-form" class="form-horizontal" role="form" style="margin-bottom:0;">
  256. {:token()}
  257. <input type="hidden" name="scydgy_id" value="{$scydgyId|htmlentities}"/>
  258. <input type="hidden" id="audit-quote-groups-json" value="{$quoteGroupsJson|htmlentities}"/>
  259. <input type="hidden" id="audit-bid-open-verified" value="{$bidOpenVerified|default=0}"/>
  260. <input type="hidden" id="audit-order-ccydh" value="{$orderCcydh|default=''|htmlentities}"/>
  261. <div class="audit-deadline-row">
  262. <span class="audit-field-label">截止时间:</span>
  263. <div class="audit-deadline-input-wrap procuremen-sys-rq-split is-readonly" id="audit-sys-rq-wrap" title="仅查看,不可修改">
  264. <input type="hidden" id="audit-sys-rq" name="sys_rq" value="{$sysRq|default=''|htmlentities}"/>
  265. <div class="procuremen-sys-rq-fields">
  266. <input type="date" class="form-control procuremen-sys-rq-date" title="截止日期" readonly="readonly" disabled="disabled" tabindex="-1"/>
  267. <div class="procuremen-sys-rq-time-group">
  268. <select class="form-control procuremen-sys-rq-hour" title="时" disabled="disabled" tabindex="-1"></select>
  269. <span class="procuremen-sys-rq-colon">:</span>
  270. <select class="form-control procuremen-sys-rq-minute" title="分" disabled="disabled" tabindex="-1"></select>
  271. </div>
  272. {if $bidOpenVerified}
  273. <span class="audit-bid-open-verified-tag"><i class="fa fa-check-circle"></i> 已开标验证</span>
  274. {else /}
  275. {if $auth->check('procuremen/bidopenverify') || $auth->check('procuremen/bidopen') || $auth->check('procuremen/auditissue')}
  276. <button type="button" class="btn btn-warning btn-sm audit-bid-open-btn" id="btn-audit-bid-open">
  277. <i class="fa fa-unlock-alt"></i> 开标
  278. </button>
  279. {/if}
  280. {/if}
  281. </div>
  282. </div>
  283. </div>
  284. </form>
  285. <!-- <p class="audit-notify-tip" style="margin-top:-2px;">-->
  286. <!-- <i class="fa fa-shield"></i>-->
  287. <!-- 未开标验证前,供应商单价与交货日期显示「未开标验证」;请点击「开标」完成双重验证后方可查看报价与交期并确认供应商(验证一次后本单可持续操作)。-->
  288. <!-- </p>-->
  289. <p class="audit-notify-tip">
  290. <i class="fa fa-exclamation-triangle"></i>
  291. <strong>重要提示:</strong>可先预选供应商,但点击「确认」前须完成开标验证。确认后将进入采购终审(本步<strong>不发送短信通知</strong>)。
  292. 需再次提醒报价时,请在右侧<strong>操作</strong>列点击「发邮件」或「发短信」。
  293. </p>
  294. <div class="audit-table-wrap audit-quote-table-wrap">
  295. <table class="table table-bordered table-condensed audit-table audit-quote-pick-table audit-quote-detail-table">
  296. <thead>
  297. <tr>
  298. <th class="text-center" style="width:42px;">选定</th>
  299. <th style="min-width:140px;">供应商名称</th>
  300. <th style="width:88px;">姓名</th>
  301. <th style="min-width:160px;">邮箱</th>
  302. <th style="width:120px;">手机号</th>
  303. <th style="min-width:120px;">工序名称</th>
  304. <th class="text-center" style="width:112px;">单价</th>
  305. <th class="text-center" style="width:118px;">交货日期</th>
  306. <th class="text-center" style="width:100px;">小计</th>
  307. <th class="text-center" style="width:120px;">操作</th>
  308. </tr>
  309. </thead>
  310. <tbody id="audit-quote-tbody">
  311. {volist name="quoteGroups" id="co" key="k"}
  312. {volist name="co.lines" id="ln" key="lk"}
  313. <tr>
  314. {if $lk == 1}
  315. <td class="text-center"{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">
  316. <label>
  317. <input type="radio" class="audit-quote-pick" name="audit_quote_pick" value="{$co.name|default=''|htmlentities}"
  318. {if condition="$pickedCompanyName neq '' && $pickedCompanyName eq $co.name"} checked="checked"{/if}/>
  319. </label>
  320. </td>
  321. <td{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">{$co.name|default=''|htmlentities}</td>
  322. <td{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">{$co.username|default=''|htmlentities}</td>
  323. <td{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">{:htmlentities(mask_email(isset($co['email']) ? $co['email'] : ''))}</td>
  324. <td{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">{:htmlentities(mask_phone(isset($co['phone']) ? $co['phone'] : ''))}</td>
  325. {/if}
  326. <td>{$ln.cgymc|default=''|htmlentities}</td>
  327. <td class="text-center{if condition="!empty($ln.amount_quote_pending)"} audit-quote-pending{elseif condition="$ln.amount_filled neq 1"} audit-quote-empty{/if}">{$ln.unit_price_text|default='未填写'|htmlentities}</td>
  328. <td class="text-center{if condition="!empty($ln.delivery_quote_pending)"} audit-quote-pending{elseif condition="$ln.delivery_filled neq 1"} audit-quote-empty{/if}">{$ln.delivery_show|default='未填写'|htmlentities}</td>
  329. <td class="text-center{if condition="!empty($ln.amount_quote_pending)"} audit-quote-pending{/if}">{$ln.subtotal_text|default=''|htmlentities}</td>
  330. {if $lk == 1}
  331. <td class="text-center audit-op-cell"{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">
  332. {if $auth->check('procuremen/auditresendemail')}
  333. <button type="button" class="btn btn-default btn-xs audit-row-send-email" data-company="{$co.name|default=''|htmlentities}">发邮件</button>
  334. {/if}
  335. {if $auth->check('procuremen/auditresendsms')}
  336. <button type="button" class="btn btn-default btn-xs audit-row-send-sms" data-company="{$co.name|default=''|htmlentities}">发短信</button>
  337. {/if}
  338. </td>
  339. {/if}
  340. </tr>
  341. {/volist}
  342. {if !empty($co.has_total)}
  343. <tr class="active">
  344. <td colspan="3" class="text-right"><strong>总计</strong></td>
  345. <td class="text-center"><strong>{$co.total_text|default=''|htmlentities}</strong></td>
  346. </tr>
  347. {/if}
  348. {/volist}
  349. </tbody>
  350. </table>
  351. </div>
  352. <div class="form-group layer-footer">
  353. <div class="row procuremen-audit-issue-footer-row">
  354. <div class="col-xs-12 procuremen-audit-issue-footer-btns">
  355. {if $auth->check('procuremen/auditsubmit')}
  356. <button type="button" style="margin-right: 12px" class="btn btn-primary btn-embossed" id="btn-audit-issue-submit">
  357. <i class="fa fa-check"></i> 确认
  358. </button>
  359. {/if}
  360. <button type="button" class="btn btn-default btn-embossed" id="btn-audit-issue-close">
  361. <i class="fa fa-times"></i> 关闭
  362. </button>
  363. </div>
  364. </div>
  365. </div>
  366. </div>