aduitprint.html 47 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <style >
  10. .number {
  11. text-align: center;
  12. margin: 0 0 10px 0;
  13. font-size:20px;
  14. }
  15. table,
  16. table tr th,
  17. table tr td {
  18. border: 2px solid #333333;
  19. padding: 5px 0;
  20. }
  21. table tr th{
  22. text-align:left;
  23. padding-left:20px;
  24. }
  25. table {
  26. width: 100%;
  27. min-height: 25px;
  28. line-height: 25px;
  29. text-align: center;
  30. border-collapse: collapse;
  31. border: 3px solid #333333;
  32. font-size:24px;
  33. }
  34. .col-bgc {
  35. background: #f6f7fb;
  36. width:30%;
  37. }
  38. .bottom-row1 {
  39. display: flex;
  40. justify-content: space-between;
  41. margin: 10px 0;
  42. }
  43. .bottom-row2 {
  44. display: flex;
  45. margin: 10px 0;
  46. }
  47. .bottom-row2 .left img{
  48. width: 120px;
  49. height: 120px;
  50. margin-right: 118px;
  51. }
  52. .bottom-row2 .config{
  53. margin-right: 240px;
  54. }
  55. .bottom-row3 {
  56. margin: 10px 0;
  57. }
  58. .bottom-row4 {
  59. margin-top: 50px;
  60. text-align: center;
  61. }
  62. .wrap{
  63. position:relative;
  64. padding-top:60px;
  65. width: 1000px;
  66. margin: auto;
  67. }
  68. .seal{
  69. position:absolute;
  70. right:0;
  71. top:0.5%;
  72. }
  73. .sfcard {
  74. /* background: red; */
  75. }
  76. .sfcard-content{
  77. display:flex;
  78. }
  79. .sfcard-content .image {
  80. background-repeat: no-repeat;
  81. background-size:contain;
  82. /* width:100vw;
  83. height:100vh; */
  84. /* transform-origin: center center;
  85. transform: rotate(180deg); */
  86. }
  87. .image { page : rotated }
  88. @media print {
  89. @page rotated{
  90. size: landscape;
  91. orientation:landscape;
  92. }
  93. table{
  94. page-break-after:always;
  95. }
  96. .image{ page-break-inside:avoid;}
  97. .sfcard-content .image {
  98. background-repeat: no-repeat;
  99. background-size:contain;
  100. width:160vw;
  101. height:100vh;
  102. /* transform-origin: center center;
  103. transform: rotate(90deg); */
  104. }
  105. }
  106. </style>
  107. <body>
  108. <div id="app" v-cloak>
  109. <div class="center">
  110. <div class="wrap" v-for="item in printData">
  111. <div v-if="item.printType==1" class="number">费用审核-请款</div>
  112. <div v-if="item.printType==2" class="number">费用审核-收款</div>
  113. <div v-if="item.printType==3" class="number">入库单请款</div>
  114. <div v-if="item.printType==4" class="number">运价审核</div>
  115. <div v-if="item.printType==5" class="number">通用审核</div>
  116. <div v-if="item.printType==6" class="number">合同审核</div>
  117. <div v-if="item.printType==7" class="number">运费结算</div>
  118. <div v-if="item.printType==8" class="number">仓库设置</div>
  119. <div v-if="item.printType==9" class="number">出入库任务-
  120. <span v-if="item.inOutTypeKey==1">出库</span>
  121. <span v-if="item.inOutTypeKey==2">入库</span>
  122. <span v-if="item.inOutTypeKey==3">移库</span>
  123. <span v-if="item.inOutTypeKey==4">退库并出库</span>
  124. </div>
  125. <div v-if="item.printType==10" class="number">长途加油</div>
  126. <img v-if="item.currectstatus=='已通过'" class="seal" width="144" height="144" src="../img/ytg.png" alt="">
  127. <img v-if="item.currectstatus=='审核中'" class="seal" width="144" height="144" src="../img/shz.png" alt="">
  128. <img v-if="item.currectstatus=='已驳回'" class="seal" width="144" height="144" src="../img/wtg.png" alt="">
  129. <table v-if="item.printType==1||item.printType==2" class="table">
  130. <thead>
  131. <tr class="row">
  132. <th colspan="3" class="col">基本信息</th>
  133. </tr>
  134. </thead>
  135. <tbody>
  136. <tr class="row">
  137. <td class="col col-bgc">用途</td>
  138. <td colspan="2" v-if="item.expensesPurpose==1" class="col">合同费用</td>
  139. <td colspan="2" v-if="item.expensesPurpose==3" class="col">库点费用</td>
  140. <td colspan="2" v-if="item.expensesPurpose==5" class="col">经营性费用</td>
  141. </tr>
  142. <tr v-if="item.expensesPurpose==3" class="row">
  143. <td class="col col-bgc">仓库名称</td>
  144. <td colspan="2" class="col">{{ item.warehouseName }}</td>
  145. </tr>
  146. <tr v-if="item.expensesPurpose==1" class="row">
  147. <td class="col col-bgc">合同编号</td>
  148. <td colspan="2" class="col">{{ item.contractNo }}</td>
  149. </tr>
  150. <tr class="row">
  151. <td class="col col-bgc">费用名称</td>
  152. <td colspan="2" class="col">{{ item.expenseName }}</td>
  153. </tr>
  154. <tr v-if="item.expensesType==2" class="row">
  155. <td class="col col-bgc">付款方名头</td>
  156. <td colspan="2" class="col">{{ item.payerHeader }}</td>
  157. </tr>
  158. <tr v-if="item.expensesPurpose==5&&item.expensesType==2" class="row">
  159. <td class="col col-bgc">所属名头</td>
  160. <td colspan="2" class="col">{{ item.belongName }}</td>
  161. </tr>
  162. <tr class="row">
  163. <td class="col col-bgc">金额(元)</td>
  164. <td colspan="2" class="col">{{ item.amountMoney }}</td>
  165. </tr>
  166. <tr v-if="item.printType!=1" class="row">
  167. <td class="col col-bgc">备注</td>
  168. <td style="width:65%;" colspan="2" class="col">{{ item.remark }}</td>
  169. </tr>
  170. <tr class="row">
  171. <td class="col col-bgc">附件</td>
  172. <!-- <td colspan="2" class="col">{{ item.addressUrlArrayImage.length }}张图片(
  173. <template v-if="item.expensesType==2">
  174. <template v-for="(item1,index) in item.aduitInfo">
  175. {{item1.fileUrls?item1.fileUrls.length:0}} <span v-if="index!=item.aduitInfo.length-1">+</span>
  176. </template>
  177. </template>
  178. ),{{item.addressUrlArrayFilelen}}个文档</td> -->
  179. <td colspan="2" class="col">{{ item.addressUrlArrayImage.length }}张图片(
  180. <template v-if="item.expensesType==2">
  181. <template v-for="(item1,index) in item.aduitInfo">
  182. {{index==0?item.addressUrlArray.length:item1.fileUrls&&index!=0?item1.fileUrls.length:0}} <span v-if="index!=item.aduitInfo.length-1">+</span>
  183. </template>
  184. </template>
  185. ),{{item.addressUrlArrayFilelen}}个文档</td>
  186. </tr>
  187. </tbody>
  188. <thead v-if="item.expensesType==2">
  189. <tr class="row">
  190. <th colspan="3" class="col">账户信息</th>
  191. </tr>
  192. </thead>
  193. <tbody v-if="item.expensesType==2">
  194. <tr class="row">
  195. <td class="col col-bgc">收款方</td>
  196. <td colspan="2" class="col">{{ item.payee }}</td>
  197. </tr>
  198. <tr class="row">
  199. <td class="col col-bgc">账户</td>
  200. <td colspan="2" class="col">{{ item.accountNumber }}</td>
  201. </tr>
  202. <tr class="row">
  203. <td class="col col-bgc">开户行</td>
  204. <td colspan="2" class="col">{{ item.bank }}</td>
  205. </tr>
  206. <tr class="row">
  207. <td class="col col-bgc">开户支行</td>
  208. <td colspan="2" class="col">{{ item.bankBranch }}</td>
  209. </tr>
  210. </tbody>
  211. <thead>
  212. <tr class="row">
  213. <th colspan="3" class="col">审核流</th>
  214. </tr>
  215. </thead>
  216. <tbody v-if="item.expensesType==2">
  217. <tr v-for="(item1,index) in item.aduitInfo" class="row">
  218. <td class="col col-bgc">{{item1.operatorName}}</td>
  219. <td style="width:30%;" class="col">{{ item1.updateDate }}</td>
  220. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='question'" class="col">待审核</td>
  221. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='success'" class="col">{{index!=0?item1.auditMind?'通过:'+item1.auditMind:'通过':item1.desc}}</td>
  222. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='error'" class="col">{{item1.auditMind?'驳回:'+item1.auditMind:'驳回'}}</td>
  223. </tr>
  224. </tbody>
  225. <tbody v-if="item.expensesType==1">
  226. <tr v-for="(item1,index) in item.aduitInfo" class="row">
  227. <td class="col col-bgc">{{item1.operateUser}}</td>
  228. <td style="width:30%;" class="col">{{ item1.updateDate }}</td>
  229. <td v-if="item1.approveResult == 1" style="text-align:left;padding-left:10px;width:30%;" class="col"> 通过:{{item1.verifyRemark}}</td>
  230. <td v-else-if="item1.approveResult == 0" style="text-align:left;padding-left:10px;width:30%;" class="col"> 驳回:{{item1.verifyRemark}}</td>
  231. <td v-else style="text-align:left;padding-left:10px;width:30%;" class="col"> {{item.dealMsg}}:{{item1.verifyRemark}}</td>
  232. </tr>
  233. </tbody>
  234. </table>
  235. <table v-if="item.printType==3" class="table">
  236. <thead>
  237. <tr class="row">
  238. <th colspan="3" class="col">基本信息</th>
  239. </tr>
  240. </thead>
  241. <tbody>
  242. <tr class="row">
  243. <td class="col col-bgc">请款日期</td>
  244. <td colspan="2" class="col">{{item.requestDate}}</td>
  245. </tr>
  246. <tr class="row">
  247. <td class="col col-bgc">请款人</td>
  248. <td colspan="2" class="col">{{ item.requestPerson }}</td>
  249. </tr>
  250. <tr class="row">
  251. <td class="col col-bgc">所属仓库</td>
  252. <td colspan="2" class="col">{{ item.processNo }}</td>
  253. </tr>
  254. <tr class="row">
  255. <td class="col col-bgc">货名</td>
  256. <td class="col col-bgc">重量</td>
  257. <td class="col col-bgc">金额(元)</td>
  258. </tr>
  259. <tr v-for="item1 in item.goodNameList" class="row">
  260. <td class="col">{{item1.goodsName}}</td>
  261. <td class="col">{{item1.inWarehouseWeight}}</td>
  262. <td class="col">{{item1.requestFunds}}</td>
  263. </tr>
  264. <tr class="row">
  265. <td class="col col-bgc">合计重量(吨)</td>
  266. <td colspan="2" class="col">{{ item.inWarehouseWeightTotal.toFixed(2) }}</td>
  267. </tr>
  268. <tr class="row">
  269. <td class="col col-bgc">合计金额(元)</td>
  270. <td colspan="2" class="col">{{ item.requestFundsTotal }}</td>
  271. </tr>
  272. <tr class="row">
  273. <td class="col col-bgc">收购名头</td>
  274. <td colspan="2" class="col">{{ item.purchaser }}</td>
  275. </tr>
  276. </tbody>
  277. <thead>
  278. <tr class="row">
  279. <th colspan="3" class="col">支付明细</th>
  280. </tr>
  281. </thead>
  282. <tbody>
  283. <tr v-for="item1 in item.warehousingOrderList" class="row">
  284. <td class="col col-bgc">{{item1.customer}}</td>
  285. <td colspan="2" class="col">{{item1.goodsName}}&nbsp;{{item1.inWarehouseWeight}}吨&nbsp;{{item1.avgCost}}元/吨&nbsp;应付{{item1.requestFunds}}元&nbsp;</td>
  286. </tr>
  287. </tbody>
  288. <thead>
  289. <tr class="row">
  290. <th colspan="3" class="col">审核流</th>
  291. </tr>
  292. </thead>
  293. <tbody>
  294. <tr v-for="(item1,index) in item.aduitInfo" class="row">
  295. <td class="col col-bgc">{{item1.operatorName}}</td>
  296. <td style="width:30%;" class="col">{{ item1.updateDate }}</td>
  297. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='question'" class="col">待审核</td>
  298. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='success'" class="col">{{index!=0?item1.auditMind?'通过:'+item1.auditMind:'通过':item1.desc}}</td>
  299. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='error'" class="col">{{item1.auditMind?'驳回:'+item1.auditMind:'驳回'}}</td>
  300. </tr>
  301. </tbody>
  302. </table>
  303. <table v-if="item.printType==4" class="table">
  304. <thead>
  305. <tr class="row">
  306. <th colspan="3" class="col">基本信息</th>
  307. </tr>
  308. </thead>
  309. <tbody>
  310. <tr class="row">
  311. <td class="col col-bgc">运费类型</td>
  312. <td colspan="2" class="col">{{item.tranType}}运费</td>
  313. </tr>
  314. <tr class="row">
  315. <td class="col col-bgc">合同编号</td>
  316. <td colspan="2" class="col">{{ item.contractNo }}</td>
  317. </tr>
  318. <tr class="row">
  319. <td class="col col-bgc">任务编号</td>
  320. <td colspan="2" class="col">{{ item.processNo }}</td>
  321. </tr>
  322. <tr class="row">
  323. <td class="col col-bgc">发货地址</td>
  324. <td colspan="2" class="col">{{ item.sendPrivate }}{{ item.sendCity }}{{ item.sendArea }}{{ item.sendDetailedAddress }}</td>
  325. </tr>
  326. <tr class="row">
  327. <td class="col col-bgc">收货地址</td>
  328. <td colspan="2" class="col">{{ item.receivePrivate }}{{ item.receiveCity }}{{ item.receiveArea }}{{ item.receiveDetailedAddress }}</td>
  329. </tr>
  330. <tr class="row">
  331. <td class="col col-bgc">运费(元)</td>
  332. <td v-if='item.billingMethod==1&&item.tranType=="汽运"' style="width:65%;" colspan="2" class="col">{{ item.tranPriceIng }}</td>
  333. <td v-else-if='item.billingMethod1=1&&item.tranType=="汽运"' style="width:65%;" colspan="2" class="col">{{ item.tranPriceIngCar }}</td>
  334. <td v-else style="width:65%;" colspan="2" class="col">{{ item.tranPriceIng }}</td>
  335. </tr>
  336. </tbody>
  337. <thead>
  338. <tr class="row">
  339. <th colspan="3" class="col">审核流</th>
  340. </tr>
  341. </thead>
  342. <tbody>
  343. <tr v-for="(item1,index) in item.aduitInfo" class="row">
  344. <td class="col col-bgc">{{item1.operatorName}}</td>
  345. <td style="width:30%;" class="col">{{ item1.updateDate }}</td>
  346. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='question'" class="col">待审核</td>
  347. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='success'" class="col">{{index!=0?item1.auditMind?'通过:'+item1.auditMind:'通过':item1.desc}}</td>
  348. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='error'" class="col">{{item1.auditMind?'驳回:'+item1.auditMind:'驳回'}}</td>
  349. </tr>
  350. </tbody>
  351. </table>
  352. <table v-if="item.printType==5" class="table">
  353. <thead>
  354. <tr class="row">
  355. <th colspan="3" class="col">基本信息</th>
  356. </tr>
  357. </thead>
  358. <tbody>
  359. <tr class="row">
  360. <td class="col col-bgc">类型</td>
  361. <td colspan="2" class="col">{{item.businessType}}</td>
  362. </tr>
  363. <tr class="row">
  364. <td class="col col-bgc">备注</td>
  365. <td style="width:65%;" colspan="2" class="col">{{ item.remark }}</td>
  366. </tr>
  367. <tr class="row">
  368. <td class="col col-bgc">附件</td>
  369. <!-- <td colspan="2" class="col">{{ item.addressUrlArray.length }}张图片,{{item.addressUrlArrayFilelen}}个文档</td> -->
  370. <td colspan="2" class="col">{{ item.addressUrlArrayImage.length }}张图片(
  371. <template v-for="(item1,index) in item.aduitInfo">
  372. {{index==0?item.addressUrlArray.length:item1.fileUrls&&index!=0?item1.fileUrls.length:0}} <span v-if="index!=item.aduitInfo.length-1">+</span>
  373. </template>
  374. ),{{item.addressUrlArrayFilelen}}个文档</td>
  375. </tr>
  376. </tbody>
  377. <thead>
  378. <tr class="row">
  379. <th colspan="3" class="col">审核流</th>
  380. </tr>
  381. </thead>
  382. <tbody>
  383. <tr v-for="(item1,index) in item.aduitInfo" class="row">
  384. <td class="col col-bgc">{{item1.operatorName}}</td>
  385. <td style="width:30%;" class="col">{{ item1.updateDate }}</td>
  386. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='question'" class="col">待审核</td>
  387. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='success'" class="col">{{index!=0?item1.auditMind?'通过:'+item1.auditMind:'通过':item1.desc}}</td>
  388. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='error'" class="col">{{item1.auditMind?'驳回:'+item1.auditMind:'驳回'}}</td>
  389. </tr>
  390. </tbody>
  391. </table>
  392. <table v-if="item.printType==6" class="table">
  393. <thead>
  394. <tr class="row">
  395. <th colspan="3" class="col">基本信息</th>
  396. </tr>
  397. </thead>
  398. <tbody>
  399. <tr class="row">
  400. <td class="col col-bgc">合同编号</td>
  401. <td colspan="2" class="col">{{ item.contractNo }}</td>
  402. </tr>
  403. <tr v-if="item.agreementType=='收购合同'" class="row">
  404. <td class="col col-bgc">收购方</td>
  405. <td colspan="2" class="col">{{ item.buyer }}</td>
  406. </tr>
  407. <tr v-if="item.agreementType=='收购合同'" class="row">
  408. <td class="col col-bgc">收购方电话</td>
  409. <td colspan="2" class="col">{{ item.buyerPhone }}</td>
  410. </tr>
  411. <tr v-if="item.agreementType=='采购合同'||item.agreementType=='销售合同'" class="row">
  412. <td class="col col-bgc">买方</td>
  413. <td colspan="2" class="col">{{ item.buyer }}</td>
  414. </tr>
  415. <tr v-if="item.agreementType=='采购合同'||item.agreementType=='销售合同'" class="row">
  416. <td class="col col-bgc">买方电话</td>
  417. <td colspan="2" class="col">{{ item.buyerPhone }}</td>
  418. </tr>
  419. <tr v-if="item.agreementType=='采购合同'||item.agreementType=='销售合同'" class="row">
  420. <td class="col col-bgc">卖方</td>
  421. <td colspan="2" class="col">{{ item.seller }}</td>
  422. </tr>
  423. <tr v-if="item.agreementType=='采购合同'||item.agreementType=='销售合同'" class="row">
  424. <td class="col col-bgc">卖方电话</td>
  425. <td colspan="2" class="col">{{ item.sellerPhone }}</td>
  426. </tr>
  427. <tr v-if="item.agreementType=='采购合同'" class="row">
  428. <td class="col col-bgc">交易主体</td>
  429. <td colspan="2" class="col">{{ item.transactionSubject }}</td>
  430. </tr>
  431. <tr class="row">
  432. <td class="col col-bgc">合营方</td>
  433. <td colspan="2" class="col">{{ item.jointVentureParties }}</td>
  434. </tr>
  435. <tr class="row">
  436. <td class="col col-bgc">合营方电话</td>
  437. <td colspan="2" class="col">{{ item.jointPhone }}</td>
  438. </tr>
  439. <tr v-if="item.agreementType=='销售合同'" class="row">
  440. <td class="col col-bgc">中转公司</td>
  441. <td colspan="2" class="col">{{ item.transitCompany }}</td>
  442. </tr>
  443. <tr class="row">
  444. <td class="col col-bgc">交货日期(起 - 止)</td>
  445. <td colspan="2" class="col">{{item.deliveryDateStart }} ~ {{item.deliveryDateEnd}}</td>
  446. </tr>
  447. <tr v-if="item.agreementType=='采购合同'||item.agreementType=='销售合同'" class="row">
  448. <td class="col col-bgc">签订日期</td>
  449. <td colspan="2" class="col">{{ item.signingDate }}</td>
  450. </tr>
  451. <tr class="row">
  452. <td v-if="item.agreementType=='收购合同'" class="col col-bgc">溢短装(%)</td>
  453. <td colspan="2" class="col">{{ item.overShort }}</td>
  454. </tr>
  455. <tr class="row">
  456. <td class="col col-bgc">合同单价(元/吨)</td>
  457. <td colspan="2" class="col">{{ item.unitContractPrice }}</td>
  458. </tr>
  459. <tr class="row">
  460. <td class="col col-bgc">合同总价(元)</td>
  461. <td colspan="2" class="col">{{ item.totalContractPrice }}</td>
  462. </tr>
  463. <tr v-if="item.agreementType=='采购合同'||item.agreementType=='销售合同'" class="row">
  464. <td class="col col-bgc">货源所在地区</td>
  465. <td colspan="2" class="col">{{item.sourceProvince}}{{item.sourceCity}}{{item.sourceArea}}</td>
  466. </tr>
  467. <tr v-if="item.agreementType=='采购合同'||item.agreementType=='销售合同'" class="row">
  468. <td class="col col-bgc">货源详细地址</td>
  469. <td colspan="2" class="col">{{ item.sourceGoods }}</td>
  470. </tr>
  471. <tr v-if="item.agreementType=='采购合同'||item.agreementType=='销售合同'" class="row">
  472. <td class="col col-bgc">交货地所在地区</td>
  473. <td colspan="2" class="col">{{item.deliveryProvince}}{{item.deliveryCity}}{{item.deliveryArea}}</td>
  474. </tr>
  475. <tr v-if="item.agreementType=='采购合同'||item.agreementType=='销售合同'" class="row">
  476. <td class="col col-bgc">交货地详细地址</td>
  477. <td colspan="2" class="col">{{ item.placeDelivery }}</td>
  478. </tr>
  479. <tr class="row">
  480. <td class="col col-bgc">最终实际交易量(吨)</td>
  481. <td colspan="2" class="col">{{ item.finalTradingVolume }}</td>
  482. </tr>
  483. <tr v-if="item.agreementType=='采购合同'||item.agreementType=='销售合同'" class="row">
  484. <td class="col col-bgc">结算单价(元/吨)</td>
  485. <td colspan="2" class="col">{{ item.settlementPrice }}</td>
  486. </tr>
  487. <tr v-if="item.contractProcessInfo.goodsNameKey" class="row">
  488. <td class="col col-bgc">合同收入(元)</td>
  489. <td colspan="2" class="col">{{ item.contractProcessInfo.goodsNameKey }}</td>
  490. </tr>
  491. <tr v-if="item.agreementType=='采购合同'&&item.contractProcessInfo.goodsName||item.agreementType=='销售合同'&&item.contractProcessInfo.goodsName" class="row">
  492. <td class="col col-bgc">已开发票(元)</td>
  493. <td colspan="2" class="col">{{ item.contractProcessInfo.goodsName }}</td>
  494. </tr>
  495. <tr v-if="item.agreementType=='采购合同'&&item.contractProcessInfo.waterContent||item.agreementType=='销售合同'&&item.contractProcessInfo.waterContent" class="row">
  496. <td class="col col-bgc">费用支出(元)</td>
  497. <td colspan="2" class="col">{{ item.contractProcessInfo.waterContent }}</td>
  498. </tr>
  499. <tr v-if="item.agreementType=='采购合同'&&item.contractProcessInfo.impurity||item.agreementType=='销售合同'&&item.contractProcessInfo.impurity" class="row">
  500. <td class="col col-bgc">未开发票(元)</td>
  501. <td colspan="2" class="col">{{ item.contractProcessInfo.impurity }}</td>
  502. </tr>
  503. <tr v-if="item.agreementType=='采购合同'&&item.contractProcessInfo.mildewGrain||item.agreementType=='销售合同'&&item.contractProcessInfo.mildewGrain" class="row">
  504. <td class="col col-bgc">未回款(元)</td>
  505. <td colspan="2" class="col">{{ item.contractProcessInfo.mildewGrain }}</td>
  506. </tr>
  507. <tr v-if="item.agreementType=='采购合同'&&item.contractProcessInfo.grade||item.agreementType=='销售合同'&&item.contractProcessInfo.grade" class="row">
  508. <td class="col col-bgc">双章原件回收情况</td>
  509. <td colspan="2" class="col">{{ item.contractProcessInfo.grade }}</td>
  510. </tr>
  511. <tr class="row">
  512. <td class="col col-bgc">备注信息</td>
  513. <td colspan="2" class="col">{{ item.remarks }}</td>
  514. </tr>
  515. </tbody>
  516. <thead>
  517. <tr class="row">
  518. <th colspan="3" class="col">货物信息</th>
  519. </tr>
  520. </thead>
  521. <tbody>
  522. <tr class="row">
  523. <td class="col col-bgc">货名</td>
  524. <td colspan="2" class="col">{{ item.contractGoodsInfo.goodsName }}</td>
  525. </tr>
  526. <tr class="row">
  527. <td class="col col-bgc">品级</td>
  528. <td colspan="2" class="col">{{ item.contractGoodsInfo.grade }}</td>
  529. </tr>
  530. <tr class="row">
  531. <td class="col col-bgc">容重(克/升)>=</td>
  532. <td colspan="2" class="col">{{ item.contractGoodsInfo.bulkDensity }}</td>
  533. </tr>
  534. <tr class="row">
  535. <td class="col col-bgc">水分(%)&lt;=</td>
  536. <td colspan="2" class="col">{{ item.contractGoodsInfo.waterContent }}</td>
  537. </tr>
  538. <tr class="row">
  539. <td class="col col-bgc">热损伤(%)&lt;=</td>
  540. <td colspan="2" class="col">{{ item.contractGoodsInfo.jiaorenli }}</td>
  541. </tr>
  542. <tr class="row">
  543. <td class="col col-bgc">杂质(%)&lt;=</td>
  544. <td colspan="2" class="col">{{ item.contractGoodsInfo.impurity }}</td>
  545. </tr>
  546. <tr class="row">
  547. <td class="col col-bgc">霉变粒(%)&lt;=</td>
  548. <td colspan="2" class="col">{{ item.contractGoodsInfo.mildewGrain }}</td>
  549. </tr>
  550. <tr class="row">
  551. <td class="col col-bgc">不完善粒(%)&lt;=</td>
  552. <td colspan="2" class="col">{{ item.contractGoodsInfo.imperfectGrain }}</td>
  553. </tr>
  554. </tbody>
  555. <thead>
  556. <tr class="row">
  557. <th colspan="3" class="col">审核流</th>
  558. </tr>
  559. </thead>
  560. <tbody>
  561. <tr v-for="(item1,index) in item.aduitInfo" class="row">
  562. <td class="col col-bgc">{{item1.operatorName}}</td>
  563. <td style="width:30%;" class="col">{{ item1.updateDate }}</td>
  564. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='question'" class="col">待审核</td>
  565. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='success'" class="col">{{index!=0?item1.auditMind?'通过:'+item1.auditMind:'通过':item1.desc}}</td>
  566. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='error'" class="col">{{item1.auditMind?'驳回:'+item1.auditMind:'驳回'}}</td>
  567. </tr>
  568. </tbody>
  569. </table>
  570. <table v-if="item.printType==7" class="table">
  571. <thead>
  572. <tr class="row">
  573. <th colspan="3" class="col">基本信息</th>
  574. </tr>
  575. </thead>
  576. <tbody>
  577. <tr class="row">
  578. <td class="col col-bgc">合同编号/移库编号</td>
  579. <td colspan="2" class="col">{{item.contractNo}}</td>
  580. </tr>
  581. <tr class="row">
  582. <td class="col col-bgc">收款方</td>
  583. <td colspan="2" class="col">{{ item.payee }}</td>
  584. </tr>
  585. <tr class="row">
  586. <td class="col col-bgc">账号</td>
  587. <td colspan="2" class="col">{{ item.accountNumber }}</td>
  588. </tr>
  589. <tr class="row">
  590. <td class="col col-bgc">开户支行</td>
  591. <td colspan="2" class="col">{{ item.bankBranch }}</td>
  592. </tr>
  593. <tr class="row">
  594. <td class="col col-bgc">合计(元)</td>
  595. <td colspan="2" class="col">{{ item.num }}</td>
  596. </tr>
  597. </tbody>
  598. <tbody v-for="item1 in item.tranTaskInfoList">
  599. <tr class="row">
  600. <td class="col col-bgc">运输编号</td>
  601. <td colspan="2" class="col">{{ item1.taskNo }}</td>
  602. </tr>
  603. <tr class="row">
  604. <td class="col col-bgc">发货地</td>
  605. <td colspan="2" class="col">{{ item1.startPrivate }}{{item1.startCity}}{{ item1.startArea }}{{item1.startDetailedAddress}}</td>
  606. </tr>
  607. <tr class="row">
  608. <td class="col col-bgc">收货地</td>
  609. <td colspan="2" class="col">{{ item1.endPrivate }}{{item1.endCity}}{{ item1.endArea }}{{item1.endDetailedAddress}}</td>
  610. </tr>
  611. </tbody>
  612. <tbody>
  613. <tr class="row">
  614. <td class="col col-bgc">备注</td>
  615. <td colspan="2" class="col">{{ item.remark }}</td>
  616. </tr>
  617. <tr class="row">
  618. <td class="col col-bgc">附件</td>
  619. <td colspan="2" class="col">{{ item.addressUrlArrayImage.length }}张图片(
  620. <template v-for="(item1,index) in item.aduitInfo">
  621. {{index==0?item.addressUrlArray.length:item1.fileUrls&&index!=0?item1.fileUrls.length:0}} <span v-if="index!=item.aduitInfo.length-1">+</span>
  622. </template>
  623. ),{{item.addressUrlArrayFilelen}}个文档</td>
  624. </tr>
  625. </tbody>
  626. <thead>
  627. <tr class="row">
  628. <th colspan="3" class="col">审核流</th>
  629. </tr>
  630. </thead>
  631. <tbody>
  632. <tr v-for="(item1,index) in item.aduitInfo" class="row">
  633. <td class="col col-bgc">{{item1.operatorName}}</td>
  634. <td style="width:30%;" class="col">{{ item1.updateDate }}</td>
  635. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='question'" class="col">待审核</td>
  636. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='success'" class="col">{{index!=0?item1.auditMind?'通过:'+item1.auditMind:'通过':item1.desc}}</td>
  637. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='error'" class="col">{{item1.auditMind?'驳回:'+item1.auditMind:'驳回'}}</td>
  638. </tr>
  639. </tbody>
  640. </table>
  641. <table v-if="item.printType==8" class="table">
  642. <thead>
  643. <tr class="row">
  644. <th :colspan="item.bulkDensityStandard ==1?2:5" class="col">基本信息</th>
  645. </tr>
  646. </thead>
  647. <tbody>
  648. <tr class="row">
  649. <td class="col col-bgc">仓库名称</td>
  650. <td :colspan="item.bulkDensityStandard ==1?1:4" class="col">{{item.warehouseName}}</td>
  651. </tr>
  652. <tr class="row">
  653. <td class="col col-bgc">货名</td>
  654. <td :colspan="item.bulkDensityStandard ==1?1:4" class="col">{{ item.goodsName }}</td>
  655. </tr>
  656. <tr v-if="item.bulkDensityStandard ==1">
  657. <td>{{item.goodsName!='大豆' ? '容重(g/L)' : '蛋白(g/L)'}}</td>
  658. <td>价格(元/公斤)</td>
  659. </tr>
  660. <tr v-if="item.bulkDensityStandard !=1">
  661. <td class="col">水分</td>
  662. <td class="col">一等</td>
  663. <td class="col">二等</td>
  664. <td class="col">三等</td>
  665. <td class="col">等外</td>
  666. </tr>
  667. </tbody>
  668. <tbody v-for="item1 in item.detailPrints">
  669. <tr v-if="item.bulkDensityStandard ==1" class="row">
  670. <td class="col">{{item1.bulkDensityMax}}~{{item1.bulkDensityMin}}</td>
  671. <td class="col">{{ item1.bulkDensityPrice }}</td>
  672. </tr>
  673. <tr v-if="item.bulkDensityStandard !=1" class="row">
  674. <td class="col">{{ item1.waterMin }}</td>
  675. <td class="col">{{ item1.price1 }}</td>
  676. <td class="col">{{ item1.price2 }}</td>
  677. <td class="col">{{ item1.price3 }}</td>
  678. <td class="col">{{ item1.priceOther }}</td>
  679. </tr>
  680. </tbody>
  681. <thead>
  682. <tr class="row">
  683. <th colspan="3" class="col">审核流</th>
  684. </tr>
  685. </thead>
  686. <tbody>
  687. <tr v-for="(item1,index) in item.aduitInfo" class="row">
  688. <td class="col col-bgc">{{item1.operatorName}}</td>
  689. <td :colspan="item.bulkDensityStandard ==1?1:2" style="width:30%;" class="col">{{ item1.updateDate }}</td>
  690. <td :colspan="item.bulkDensityStandard ==1?1:2" style="text-align:left;padding-left:10px;" v-if="item1.status=='question'" class="col">待审核</td>
  691. <td :colspan="item.bulkDensityStandard ==1?1:2" style="text-align:left;padding-left:10px;" v-if="item1.status=='success'" class="col">{{index!=0?item1.auditMind?'通过:'+item1.auditMind:'通过':item1.desc}}</td>
  692. <td :colspan="item.bulkDensityStandard ==1?1:2" style="text-align:left;padding-left:10px;" v-if="item1.status=='error'" class="col">{{item1.auditMind?'驳回:'+item1.auditMind:'驳回'}}</td>
  693. </tr>
  694. </tbody>
  695. </table>
  696. <table v-if="item.printType==9" class="table">
  697. <thead>
  698. <tr class="row">
  699. <th colspan="3" class="col">基本信息</th>
  700. </tr>
  701. </thead>
  702. <tbody>
  703. <tr v-if="item.inOutTypeKey==2||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  704. <td class="col col-bgc">编号</td>
  705. <td colspan="2" class="col">入库({{item.EnterList.inOutTaskNo}})</td>
  706. </tr>
  707. <tr v-if="item.inOutTypeKey==2||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  708. <td class="col col-bgc">仓库</td>
  709. <td colspan="2" class="col">{{ item.EnterList.warehouseName }}</td>
  710. </tr>
  711. <tr v-if="item.inOutTypeKey==2||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  712. <td class="col col-bgc">入库类型</td>
  713. <td colspan="2" class="col">{{ item.EnterList.inOutType }}</td>
  714. </tr>
  715. <tr v-if="item.inOutTypeKey==2||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  716. <td class="col col-bgc">预计入库日期</td>
  717. <td colspan="2" class="col">{{ item.EnterList.predictDate }}</td>
  718. </tr>
  719. <tr v-if="item.inOutTypeKey==2||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  720. <td class="col col-bgc">收货人</td>
  721. <td colspan="2" class="col">{{ item.EnterList.agent }}</td>
  722. </tr>
  723. <tr v-if="item.inOutTypeKey==1||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  724. <td class="col col-bgc">编号</td>
  725. <td colspan="2" class="col">出库({{item.OutList.inOutTaskNo}})</td>
  726. </tr>
  727. <tr v-if="item.inOutTypeKey==1||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  728. <td class="col col-bgc">仓库</td>
  729. <td colspan="2" class="col">{{ item.OutList.warehouseName }}</td>
  730. </tr>
  731. <tr v-if="item.inOutTypeKey==2||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  732. <td class="col col-bgc">出库类型</td>
  733. <td colspan="2" class="col">{{ item.OutList.inOutType }}</td>
  734. </tr>
  735. <tr v-if="item.inOutTypeKey==2||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  736. <td class="col col-bgc">预计出库日期</td>
  737. <td colspan="2" class="col">{{ item.OutList.predictDate }}</td>
  738. </tr>
  739. <tr v-if="item.inOutTypeKey==2||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  740. <td class="col col-bgc">发货人</td>
  741. <td colspan="2" class="col">{{ item.OutList.agent }}</td>
  742. </tr>
  743. <tr class='row' v-if="item.EnterList.inOutType == '移库入库'">
  744. <td class="col col-bgc">移库任务编号</td>
  745. <td colspan="2" class="col">{{item.EnterList.moveTaskNo}}</td>
  746. </tr>
  747. <tr class='row' v-if="item.EnterList.inOutType != '移库入库'">
  748. <td class="col col-bgc">合同编号</td>
  749. <td colspan="2" class="col">{{item.EnterList.contractNo}}</td>
  750. </tr>
  751. <tr v-if="item.inOutTypeKey==2||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  752. <td class="col col-bgc">货名</td>
  753. <td colspan="2" class="col">{{ item.EnterList.goodsName }}</td>
  754. </tr>
  755. <tr v-if="item.inOutTypeKey==1" class="row">
  756. <td class="col col-bgc">货名</td>
  757. <td colspan="2" class="col">{{ item.OutList.goodsName }}</td>
  758. </tr>
  759. <tr v-if="item.inOutTypeKey==2||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  760. <td class="col col-bgc">重量(吨)</td>
  761. <td colspan="2" class="col">{{ item.EnterList.weight }}</td>
  762. </tr>
  763. <tr v-if="item.inOutTypeKey==1" class="row">
  764. <td class="col col-bgc">重量(吨)</td>
  765. <td colspan="2" class="col">{{ item.OutList.weight }}</td>
  766. </tr>
  767. <tr v-if="item.inOutTypeKey==2||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  768. <td class="col col-bgc">品级</td>
  769. <td colspan="2" class="col">{{ item.EnterList.grade }}</td>
  770. </tr>
  771. <tr v-if="item.inOutTypeKey==1" class="row">
  772. <td class="col col-bgc">品级</td>
  773. <td colspan="2" class="col">{{ item.OutList.grade }}</td>
  774. </tr>
  775. <tr v-if="item.inOutTypeKey==1||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  776. <td class="col col-bgc">容重(克/升)>=</td>
  777. <td colspan="2" class="col">{{ item.OutList.bulkDensity }}</td>
  778. </tr>
  779. <tr v-if="item.inOutTypeKey==1||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  780. <td class="col col-bgc">水分(%)&lt;=</td>
  781. <td colspan="2" class="col">{{ item.OutList.waterContent }}</td>
  782. </tr>
  783. <tr v-if="item.inOutTypeKey==1||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  784. <td class="col col-bgc">单价(元/吨)</td>
  785. <td colspan="2" class="col">{{ item.OutList.unitPrice }}</td>
  786. </tr>
  787. <tr v-if="item.inOutTypeKey==1||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  788. <td class="col col-bgc">业务描述</td>
  789. <td colspan="2" class="col">{{ item.OutList.businessDescribe }}</td>
  790. </tr>
  791. <tr v-if="item.inOutTypeKey==1||item.inOutTypeKey==3||item.inOutTypeKey==4" class="row">
  792. <td class="col col-bgc">仓位号</td>
  793. <td colspan="2" class="col">{{ item.OutList.binNumber }}</td>
  794. </tr>
  795. <tr class="row">
  796. <td class="col col-bgc">附件</td>
  797. <td colspan="2" class="col">{{ item.addressUrlArrayImage.length }}张图片(
  798. <template v-for="(item1,index) in item.aduitInfo">
  799. {{item1.fileUrls?item1.fileUrls.length:0}} <span v-if="index!=item.aduitInfo.length-1">+</span>
  800. </template>
  801. ),{{item.addressUrlArrayFilelen}}个文档</td>
  802. </tr>
  803. </tbody>
  804. <thead>
  805. <tr class="row">
  806. <th colspan="3" class="col">审核流</th>
  807. </tr>
  808. </thead>
  809. <tbody>
  810. <tr v-for="(item1,index) in item.aduitInfo" class="row">
  811. <td class="col col-bgc">{{item1.operatorName}}</td>
  812. <td style="width:30%;" class="col">{{ item1.updateDate }}</td>
  813. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='question'" class="col">待审核</td>
  814. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='success'" class="col">{{index!=0?item1.auditMind?'通过:'+item1.auditMind:'通过':item1.desc}}</td>
  815. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='error'" class="col">{{item1.auditMind?'驳回:'+item1.auditMind:'驳回'}}</td>
  816. </tr>
  817. </tbody>
  818. </table>
  819. <table v-if="item.printType==10" class="table">
  820. <thead>
  821. <tr class="row">
  822. <th colspan="3" class="col">基本信息</th>
  823. </tr>
  824. </thead>
  825. <tbody>
  826. <tr class="row">
  827. <td class="col col-bgc">车牌号</td>
  828. <td colspan="2" class="col">{{item.carNo}}</td>
  829. </tr>
  830. <tr class="row">
  831. <td class="col col-bgc">起点</td>
  832. <td colspan="2" class="col">{{ item.originProvince }}{{ item.originCity }}{{ item.originArea }}{{ item.originAddress }}</td>
  833. </tr>
  834. <tr class="row">
  835. <td class="col col-bgc">终点</td>
  836. <td colspan="2" class="col">{{ item.destinationProvince }}{{ item.destinationCity }}{{ item.destinationArea }}{{ item.destinationAddress }}</td>
  837. </tr>
  838. <tr class="row">
  839. <td class="col col-bgc">总油耗(升)</td>
  840. <td colspan="2" class="col">{{ item.tfc }}</td>
  841. </tr>
  842. <tr class="row">
  843. <td class="col col-bgc">总金额(元)</td>
  844. <td colspan="2" class="col">{{ item.totalCost }}</td>
  845. </tr>
  846. <tr class="row" v-for="(item1,index1) in item.fillingDetailInfoList">
  847. <td class="col col-bgc">加油-{{index1+1}}</td>
  848. <td colspan="2" class="col">油耗{{ item.oilConsumption }}升&nbsp;&nbsp;油耗{{ item.currentOilPrice }}元/升&nbsp;&nbsp;油耗{{ item.currentConsumption }}元</td>
  849. </tr>
  850. <tr class="row">
  851. <td class="col col-bgc">备注</td>
  852. <td style="width:65%;" colspan="2" class="col">{{ item.remark }}</td>
  853. </tr>
  854. <tr class="row">
  855. <td class="col col-bgc">附件</td>
  856. <!-- <td colspan="2" class="col">{{ item.addressUrlArrayImage.length }}张图片(
  857. <template v-if="item.expensesType==2">
  858. <template v-for="(item1,index) in item.aduitInfo">
  859. {{item1.fileUrls?item1.fileUrls.length:0}} <span v-if="index!=item.aduitInfo.length-1">+</span>
  860. </template>
  861. </template>
  862. ),{{item.addressUrlArrayFilelen}}个文档</td> -->
  863. <td colspan="2" class="col">{{ item.addressUrlArrayImage.length }}张图片(
  864. <template v-for="(item1,index) in item.aduitInfo">
  865. {{index==0?item.addressUrlArray.length:item1.fileUrls&&index!=0?item1.fileUrls.length:0}} <span v-if="index!=item.aduitInfo.length-1">+</span>
  866. </template>
  867. ),{{item.addressUrlArrayFilelen}}个文档</td>
  868. </tr>
  869. </tbody>
  870. <thead>
  871. <tr class="row">
  872. <th colspan="3" class="col">审核流</th>
  873. </tr>
  874. </thead>
  875. <tr v-for="(item1,index) in item.aduitInfo" class="row">
  876. <td class="col col-bgc">{{item1.operatorName}}</td>
  877. <td style="width:30%;" class="col">{{ item1.updateDate }}</td>
  878. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='question'" class="col">待审核</td>
  879. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='success'" class="col">{{index!=0?item1.auditMind?'通过:'+item1.auditMind:'通过':item1.desc}}</td>
  880. <td style="text-align:left;padding-left:10px;" v-if="item1.status=='error'" class="col">{{item1.auditMind?'驳回:'+item1.auditMind:'驳回'}}</td>
  881. </tr>
  882. </table>
  883. <div v-if="item.printType==1&&item.addressUrlArrayImage.length>0||item.printType==5&&item.addressUrlArrayImage.length>0||item.printType==6&&item.addressUrlArrayImage.length>0||item.printType==7&&item.addressUrlArrayImage.length>0||item.printType==9&&item.addressUrlArrayImage.length>0||item.printType==10&&item.addressUrlArrayImage.length>0" class="sfcard" >
  884. <div v-for="item1 in item.addressUrlArrayImage" class="sfcard-content">
  885. <div class="sfcard-title">
  886. <!-- {{ printData.customerName}}{{ printData.identityAuthenticationInfo.customerNumberCard}} -->
  887. </div>
  888. <div :style="{'backgroundImage':'url('+item1.appendixPath+')'}" class="image"></div>
  889. <!-- <img :src="" class="avatar" /> -->
  890. </div>
  891. </div>
  892. </div>
  893. </div>
  894. </div>
  895. </body>
  896. <script src="../cdn/vue/2.6.10/vue.min.js"></script>
  897. <script src="../cdn/element-ui/2.13.2/index.js"></script>
  898. <script type="text/javascript">
  899. new Vue({
  900. el: '#app',
  901. data: {
  902. printData: [],
  903. },
  904. computed: {},
  905. methods: {
  906. },
  907. mounted() {
  908. console.log(1111111111,JSON.parse(localStorage.getItem('aduitprintdata')))
  909. this.printData = JSON.parse(localStorage.getItem('aduitprintdata'))
  910. window.print()
  911. // sessionStorage.removeItem('selectPrint_selectPrintList');
  912. // sessionStorage.removeItem('selectPrint_selectCustomerList');
  913. window.onafterprint = function(event) {
  914. window.history.back(-1)
  915. }
  916. },
  917. watch: {}
  918. })
  919. </script>
  920. </html>