audit_issue.html 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454
  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. /* 不在表格区域内部滚动,由弹窗页面整体滚动 */
  25. max-height: none;
  26. overflow-x: auto;
  27. overflow-y: visible;
  28. margin-bottom: 12px;
  29. border: 1px solid #e5e5e5;
  30. }
  31. .audit-issue-wrap .audit-process-table {
  32. margin: 0;
  33. font-size: 12px;
  34. table-layout: fixed;
  35. width: 100%;
  36. min-width: 980px;
  37. }
  38. .audit-issue-wrap .audit-process-table col:nth-child(3) {
  39. width: 130px;
  40. }
  41. .audit-issue-wrap .audit-process-table col:nth-child(4) {
  42. width: 80px;
  43. }
  44. .audit-issue-wrap .audit-process-table td.audit-process-name {
  45. white-space: nowrap;
  46. }
  47. .audit-issue-wrap .audit-process-table th {
  48. background: #f5f5f5;
  49. white-space: nowrap;
  50. font-weight: 600;
  51. padding: 6px 8px;
  52. vertical-align: middle;
  53. border: 1px solid #ddd !important;
  54. }
  55. .audit-issue-wrap .audit-process-table th.text-center,
  56. .audit-issue-wrap .audit-process-table td.text-center {
  57. text-align: center;
  58. }
  59. .audit-issue-wrap .audit-process-table td {
  60. padding: 6px 8px;
  61. vertical-align: middle;
  62. word-wrap: break-word;
  63. border: 1px solid #ddd !important;
  64. }
  65. .audit-issue-wrap .audit-table {
  66. margin: 0;
  67. font-size: 12px;
  68. border-collapse: collapse;
  69. }
  70. .audit-issue-wrap .audit-table th {
  71. background: #f5f5f5;
  72. white-space: nowrap;
  73. font-weight: 600;
  74. padding: 6px 8px;
  75. vertical-align: middle;
  76. border: 1px solid #ddd !important;
  77. }
  78. .audit-issue-wrap .audit-table td {
  79. padding: 6px 8px;
  80. vertical-align: middle;
  81. word-wrap: break-word;
  82. line-height: 1.45;
  83. border: 1px solid #ddd !important;
  84. }
  85. .audit-issue-wrap .audit-quote-pick-table tbody tr {
  86. cursor: pointer;
  87. }
  88. .audit-issue-wrap .audit-quote-pick-table td label {
  89. margin: 0;
  90. font-weight: normal;
  91. cursor: pointer;
  92. }
  93. .audit-issue-wrap .audit-quote-item {
  94. margin-bottom: 6px;
  95. font-size: 12px;
  96. line-height: 1.5;
  97. }
  98. .audit-issue-wrap .audit-quote-item:last-child {
  99. margin-bottom: 0;
  100. }
  101. .audit-issue-wrap .audit-deadline-row {
  102. display: flex;
  103. align-items: flex-start;
  104. flex-wrap: wrap;
  105. gap: 10px 20px;
  106. margin: 0 0 12px;
  107. font-size: 13px;
  108. position: relative;
  109. z-index: 61;
  110. overflow: visible;
  111. }
  112. .audit-issue-wrap .audit-deadline-item {
  113. display: flex;
  114. flex-wrap: wrap;
  115. align-items: flex-start;
  116. gap: 8px 10px;
  117. }
  118. .audit-issue-wrap .audit-deadline-row .audit-field-label {
  119. font-weight: 600;
  120. color: #333;
  121. white-space: nowrap;
  122. flex-shrink: 0;
  123. margin: 7px 0 0;
  124. }
  125. .audit-issue-wrap .audit-deadline-input-wrap {
  126. position: relative;
  127. flex: 0 1 auto;
  128. min-width: 0;
  129. z-index: 62;
  130. }
  131. .audit-issue-wrap .audit-delivery-deadline-input {
  132. width: 148px;
  133. min-width: 132px;
  134. height: 32px;
  135. padding: 4px 8px;
  136. margin-top: 0;
  137. }
  138. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-fields {
  139. display: flex;
  140. flex-wrap: wrap;
  141. align-items: center;
  142. gap: 8px;
  143. }
  144. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-date {
  145. width: 148px;
  146. min-width: 132px;
  147. height: 32px;
  148. padding: 4px 8px;
  149. }
  150. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-time-group {
  151. display: inline-flex;
  152. align-items: center;
  153. gap: 4px;
  154. }
  155. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-hour,
  156. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-minute {
  157. width: 62px;
  158. height: 32px;
  159. padding: 4px 6px;
  160. }
  161. .audit-issue-wrap .procuremen-sys-rq-split .procuremen-sys-rq-colon {
  162. color: #666;
  163. font-weight: 600;
  164. line-height: 32px;
  165. }
  166. .audit-issue-wrap .procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-date,
  167. .audit-issue-wrap .procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-hour,
  168. .audit-issue-wrap .procuremen-sys-rq-split.is-readonly .procuremen-sys-rq-minute {
  169. background-color: #f5f5f5;
  170. color: #333;
  171. cursor: default;
  172. pointer-events: none;
  173. }
  174. .audit-issue-wrap .audit-op-cell {
  175. white-space: nowrap;
  176. }
  177. .audit-issue-wrap .audit-op-cell .btn {
  178. padding: 2px 7px;
  179. font-size: 12px;
  180. margin: 0 2px 2px 0;
  181. }
  182. .audit-issue-wrap .audit-table-wrap.audit-quote-table-wrap {
  183. max-height: none;
  184. overflow-x: auto;
  185. overflow-y: visible;
  186. }
  187. .audit-issue-wrap .audit-quote-detail-table {
  188. min-width: 1580px;
  189. }
  190. .audit-issue-wrap .audit-quote-detail-table td.audit-quote-empty {
  191. color: #e67e22;
  192. }
  193. .audit-issue-wrap .audit-deadline-item.audit-bid-open-item {
  194. align-items: center;
  195. margin-top: 0;
  196. }
  197. .audit-issue-wrap .audit-deadline-row .audit-append-supplier-btn {
  198. flex-shrink: 0;
  199. height: 32px;
  200. line-height: 20px;
  201. margin-right: 8px;
  202. }
  203. .audit-issue-wrap .audit-deadline-row .audit-bid-open-btn {
  204. flex-shrink: 0;
  205. height: 32px;
  206. line-height: 20px;
  207. margin-left: 0;
  208. }
  209. .audit-issue-wrap .audit-deadline-row .audit-bid-open-verified-tag {
  210. flex-shrink: 0;
  211. height: 32px;
  212. line-height: 32px;
  213. font-size: 15px;
  214. font-weight: 600;
  215. color: #3c763d;
  216. white-space: nowrap;
  217. margin-left: 0;
  218. }
  219. .audit-issue-wrap .audit-deadline-row .audit-bid-open-verified-tag .fa {
  220. font-size: 16px;
  221. margin-right: 4px;
  222. vertical-align: -1px;
  223. }
  224. .audit-bid-open-modal {
  225. padding: 16px 18px 8px;
  226. font-size: 13px;
  227. }
  228. .audit-bid-open-modal .bid-open-tip {
  229. margin: 0 0 12px;
  230. padding: 8px 10px;
  231. color: #8a6d3b;
  232. background: #fcf8e3;
  233. border: 1px solid #faebcc;
  234. border-radius: 3px;
  235. line-height: 1.6;
  236. }
  237. .audit-bid-open-modal .bid-open-row {
  238. display: flex;
  239. align-items: center;
  240. flex-wrap: wrap;
  241. gap: 8px;
  242. margin-bottom: 10px;
  243. }
  244. .audit-bid-open-modal .bid-open-row label {
  245. width: 72px;
  246. margin: 0;
  247. font-weight: 600;
  248. color: #333;
  249. }
  250. .audit-bid-open-modal .bid-open-row select {
  251. width: 260px;
  252. height: 32px;
  253. }
  254. .audit-bid-open-modal .bid-open-row .bid-open-code {
  255. width: 110px;
  256. height: 32px;
  257. }
  258. .audit-bid-open-modal .bid-open-row .btn-send-code {
  259. min-width: 88px;
  260. }
  261. .audit-issue-wrap .audit-quote-detail-table td.audit-quote-pending {
  262. color: #e67e22;
  263. white-space: nowrap;
  264. min-width: 130px;
  265. }
  266. </style>
  267. <div class="audit-issue-wrap">
  268. <div class="audit-table-wrap">
  269. <table class="table table-bordered table-condensed audit-process-table">
  270. <colgroup>
  271. <col style="width:100px"/>
  272. <col style="width:26%"/>
  273. <col style="width:130px"/>
  274. <col style="width:80px"/>
  275. <col style="width:72px"/>
  276. <col style="width:72px"/>
  277. <col style="width:72px"/>
  278. <col style="width:80px"/>
  279. <col/>
  280. </colgroup>
  281. <thead>
  282. <tr>
  283. <th class="text-center">订单号</th>
  284. <th>印件名称</th>
  285. <th>工序名称</th>
  286. <th class="text-center">单位</th>
  287. <th class="text-center">工作量</th>
  288. <th class="text-center">本次数量</th>
  289. <th class="text-center">最高限价</th>
  290. <th class="text-center">订法</th>
  291. <th>备注</th>
  292. </tr>
  293. </thead>
  294. <tbody>
  295. {volist name="processDisplayRows" id="pr"}
  296. <tr>
  297. {if $pr.show_order_cells}
  298. <td class="text-center"{if condition="$pr.order_rowspan gt 1"} rowspan="{$pr.order_rowspan}"{/if}>{$pr.CCYDH|default=''}</td>
  299. <td{if condition="$pr.order_rowspan gt 1"} rowspan="{$pr.order_rowspan}"{/if}>{$pr.CYJMC|default=''}</td>
  300. {/if}
  301. <td class="audit-process-name">{$pr.CGYMC|default=''}</td>
  302. <td class="text-center">{$pr.CDW|default=''}</td>
  303. <td class="text-center">{$pr.NGZL|default=''}</td>
  304. <td class="text-center">{$pr.This_quantity|default=''}</td>
  305. <td class="text-center">{$pr.ceilingPrice|default=''}</td>
  306. <td class="text-center">{$pr.CDF|default=''}</td>
  307. <td>{$pr.MBZ|default=''}</td>
  308. </tr>
  309. {/volist}
  310. </tbody>
  311. </table>
  312. </div>
  313. <form id="audit-issue-form" class="form-horizontal" role="form" style="margin-bottom:0;">
  314. {:token()}
  315. <input type="hidden" name="scydgy_id" value="{$scydgyId|htmlentities}"/>
  316. <input type="hidden" id="audit-quote-groups-json" value="{$quoteGroupsJson|htmlentities}"/>
  317. <input type="hidden" id="audit-bid-open-verified" value="{$bidOpenVerified|default=0}"/>
  318. <input type="hidden" id="audit-append-deadline-passed" value="{$appendSupplierDeadlinePassed|default=0}"/>
  319. <input type="hidden" id="audit-order-ccydh" value="{$orderCcydh|default=''|htmlentities}"/>
  320. <div class="audit-deadline-row">
  321. <div class="audit-deadline-item">
  322. <span class="audit-field-label">招标截止日期:</span>
  323. <div class="audit-deadline-input-wrap procuremen-sys-rq-split is-readonly" id="audit-sys-rq-wrap" title="仅查看,不可修改">
  324. <input type="hidden" id="audit-sys-rq" name="sys_rq" value="{$sysRq|default=''|htmlentities}"/>
  325. <div class="procuremen-sys-rq-fields">
  326. <input type="date" class="form-control procuremen-sys-rq-date" title="招标截止日期" readonly="readonly" disabled="disabled" tabindex="-1"/>
  327. <div class="procuremen-sys-rq-time-group">
  328. <select class="form-control procuremen-sys-rq-hour" title="时" disabled="disabled" tabindex="-1"></select>
  329. <span class="procuremen-sys-rq-colon">:</span>
  330. <select class="form-control procuremen-sys-rq-minute" title="分" disabled="disabled" tabindex="-1"></select>
  331. </div>
  332. </div>
  333. </div>
  334. </div>
  335. <div class="audit-deadline-item">
  336. <span class="audit-field-label">交货截止日期:</span>
  337. <input type="text" class="form-control audit-delivery-deadline-input" value="{$deliveryDeadline|default=''|htmlentities}" title="交货截止日期" readonly="readonly" disabled="disabled" tabindex="-1" placeholder=""/>
  338. </div>
  339. <div class="audit-deadline-item audit-bid-open-item">
  340. {if $canAppendSupplier}
  341. {if $auth->check('procuremen/auditappend')}
  342. <button type="button" class="btn btn-primary btn-sm audit-append-supplier-btn" id="btn-audit-append-supplier" title="补加供应商">
  343. <i class="fa fa-plus"></i> 补加供应商
  344. </button>
  345. {/if}
  346. {/if}
  347. {if $bidOpenVerified}
  348. <span class="audit-bid-open-verified-tag"><i class="fa fa-check-circle"></i> 已开标验证</span>
  349. {else /}
  350. {if $auth->check('procuremen/bidopenverify') || $auth->check('procuremen/bidopen') || $auth->check('procuremen/auditissue')}
  351. <button type="button" class="btn btn-warning btn-sm audit-bid-open-btn" id="btn-audit-bid-open">
  352. <i class="fa fa-unlock-alt"></i> 开标
  353. </button>
  354. {/if}
  355. {/if}
  356. </div>
  357. </div>
  358. </form>
  359. <!-- <p class="audit-notify-tip" style="margin-top:-2px;">-->
  360. <!-- <i class="fa fa-shield"></i>-->
  361. <!-- 未开标验证前,供应商单价与交货日期显示「未开标验证」;请点击「开标」完成双重验证后方可查看报价与交期并确认供应商(验证一次后本单可持续操作)。-->
  362. <!-- </p>-->
  363. <p class="audit-notify-tip">
  364. <i class="fa fa-exclamation-triangle"></i>
  365. <strong>重要提示:</strong>可先预选供应商,但点击「确认」前须完成开标验证。确认后将进入采购终审(本步<strong>不发送短信通知</strong>)。
  366. 需再次提醒报价时,请在右侧<strong>操作</strong>列点击「发邮件」或「发短信」。
  367. </p>
  368. <div class="audit-table-wrap audit-quote-table-wrap">
  369. <table class="table table-bordered table-condensed audit-table audit-quote-pick-table audit-quote-detail-table">
  370. <thead>
  371. <tr>
  372. <th class="text-center" style="width:42px;">选定</th>
  373. <th style="min-width:140px;">供应商名称</th>
  374. <th style="width:88px;">姓名</th>
  375. <th style="width:100px;">邮箱</th>
  376. <th style="width:120px;">手机号</th>
  377. <th style="width:130px;">工序名称</th>
  378. <th class="text-center" style="width:130px;">单价</th>
  379. <th class="text-center" style="width:130px;">预估工期</th>
  380. <th class="text-center" style="width:130px;">交货日期</th>
  381. <th class="text-center" style="width:130px;">小计</th>
  382. <th class="text-center" style="width:160px;">操作时间</th>
  383. <th class="text-center" style="width:120px;">操作</th>
  384. </tr>
  385. </thead>
  386. <tbody id="audit-quote-tbody">
  387. {volist name="quoteGroups" id="co" key="k"}
  388. {volist name="co.lines" id="ln" key="lk"}
  389. <tr>
  390. {if $lk == 1}
  391. <td class="text-center"{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">
  392. <label>
  393. <input type="radio" class="audit-quote-pick" name="audit_quote_pick" value="{$co.name|default=''|htmlentities}"
  394. {if condition="$pickedCompanyName neq '' && $pickedCompanyName eq $co.name"} checked="checked"{/if}/>
  395. </label>
  396. </td>
  397. <td{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">{$co.name|default=''|htmlentities}</td>
  398. <td{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">{$co.username|default=''|htmlentities}</td>
  399. <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>
  400. <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>
  401. {/if}
  402. <td>{$ln.cgymc|default=''|htmlentities}</td>
  403. <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>
  404. <td class="text-center{if condition="!empty($ln.lead_days_quote_pending)"} audit-quote-pending{elseif condition="$ln.lead_days_filled neq 1"} audit-quote-empty{/if}">{$ln.lead_days_show|default='未填写'|htmlentities}</td>
  405. <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>
  406. <td class="text-center{if condition="!empty($ln.amount_quote_pending)"} audit-quote-pending{/if}">{$ln.subtotal_text|default=''|htmlentities}</td>
  407. <td class="text-center{if condition="!empty($ln.oper_time_quote_pending)"} audit-quote-pending{/if}">{$ln.oper_time_text|default=''|htmlentities}</td>
  408. {if $lk == 1}
  409. <td class="text-center audit-op-cell"{if condition="$co.display_rowspan gt 1"} rowspan="{$co.display_rowspan}"{/if} style="vertical-align:middle;">
  410. {if $auth->check('procuremen/auditresendemail')}
  411. <button type="button" class="btn btn-default btn-xs audit-row-send-email" data-company="{$co.name|default=''|htmlentities}">发邮件</button>
  412. {/if}
  413. {if $auth->check('procuremen/auditresendsms')}
  414. <button type="button" class="btn btn-default btn-xs audit-row-send-sms" data-company="{$co.name|default=''|htmlentities}">发短信</button>
  415. {/if}
  416. </td>
  417. {/if}
  418. </tr>
  419. {/volist}
  420. {if !empty($co.has_remark)}
  421. <tr{if !empty($co.is_void)} class="text-muted"{/if}>
  422. <td><strong>备注</strong></td>
  423. <td colspan="5" class="{if !empty($co.remark_quote_pending)}audit-quote-pending{/if}" style="text-align:left;vertical-align:middle;">{$co.remark|default=''|htmlentities}</td>
  424. </tr>
  425. {/if}
  426. {if !empty($co.has_total)}
  427. <tr class="active">
  428. <td><strong>总计</strong></td>
  429. <td></td>
  430. <td></td>
  431. <td></td>
  432. <td class="text-center"><strong>{$co.total_text|default=''|htmlentities}</strong></td>
  433. <td></td>
  434. </tr>
  435. {/if}
  436. {/volist}
  437. </tbody>
  438. </table>
  439. </div>
  440. <div class="form-group layer-footer">
  441. <div class="row procuremen-audit-issue-footer-row">
  442. <div class="col-xs-12 procuremen-audit-issue-footer-btns">
  443. {if $auth->check('procuremen/auditsubmit')}
  444. <button type="button" style="margin-right: 12px" class="btn btn-primary btn-embossed" id="btn-audit-issue-submit">
  445. <i class="fa fa-check"></i> 确认
  446. </button>
  447. {/if}
  448. <button type="button" class="btn btn-default btn-embossed" id="btn-audit-issue-close">
  449. <i class="fa fa-times"></i> 关闭
  450. </button>
  451. </div>
  452. </div>
  453. </div>
  454. </div>