refund_replenish.vue 59 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543
  1. <template>
  2. <div>
  3. <div class="sty">
  4. <el-page-header content="补充资料" @back="goBack" />
  5. </div>
  6. <el-divider />
  7. <h3>工程项目信息</h3>
  8. <el-divider />
  9. <div class="diy-table-1">
  10. <el-row :gutter="0">
  11. <el-col :xs="12" :sm="24" :lg="8" class="item">
  12. <div class="label">
  13. {{ detailList.enginOrderType == 'HOME' ? '工程登录编号' : '工程信息编号' }}
  14. </div>
  15. <div class="value">
  16. <CopyButton :copy-text="detailList.refEnginRecordNo" />
  17. {{ detailList.refEnginRecordNo }}
  18. </div>
  19. </el-col>
  20. <!-- <el-col :xs="12" :sm="24" :lg="8" class="item">
  21. <div class="label">工程信息编号</div>
  22. <div class="value">{{ detailList.refEnginRecordNo }}</div>
  23. </el-col> -->
  24. <el-col :xs="12" :sm="24" :lg="8" class="item">
  25. <div class="label">项目类别</div>
  26. <div class="value">{{ detailList.refProjectCategory }}</div>
  27. </el-col>
  28. <el-col :xs="12" :sm="24" :lg="8" class="item">
  29. <div class="label">行业类别</div>
  30. <div class="value">
  31. {{ detailList.refTradeCategory }}
  32. </div>
  33. </el-col>
  34. <el-col :xs="24" :sm="24" :lg="8" class="item">
  35. <div class="label">跨区厂编号</div>
  36. <div class="value">{{ detailList.refFactoryNo }}</div>
  37. </el-col>
  38. <el-col :xs="24" :sm="24" :lg="8" class="item">
  39. <div class="label">使用单位</div>
  40. <div class="value">{{ detailList.refUseUnit }}</div>
  41. </el-col>
  42. <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
  43. <div class="label">经销商二级代码</div>
  44. <div class="value">{{detailList.}}</div>
  45. </el-col> -->
  46. <el-col :xs="24" :sm="24" :lg="8" class="item">
  47. <div class="label">业务员</div>
  48. <div class="value">{{ detailList.serviceName }}</div>
  49. </el-col>
  50. <el-col :xs="24" :sm="24" :lg="8" class="item">
  51. <div class="label">联系人</div>
  52. <div class="value">{{ detailList.refLinkman }}</div>
  53. </el-col>
  54. <el-col :xs="24" :sm="24" :lg="8" class="item">
  55. <div class="label">固定电话</div>
  56. <div class="value">{{ detailList.refTel }}</div>
  57. </el-col>
  58. <el-col :xs="24" :sm="24" :lg="8" class="item">
  59. <div class="label">移动电话</div>
  60. <div class="value">{{ detailList.refPhone }}</div>
  61. </el-col>
  62. <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
  63. <div class="label">移动电话</div>
  64. <div class="value">
  65. <el-input
  66. :readonly="title == '详情'"
  67. placeholder="请输入"
  68. v-model="detailList.refPhone"
  69. ></el-input>
  70. </div>
  71. </el-col> -->
  72. <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
  73. <div class="label">押金比例</div>
  74. <div class="value">{{detailList.}}</div>
  75. </el-col> -->
  76. <el-col :xs="24" :sm="24" :lg="8" class="item">
  77. <div class="label">单据状态</div>
  78. <div class="value">
  79. {{
  80. detailList.examineStatus == 'SAVE'
  81. ? '保存'
  82. : detailList.examineStatus == 'WAIT'
  83. ? '待审核'
  84. : detailList.examineStatus == 'OK'
  85. ? '通过'
  86. : detailList.examineStatus == 'FAIL'
  87. ? '不通过'
  88. : '关闭'
  89. }}
  90. </div>
  91. </el-col>
  92. <el-col :xs="24" :sm="24" :lg="8" class="item">
  93. <div class="label">销售类型</div>
  94. <div class="value">{{ detailList.saleTypeName }}</div>
  95. </el-col>
  96. <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
  97. <div class="label">不扣押金</div>
  98. <div class="value">{{ detailList.customerName }}</div>
  99. </el-col> -->
  100. <el-col :xs="24" :sm="24" :lg="8" class="item">
  101. <div class="label">第几申报</div>
  102. <div class="value">{{ detailList.refDeclareNo }}</div>
  103. </el-col>
  104. <el-col :xs="24" :sm="24" :lg="8" class="item">
  105. <div class="label">项目类型</div>
  106. <div class="value">{{ detailList.refProjectType }}</div>
  107. </el-col>
  108. <el-col :xs="24" :sm="24" :lg="8" class="item">
  109. <div class="label">经销商编码</div>
  110. <div class="value">{{ detailList.customerNumber }}</div>
  111. </el-col>
  112. <el-col :xs="24" :sm="24" :lg="8" class="item">
  113. <div class="label">押金总额</div>
  114. <div class="value">{{ detailList.depositAmount }}</div>
  115. </el-col>
  116. <el-col :xs="24" :sm="24" :lg="8" class="item">
  117. <div class="label">安装时间</div>
  118. <div class="value">
  119. <el-date-picker
  120. v-model="detailList.installDate"
  121. prefix-icon="''"
  122. placeholder="请选择安装时间"
  123. :readonly="title == '详情'"
  124. class="selectStyle"
  125. type="datetime"
  126. default-time="00:00:00"
  127. value-format="yyyy-MM-dd HH:mm:ss"
  128. />
  129. </div>
  130. </el-col>
  131. <el-col :xs="24" :sm="24" :lg="16" class="item">
  132. <div class="label">安装地址</div>
  133. <div class="value">{{ detailList.refInstallAddress }}</div>
  134. </el-col>
  135. <el-col :xs="24" :sm="24" :lg="8" class="item">
  136. <div class="label">登录有效期</div>
  137. <div class="value">
  138. {{ detailList.refBillsExpireDate }}
  139. </div>
  140. </el-col>
  141. <el-col :xs="24" :sm="24" :lg="8" class="item">
  142. <div class="label">实际使用单位</div>
  143. <div class="value">
  144. {{ detailList.realUseUnit }}
  145. </div>
  146. </el-col>
  147. <el-col :xs="24" :sm="24" :lg="8" class="item">
  148. <div class="label">实际安装地址</div>
  149. <div class="value">
  150. {{ detailList.realInstallAddress }}
  151. </div>
  152. </el-col>
  153. <el-col :xs="24" :sm="24" :lg="8" class="item">
  154. <div class="label">项目编号</div>
  155. <div class="value">
  156. {{ detailList.refProjectNo }}
  157. </div>
  158. </el-col>
  159. <el-col :xs="24" :sm="24" :lg="8" class="item">
  160. <div class="label">购买单位</div>
  161. <div class="value">
  162. {{ detailList.refBuyUnitName }}
  163. </div>
  164. </el-col>
  165. <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
  166. <div class="label">工程订单号</div>
  167. <div class="value">{{ detailList.customerName }}</div>
  168. </el-col> -->
  169. <el-col :xs="24" :sm="24" :lg="8" class="item">
  170. <div class="label">经销商名称</div>
  171. <div class="value">{{ detailList.customerName }}</div>
  172. </el-col>
  173. <el-col :xs="24" :sm="24" :lg="24" class="item">
  174. <div class="label">项目说明</div>
  175. <div class="value">{{ detailList.refProjectNote }}</div>
  176. </el-col>
  177. <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
  178. <div class="label">订单日期</div>
  179. <div class="value">{{ detailList.customerName }}</div>
  180. </el-col> -->
  181. <!-- <el-col :xs="24" :sm="24" :lg="16" class="item">
  182. <div class="label">格力内部备注</div>
  183. <div class="value">{{ detailList.customerName }}</div>
  184. </el-col> -->
  185. <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
  186. <div class="label">文件编码</div>
  187. <div class="value">{{ detailList.customerName }}</div>
  188. </el-col> -->
  189. <el-col :xs="24" :sm="24" :lg="24" class="item">
  190. <div class="label">备注</div>
  191. <!-- <div class="value">{{ detailList.remark }}</div> -->
  192. <div class="value">
  193. <el-input
  194. v-model="detailList.remark"
  195. :readonly="detailList.examineStatus !== 'WAIT'"
  196. placeholder="请输入内容"
  197. />
  198. </div>
  199. </el-col>
  200. <el-col v-if="!isCustomer" :xs="24" :sm="24" :lg="24" class="item">
  201. <div class="label">格力内部备注</div>
  202. <!-- <div class="value">{{ detailList.geLiInerNote}}</div> -->
  203. <div class="value">
  204. <el-input
  205. v-model="detailList.geLiInerNote"
  206. :readonly="detailList.examineStatus !== 'WAIT'"
  207. placeholder="请输入内容"
  208. />
  209. </div>
  210. </el-col>
  211. <el-col v-if="!isCustomer" :xs="24" :sm="24" :lg="24" class="item">
  212. <div class="label">格力内部资料备注</div>
  213. <div class="value">{{ detailList.geLiInnerDataNote }}</div>
  214. </el-col>
  215. <el-col v-if="!isCustomer" :xs="24" :sm="24" :lg="24" class="item">
  216. <div class="label">订单格力内部备注</div>
  217. <div class="value">{{ detailList. orderGeLiInnerNote }}</div>
  218. </el-col>
  219. <el-col :xs="24" :sm="24" :lg="8" class="item">
  220. <div class="label">提交保证函</div>
  221. <!-- <div class="value">{{ detailList.remark }}</div> -->
  222. <div class="value">
  223. <el-input v-model="detailList.refPromiseProvide" readonly />
  224. </div>
  225. </el-col>
  226. <el-col :xs="24" :sm="24" :lg="8" class="item">
  227. <div class="label">跟进函备注</div>
  228. <!-- <div class="value">{{ detailList.remark }}</div> -->
  229. <div class="value">
  230. <el-input v-model="detailList.refFollowAcceptRemark" readonly />
  231. </div>
  232. </el-col>
  233. <el-col :xs="24" :sm="24" :lg="8" class="item">
  234. <div class="label">资料提交日期</div>
  235. <div class="value">{{ detailList.refDatumProvideDate }}</div>
  236. <!-- <div class="value">
  237. <el-date-picker
  238. prefix-icon="''"
  239. placeholder="请选择安装时间"
  240. class="selectStyle"
  241. v-model="detailList.refDatumProvideDate"
  242. type="datetime"
  243. default-time="00:00:00"
  244. value-format="yyyy-MM-dd HH:mm:ss"
  245. >
  246. </el-date-picker>
  247. </div> -->
  248. </el-col>
  249. <el-col :xs="24" :sm="24" :lg="8" class="item">
  250. <div class="label">大额工程</div>
  251. <div class="value">{{ detailList.refIsBigAmounts }}</div>
  252. <!-- <div class="value">
  253. <el-select
  254. v-model="detailList.refIsBigAmounts"
  255. v
  256. clearable
  257. filterable
  258. >
  259. <el-option label="是" value="是"> </el-option>
  260. <el-option label="否" value="否"> </el-option>
  261. </el-select>
  262. </div> -->
  263. </el-col>
  264. <el-col :xs="24" :sm="24" :lg="8" class="item">
  265. <div class="label">合同变更批复结果</div>
  266. <!-- <div class="value">{{ detailList.remark }}</div> -->
  267. <div class="value">
  268. <el-input v-model="detailList.refContractResult" readonly />
  269. </div>
  270. </el-col>
  271. <el-col :xs="24" :sm="24" :lg="8" class="item">
  272. <div class="label">工程机转零售批复结果</div>
  273. <!-- <div class="value">{{ detailList.remark }}</div> -->
  274. <div class="value">
  275. <el-input v-model="detailList.refToRetailResult" readonly />
  276. </div>
  277. </el-col>
  278. <el-col :xs="24" :sm="24" :lg="8" class="item">
  279. <div class="label">资料延期批复结果</div>
  280. <!-- <div class="value">{{ detailList.remark }}</div> -->
  281. <div class="value">
  282. <el-input v-model="detailList.refDataDelayResult" readonly />
  283. </div>
  284. </el-col>
  285. <el-col :xs="24" :sm="24" :lg="8" class="item">
  286. <div class="label">其他附件批复结果</div>
  287. <!-- <div class="value">{{ detailList.remark }}</div> -->
  288. <div class="value">
  289. <el-input v-model="detailList.refOtherAnnexResult" readonly />
  290. </div>
  291. </el-col>
  292. <el-col :xs="24" :sm="24" :lg="8" class="item">
  293. <div class="label">保证函受理状态</div>
  294. <!-- <div class="value">{{ detailList.remark }}</div> -->
  295. <div class="value">
  296. <el-input v-model="detailList.refPromiseAcceptStatus" readonly />
  297. </div>
  298. </el-col>
  299. <el-col :xs="24" :sm="24" :lg="8" class="item">
  300. <div class="label">保证函备注</div>
  301. <!-- <div class="value">{{ detailList.remark }}</div> -->
  302. <div class="value">
  303. <el-input v-model="detailList.refPromisePriceRemark" readonly />
  304. </div>
  305. </el-col>
  306. <el-col :xs="24" :sm="24" :lg="8" class="item">
  307. <div class="label">附件备注</div>
  308. <!-- <div class="value">{{ detailList.remark }}</div> -->
  309. <div class="value">
  310. <el-input v-model="detailList.refFjShenPiRemark" readonly />
  311. </div>
  312. </el-col>
  313. <el-col :xs="24" :sm="24" :lg="8" class="item">
  314. <div class="label">资料状态</div>
  315. <!-- <div class="value">{{ detailList.remark }}</div> -->
  316. <div class="value">
  317. <el-input v-model="detailList.refDatumProvide" readonly />
  318. </div>
  319. </el-col>
  320. <el-col :xs="24" :sm="24" :lg="8" class="item">
  321. <div class="label">资料审核结果</div>
  322. <!-- <div class="value">{{ detailList.remark }}</div> -->
  323. <div class="value">
  324. <el-input v-model="detailList.refDatumAcceptStatus" readonly />
  325. </div>
  326. </el-col>
  327. <el-col :xs="24" :sm="24" :lg="8" class="item">
  328. <div class="label">合同变更批复意见</div>
  329. <!-- <div class="value">{{ detailList.remark }}</div> -->
  330. <div class="value">
  331. <el-input v-model="detailList.refContractIdea" readonly />
  332. </div>
  333. </el-col>
  334. <el-col :xs="24" :sm="24" :lg="8" class="item">
  335. <div class="label">工程机转零售批复意见</div>
  336. <!-- <div class="value">{{ detailList.remark }}</div> -->
  337. <div class="value">
  338. <el-input v-model="detailList.refToRetailIdea" readonly />
  339. </div>
  340. </el-col>
  341. <el-col :xs="24" :sm="24" :lg="8" class="item">
  342. <div class="label">资料延期批复意见</div>
  343. <!-- <div class="value">{{ detailList.remark }}</div> -->
  344. <div class="value">
  345. <el-input v-model="detailList.refDataDelayIdea" readonly />
  346. </div>
  347. </el-col>
  348. <el-col :xs="24" :sm="24" :lg="8" class="item">
  349. <div class="label">其他附件审批</div>
  350. <!-- <div class="value">{{ detailList.remark }}</div> -->
  351. <div class="value">
  352. <el-input v-model="detailList.refOtherAnnexIdea" readonly />
  353. </div>
  354. </el-col>
  355. <el-col :xs="24" :sm="24" :lg="8" class="item">
  356. <div class="label">资料审核日期</div>
  357. <div class="value">{{ detailList.refDatumAcceptDate }}</div>
  358. <!-- <div class="value">
  359. <el-date-picker
  360. readonly
  361. prefix-icon="''"
  362. placeholder="请选择安装时间"
  363. class="selectStyle"
  364. v-model="detailList.refDatumAcceptDate"
  365. type="datetime"
  366. default-time="00:00:00"
  367. value-format="yyyy-MM-dd HH:mm:ss"
  368. >
  369. </el-date-picker>
  370. </div> -->
  371. </el-col>
  372. <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
  373. <div class="label">寄厂日期</div>
  374. <div class="value">
  375. <el-date-picker
  376. :readonly="title == '详情'"
  377. class="selectStyle"
  378. v-model="detailList.sendFactoryDate"
  379. type="datetime"
  380. prefix-icon="''"
  381. placeholder="请选择寄厂日期"
  382. default-time="00:00:00"
  383. value-format="yyyy-MM-dd HH:mm:ss"
  384. >
  385. </el-date-picker>
  386. </div>
  387. </el-col> -->
  388. <!-- <el-col :xs="24" :sm="24" :lg="8" class="item">
  389. <div class="label">提货日期</div>
  390. <div class="value">{{detailList.}}</div>
  391. </el-col> -->
  392. </el-row>
  393. </div>
  394. <h3>货品信息</h3>
  395. <el-divider />
  396. <!-- 列表 -->
  397. <div class="mymain-container">
  398. <div class="table">
  399. <div class="table">
  400. <el-table
  401. v-loading="listLoading"
  402. :data="detailList.items"
  403. element-loading-text="Loading"
  404. border
  405. fit
  406. highlight-current-row
  407. stripe
  408. show-summary
  409. :summary-method="$getSummaries"
  410. >
  411. <template v-if="!isCustomer">
  412. <el-table-column align="left" label="厂编号" prop="factoryNo" min-width="160" show-overflow-tooltip>
  413. <template slot-scope="scope">
  414. <CopyButton :copy-text="scope.row.factoryNo" />
  415. <span>{{ scope.row.factoryNo }}</span>
  416. </template>
  417. </el-table-column>
  418. <el-table-column
  419. align="left"
  420. label="物料编码"
  421. prop="materialNumber"
  422. min-width="130"
  423. show-overflow-tooltip
  424. >
  425. <template slot-scope="scope">
  426. <CopyButton :copy-text="scope.row.materialNumber" />
  427. <span>{{ scope.row.materialNumber }}</span>
  428. </template>
  429. </el-table-column>
  430. </template>
  431. <el-table-column
  432. align="left"
  433. label="产品编码"
  434. prop="materialOldNumber"
  435. min-width="130"
  436. show-overflow-tooltip
  437. >
  438. <template slot-scope="scope">
  439. <CopyButton :copy-text="scope.row.materialOldNumber" />
  440. <span>{{ scope.row.materialOldNumber }}</span>
  441. </template>
  442. </el-table-column>
  443. <el-table-column align="left" label="产品名称" prop="materialName" min-width="160" show-overflow-tooltip>
  444. <template slot-scope="scope">
  445. <CopyButton :copy-text="scope.row.materialName" />
  446. <span>{{ scope.row.materialName }}</span>
  447. </template>
  448. </el-table-column>
  449. <el-table-column align="left" label="规格型号" prop="specification" min-width="300" show-overflow-tooltip>
  450. <template slot-scope="scope">
  451. <CopyButton :copy-text="scope.row.specification" />
  452. <span>{{ scope.row.specification }}</span>
  453. </template>
  454. </el-table-column>
  455. <el-table-column
  456. align="left"
  457. label="实装规格型号"
  458. prop="realSpecification"
  459. min-width="300"
  460. show-overflow-tooltip
  461. >
  462. <template slot-scope="scope">
  463. <div :style="scope.row.realSpecification != scope.row.specification ? { color: 'blue' } : ''">
  464. {{ scope.row.realSpecification }}
  465. </div>
  466. </template>
  467. </el-table-column>
  468. <el-table-column
  469. align="left"
  470. label="实装物料编号"
  471. prop="realMaterialNumber"
  472. min-width="150"
  473. show-overflow-tooltip
  474. >
  475. <template slot-scope="scope">
  476. <div :style="scope.row.realMaterialNumber != scope.row.materialNumber ? { color: 'blue' } : ''">
  477. {{ scope.row.realMaterialNumber }}
  478. </div>
  479. </template>
  480. </el-table-column>
  481. <el-table-column
  482. align="left"
  483. label="实装厂产品编码"
  484. prop="realMaterialOldNumber"
  485. min-width="200"
  486. show-overflow-tooltip
  487. >
  488. <template slot-scope="scope">
  489. <div :style="scope.row.realMaterialOldNumber != scope.row.materialOldNumber ? { color: 'blue' } : ''">
  490. {{ scope.row.realMaterialOldNumber }}
  491. </div>
  492. </template>
  493. </el-table-column>
  494. <el-table-column align="right" label="单价" prop="price" min-width="160" show-overflow-tooltip>
  495. <template slot-scope="scope">
  496. {{ scope.row.price | numToFixed }}
  497. </template>
  498. </el-table-column>
  499. <el-table-column align="right" label="数量" prop="qty" min-width="160" show-overflow-tooltip />
  500. <el-table-column align="right" label="金额" prop="totalAmount" min-width="160" show-overflow-tooltip>
  501. <template slot-scope="scope">
  502. {{ scope.row.totalAmount | numToFixed }}
  503. </template>
  504. </el-table-column>
  505. <el-table-column align="right" label="销售数量" prop="salesQty" min-width="160" show-overflow-tooltip />
  506. <el-table-column align="right" label="销售金额" prop="salesAmount" min-width="160" show-overflow-tooltip>
  507. <template slot-scope="scope">
  508. {{ scope.row.salesAmount | numToFixed }}
  509. </template>
  510. </el-table-column>
  511. <el-table-column align="right" label="押金数量" prop="hasSendQty" min-width="160" show-overflow-tooltip />
  512. <el-table-column
  513. align="right"
  514. label="发货数量"
  515. prop="orderHasSendQty"
  516. min-width="160"
  517. show-overflow-tooltip
  518. />
  519. <el-table-column align="right" label="押金金额" prop="depositAmount" min-width="160" show-overflow-tooltip>
  520. <template slot-scope="scope">
  521. {{ scope.row.depositAmount | numToFixed }}
  522. </template>
  523. </el-table-column>
  524. <el-table-column align="right" label="合同数量" prop="contractQty" min-width="160" show-overflow-tooltip>
  525. <template slot-scope="scope">
  526. <el-input
  527. v-if="title !== '详情'"
  528. v-model.number="scope.row.contractQty"
  529. class="inpt"
  530. size="mini"
  531. clearable
  532. />
  533. <div v-else>
  534. {{ scope.row.contractQty }}
  535. </div>
  536. </template>
  537. </el-table-column>
  538. <el-table-column align="right" label="合同单价" prop="contractPrice" min-width="160" show-overflow-tooltip>
  539. <template slot-scope="scope">
  540. <el-input
  541. v-if="title !== '详情'"
  542. v-model.number="scope.row.contractPrice"
  543. class="inpt"
  544. size="mini"
  545. clearable
  546. />
  547. <div v-else>
  548. {{ scope.row.contractPrice }}
  549. </div>
  550. </template>
  551. </el-table-column>
  552. <el-table-column align="right" label="合同金额" prop="contractAmount" min-width="160" show-overflow-tooltip>
  553. <template slot-scope="scope">
  554. <div>
  555. {{ comTotal(scope.row.contractQty, scope.row.contractPrice) }}
  556. </div>
  557. </template>
  558. </el-table-column>
  559. <el-table-column align="right" label="上交资料" prop="dataQty" min-width="160" show-overflow-tooltip>
  560. <template slot-scope="scope">
  561. <el-input
  562. v-if="title !== '详情'"
  563. v-model.number.trim="scope.row.dataQty"
  564. class="inpt"
  565. size="mini"
  566. @blur="setDataQty($event, scope.row)"
  567. />
  568. <div v-else>
  569. {{ scope.row.dataQty }}
  570. </div>
  571. </template>
  572. </el-table-column>
  573. <el-table-column align="right" label="收差金额" prop="diffAmount" min-width="160" show-overflow-tooltip>
  574. <template slot-scope="scope">
  575. {{ scope.row.diffAmount | numToFixed }}
  576. </template>
  577. </el-table-column>
  578. <el-table-column
  579. align="right"
  580. label="收差政策价格"
  581. prop="diffPolicyPrice"
  582. min-width="200"
  583. show-overflow-tooltip
  584. >
  585. <template slot-scope="scope">
  586. {{ scope.row.diffPolicyPrice | numToFixed }}
  587. </template>
  588. </el-table-column>
  589. </el-table>
  590. </div>
  591. </div>
  592. </div>
  593. <h3>押金货品信息</h3>
  594. <el-divider />
  595. <!-- 列表 -->
  596. <div class="mymain-container">
  597. <div class="table">
  598. <el-table
  599. v-loading="listLoading"
  600. :data="detailList.collectList"
  601. element-loading-text="Loading"
  602. border
  603. fit
  604. highlight-current-row
  605. stripe
  606. show-summary
  607. :summary-method="$getSummaries"
  608. >
  609. <el-table-column align="left" label="工程登录单号" prop="refEnginRecordNo" min-width="130" show-overflow-tooltip>
  610. <template slot-scope="scope">
  611. <CopyButton :copy-text="scope.row.refEnginRecordNo" />
  612. <span>{{ scope.row.refEnginRecordNo }}</span>
  613. </template>
  614. </el-table-column>
  615. <el-table-column align="left" label="规格型号" prop="specification" min-width="130" show-overflow-tooltip>
  616. <template slot-scope="scope">
  617. <CopyButton :copy-text="scope.row.specification" />
  618. <span>{{ scope.row.specification }}</span>
  619. </template>
  620. </el-table-column>
  621. <el-table-column align="left" label="基本单位编码" prop="unit" min-width="130" show-overflow-tooltip>
  622. <template slot-scope="scope">
  623. <CopyButton :copy-text="scope.row.unit" />
  624. <span>{{ scope.row.unit }}</span>
  625. </template>
  626. </el-table-column>
  627. <el-table-column align="left" label="现金钱包" prop="customerWalletName" min-width="130" show-overflow-tooltip>
  628. <template slot-scope="scope">
  629. <CopyButton :copy-text="scope.row.customerWalletName" />
  630. <span>{{ scope.row.customerWalletName }}</span>
  631. </template>
  632. </el-table-column>
  633. <el-table-column align="left" label="现金钱包编码" prop="customerWalletNumber" min-width="130" show-overflow-tooltip>
  634. <template slot-scope="scope">
  635. <CopyButton :copy-text="scope.row.customerWalletNumber" />
  636. <span>{{ scope.row.customerWalletNumber }}</span>
  637. </template>
  638. </el-table-column>
  639. <el-table-column align="left" label="金蝶物料类型名称" prop="k3CategoryName" min-width="130" show-overflow-tooltip>
  640. <template slot-scope="scope">
  641. <CopyButton :copy-text="scope.row.k3CategoryName" />
  642. <span>{{ scope.row.k3CategoryName }}</span>
  643. </template>
  644. </el-table-column>
  645. <el-table-column align="left" label="金蝶物料类型编码" prop="k3CategoryNumber" min-width="130" show-overflow-tooltip>
  646. <template slot-scope="scope">
  647. <CopyButton :copy-text="scope.row.k3CategoryNumber" />
  648. <span>{{ scope.row.k3CategoryNumber }}</span>
  649. </template>
  650. </el-table-column>
  651. <el-table-column align="left" label="金蝶物料名称" prop="materialName" min-width="130" show-overflow-tooltip>
  652. <template slot-scope="scope">
  653. <CopyButton :copy-text="scope.row.materialName" />
  654. <span>{{ scope.row.materialName }}</span>
  655. </template>
  656. </el-table-column>
  657. <el-table-column align="left" label="金蝶物料编码" prop="materialNumber" min-width="130" show-overflow-tooltip>
  658. <template slot-scope="scope">
  659. <CopyButton :copy-text="scope.row.materialNumber" />
  660. <span>{{ scope.row.materialNumber }}</span>
  661. </template>
  662. </el-table-column>
  663. <el-table-column align="left" label="金蝶物料旧编码" prop="materialOldNumber" min-width="130" show-overflow-tooltip>
  664. <template slot-scope="scope">
  665. <CopyButton :copy-text="scope.row.materialOldNumber" />
  666. <span>{{ scope.row.materialOldNumber }}</span>
  667. </template>
  668. </el-table-column>
  669. <el-table-column align="left" label="已发押金数量" prop="hasSendQty" min-width="130" show-overflow-tooltip />
  670. <el-table-column align="left" label="单价" prop="price" min-width="130" show-overflow-tooltip>
  671. <template slot-scope="scope">
  672. {{ scope.row.price | numToFixed }}
  673. </template>
  674. </el-table-column>
  675. <el-table-column align="left" label="已退押金金额" prop="refundDepositAmount" min-width="130" show-overflow-tooltip>
  676. <template slot-scope="scope">
  677. {{ scope.row.refundDepositAmount | numToFixed }}
  678. </template>
  679. </el-table-column>
  680. <el-table-column align="left" label="押金金额" prop="depositAmount" min-width="130" show-overflow-tooltip>
  681. <template slot-scope="scope">
  682. {{ scope.row.depositAmount | numToFixed }}
  683. </template>
  684. </el-table-column>
  685. </el-table>
  686. </div>
  687. </div>
  688. <h3 class="gdzl">工程资料</h3>
  689. <!-- <el-button :readonly="isDis" class="batchDownload" type="primary" size="small" @click="batchDownloadFn"-->
  690. <!-- >批量下载</el-button-->
  691. <!-- >-->
  692. <el-divider />
  693. <!-- 列表 -->
  694. <div class="mymain-container">
  695. <div class="table">
  696. <el-table
  697. v-loading="listLoading"
  698. :data="original"
  699. element-loading-text="Loading"
  700. border
  701. fit
  702. highlight-current-row
  703. stripe
  704. >
  705. <el-table-column align="left" label="资料描述" prop="dataDescribe" min-width="160" show-overflow-tooltip />
  706. <el-table-column align="left" label="原文件名" prop="fileName" min-width="160" show-overflow-tooltip />
  707. <el-table-column align="left" label="缩略图" prop="fileUrl" min-width="160" show-overflow-tooltip>
  708. <template slot-scope="scope">
  709. <el-image
  710. v-if="checkFileType(scope.row.fileUrl) == 'image'"
  711. ref="img"
  712. :src="imageURL + scope.row.fileUrl"
  713. style="width: 120px; height: 120px"
  714. fit="cover"
  715. :preview-src-list="[imageURL + scope.row.fileUrl]"
  716. />
  717. <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file" src="@/assets/common/word.png" />
  718. <img v-if="checkFileType(scope.row.fileUrl) == 'excel'" class="file" src="@/assets/common/excel.png" />
  719. <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file" src="@/assets/common/ppt.png" />
  720. <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file" src="@/assets/common/pdf.png" />
  721. <img v-if="checkFileType(scope.row.fileUrl) == 'file'" class="file aaa" src="@/assets/common/zip.jpeg" />
  722. </template>
  723. </el-table-column>
  724. <el-table-column align="left" label="下载文件名称" prop="fileName" min-width="160" show-overflow-tooltip>
  725. <template slot-scope="scope">
  726. {{ '资料_' + scope.row.fileName }}
  727. </template>
  728. </el-table-column>
  729. <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip>
  730. <template slot-scope="scope">
  731. <el-button type="text" class="textColor" @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)"
  732. >下载</el-button
  733. >
  734. </template>
  735. </el-table-column>
  736. </el-table>
  737. </div>
  738. </div>
  739. <el-divider />
  740. <div class="diy-table-1">
  741. <el-row :gutter="0">
  742. <el-col :xs="12" :sm="12" :lg="12" class="item">
  743. <div class="label">申请人</div>
  744. <div class="value">
  745. <div class="flex">
  746. <div>
  747. {{ detailList.submitName }}
  748. </div>
  749. <el-button :readonly="isDis" type="primary" size="mini" @click="batchDownloadFn">批量下载</el-button>
  750. </div>
  751. </div>
  752. </el-col>
  753. <el-col :xs="12" :sm="12" :lg="12" class="item">
  754. <div class="label">申请日期</div>
  755. <div class="value">{{ detailList.submitTime }}</div>
  756. </el-col>
  757. <el-col :xs="12" :sm="24" :lg="24" class="item">
  758. <div class="label">申请退押金</div>
  759. <div class="value">{{ detailList.applyNote }}</div>
  760. </el-col>
  761. </el-row>
  762. </div>
  763. <h3>记录</h3>
  764. <el-divider />
  765. <!-- 列表 -->
  766. <div class="mymain-container">
  767. <div class="table">
  768. <el-table
  769. v-loading="listLoading"
  770. :data="detailList.checkRecordItems"
  771. element-loading-text="Loading"
  772. border
  773. fit
  774. highlight-current-row
  775. stripe
  776. >
  777. <el-table-column align="left" label="申请人" prop="submitName" min-width="160" show-overflow-tooltip />
  778. <el-table-column align="left" label="申请日期" prop="submitTime" min-width="160" show-overflow-tooltip />
  779. <el-table-column align="left" label="申请说明" prop="applyNote" min-width="160" show-overflow-tooltip />
  780. <el-table-column align="left" label="验收人" prop="checkName" min-width="160" show-overflow-tooltip />
  781. <el-table-column align="left" label="受理日期" prop="checkDate" min-width="160" show-overflow-tooltip />
  782. <el-table-column align="left" label="验收说明" prop="checkNote" min-width="160" show-overflow-tooltip />
  783. <el-table-column align="left" label="审批结果" prop="isRefundDeposit" min-width="160" show-overflow-tooltip>
  784. <template slot-scope="scope">
  785. {{ scope.row.isRefundDeposit == false ? '否' : '是' }}
  786. </template>
  787. </el-table-column>
  788. </el-table>
  789. </div>
  790. </div>
  791. <h3
  792. v-if="
  793. detailList.examineStatus == 'WAIT' || detailList.examineStatus == 'FAIL' || detailList.examineStatus == 'OK'
  794. "
  795. >
  796. 审批
  797. </h3>
  798. <el-divider
  799. v-if="
  800. detailList.examineStatus == 'WAIT' || detailList.examineStatus == 'FAIL' || detailList.examineStatus == 'OK'
  801. "
  802. />
  803. <div v-if="detailList.examineStatus == 'WAIT'" class="diy-table-1">
  804. <el-row :gutter="0">
  805. <el-col :xs="12" :sm="12" :lg="12" class="item">
  806. <div class="label">验收人</div>
  807. <div class="value">{{ this.checkBy }}</div>
  808. </el-col>
  809. <el-col :xs="12" :sm="12" :lg="12" class="item dateS">
  810. <div class="label">受理日期</div>
  811. <div class="value">
  812. <el-date-picker
  813. readonly
  814. prefix-icon="''"
  815. class="selectStyle"
  816. type="datetime"
  817. placeholder="系统自动生成"
  818. default-time="00:00:00"
  819. value-format="yyyy-MM-dd HH:mm:ss"
  820. />
  821. </div>
  822. </el-col>
  823. <el-col :xs="12" :sm="24" :lg="24" class="item">
  824. <div class="label">是否退押</div>
  825. <div class="value">
  826. <el-radio-group v-model="isRefundDeposit">
  827. <el-radio :label="true">是</el-radio>
  828. <el-radio :label="false">否</el-radio>
  829. </el-radio-group>
  830. </div>
  831. </el-col>
  832. <el-col :xs="12" :sm="24" :lg="24" class="item">
  833. <div class="label">验收说明</div>
  834. <div class="value">
  835. <el-input v-model="checkNote" placeholder="请输入内容" />
  836. </div>
  837. </el-col>
  838. </el-row>
  839. </div>
  840. <div v-if="detailList.examineStatus == 'OK' || detailList.examineStatus == 'FAIL'" class="diy-table-1">
  841. <el-row :gutter="0">
  842. <el-col :xs="12" :sm="12" :lg="12" class="item">
  843. <div class="label">验收人</div>
  844. <div class="value">{{ detailList.checkBy }}</div>
  845. </el-col>
  846. <el-col :xs="12" :sm="12" :lg="12" class="item dateS">
  847. <div class="label">受理日期</div>
  848. <div class="value">
  849. <el-date-picker
  850. v-model="detailList.checkDate"
  851. readonly
  852. prefix-icon="''"
  853. class="selectStyle"
  854. type="datetime"
  855. placeholder=""
  856. default-time="00:00:00"
  857. value-format="yyyy-MM-dd HH:mm:ss"
  858. />
  859. </div>
  860. </el-col>
  861. <el-col :xs="12" :sm="24" :lg="24" class="item">
  862. <div class="label">是否退押</div>
  863. <div class="value">
  864. <el-radio-group v-model="detailList.isRefundDeposit" disabled>
  865. <el-radio readonly :label="true">是</el-radio>
  866. <el-radio readonly :label="false">否</el-radio>
  867. </el-radio-group>
  868. </div>
  869. </el-col>
  870. <el-col :xs="12" :sm="24" :lg="24" class="item dateS">
  871. <div class="label">验收说明</div>
  872. <div class="value">
  873. <el-input v-model="detailList.checkNote" readonly placeholder="请输入内容" />
  874. </div>
  875. </el-col>
  876. <el-col :xs="12" :sm="24" :lg="24" class="item dateS">
  877. <div class="label">审批通过后备注</div>
  878. <div class="value">
  879. <el-input v-model="detailList.examineAfterRemark" readonly placeholder="请输入内容" />
  880. </div>
  881. </el-col>
  882. </el-row>
  883. </div>
  884. <div>
  885. <h3 class="gdzl">补充资料</h3>
  886. <el-divider />
  887. <!-- 列表 -->
  888. <div class="mymain-container">
  889. <div class="table">
  890. <el-table
  891. v-loading="listLoading"
  892. :data="amendData"
  893. element-loading-text="Loading"
  894. border
  895. fit
  896. highlight-current-row
  897. stripe
  898. >
  899. <el-table-column align="left" label="资料描述" prop="dataDescribe" min-width="160" show-overflow-tooltip />
  900. <el-table-column align="left" label="原文件名" prop="fileName" min-width="160" show-overflow-tooltip />
  901. <el-table-column align="left" label="缩略图" prop="fileUrl" min-width="160" show-overflow-tooltip>
  902. <template slot-scope="scope">
  903. <el-image
  904. v-if="checkFileType(scope.row.fileUrl) == 'image'"
  905. ref="img"
  906. :src="imageURL + scope.row.fileUrl"
  907. style="width: 120px; height: 120px"
  908. fit="cover"
  909. :preview-src-list="[imageURL + scope.row.fileUrl]"
  910. />
  911. <img v-if="checkFileType(scope.row.fileUrl) == 'word'" class="file" src="@/assets/common/word.png" />
  912. <img v-if="checkFileType(scope.row.fileUrl) == 'excel'" class="file" src="@/assets/common/excel.png" />
  913. <img v-if="checkFileType(scope.row.fileUrl) == 'ppt'" class="file" src="@/assets/common/ppt.png" />
  914. <img v-if="checkFileType(scope.row.fileUrl) == 'pdf'" class="file" src="@/assets/common/pdf.png" />
  915. <img
  916. v-if="checkFileType(scope.row.fileUrl) == 'file'"
  917. class="file aaa"
  918. src="@/assets/common/zip.jpeg"
  919. />
  920. </template>
  921. </el-table-column>
  922. <el-table-column align="left" label="下载文件名称" prop="fileName" min-width="160" show-overflow-tooltip>
  923. <template slot-scope="scope">
  924. {{ '资料_' + scope.row.fileName }}
  925. </template>
  926. </el-table-column>
  927. <el-table-column align="center" label="操作" min-width="160" show-overflow-tooltip>
  928. <template slot-scope="scope">
  929. <el-button type="text" class="textColor" @click="downLoadFn(scope.row.fileUrl, scope.row.fileName)"
  930. >下载</el-button
  931. >
  932. </template>
  933. </el-table-column>
  934. </el-table>
  935. </div>
  936. <div class="diy-table-1">
  937. <el-row :gutter="0">
  938. <el-col :xs="12" :sm="12" :lg="12" class="item">
  939. <div class="label">上传人</div>
  940. <div class="value">
  941. {{ detailList.amendBy }}
  942. </div>
  943. </el-col>
  944. <el-col :xs="12" :sm="12" :lg="12" class="item">
  945. <div class="label">上传时间</div>
  946. <div class="value">
  947. {{ detailList.amendTime }}
  948. </div>
  949. </el-col>
  950. <el-col :xs="12" :sm="24" :lg="24" class="item">
  951. <div class="label">补充说明</div>
  952. <div class="value">
  953. {{ detailList.amendRemark }}
  954. </div>
  955. </el-col>
  956. </el-row>
  957. </div>
  958. <div v-if="detailList.examineStatus == 'AMEND'">
  959. <h3 class="gdzl">复核</h3>
  960. <el-divider />
  961. <div class="diy-table-1">
  962. <el-row :gutter="0">
  963. <el-col :xs="12" :sm="12" :lg="12" class="item">
  964. <div class="label">复核人</div>
  965. <div class="value">
  966. <el-input v-model="detailList.reviewBy" placeholder="请输入" />
  967. </div>
  968. </el-col>
  969. <el-col :xs="12" :sm="12" :lg="12" class="item">
  970. <div class="label">复核时间</div>
  971. <div class="value">
  972. <el-date-picker
  973. v-model="detailList.reviewTime"
  974. class="dateStyle"
  975. type="datetime"
  976. placeholder="选择日期"
  977. default-time="00:00:00"
  978. value-format="yyyy-MM-dd HH:mm:ss"
  979. />
  980. </div>
  981. </el-col>
  982. <el-col :xs="12" :sm="24" :lg="24" class="item">
  983. <div class="label">复核说明</div>
  984. <div class="value">
  985. <input v-model="detailList.reviewRemark" type="text" />
  986. </div>
  987. </el-col>
  988. </el-row>
  989. </div>
  990. </div>
  991. </div>
  992. </div>
  993. <div v-if="detailList.examineStatus == 'OK' || detailList.examineStatus == 'AMEND'">
  994. <div>
  995. <h3>上传资料</h3>
  996. <el-divider />
  997. <!-- 筛选条件 -->
  998. <div>
  999. <el-form ref="form" :model="detailList" label-width="100px" size="small" label-position="left">
  1000. <el-row :gutter="20">
  1001. <el-col :xs="24" :sm="12" :lg="24">
  1002. <el-form-item label="工程验收资料" prop="">
  1003. <imageUpload
  1004. :file-list="fileList"
  1005. :multiple="true"
  1006. :start-restricting="true"
  1007. :restrict-filename="restrictFilename"
  1008. />
  1009. </el-form-item>
  1010. </el-col>
  1011. <el-col :xs="24" :sm="12" :lg="6">
  1012. <el-form-item label="上传人" prop="amendBy">
  1013. <el-input v-model="detailList.amendBy" placeholder="请输入" />
  1014. </el-form-item>
  1015. </el-col>
  1016. <el-col :xs="24" :sm="12" :lg="6">
  1017. <el-form-item label="上传时间" prop="amendTime">
  1018. <el-date-picker
  1019. v-model="detailList.amendTime"
  1020. class="dateStyle"
  1021. type="datetime"
  1022. placeholder="选择日期"
  1023. default-time="00:00:00"
  1024. value-format="yyyy-MM-dd HH:mm:ss"
  1025. />
  1026. </el-form-item>
  1027. </el-col>
  1028. <el-col :xs="24" :sm="12" :lg="18">
  1029. <el-form-item label="补充说明" prop="amendRemark">
  1030. <el-input
  1031. v-model="detailList.amendRemark"
  1032. type="textarea"
  1033. placeholder="请输入"
  1034. class="textareaStyle"
  1035. />
  1036. </el-form-item>
  1037. </el-col>
  1038. <el-col :xs="24" :sm="24" :lg="24">
  1039. <el-form-item label="">
  1040. <el-button type="primary" size="small" @click="replenishClick">保存</el-button>
  1041. <el-button type="primary" size="small" @clikc="resetClick">重置</el-button>
  1042. </el-form-item>
  1043. </el-col>
  1044. </el-row>
  1045. </el-form>
  1046. </div>
  1047. </div>
  1048. </div>
  1049. <br />
  1050. <!-- 按钮 -->
  1051. <!-- detailList.examineStatus != 'OK' || detailList.examineStatus != 'FAIL' -->
  1052. <div class="btn-group clearfix">
  1053. <!-- <div class="fl">
  1054. <el-button v-if="detailList.examineStatus == 'WAIT'" type="primary" size="small"
  1055. @click="adoptFn">审批通过</el-button>
  1056. <el-button v-if="detailList.examineStatus == 'WAIT'" type="primary" size="small"
  1057. @click="rejectFn">审批驳回</el-button>
  1058. <el-button v-if="detailList.examineStatus == 'OK'" type="primary" size="small" @click="saveFn">保存</el-button>
  1059. </div> -->
  1060. </div>
  1061. </div>
  1062. </template>
  1063. <script>
  1064. import imageUpload from '@/components/Common/image-upload.vue'
  1065. import { downloadFiles, downloadPdf } from '@/utils/util'
  1066. import { getFileUrl } from '@/api/common'
  1067. import { mapGetters } from 'vuex'
  1068. import {
  1069. getDepositManageDetail,
  1070. getDepositManageExamine,
  1071. getDepositManageDownZip,
  1072. getDepositManageEdit,
  1073. getCommonFileGetStream,
  1074. addAmendData
  1075. } from '@/api/engin_deposit/refund_list'
  1076. import { applyDeposit, computeDiff } from '@/api/engin_deposit.js'
  1077. import ret from 'bluebird/js/release/util'
  1078. export default {
  1079. components: { imageUpload },
  1080. props: {
  1081. detailId: {
  1082. type: String,
  1083. required: true
  1084. }
  1085. },
  1086. computed: {
  1087. ...mapGetters(['name']),
  1088. comTotal() {
  1089. return (qty, price) => {
  1090. console.log(qty, price)
  1091. return Number(qty) * Number(price)
  1092. }
  1093. }
  1094. },
  1095. data() {
  1096. return {
  1097. isCustomer: JSON.parse(localStorage.getItem('supply_user')).isCustomer,
  1098. isDis: true,
  1099. imageURL: this.$imageUrl,
  1100. title: '审批',
  1101. imageURL: this.$imageUrl,
  1102. listLoading: false, // 列表加载loading
  1103. dataList: [], // 列表数据
  1104. detailList: {},
  1105. checkBy: '',
  1106. checkDate: '',
  1107. isRefundDeposit: true,
  1108. baseURL: '',
  1109. fileList: [],
  1110. checkNote: '',
  1111. restrictFilename: ['结算单', '合同', '明细表', '审核表', '收据', '发票', '照片', '相片'],
  1112. datTate: new Date(),
  1113. amendData: [],
  1114. original: []
  1115. }
  1116. },
  1117. watch: {
  1118. 'detailList.items': {
  1119. handler(newValue, oldValue) {
  1120. if (newValue && newValue.length) {
  1121. newValue.forEach((item, index) => {
  1122. item.contractAmount = Number(item.contractQty) * Number(item.contractPrice)
  1123. })
  1124. }
  1125. this.detailList.items = newValue
  1126. },
  1127. immediate: true,
  1128. deep: true
  1129. }
  1130. },
  1131. created() {
  1132. this.checkBy = this.name
  1133. this.getData({ id: this.detailId })
  1134. },
  1135. methods: {
  1136. // 审批通过后可以编辑
  1137. async saveFn() {
  1138. console.log(this.detailList)
  1139. await getDepositManageEdit(this.detailList)
  1140. this.$message.success('保存成功')
  1141. this.goBack()
  1142. this.$emit('updateList')
  1143. },
  1144. // 批量下载
  1145. async batchDownloadFn() {
  1146. downloadFiles('deposit-manage/downZip', { parentId: this.detailId })
  1147. },
  1148. // 下载
  1149. async downLoadFn(v, name) {
  1150. // getCommonFileGetStream({ key: v, fileName: name }).then((res) => {
  1151. // // window.open(res.data);
  1152. // });
  1153. // // window.open(this.imageURL + v);
  1154. downloadFiles('common/file/getStream', { key: v, fileName: name })
  1155. // await getCommonFileGetStream({ key: v, fileName: name });
  1156. },
  1157. // 检查文件类型
  1158. checkFileType(url) {
  1159. if (!url) return ''
  1160. const fileSuffix = url.substring(url.lastIndexOf('.') + 1)
  1161. if (['jpg', 'jpeg', 'png'].includes(fileSuffix)) {
  1162. return 'image'
  1163. } else if (['doc', 'docx', 'dot', 'wps', 'wpt'].includes(fileSuffix)) {
  1164. return 'word'
  1165. } else if (['xls', 'xlsx', 'xlt', 'et', 'ett'].includes(fileSuffix)) {
  1166. return 'excel'
  1167. } else if (['ppt', 'pptx', 'dps', 'dpt', 'pot', 'pps'].includes(fileSuffix)) {
  1168. return 'ppt'
  1169. } else if (['pdf'].includes(fileSuffix)) {
  1170. return 'pdf'
  1171. } else if (['zip', 'rar', 'gz', 'apk'].includes(fileSuffix)) {
  1172. return 'file'
  1173. } else {
  1174. return ''
  1175. }
  1176. },
  1177. // 计算收差金额
  1178. setDataQty(e, row) {
  1179. // eslint-disable-next-line no-return-assign
  1180. if (!row.dataQty) return (row.dataQty = 0)
  1181. row.saleTypeId = this.detailList.saleTypeId
  1182. computeDiff(row).then(res => {
  1183. row.diffAmount = res.data.diffAmount
  1184. row.diffPolicyPrice = res.data.diffPolicyPrice
  1185. // this.$successMsg('已计算收差金额')
  1186. })
  1187. },
  1188. // 审批驳回
  1189. async rejectFn() {
  1190. this.$confirm('此操作将驳回订单, 是否继续?', '提示', {
  1191. confirmButtonText: '确定',
  1192. cancelButtonText: '取消',
  1193. type: 'warning'
  1194. })
  1195. .then(() => {
  1196. if (this.isCustomer) {
  1197. for (let i = 0; i < this.detailList.items.length; i++) {
  1198. this.detailList.items[i].contractAmount =
  1199. this.detailList.items[i].contractQty * this.detailList.items[i].contractPrice
  1200. if (this.detailList.items[i].contractAmount == null) {
  1201. return this.$errorMsg('合同单价、合同数量不能为空')
  1202. }
  1203. }
  1204. }
  1205. // this.detailList.items.map(e=>{
  1206. // e.contractAmount = e.contractQty * e.contractPrice
  1207. // if (!e.contractAmount) {
  1208. // return this.$errorMsg('合同单价、合同数量不能为空')
  1209. // }
  1210. // })
  1211. const data = {
  1212. ...this.detailList,
  1213. checkBy: this.checkBy,
  1214. // checkDate: this.checkDate,
  1215. isRefundDeposit: this.isRefundDeposit,
  1216. checkNote: this.checkNote,
  1217. examineResult: 0
  1218. }
  1219. if (!this.detailList.items.every(e => e.dataQty)) {
  1220. this.$confirm(`上交资料为0,是否继续提交`, '提示', {
  1221. confirmButtonText: '确定',
  1222. cancelButtonText: '取消',
  1223. type: 'warning'
  1224. })
  1225. .then(() => {
  1226. getDepositManageExamine(data)
  1227. .then(res => {
  1228. if (!res.data) {
  1229. this.goBack()
  1230. this.$emit('updateList')
  1231. } else {
  1232. this.$confirm('审批成功!是否跳转下一张待审批订单?', '提示', {
  1233. confirmButtonText: '跳转',
  1234. cancelButtonText: '取消',
  1235. type: 'warning'
  1236. })
  1237. .then(() => {
  1238. this.$successMsg('进入下一张待审批订单')
  1239. this.detailList = res.data
  1240. })
  1241. .catch(() => {
  1242. this.goBack()
  1243. this.$emit('updateList')
  1244. })
  1245. }
  1246. })
  1247. .finally(res => {})
  1248. })
  1249. .catch(() => {})
  1250. } else {
  1251. getDepositManageExamine(data)
  1252. .then(res => {
  1253. if (!res.data) {
  1254. this.goBack()
  1255. this.$emit('updateList')
  1256. } else {
  1257. this.$confirm('审批成功!是否跳转下一张待审批订单?', '提示', {
  1258. confirmButtonText: '跳转',
  1259. cancelButtonText: '取消',
  1260. type: 'warning'
  1261. })
  1262. .then(() => {
  1263. this.$successMsg('进入下一张待审批订单')
  1264. this.detailList = res.data
  1265. })
  1266. .catch(() => {
  1267. this.goBack()
  1268. this.$emit('updateList')
  1269. })
  1270. }
  1271. })
  1272. .finally(res => {})
  1273. }
  1274. })
  1275. .catch(() => {})
  1276. // if (!this.detailList.installDate) {
  1277. // this.$message.error("请选择安装时间");
  1278. // return;
  1279. // }
  1280. // let data = {
  1281. // ...this.detailList,
  1282. // checkBy: this.checkBy,
  1283. // // checkDate: this.checkDate,
  1284. // isRefundDeposit: this.isRefundDeposit,
  1285. // checkNote: this.checkNote,
  1286. // examineResult: 0,
  1287. // };
  1288. // await getDepositManageExamine(data);
  1289. // this.$message.success("审批驳回");
  1290. // this.goBack();
  1291. // this.$emit("updateList");
  1292. },
  1293. // 审批通过
  1294. async adoptFn() {
  1295. this.$confirm('此操作将审批订单, 是否继续?', '提示', {
  1296. confirmButtonText: '确定',
  1297. cancelButtonText: '取消',
  1298. type: 'warning'
  1299. })
  1300. .then(() => {
  1301. if (!this.detailList.installDate) {
  1302. this.$message.error('请选择安装时间')
  1303. return
  1304. }
  1305. if (this.isCustomer) {
  1306. for (let i = 0; i < this.detailList.items.length; i++) {
  1307. this.detailList.items[i].contractAmount =
  1308. this.detailList.items[i].contractQty * this.detailList.items[i].contractPrice
  1309. if (this.detailList.items[i].contractAmount == null) {
  1310. return this.$errorMsg('合同单价、合同数量不能为空')
  1311. }
  1312. }
  1313. }
  1314. const data = {
  1315. ...this.detailList,
  1316. checkBy: this.checkBy,
  1317. // checkDate: this.checkDate,
  1318. isRefundDeposit: this.isRefundDeposit,
  1319. checkNote: this.checkNote,
  1320. examineResult: 1
  1321. }
  1322. if (!this.detailList.items.every(e => e.dataQty)) {
  1323. this.$confirm(`上交资料为0,是否继续提交`, '提示', {
  1324. confirmButtonText: '确定',
  1325. cancelButtonText: '取消',
  1326. type: 'warning'
  1327. })
  1328. .then(() => {
  1329. getDepositManageExamine(data)
  1330. .then(res => {
  1331. if (!res.data) {
  1332. this.goBack()
  1333. this.$emit('updateList')
  1334. } else {
  1335. this.$confirm('审批成功!是否跳转下一张待审批订单?', '提示', {
  1336. confirmButtonText: '跳转',
  1337. cancelButtonText: '取消',
  1338. type: 'warning'
  1339. })
  1340. .then(() => {
  1341. this.$successMsg('进入下一张待审批订单')
  1342. this.detailList = res.data
  1343. })
  1344. .catch(() => {
  1345. this.goBack()
  1346. this.$emit('updateList')
  1347. })
  1348. }
  1349. })
  1350. .finally(res => {})
  1351. })
  1352. .catch(() => {})
  1353. } else {
  1354. getDepositManageExamine(data)
  1355. .then(res => {
  1356. if (!res.data) {
  1357. this.goBack()
  1358. this.$emit('updateList')
  1359. } else {
  1360. this.$confirm('审批成功!是否跳转下一张待审批订单?', '提示', {
  1361. confirmButtonText: '跳转',
  1362. cancelButtonText: '取消',
  1363. type: 'warning'
  1364. })
  1365. .then(() => {
  1366. this.$successMsg('进入下一张待审批订单')
  1367. this.detailList = res.data
  1368. })
  1369. .catch(() => {
  1370. this.goBack()
  1371. this.$emit('updateList')
  1372. })
  1373. }
  1374. })
  1375. .finally(res => {})
  1376. }
  1377. })
  1378. .catch(() => {})
  1379. // if (!this.detailList.installDate) {
  1380. // this.$message.error("请选择安装时间");
  1381. // return;
  1382. // }
  1383. // let data = {
  1384. // ...this.detailList,
  1385. // checkBy: this.checkBy,
  1386. // // checkDate: this.checkDate,
  1387. // isRefundDeposit: this.isRefundDeposit,
  1388. // checkNote: this.checkNote,
  1389. // examineResult: 1,
  1390. // };
  1391. // await getDepositManageExamine(data);
  1392. // this.$message.success("审批通过");
  1393. // this.goBack();
  1394. // this.$emit("updateList");
  1395. },
  1396. async getData(data) {
  1397. const res = await getDepositManageDetail(data)
  1398. console.log(res)
  1399. if (res.data.dataList.length == 0) {
  1400. this.isDis = true
  1401. } else {
  1402. this.isDis = false
  1403. }
  1404. const arr = []
  1405. res.data.items.forEach(item => {
  1406. if (Number(item.qty) > 0) {
  1407. arr.push(item)
  1408. }
  1409. // item.number = (item.qty*100 - item.directTransferQty*100 - item.retiredQty*100) / 100;
  1410. item.sums1 = ['orderHasSendQty', 'dataQty', 'qty', 'hasSendQty', 'contractQty']
  1411. item.sums2 = [
  1412. 'totalAmount',
  1413. 'diffAmount',
  1414. 'price',
  1415. 'depositAmount',
  1416. 'contractPrice',
  1417. 'comTotal',
  1418. 'contractAmount'
  1419. ]
  1420. })
  1421. res.data.collectList.forEach(item => {
  1422. // item.number = (item.qty*100 - item.directTransferQty*100 - item.retiredQty*100) / 100;
  1423. item.sums1 = ['orderHasSendQty', 'dataQty', 'hasSendQty']
  1424. item.sums2 = [ 'price', 'refundDepositAmount', 'depositAmount']
  1425. })
  1426. res.data.items = arr
  1427. this.amendData = res.data.dataList.filter(k => k.dataPosition == 'AMEND')
  1428. this.original = res.data.dataList.filter(k => k.dataPosition != 'AMEND')
  1429. res.data.realUseUnit =res.data.realUseUnit || res.data.refUseUnit
  1430. res.data.realInstallAddress = res.data.realInstallAddress ||res.data.refInstallAddress
  1431. this.detailList = res.data
  1432. if (res.data.examineStatus == 'SAVE' || res.data.examineStatus == 'OK' || res.data.examineStatus == 'FAIL') {
  1433. this.title = '详情'
  1434. }
  1435. },
  1436. goBack() {
  1437. this.$emit('setShowPage', 0)
  1438. },
  1439. resetClick() {
  1440. this.detailList.amendName = ''
  1441. this.detailList.amendTime = ''
  1442. this.fileList = []
  1443. },
  1444. replenishClick() {
  1445. var arr = []
  1446. if (this.fileList.length) {
  1447. this.fileList.forEach(el => {
  1448. arr.push({
  1449. dataDescribe: el.name,
  1450. enginOrderNo: this.detailList.refEnginRecordNo,
  1451. fileName: el.name,
  1452. fileUrl: el.url,
  1453. dataPosition: 'AMEND'
  1454. })
  1455. })
  1456. } else {
  1457. this.$errorMsg('请补充资料')
  1458. return
  1459. }
  1460. addAmendData({
  1461. ...this.detailList,
  1462. dataList: arr
  1463. }).then(res => {
  1464. this.$successMsg('已提交')
  1465. this.goBack()
  1466. })
  1467. }
  1468. }
  1469. }
  1470. </script>
  1471. <style lang="scss" scoped>
  1472. .inpt {
  1473. ::v-deep .el-input__inner {
  1474. text-align: right;
  1475. }
  1476. }
  1477. .aaa {
  1478. height: 64px;
  1479. width: 64px;
  1480. }
  1481. .dateS {
  1482. .value {
  1483. padding: 0;
  1484. }
  1485. }
  1486. .batchDownload {
  1487. float: right;
  1488. margin-top: 9px;
  1489. }
  1490. .gdzl {
  1491. display: inline-block;
  1492. }
  1493. .dateStyle {
  1494. width: 100%;
  1495. }
  1496. .label {
  1497. width: 150px !important;
  1498. }
  1499. .selectStyle {
  1500. width: 100%;
  1501. }
  1502. .flex {
  1503. width: 100%;
  1504. display: flex;
  1505. justify-content: space-between;
  1506. align-items: center;
  1507. }
  1508. </style>