doctor-admin-components 1.0.13-beta.40 → 1.0.13-beta.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/packages/src/components/FileUpload/contract-drag-new.vue +14 -6
- package/packages/src/i18n/en/message.json +37 -1
- package/packages/src/i18n/zh-CN/message.json +36 -0
- package/packages/src/views/biz/bizFileInfo/contract.vue +197 -185
- package/packages/src/views/biz/bizFileInfo/contractFile/BillOfLadingNoTab.vue +2 -2
- package/packages/src/views/biz/bizFileInfo/contractFile/ContentTitle.vue +2 -2
- package/packages/src/views/biz/bizFileInfo/contractFile/IMGPreviewCheckBox.vue +3 -3
- package/packages/src/views/biz/bizFileInfo/contractFile/Progress.vue +5 -5
- package/packages/src/views/biz/bizFileInfo/contractFile/ProgressDetail.vue +6 -6
- package/packages/src/views/biz/bizFileInfo/contractFile/ShowAndHide.vue +173 -0
- package/packages/src/views/biz/bizFileInfo/fileShow.vue +6 -6
- package/packages/src/views/biz/contractTracing/contractTracingDetail.vue +14 -15
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
<div class="content-root">
|
|
19
19
|
<!-- 提单指令 -->
|
|
20
20
|
<ContentTitle :contentTitleProp="{
|
|
21
|
-
bgButton: '
|
|
21
|
+
bgButton: $t('contractDetail.blInfo'),
|
|
22
22
|
bgTime:contractFileInfo.personalBillFileInfo && timeFormate(contractFileInfo.personalBillFileInfo),
|
|
23
23
|
}"></ContentTitle>
|
|
24
24
|
<el-col :span="12" v-if="getLastFileByList(contractFileInfo.latestBillFileInfo)">
|
|
@@ -54,16 +54,16 @@
|
|
|
54
54
|
'personal_deal_bill'
|
|
55
55
|
)
|
|
56
56
|
":isShowTip="false"
|
|
57
|
-
uploadNameStr="
|
|
57
|
+
:uploadNameStr="$t('contractDetail.blInfo')" />
|
|
58
58
|
</div>
|
|
59
59
|
</el-col>
|
|
60
60
|
<el-col :span="12" v-if="contractFileInfo.bliConfirmFlag" class="center-status">
|
|
61
61
|
<i class="el-icon-success success"></i>
|
|
62
|
-
|
|
62
|
+
{{ $t('contractDetail.bl_confirm_true') }}
|
|
63
63
|
</el-col>
|
|
64
64
|
<el-col :span="12" v-else class="center-status">
|
|
65
65
|
<i class="el-icon-time"></i>
|
|
66
|
-
|
|
66
|
+
{{ $t('contractDetail.blInfo_unconfirm') }}
|
|
67
67
|
</el-col>
|
|
68
68
|
<!-- 销售合同-回签合同 -->
|
|
69
69
|
<el-col :span="24">
|
|
@@ -78,12 +78,12 @@
|
|
|
78
78
|
: $t('contractDetail.purchaseContract'),
|
|
79
79
|
bgTime:contractFileInfo.latestContractFileInfo && timeFormate(contractFileInfo.latestContractFileInfo)
|
|
80
80
|
}"></ContentTitle>
|
|
81
|
-
<span class="bg-history" @click="handleHistory('contract_formal')"
|
|
81
|
+
<span class="bg-history" @click="handleHistory('contract_formal')">{{ $t('contractDetail.view_history') }}</span>
|
|
82
82
|
</div>
|
|
83
83
|
</el-col>
|
|
84
84
|
<el-col :span="12" v-if="contractFileInfo.signContractFileInfo && contractFileInfo.signContractFileInfo.length">
|
|
85
85
|
<ContentTitle :contentTitleProp="{
|
|
86
|
-
bgButton: '
|
|
86
|
+
bgButton: $t('contractDetail.signContract'),
|
|
87
87
|
bgTime:timeFormate(contractFileInfo.signContractFileInfo)
|
|
88
88
|
}"
|
|
89
89
|
:successFlag="true"
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
<file-show :hiddenOperation="channel == 'official-website'" @refresh="handleRefresh" @checked="handleChecked" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :fileInfo="getLastFileByList(contractFileInfo.latestContractFileInfo)" />
|
|
97
97
|
</div>
|
|
98
98
|
<div v-else>
|
|
99
|
-
|
|
99
|
+
{{ $t('contractDetail.no_files') }}
|
|
100
100
|
</div>
|
|
101
101
|
</el-col>
|
|
102
102
|
<!-- 回签合同 -->
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
<el-button style="margin-left: 10px" @click="counterSign" size="mini">撤回回签</el-button>
|
|
107
107
|
</div> -->
|
|
108
108
|
<div class="file-list">
|
|
109
|
-
<file-show
|
|
109
|
+
<file-show @refresh="handleRefresh"
|
|
110
110
|
@checked="handleChecked" @uncheck="handleUncheck" :file-info="item"
|
|
111
111
|
:selectFileListProp="selectFileList"
|
|
112
112
|
type="signContract"
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
'contract',
|
|
122
122
|
'contract_sign'
|
|
123
123
|
)
|
|
124
|
-
" :isShowTip="false" uploadNameStr="
|
|
124
|
+
" :isShowTip="false" :uploadNameStr="$t('contractDetail.signContract')" />
|
|
125
125
|
</div>
|
|
126
126
|
</el-col>
|
|
127
127
|
</el-col>
|
|
@@ -133,17 +133,17 @@
|
|
|
133
133
|
<el-col :span="12">
|
|
134
134
|
<div style="display:flex;align-items:center">
|
|
135
135
|
<ContentTitle :contentTitleProp="{
|
|
136
|
-
bgButton: '
|
|
136
|
+
bgButton: $t('contractDetail.depositInvoice'),
|
|
137
137
|
bgTime:contractFileInfo.proformaInvoiceFileInfo && timeFormate(contractFileInfo.proformaInvoiceFileInfo) || contractFileInfo.personalProformaInvoiceFileInfo && timeFormate(contractFileInfo.personalProformaInvoiceFileInfo)
|
|
138
138
|
}">
|
|
139
139
|
</ContentTitle>
|
|
140
|
-
<span class="bg-history" v-if="channel !== 'official-website'" @click="skipInvoiceList"
|
|
140
|
+
<span class="bg-history" v-if="channel !== 'official-website'" @click="skipInvoiceList">{{ $t('contractDetail.invoice_list') }}</span>
|
|
141
141
|
</div>
|
|
142
142
|
</el-col>
|
|
143
143
|
|
|
144
144
|
<el-col :span="12" v-if="contractFileInfo.proformaInvoiceWaterBillFileInfo && contractFileInfo.proformaInvoiceWaterBillFileInfo.length">
|
|
145
145
|
<ContentTitle :contentTitleProp="{
|
|
146
|
-
bgButton: '
|
|
146
|
+
bgButton: $t('contractDetail.Payment_voucher'),
|
|
147
147
|
bgTime: contractFileInfo.proformaInvoiceWaterBillFileInfo && timeFormate(contractFileInfo.proformaInvoiceWaterBillFileInfo)
|
|
148
148
|
}"
|
|
149
149
|
:successFlag="true"
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
<el-col :span="12">
|
|
162
162
|
<div style="margin-bottom:20px" v-if="contract.contractType == 'purchase'">
|
|
163
163
|
<el-button type="primary" size="mini" v-if="channel !== 'official-website'" @click.stop="getDepositInvoice">
|
|
164
|
-
{{ contract.contractType == "sale" ?
|
|
164
|
+
{{ contract.contractType == "sale" ? $t('contractDetail.Generate_deposit_invoice') : "上传定金发票" }}
|
|
165
165
|
</el-button>
|
|
166
166
|
</div>
|
|
167
167
|
<!-- 系统生成定金发票 -->
|
|
@@ -191,10 +191,10 @@
|
|
|
191
191
|
'personal_proforma_invoice'
|
|
192
192
|
)
|
|
193
193
|
":isShowTip="false"
|
|
194
|
-
uploadNameStr="
|
|
194
|
+
:uploadNameStr="$t('contractDetail.depositInvoice')" />
|
|
195
195
|
<div v-if="channel == 'official-website'" class="center-status">
|
|
196
196
|
<i class="el-icon-time"></i>
|
|
197
|
-
<span
|
|
197
|
+
<span>{{ $t('contractDetail.Deposit_invoice_to_be_uploaded') }}</span>
|
|
198
198
|
</div>
|
|
199
199
|
</div>
|
|
200
200
|
</el-col>
|
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
>
|
|
230
230
|
{{
|
|
231
231
|
channel !== "official-website"
|
|
232
|
-
?
|
|
232
|
+
? $t('contractDetail.Deposit_received')
|
|
233
233
|
: $t("contractDetail.Deposit_Paid")
|
|
234
234
|
}}
|
|
235
235
|
</div>
|
|
@@ -238,7 +238,7 @@
|
|
|
238
238
|
<span style="color: red">
|
|
239
239
|
{{
|
|
240
240
|
channel !== "official-website"
|
|
241
|
-
?
|
|
241
|
+
? $t('contractDetail.deposit_unpaid')
|
|
242
242
|
: $t("contractDetail.Deposit_Unpaid")
|
|
243
243
|
}}
|
|
244
244
|
</span>
|
|
@@ -255,19 +255,20 @@
|
|
|
255
255
|
style="width:max-content"
|
|
256
256
|
>
|
|
257
257
|
<i class="el-icon-success success"></i>
|
|
258
|
-
|
|
258
|
+
{{ $t('contractDetail.Deposit_Paid') }}</div>
|
|
259
259
|
<div v-else style="width:max-content">
|
|
260
260
|
<i class="el-icon-time"></i>
|
|
261
|
-
<span style="color: red"
|
|
261
|
+
<span style="color: red">{{ $t('contractDetail.deposit_unpaid') }}</span>
|
|
262
262
|
</div>
|
|
263
263
|
</el-col>
|
|
264
264
|
</el-row>
|
|
265
265
|
<div v-if="!contractFileInfo.proformaInvoiceWaterBillFileInfo || contractFileInfo.proformaInvoiceWaterBillFileInfo.length == 0">
|
|
266
266
|
<!-- <i class="el-icon-time"></i> -->
|
|
267
|
-
|
|
267
|
+
{{ $t('contractDetail.deposit_unreceipt') }}
|
|
268
268
|
</div>
|
|
269
269
|
<div v-else style="color:#000">
|
|
270
270
|
<file-show @refresh="handleRefresh"
|
|
271
|
+
:hiddenOperation="channel == 'official-website'"
|
|
271
272
|
@checked="handleChecked" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :file-info="item"
|
|
272
273
|
v-for="(item, i) in contractFileInfo.proformaInvoiceWaterBillFileInfo" :key="i" />
|
|
273
274
|
</div>
|
|
@@ -280,7 +281,7 @@
|
|
|
280
281
|
</el-col>
|
|
281
282
|
<el-col :span="24">
|
|
282
283
|
<ContentTitle :contentTitleProp="{
|
|
283
|
-
bgButton: '
|
|
284
|
+
bgButton: $t('contractDetail.otherFile'),
|
|
284
285
|
bgTime: contract.contractType == 'sale' ? contractFileInfo.saleContractOtherFile && timeFormate(contractFileInfo.saleContractOtherFile) : contractFileInfo.purchaseContractOtherFile && timeFormate(contractFileInfo.purchaseContractOtherFile)
|
|
285
286
|
}"></ContentTitle>
|
|
286
287
|
</el-col>
|
|
@@ -296,7 +297,7 @@
|
|
|
296
297
|
'contract',
|
|
297
298
|
'sale_contract_other_file'
|
|
298
299
|
)
|
|
299
|
-
" :isShowTip="false" uploadNameStr="
|
|
300
|
+
" :isShowTip="false" :uploadNameStr="$t('contractDetail.otherFile')" />
|
|
300
301
|
</div>
|
|
301
302
|
<!-- 销售-采购文件 -->
|
|
302
303
|
<div class="file-list" v-else>
|
|
@@ -311,7 +312,7 @@
|
|
|
311
312
|
)
|
|
312
313
|
"
|
|
313
314
|
:isShowTip="false"
|
|
314
|
-
uploadNameStr="
|
|
315
|
+
:uploadNameStr="$t('contractDetail.otherFile')"
|
|
315
316
|
/>
|
|
316
317
|
</div>
|
|
317
318
|
</el-col>
|
|
@@ -341,19 +342,19 @@
|
|
|
341
342
|
v-if="
|
|
342
343
|
channel !== 'official-website' && contract.contractType == 'purchase'
|
|
343
344
|
"
|
|
344
|
-
|
|
345
|
+
>{{ $t("contractDetail.Generate_shipment") }}</div>
|
|
345
346
|
</div>
|
|
346
347
|
</template>
|
|
347
348
|
<template v-slot:content>
|
|
348
349
|
<div class="ship-empty" style="background-color:#fff">
|
|
349
350
|
<div>
|
|
350
|
-
<b
|
|
351
|
+
<b>{{ $t('contractDetail.packingList') }}</b>{{ $t('contractDetail.update_after_shipping') }}
|
|
351
352
|
</div>
|
|
352
353
|
<div>
|
|
353
|
-
<b
|
|
354
|
+
<b>{{ $t('contractDetail.packingPhoto') }}</b>{{ $t('contractDetail.update_after_shipping') }}
|
|
354
355
|
</div>
|
|
355
356
|
<div>
|
|
356
|
-
<b
|
|
357
|
+
<b>{{ $t('contractDetail.draftBillOfLading') }}</b>{{ $t('contractDetail.update_after_shipping') }}
|
|
357
358
|
</div>
|
|
358
359
|
</div>
|
|
359
360
|
</template>
|
|
@@ -374,7 +375,7 @@
|
|
|
374
375
|
v-if="
|
|
375
376
|
channel !== 'official-website' && contract.contractType == 'purchase'
|
|
376
377
|
"
|
|
377
|
-
|
|
378
|
+
>{{ $t('contractDetail.add_shipment') }}</div>
|
|
378
379
|
</div>
|
|
379
380
|
</template>
|
|
380
381
|
<template v-slot:content>
|
|
@@ -399,12 +400,12 @@
|
|
|
399
400
|
)
|
|
400
401
|
"
|
|
401
402
|
class="preview-download"
|
|
402
|
-
|
|
403
|
-
<div class="preview-download" @click="editShipment(shipmentItemData)"
|
|
403
|
+
>{{ $t('contractDetail.identification_summary') }}</div>
|
|
404
|
+
<div class="preview-download" @click="editShipment(shipmentItemData)">{{ $t('contractDetail.edit_shipment') }}</div>
|
|
404
405
|
</div>
|
|
405
406
|
<!-- 订舱资料 -->
|
|
406
407
|
<ContentTitle :contentTitleProp="{
|
|
407
|
-
bgButton: '
|
|
408
|
+
bgButton: $t('contractDetail.bookingConfirmation'),
|
|
408
409
|
bgTime: shipmentFileInfo.bookingConfirmation && timeFormate(shipmentFileInfo.bookingConfirmation),
|
|
409
410
|
bgcolor: shipProgressInfo.bgcolor
|
|
410
411
|
|
|
@@ -416,7 +417,7 @@
|
|
|
416
417
|
<div class="file-list">
|
|
417
418
|
<el-col v-if=" contract.contractType == 'sale' && (!shipmentFileInfo.bookingConfirmation || shipmentFileInfo.bookingConfirmation && shipmentFileInfo.bookingConfirmation.length == 0)" :span="12" class="center-status">
|
|
418
419
|
<i class="el-icon-time"></i>
|
|
419
|
-
|
|
420
|
+
{{ $t('contractDetail.Booking_information_to_be_updated') }}
|
|
420
421
|
</el-col>
|
|
421
422
|
<file-show @refresh="handleRefresh" @checked="handleChecked" :hiddenOperation="channel == 'official-website'" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :file-info="item"
|
|
422
423
|
v-for="(item, i) in shipmentFileInfo.bookingConfirmation" :key="i" />
|
|
@@ -430,7 +431,7 @@
|
|
|
430
431
|
'shipment',
|
|
431
432
|
'shipment_booking_confirmation'
|
|
432
433
|
)
|
|
433
|
-
" :isShowTip="false" uploadNameStr="
|
|
434
|
+
" :isShowTip="false" :uploadNameStr="$t('contractDetail.bookingConfirmation')" />
|
|
434
435
|
</div>
|
|
435
436
|
</el-col>
|
|
436
437
|
<el-col :span="24">
|
|
@@ -438,11 +439,11 @@
|
|
|
438
439
|
</el-col>
|
|
439
440
|
<!-- 装箱单 -->
|
|
440
441
|
<ContentTitle :contentTitleProp="{
|
|
441
|
-
bgButton: '
|
|
442
|
+
bgButton: $t('contractDetail.packingList'),
|
|
442
443
|
bgTime: contract.contractType == 'purchase' ? shipmentFileInfo.purchasePersonalPackingList && timeFormate(shipmentFileInfo.purchasePersonalPackingList) : shipmentFileInfo.salePersonalPackingList && timeFormate(shipmentFileInfo.salePersonalPackingList),
|
|
443
444
|
bgcolor: shipProgressInfo.bgcolor
|
|
444
445
|
}"></ContentTitle>
|
|
445
|
-
<el-row v-if="contract.contractType == '
|
|
446
|
+
<el-row v-if="contract.contractType == 'purchase'">
|
|
446
447
|
<div>
|
|
447
448
|
<div class="sub-title">
|
|
448
449
|
<span style="color: #1890ff; cursor: pointer" v-if="shipmentFileInfo &&
|
|
@@ -464,57 +465,63 @@
|
|
|
464
465
|
">{{ identify }}
|
|
465
466
|
</span>
|
|
466
467
|
</div>
|
|
467
|
-
<
|
|
468
|
-
<
|
|
469
|
-
|
|
470
|
-
<
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
468
|
+
<ShowAndHide :dataInfoArr="shipmentFileInfo.purchasePersonalPackingList" heightStr="50px" :HideAmount="4">
|
|
469
|
+
<template>
|
|
470
|
+
<el-col :span="24">
|
|
471
|
+
<div class="file-list">
|
|
472
|
+
<!-- <el-col :span="12" v-if="!shipmentFileInfo.purchasePersonalPackingList || shipmentFileInfo.purchasePersonalPackingList.length == 0" class="center-status">
|
|
473
|
+
<i class="el-icon-time"></i>
|
|
474
|
+
装箱单待更新
|
|
475
|
+
</el-col> -->
|
|
476
|
+
<file-show :hiddenOperation="channel == 'official-website'" @refresh="handleRefresh"
|
|
477
|
+
@checked="handleChecked" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :file-info="item" v-for="(
|
|
478
|
+
item, i
|
|
479
|
+
) in shipmentFileInfo.purchasePersonalPackingList" :key="i" />
|
|
480
|
+
|
|
481
|
+
<contract-file-drag-upload
|
|
482
|
+
@upload="handleUpload(
|
|
483
|
+
$event,
|
|
484
|
+
shipmentFileInfo.shipmentId,
|
|
485
|
+
'shipment',
|
|
486
|
+
'purchase_personal_shipment_packing_list'
|
|
487
|
+
)"
|
|
488
|
+
:isShowTip="false"
|
|
489
|
+
:uploadNameStr="$t('contractDetail.packingList')"
|
|
490
|
+
/>
|
|
491
|
+
</div>
|
|
492
|
+
</el-col>
|
|
493
|
+
</template>
|
|
494
|
+
</ShowAndHide>
|
|
490
495
|
</div>
|
|
491
496
|
</el-row>
|
|
492
|
-
<el-row v-if="contract.contractType == '
|
|
497
|
+
<el-row v-if="contract.contractType == 'sale'">
|
|
493
498
|
<div>
|
|
494
|
-
<
|
|
495
|
-
|
|
496
|
-
<
|
|
497
|
-
|
|
498
|
-
|
|
499
|
+
<ShowAndHide :dataInfoArr="shipmentFileInfo.packingList || []" heightStr="50px" :HideAmount="4">
|
|
500
|
+
<el-col :span="24">
|
|
501
|
+
<div class="file-list">
|
|
502
|
+
<el-col :span="12" v-if="!shipmentFileInfo.packingList || shipmentFileInfo.packingList.length == 0" class="center-status">
|
|
503
|
+
<i class="el-icon-time"></i>
|
|
504
|
+
{{ $t('contractDetail.Packing_list_to_be_updated') }}
|
|
505
|
+
</el-col>
|
|
506
|
+
<file-show :hiddenOperation="channel == 'official-website'" @refresh="handleRefresh"
|
|
507
|
+
@checked="handleChecked" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :file-info="item" v-for="(
|
|
508
|
+
item, i
|
|
509
|
+
) in shipmentFileInfo.packingList || []" :key="i" />
|
|
510
|
+
<!-- sale 只做展示 -->
|
|
511
|
+
<!-- <contract-file-drag-upload v-if="channel !== 'official-website'" @upload="
|
|
512
|
+
handleUpload(
|
|
513
|
+
$event,
|
|
514
|
+
shipmentFileInfo.shipmentId,
|
|
515
|
+
'shipment',
|
|
516
|
+
'sale_personal_shipment_packing_list'
|
|
517
|
+
)
|
|
518
|
+
"
|
|
519
|
+
:isShowTip="false"
|
|
520
|
+
uploadNameStr="装箱单"
|
|
521
|
+
/> -->
|
|
522
|
+
</div>
|
|
499
523
|
</el-col>
|
|
500
|
-
|
|
501
|
-
@checked="handleChecked" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :file-info="item" v-for="(
|
|
502
|
-
item, i
|
|
503
|
-
) in shipmentFileInfo.salePersonalPackingList" :key="i" />
|
|
504
|
-
<!-- sale 只做展示 -->
|
|
505
|
-
<!-- <contract-file-drag-upload v-if="channel !== 'official-website'" @upload="
|
|
506
|
-
handleUpload(
|
|
507
|
-
$event,
|
|
508
|
-
shipmentFileInfo.shipmentId,
|
|
509
|
-
'shipment',
|
|
510
|
-
'sale_personal_shipment_packing_list'
|
|
511
|
-
)
|
|
512
|
-
"
|
|
513
|
-
:isShowTip="false"
|
|
514
|
-
uploadNameStr="装箱单"
|
|
515
|
-
/> -->
|
|
516
|
-
</div>
|
|
517
|
-
</el-col>
|
|
524
|
+
</ShowAndHide>
|
|
518
525
|
</div>
|
|
519
526
|
</el-row>
|
|
520
527
|
|
|
@@ -528,18 +535,18 @@
|
|
|
528
535
|
<el-col :span="24">
|
|
529
536
|
<div class="content-root-row">
|
|
530
537
|
<ContentTitle :contentTitleProp="{
|
|
531
|
-
bgButton: '
|
|
538
|
+
bgButton: $t('contractDetail.packingPhoto') + containerFile.containerNo,
|
|
532
539
|
bgTime: containerFile.packingPhoto && timeFormate(containerFile.packingPhoto),
|
|
533
540
|
bgcolor: shipProgressInfo.bgcolor
|
|
534
541
|
}"></ContentTitle>
|
|
535
542
|
<div v-if="containerFile && containerFile.packingPhoto.length" style="display:flex">
|
|
536
543
|
<!-- <div style="display:flex"> -->
|
|
537
544
|
<div class="border-button" @click.stop="allSelectContainerPackingPhoto(containerFile.containerId)">
|
|
538
|
-
|
|
539
|
-
<div class="border-button" @click.stop="cancelContainerPackingPhoto(containerFile.containerId)"
|
|
545
|
+
{{ $t('contractDetail.select_all') }} </div>
|
|
546
|
+
<div class="border-button" @click.stop="cancelContainerPackingPhoto(containerFile.containerId)">{{ $t('contractDetail.Deselect') }}
|
|
540
547
|
</div>
|
|
541
548
|
<div class="border-button border-button-share"
|
|
542
|
-
@click.stop="shareContainerUrl(containerFile.containerId)"
|
|
549
|
+
@click.stop="shareContainerUrl(containerFile.containerId)">{{ $t('contractDetail.share') }}</div>
|
|
543
550
|
</div>
|
|
544
551
|
</div>
|
|
545
552
|
</el-col>
|
|
@@ -576,7 +583,7 @@
|
|
|
576
583
|
</el-col>
|
|
577
584
|
<el-col :span="24" style="display:flex;align-items:center">
|
|
578
585
|
<ContentTitle :contentTitleProp="{
|
|
579
|
-
bgButton: '
|
|
586
|
+
bgButton: $t('contractDetail.draftBillOfLading'),
|
|
580
587
|
bgTime: shipmentFileInfo.draftBillOfLading && timeFormate(shipmentFileInfo.draftBillOfLading),
|
|
581
588
|
bgcolor: shipProgressInfo.bgcolor
|
|
582
589
|
}"></ContentTitle>
|
|
@@ -617,29 +624,29 @@
|
|
|
617
624
|
'draft_bill_of_lading'
|
|
618
625
|
)
|
|
619
626
|
" :isShowTip="false"
|
|
620
|
-
uploadNameStr="
|
|
627
|
+
:uploadNameStr="$t('contractDetail.draftBillOfLading')"
|
|
621
628
|
/>
|
|
622
629
|
</div>
|
|
623
630
|
</el-col>
|
|
624
631
|
<el-col :span="12" class="center-status" v-if="channel != 'official-website'">
|
|
625
632
|
<div v-if="shipmentItemData.confirmDraftBlFlag">
|
|
626
|
-
<i class="el-icon-success success"></i>
|
|
633
|
+
<i class="el-icon-success success"></i> {{ $t('contractDetail.BL_info_confirmed') }}
|
|
627
634
|
</div>
|
|
628
|
-
<div v-else-if="contract.contractType == 'sale' && shipmentFileInfo.draftBillOfLading.length" class="confirm-draft-bl" @click.stop="shipmentConfirmDraftBlFun"
|
|
629
|
-
<el-col :span="
|
|
635
|
+
<div v-else-if="contract.contractType == 'sale' && shipmentFileInfo.draftBillOfLading.length" class="confirm-draft-bl" @click.stop="shipmentConfirmDraftBlFun">{{ $t('contractDetail.bl_draft_confirm') }}</div>
|
|
636
|
+
<el-col :span="24" v-else class="center-status">
|
|
630
637
|
<i class="el-icon-time"></i>
|
|
631
|
-
|
|
638
|
+
{{ $t('contractDetail.Draft_bill_to_be_confirmed') }}
|
|
632
639
|
</el-col>
|
|
633
640
|
|
|
634
641
|
</el-col>
|
|
635
642
|
<el-col :span="24">
|
|
636
643
|
<el-col :span="12" v-if="(shipmentFileInfo.draftBillOfLading == null || shipmentFileInfo.draftBillOfLading && shipmentFileInfo.draftBillOfLading.length == 0) && channel == 'official-website'" class="center-status">
|
|
637
644
|
<i class="el-icon-time"></i>
|
|
638
|
-
|
|
645
|
+
{{ $t('contractDetail.Draft_bill_of_lading_to_be_updated') }}
|
|
639
646
|
</el-col>
|
|
640
647
|
<el-col :span="12" v-if="!shipmentItemData.confirmDraftBlFlag && channel == 'official-website'" class="center-status">
|
|
641
648
|
<i class="el-icon-time"></i>
|
|
642
|
-
|
|
649
|
+
{{ $t('contractDetail.Draft_bill_to_be_confirmed') }}
|
|
643
650
|
</el-col>
|
|
644
651
|
</el-col>
|
|
645
652
|
</el-col>
|
|
@@ -649,7 +656,7 @@
|
|
|
649
656
|
</el-col>
|
|
650
657
|
<el-col :span="24">
|
|
651
658
|
<ContentTitle :contentTitleProp="{
|
|
652
|
-
bgButton: '
|
|
659
|
+
bgButton: $t('contractDetail.Copy_of_formal_bill_of_lading'),
|
|
653
660
|
bgTime: shipmentFileInfo.originalBillOfLadingCopy && timeFormate(shipmentFileInfo.originalBillOfLadingCopy),
|
|
654
661
|
bgcolor: shipProgressInfo.bgcolor
|
|
655
662
|
}"></ContentTitle>
|
|
@@ -669,12 +676,12 @@
|
|
|
669
676
|
'original_bill_of_lading_copy'
|
|
670
677
|
)
|
|
671
678
|
" :isShowTip="false"
|
|
672
|
-
uploadNameStr="
|
|
679
|
+
:uploadNameStr="$t('contractDetail.Copy_of_formal_bill_of_lading')"
|
|
673
680
|
/>
|
|
674
681
|
</div>
|
|
675
682
|
<el-col :span="12" v-if="(shipmentFileInfo.originalBillOfLadingCopy == null || shipmentFileInfo.originalBillOfLadingCopy && shipmentFileInfo.originalBillOfLadingCopy.length == 0) && channel == 'official-website'" class="center-status">
|
|
676
683
|
<i class="el-icon-time"></i>
|
|
677
|
-
|
|
684
|
+
{{ $t('contractDetail.Formal_bill_of_lading_copy_to_be_updated') }}
|
|
678
685
|
</el-col>
|
|
679
686
|
</el-col>
|
|
680
687
|
<!-- 临时尾款发票 -->
|
|
@@ -683,7 +690,7 @@
|
|
|
683
690
|
</el-col>
|
|
684
691
|
<el-col :span="24" v-if="contract.quoteType != 'FIXED'">
|
|
685
692
|
<ContentTitle :contentTitleProp="{
|
|
686
|
-
bgButton: '
|
|
693
|
+
bgButton: $t('contractDetail.saleTemporaryFinallyInvoice'),
|
|
687
694
|
bgTime: shipmentFileInfo.salePersonalTemporaryFinallyInvoice && timeFormate(shipmentFileInfo.salePersonalTemporaryFinallyInvoice),
|
|
688
695
|
bgcolor: shipProgressInfo.bgcolor
|
|
689
696
|
}"></ContentTitle>
|
|
@@ -699,7 +706,7 @@
|
|
|
699
706
|
</div>
|
|
700
707
|
<el-col :span="12" v-if="channel == 'official-website' && shipmentFileInfo.salePersonalTemporaryFinallyInvoice && shipmentFileInfo.salePersonalTemporaryFinallyInvoice.length == 0" class="center-status">
|
|
701
708
|
<i class="el-icon-time"></i>
|
|
702
|
-
|
|
709
|
+
{{ $t('contractDetail.Temporary_final_payment_invoice_to_be_updated') }}
|
|
703
710
|
</el-col>
|
|
704
711
|
<div>
|
|
705
712
|
<div class="file-list" v-if="contract.contractType == 'sale'">
|
|
@@ -728,7 +735,7 @@
|
|
|
728
735
|
'shipment',
|
|
729
736
|
'sale_personal_temporary_finally_invoice'
|
|
730
737
|
)
|
|
731
|
-
":isShowTip="false" uploadNameStr="
|
|
738
|
+
":isShowTip="false" :uploadNameStr="$t('contractDetail.saleTemporaryFinallyInvoice')" />
|
|
732
739
|
</div>
|
|
733
740
|
<div class="file-list" v-else>
|
|
734
741
|
<file-show :hiddenOperation="channel == 'official-website'" @refresh="handleRefresh"
|
|
@@ -743,7 +750,7 @@
|
|
|
743
750
|
'shipment',
|
|
744
751
|
'purchase_temporary_finally_invoice'
|
|
745
752
|
)
|
|
746
|
-
":isShowTip="false" uploadNameStr="
|
|
753
|
+
":isShowTip="false" :uploadNameStr="$t('contractDetail.saleTemporaryFinallyInvoice')" />
|
|
747
754
|
</div>
|
|
748
755
|
</div>
|
|
749
756
|
</el-col>
|
|
@@ -771,14 +778,14 @@
|
|
|
771
778
|
title=""
|
|
772
779
|
width="380"
|
|
773
780
|
trigger="hover"
|
|
774
|
-
content="
|
|
781
|
+
:content="$t('contractDetail.final_payment_warning')">
|
|
775
782
|
<i class="el-icon-question" slot="reference" style="color:#c2c4c5;"/>
|
|
776
783
|
</el-popover>
|
|
777
784
|
</div>
|
|
778
785
|
<el-col :span="12">
|
|
779
786
|
<div style="display:flex;align-items:center">
|
|
780
787
|
<ContentTitle :contentTitleProp="{
|
|
781
|
-
bgButton: '
|
|
788
|
+
bgButton: $t('contractDetail.finallyInvoice'),
|
|
782
789
|
bgTime: contract.contractType == 'sale' ? shipmentFileInfo.saleFinallyInvoice && timeFormate(shipmentFileInfo.saleFinallyInvoice) : shipmentFileInfo.purchaseFinallyInvoice && timeFormate(shipmentFileInfo.purchaseFinallyInvoice),
|
|
783
790
|
bgcolor: shipProgressInfo.bgcolor
|
|
784
791
|
}"></ContentTitle>
|
|
@@ -856,7 +863,7 @@
|
|
|
856
863
|
)
|
|
857
864
|
"
|
|
858
865
|
:isShowTip="false"
|
|
859
|
-
uploadNameStr="
|
|
866
|
+
:uploadNameStr="$t('contractDetail.finallyInvoice')"
|
|
860
867
|
/>
|
|
861
868
|
</div>
|
|
862
869
|
</div>
|
|
@@ -890,7 +897,7 @@
|
|
|
890
897
|
shipmentFileInfo.shipmentId
|
|
891
898
|
)
|
|
892
899
|
"
|
|
893
|
-
|
|
900
|
+
>{{ $t('contractDetail.uploadPurchaseInvoice') }}</el-button>
|
|
894
901
|
</div>
|
|
895
902
|
</div>
|
|
896
903
|
</div>
|
|
@@ -919,7 +926,7 @@
|
|
|
919
926
|
<div>
|
|
920
927
|
<div v-if="!shipmentItemData.balanceInvoiceFullyPaidFlag">
|
|
921
928
|
<i class="el-icon-time"></i>
|
|
922
|
-
<span style="color:#f00"
|
|
929
|
+
<span style="color:#f00">{{ $t('contractDetail.Final_payment_unpaid') }}</span>
|
|
923
930
|
</div>
|
|
924
931
|
<div v-if="!shipmentFileInfo.waterBill || shipmentFileInfo.waterBill && shipmentFileInfo.waterBill.length == 0">支付凭证待提供</div>
|
|
925
932
|
</div>
|
|
@@ -929,7 +936,7 @@
|
|
|
929
936
|
<el-col :span="12">
|
|
930
937
|
<!-- 支付凭证 -->
|
|
931
938
|
<ContentTitle :contentTitleProp="{
|
|
932
|
-
bgButton: '
|
|
939
|
+
bgButton: $t('contractDetail.Final_payment_voucher'),
|
|
933
940
|
bgTime: shipmentFileInfo.waterBill && timeFormate(shipmentFileInfo.waterBill),
|
|
934
941
|
bgcolor: getGoodsProgressInfo.bgcolor,
|
|
935
942
|
successFlag: true
|
|
@@ -937,7 +944,7 @@
|
|
|
937
944
|
|
|
938
945
|
<div v-if="!contractFileInfo.balanceInvoiceFullyPaidFlag">
|
|
939
946
|
<i class="el-icon-time"></i>
|
|
940
|
-
<span style="color:#f00"
|
|
947
|
+
<span style="color:#f00">{{ $t('contractDetail.Final_payment_unpaid') }}</span>
|
|
941
948
|
</div>
|
|
942
949
|
|
|
943
950
|
<div class="file-list">
|
|
@@ -954,7 +961,7 @@
|
|
|
954
961
|
<div v-if="!shipmentFileInfo.waterBill || shipmentFileInfo.waterBill.length == 0" class="center-status-block" style="align-items: flex-start">
|
|
955
962
|
<div>
|
|
956
963
|
<i class="el-icon-time"></i>
|
|
957
|
-
|
|
964
|
+
{{ $t('contractDetail.deposit_unreceipt') }}
|
|
958
965
|
</div>
|
|
959
966
|
</div>
|
|
960
967
|
</el-col>
|
|
@@ -968,7 +975,7 @@
|
|
|
968
975
|
|
|
969
976
|
<el-col :span="24">
|
|
970
977
|
<ContentTitle :contentTitleProp="{
|
|
971
|
-
bgButton: '
|
|
978
|
+
bgButton: $t('contractDetail.otherFile'),
|
|
972
979
|
bgTime: contract.contractType == 'sale' ? shipmentFileInfo.saleShipmentOther && timeFormate(shipmentFileInfo.saleShipmentOther) : shipmentFileInfo.purchaseShipmentOther && timeFormate(shipmentFileInfo.purchaseShipmentOther),
|
|
973
980
|
bgcolor: shipProgressInfo.bgcolor
|
|
974
981
|
}"></ContentTitle>
|
|
@@ -976,7 +983,6 @@
|
|
|
976
983
|
<el-col :span="24" v-if="contract.contractType == 'sale'">
|
|
977
984
|
<div class="file-list">
|
|
978
985
|
<file-show @refresh="handleRefresh" @checked="handleChecked" @uncheck="handleUncheck" :selectFileListProp="selectFileList" :file-info="item"
|
|
979
|
-
:hiddenOperation="channel == 'official-website'"
|
|
980
986
|
v-for="(item, i) in shipmentFileInfo.saleShipmentOther" :key="i" />
|
|
981
987
|
<contract-file-drag-upload @upload="
|
|
982
988
|
handleUpload(
|
|
@@ -985,7 +991,7 @@
|
|
|
985
991
|
'shipment',
|
|
986
992
|
'sale_shipment_other'
|
|
987
993
|
)
|
|
988
|
-
" :isShowTip="false" uploadNameStr="
|
|
994
|
+
" :isShowTip="false" :uploadNameStr="$t('contractDetail.otherFile')" />
|
|
989
995
|
</div>
|
|
990
996
|
</el-col>
|
|
991
997
|
<el-col :span="24" v-else>
|
|
@@ -1003,7 +1009,7 @@
|
|
|
1003
1009
|
'purchase_shipment_other'
|
|
1004
1010
|
)"
|
|
1005
1011
|
:isShowTip="false"
|
|
1006
|
-
uploadNameStr="
|
|
1012
|
+
:uploadNameStr="$t('contractDetail.otherFile')" />
|
|
1007
1013
|
</div>
|
|
1008
1014
|
</el-col>
|
|
1009
1015
|
</div>
|
|
@@ -1096,13 +1102,14 @@
|
|
|
1096
1102
|
</el-row> -->
|
|
1097
1103
|
<!-- 提货凭证 -->
|
|
1098
1104
|
<ContentTitle :contentTitleProp="{
|
|
1099
|
-
bgButton: '
|
|
1105
|
+
bgButton: $t('contractDetail.tip7'),
|
|
1100
1106
|
bgTime: shipmentFileInfo.deliveryReceipt && timeFormate(shipmentFileInfo.deliveryReceipt),
|
|
1101
1107
|
bgcolor: getGoodsProgressInfo.bgcolor
|
|
1102
1108
|
}"></ContentTitle>
|
|
1103
1109
|
<el-col :span="24">
|
|
1104
1110
|
<div class="file-list">
|
|
1105
1111
|
<file-show @refresh="handleRefresh" @checked="handleChecked" @uncheck="handleUncheck"
|
|
1112
|
+
:hiddenOperation="channel == 'official-website'"
|
|
1106
1113
|
:selectFileListProp="selectFileList"
|
|
1107
1114
|
:file-info="item" v-for="(item, i) in shipmentFileInfo.deliveryReceipt" :key="i" />
|
|
1108
1115
|
<!-- v-if="shipmentItemData.shipmentPercentage > 0" -->
|
|
@@ -1117,12 +1124,12 @@
|
|
|
1117
1124
|
'shipment_delivery_receipt'
|
|
1118
1125
|
)
|
|
1119
1126
|
" :isShowTip="false"
|
|
1120
|
-
uploadNameStr="
|
|
1127
|
+
:uploadNameStr="$t('contractDetail.tip7')"
|
|
1121
1128
|
/>
|
|
1122
1129
|
</div>
|
|
1123
1130
|
<div v-if="!shipmentFileInfo.deliveryReceipt || shipmentFileInfo.deliveryReceipt.length == 0 && channel == 'official-website'" class="center-status">
|
|
1124
1131
|
<i class="el-icon-time"></i>
|
|
1125
|
-
|
|
1132
|
+
{{$t('contractDetail.no_files')}}
|
|
1126
1133
|
</div>
|
|
1127
1134
|
</el-col>
|
|
1128
1135
|
</div>
|
|
@@ -1164,6 +1171,7 @@
|
|
|
1164
1171
|
<div class="file-list" v-if="claimFileInfoCom">
|
|
1165
1172
|
<file-show @refresh="handleRefresh" @checked="handleChecked" @uncheck="handleUncheck"
|
|
1166
1173
|
:selectFileListProp="selectFileList"
|
|
1174
|
+
:hiddenOperation="channel == 'official-website'"
|
|
1167
1175
|
:file-info="item" v-for="(item, i) in claimFileInfoCom" :key="i" />
|
|
1168
1176
|
<!-- <contract-file-drag-upload
|
|
1169
1177
|
@upload="
|
|
@@ -1179,7 +1187,7 @@
|
|
|
1179
1187
|
</div>
|
|
1180
1188
|
<div v-else class="center-status">
|
|
1181
1189
|
<i class="el-icon-time"></i>
|
|
1182
|
-
|
|
1190
|
+
{{ $t('contractDetail.no_files') }}
|
|
1183
1191
|
</div>
|
|
1184
1192
|
</el-col>
|
|
1185
1193
|
</div>
|
|
@@ -1197,8 +1205,8 @@
|
|
|
1197
1205
|
:getShipmentPurchaseFun="getShipmentPurchase"
|
|
1198
1206
|
></purchase-invoice-upload>
|
|
1199
1207
|
<!-- 多个买家弹窗 -->
|
|
1200
|
-
<el-dialog title="
|
|
1201
|
-
<div
|
|
1208
|
+
<el-dialog :title="$t('contractDetail.Please_select_the_receiving_buyer_first')" :visible.sync="dialogVisible" width="30%">
|
|
1209
|
+
<div>{{ $t('contractDetail.Please_select_a_buyer_below_who_you_need_to_ship_to') }}</div>
|
|
1202
1210
|
<div>
|
|
1203
1211
|
<el-radio-group v-model="selectRadio">
|
|
1204
1212
|
<el-radio :label="key" v-for="(purchaseBuyerListItem, key) in purchaseBuyerList" :key="key">
|
|
@@ -1211,8 +1219,8 @@
|
|
|
1211
1219
|
</div>
|
|
1212
1220
|
|
|
1213
1221
|
<span slot="footer" class="dialog-footer">
|
|
1214
|
-
<el-button @click="dialogVisible = false"
|
|
1215
|
-
<el-button type="primary" @click="addShipment"
|
|
1222
|
+
<el-button @click="dialogVisible = false">{{ $t('contractDetail.cancel') }}</el-button>
|
|
1223
|
+
<el-button type="primary" @click="addShipment">{{ $t('contractDetail.confirm') }}</el-button>
|
|
1216
1224
|
</span>
|
|
1217
1225
|
</el-dialog>
|
|
1218
1226
|
<shipment-add ref="shipmentGen" @refresh="handleRefresh" />
|
|
@@ -1264,6 +1272,8 @@ import SectionSlot from "./contractFile/SectionSlot.vue";
|
|
|
1264
1272
|
import ContentTitle from './contractFile/ContentTitle.vue';
|
|
1265
1273
|
import IMGPreviewCheckBox from './contractFile/IMGPreviewCheckBox.vue'
|
|
1266
1274
|
import BillOfLadingNoTab from './contractFile/BillOfLadingNoTab.vue'
|
|
1275
|
+
import ShowAndHide from './contractFile/ShowAndHide.vue'
|
|
1276
|
+
|
|
1267
1277
|
let handleGenerateflag = false;
|
|
1268
1278
|
let handleGenerateflag1 = false;
|
|
1269
1279
|
|
|
@@ -1284,7 +1294,8 @@ export default {
|
|
|
1284
1294
|
ProgressDetail,
|
|
1285
1295
|
ContentTitle,
|
|
1286
1296
|
IMGPreviewCheckBox,
|
|
1287
|
-
BillOfLadingNoTab
|
|
1297
|
+
BillOfLadingNoTab,
|
|
1298
|
+
ShowAndHide
|
|
1288
1299
|
},
|
|
1289
1300
|
props: {
|
|
1290
1301
|
// 文件信息
|
|
@@ -1296,7 +1307,7 @@ export default {
|
|
|
1296
1307
|
},
|
|
1297
1308
|
channel: {
|
|
1298
1309
|
type: String,
|
|
1299
|
-
default: 'official-
|
|
1310
|
+
default: 'official-website123',
|
|
1300
1311
|
},
|
|
1301
1312
|
buyerFlag: {
|
|
1302
1313
|
type: Boolean,
|
|
@@ -1316,34 +1327,34 @@ export default {
|
|
|
1316
1327
|
goodsBillNo: 0,
|
|
1317
1328
|
claimBillNo: 0,
|
|
1318
1329
|
contractProgressInfo: {
|
|
1319
|
-
text: '
|
|
1330
|
+
text: this.$t('contractDetail.contract'),
|
|
1320
1331
|
rate: 0,
|
|
1321
1332
|
img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/805524d45f964ad0b3f51437d3b5750e.png',
|
|
1322
1333
|
bgcolor: '#FBB040',
|
|
1323
1334
|
textArr:[]
|
|
1324
1335
|
},
|
|
1325
1336
|
shipProgressInfo: {
|
|
1326
|
-
text: '
|
|
1337
|
+
text: this.$t('contractDetail.shipment'),
|
|
1327
1338
|
rate: 0,
|
|
1328
1339
|
img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/8517dbf0444542d5bf100279231c9597.png',
|
|
1329
1340
|
bgcolor: '#54B8FF',
|
|
1330
|
-
textArr:['
|
|
1341
|
+
textArr:[this.$t('contractDetail.Waiting_for_the_seller_to_ship')]
|
|
1331
1342
|
},
|
|
1332
1343
|
getGoodsProgressInfo: {
|
|
1333
|
-
text: '
|
|
1344
|
+
text: this.$t('contractDetail.receiving'),
|
|
1334
1345
|
rate: 0,
|
|
1335
1346
|
img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/a43ef25e953747efa9b88d3d9bbe674f.png',
|
|
1336
1347
|
bgcolor: '#7CCF48',
|
|
1337
1348
|
textArr:[]
|
|
1338
1349
|
},
|
|
1339
1350
|
claimProgressInfo: {
|
|
1340
|
-
text: '
|
|
1351
|
+
text: this.$t('contractDetail.claim'),
|
|
1341
1352
|
rate: 0,
|
|
1342
1353
|
img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/b427331405604eeb8ec368130f00c5e6.png',
|
|
1343
1354
|
bgcolor: '#adadad',
|
|
1344
1355
|
textArr:[]
|
|
1345
1356
|
},
|
|
1346
|
-
identify: '
|
|
1357
|
+
identify: this.$t('contractDetail.identify'),
|
|
1347
1358
|
selectRadio: 0,
|
|
1348
1359
|
purchaseBuyerList: [],
|
|
1349
1360
|
// purchaseBuyerList1: [
|
|
@@ -1424,7 +1435,7 @@ export default {
|
|
|
1424
1435
|
},
|
|
1425
1436
|
created() {
|
|
1426
1437
|
this.loadingInstance = Loading.service({
|
|
1427
|
-
text: '
|
|
1438
|
+
text: this.$t('contractDetail.loading'),
|
|
1428
1439
|
spinner: 'el-icon-loading',
|
|
1429
1440
|
background: 'rgba(0, 0, 0, 0.7)',
|
|
1430
1441
|
});
|
|
@@ -1474,9 +1485,8 @@ export default {
|
|
|
1474
1485
|
getPurchaseAmount(shipmentFileInfo.shipmentId).then((res) => {
|
|
1475
1486
|
this.purchaseBalanceMoney = (res.data.totalPurchaseAmount - res.data.purchaseDepositAmount).toFixed(2)
|
|
1476
1487
|
this.shipmentPurchaseAmountMessage =
|
|
1477
|
-
'
|
|
1488
|
+
`${this.$t('contractDetail.reference_invince')}$` + this.purchaseBalanceMoney
|
|
1478
1489
|
;
|
|
1479
|
-
console.log('==/biz/shipment/getPurchaseAmount/===', this.shipmentPurchaseAmountMessage);
|
|
1480
1490
|
return this.shipmentPurchaseAmountMessage;
|
|
1481
1491
|
});
|
|
1482
1492
|
}
|
|
@@ -1494,7 +1504,7 @@ export default {
|
|
|
1494
1504
|
'final_invoice'
|
|
1495
1505
|
);
|
|
1496
1506
|
} else {
|
|
1497
|
-
return this.$message.warning('
|
|
1507
|
+
return this.$message.warning(this.$t('contractDetail.no_files'));
|
|
1498
1508
|
}
|
|
1499
1509
|
} else {
|
|
1500
1510
|
// 临时 purchaseTemporaryFinallyInvoice
|
|
@@ -1524,7 +1534,7 @@ export default {
|
|
|
1524
1534
|
}
|
|
1525
1535
|
|
|
1526
1536
|
if (!url) {
|
|
1527
|
-
return this.$message.error('
|
|
1537
|
+
return this.$message.error(this.$t('contractDetail.no_files'));
|
|
1528
1538
|
}
|
|
1529
1539
|
|
|
1530
1540
|
if (type == 'draft_bill') {
|
|
@@ -1593,7 +1603,7 @@ export default {
|
|
|
1593
1603
|
}]
|
|
1594
1604
|
}).then((res) => {
|
|
1595
1605
|
if (res.code === 200) {
|
|
1596
|
-
this.$modal.msgSuccess('
|
|
1606
|
+
this.$modal.msgSuccess(this.$t('contractDetail.add_success'));
|
|
1597
1607
|
this.handleRefresh();
|
|
1598
1608
|
}
|
|
1599
1609
|
});
|
|
@@ -1644,7 +1654,7 @@ export default {
|
|
|
1644
1654
|
|
|
1645
1655
|
// 将 <textarea> 元素删除
|
|
1646
1656
|
document.body.removeChild(textArea);
|
|
1647
|
-
this.$modal.msgSuccess('
|
|
1657
|
+
this.$modal.msgSuccess(this.$t('contractDetail.has_copy'));
|
|
1648
1658
|
},
|
|
1649
1659
|
//撤回回签
|
|
1650
1660
|
counterSign() {
|
|
@@ -1655,7 +1665,7 @@ export default {
|
|
|
1655
1665
|
// this.contract.beforeContractStatus || this.contract.contractStatus,
|
|
1656
1666
|
}).then((res) => {
|
|
1657
1667
|
if(res.code == 200) {
|
|
1658
|
-
this.$modal.msgSuccess('
|
|
1668
|
+
this.$modal.msgSuccess(this.$t('contractDetail.withdraw_sign_success'));
|
|
1659
1669
|
this.handleRefresh();
|
|
1660
1670
|
}
|
|
1661
1671
|
});
|
|
@@ -1667,7 +1677,7 @@ export default {
|
|
|
1667
1677
|
shipmentId: this.shipmentItemData.shipmentId,
|
|
1668
1678
|
}).then((res) => {
|
|
1669
1679
|
if(res.code == 200) {
|
|
1670
|
-
this.$modal.msgSuccess('
|
|
1680
|
+
this.$modal.msgSuccess(this.$t('contractDetail.draftBillOfLading_confirm_success'));
|
|
1671
1681
|
this.handleRefresh();
|
|
1672
1682
|
}
|
|
1673
1683
|
});
|
|
@@ -1689,11 +1699,11 @@ export default {
|
|
|
1689
1699
|
res.rows[0].amount == res.rows[0].remainingAmount
|
|
1690
1700
|
) {
|
|
1691
1701
|
this.$confirm(
|
|
1692
|
-
'
|
|
1693
|
-
'
|
|
1702
|
+
this.$t('contractDetail.ship_create_tips'),
|
|
1703
|
+
this.$t('contractDetail.tip'),
|
|
1694
1704
|
{
|
|
1695
|
-
confirmButtonText: '
|
|
1696
|
-
cancelButtonText: '
|
|
1705
|
+
confirmButtonText: this.$t('contractDetail.confirm'),
|
|
1706
|
+
cancelButtonText: this.$t('contractDetail.cancel'),
|
|
1697
1707
|
type: 'warning',
|
|
1698
1708
|
}
|
|
1699
1709
|
)
|
|
@@ -1782,7 +1792,7 @@ export default {
|
|
|
1782
1792
|
//发送草稿合同标记
|
|
1783
1793
|
if(!this.contractFileInfo.sendDraftContractFlag) {
|
|
1784
1794
|
// 草稿合同待发出(英文:Draft contract to be sent out)
|
|
1785
|
-
textArr.push('
|
|
1795
|
+
textArr.push(this.$t('contractDetail.draftContract_unsend'))
|
|
1786
1796
|
}
|
|
1787
1797
|
|
|
1788
1798
|
// 点击合同确认标记
|
|
@@ -1791,7 +1801,7 @@ export default {
|
|
|
1791
1801
|
// textArr.push('正式合同已发出')
|
|
1792
1802
|
} else {
|
|
1793
1803
|
// 正式合同待发出(英文:Formal contract to be sent out)
|
|
1794
|
-
textArr.push('
|
|
1804
|
+
textArr.push(this.$t('contractDetail.contract_send_false'))
|
|
1795
1805
|
}
|
|
1796
1806
|
|
|
1797
1807
|
// BLI确认标记
|
|
@@ -1800,7 +1810,7 @@ export default {
|
|
|
1800
1810
|
// textArr.push('提单指令已确认')
|
|
1801
1811
|
} else {
|
|
1802
1812
|
// 提单指令待买家确认(英文: BL Instruction to be confirmed
|
|
1803
|
-
textArr.push('
|
|
1813
|
+
textArr.push(this.$t('contractDetail.bl_confirm_false'))
|
|
1804
1814
|
}
|
|
1805
1815
|
|
|
1806
1816
|
// 合同回签标记
|
|
@@ -1809,7 +1819,7 @@ export default {
|
|
|
1809
1819
|
// textArr.push('回签合同已上传')
|
|
1810
1820
|
} else {
|
|
1811
1821
|
// 回签合同待上传(英文:Formal contract to be signed back
|
|
1812
|
-
textArr.push('
|
|
1822
|
+
textArr.push(this.$t('contractDetail.contract_signback_false'))
|
|
1813
1823
|
}
|
|
1814
1824
|
|
|
1815
1825
|
if(this.contract.deposit != null && this.contract.deposit > 0) {
|
|
@@ -1819,7 +1829,7 @@ export default {
|
|
|
1819
1829
|
// textArr.push('定金已支付')
|
|
1820
1830
|
} else {
|
|
1821
1831
|
// 定金待支付(英文:Deposit to be paid)
|
|
1822
|
-
textArr.push('
|
|
1832
|
+
textArr.push(this.$t('contractDetail.depositPaid_false'))
|
|
1823
1833
|
}
|
|
1824
1834
|
}
|
|
1825
1835
|
}
|
|
@@ -1829,7 +1839,7 @@ export default {
|
|
|
1829
1839
|
//发送草稿合同标记
|
|
1830
1840
|
if(!this.contractFileInfo.sendDraftContractFlag) {
|
|
1831
1841
|
// 草稿合同待发出(英文:Draft contract to be sent out)
|
|
1832
|
-
textArr.push('
|
|
1842
|
+
textArr.push(this.$t('contractDetail.draftContract_unsend'))
|
|
1833
1843
|
}
|
|
1834
1844
|
|
|
1835
1845
|
// 点击合同确认标记
|
|
@@ -1838,7 +1848,7 @@ export default {
|
|
|
1838
1848
|
// textArr.push('正式合同已发出')
|
|
1839
1849
|
} else {
|
|
1840
1850
|
// 正式合同待发出(英文:Formal contract to be sent out)
|
|
1841
|
-
textArr.push('
|
|
1851
|
+
textArr.push(this.$t('contractDetail.contract_send_false'))
|
|
1842
1852
|
}
|
|
1843
1853
|
|
|
1844
1854
|
// BLI确认标记
|
|
@@ -1847,7 +1857,7 @@ export default {
|
|
|
1847
1857
|
// textArr.push('提单指令已确认')
|
|
1848
1858
|
} else {
|
|
1849
1859
|
// 提单指令待买家确认(英文: BL Instruction to be confirmed
|
|
1850
|
-
textArr.push('
|
|
1860
|
+
textArr.push(this.$t('contractDetail.bl_confirm_false'))
|
|
1851
1861
|
}
|
|
1852
1862
|
|
|
1853
1863
|
// 合同回签标记
|
|
@@ -1856,19 +1866,19 @@ export default {
|
|
|
1856
1866
|
// textArr.push('回签合同已上传')
|
|
1857
1867
|
} else {
|
|
1858
1868
|
// 回签合同待上传(英文:Formal contract to be signed back
|
|
1859
|
-
textArr.push('
|
|
1869
|
+
textArr.push(this.$t('contractDetail.contract_signback_false'))
|
|
1860
1870
|
}
|
|
1861
1871
|
|
|
1862
1872
|
if(this.contract.deposit != null && this.contract.deposit > 0) {
|
|
1863
1873
|
if(!this.contractFileInfo.existDepositInvoiceFlag) {
|
|
1864
1874
|
// 定金发票待提供(英文:Deposit Invoice to be uploaded)
|
|
1865
|
-
textArr.push('
|
|
1875
|
+
textArr.push(this.$t('contractDetail.Deposit_invoice_to_be_provided'))
|
|
1866
1876
|
}
|
|
1867
1877
|
|
|
1868
1878
|
// 定金支付标记
|
|
1869
1879
|
if(!this.contractFileInfo.depositInvoicePayFlag) {
|
|
1870
1880
|
// 定金待支付(英文:Deposit to be paid)
|
|
1871
|
-
textArr.push('
|
|
1881
|
+
textArr.push(this.$t('contractDetail.depositPaid_false'))
|
|
1872
1882
|
}
|
|
1873
1883
|
}
|
|
1874
1884
|
}
|
|
@@ -1894,13 +1904,13 @@ export default {
|
|
|
1894
1904
|
// shipTextArr.push('装箱单已上传')
|
|
1895
1905
|
} else {
|
|
1896
1906
|
// 装箱单待上传(英文:Shipping docs-Packing list to be updated)
|
|
1897
|
-
shipTextArr.push('
|
|
1907
|
+
shipTextArr.push(this.$t('contractDetail.packinglist_false'))
|
|
1898
1908
|
}
|
|
1899
1909
|
|
|
1900
1910
|
// 是否已支付尾款
|
|
1901
1911
|
if(!shipmentItem.balanceInvoiceFullyPaidFlag && this.contract.contractType == 'sale') {
|
|
1902
1912
|
// 尾款发票待上传(英文:Balance Invoice to be updated)
|
|
1903
|
-
shipTextArr.push('
|
|
1913
|
+
shipTextArr.push(this.$t('contractDetail.balance_invoice_false'))
|
|
1904
1914
|
}
|
|
1905
1915
|
|
|
1906
1916
|
// 上传装箱照片
|
|
@@ -1909,7 +1919,7 @@ export default {
|
|
|
1909
1919
|
// shipTextArr.push('装箱照片已上传')
|
|
1910
1920
|
} else {
|
|
1911
1921
|
// 装箱照片待上传(英文:Shipping docs-Shipping photos to be updated)
|
|
1912
|
-
shipTextArr.push('
|
|
1922
|
+
shipTextArr.push(this.$t('contractDetail.container_photos_false'))
|
|
1913
1923
|
}
|
|
1914
1924
|
|
|
1915
1925
|
|
|
@@ -1919,13 +1929,13 @@ export default {
|
|
|
1919
1929
|
// shipTextArr.push('草稿提单已上传')
|
|
1920
1930
|
} else {
|
|
1921
1931
|
// 草稿提单待上传(英文:Shipping docs-Draft BL to be updated)
|
|
1922
|
-
shipTextArr.push('
|
|
1932
|
+
shipTextArr.push(this.$t('contractDetail.draftBl_false'))
|
|
1923
1933
|
}
|
|
1924
1934
|
|
|
1925
1935
|
// 是否确认草稿提单
|
|
1926
1936
|
if(!shipmentItem.confirmDraftBlFlag) {
|
|
1927
1937
|
// 草稿提单待买家确认(英文:Draft BL to be confirmed )
|
|
1928
|
-
shipTextArr.push('
|
|
1938
|
+
shipTextArr.push(this.$t('contractDetail.draftBl_buyer_confirm_false'))
|
|
1929
1939
|
} else {
|
|
1930
1940
|
// 草稿提单已确认(英文:Draft BL confirmed)
|
|
1931
1941
|
// shipTextArr.push('草稿提单已确认')
|
|
@@ -1940,10 +1950,10 @@ export default {
|
|
|
1940
1950
|
} else {
|
|
1941
1951
|
if(shipmentItem.balanceInvoicePartiallyPaidFlag) {
|
|
1942
1952
|
// 尾款已部分支付(英文:Final Payment partially paid)
|
|
1943
|
-
shipTextArr.push('
|
|
1953
|
+
shipTextArr.push(this.$t('contractDetail.balancePartPaid_true'))
|
|
1944
1954
|
} else {
|
|
1945
1955
|
// 尾款待买家支付(英文:Balance Invoice to be paid)
|
|
1946
|
-
shipTextArr.push('
|
|
1956
|
+
shipTextArr.push(this.$t('contractDetail.balancePartPaid_false'))
|
|
1947
1957
|
}
|
|
1948
1958
|
}
|
|
1949
1959
|
|
|
@@ -1958,7 +1968,7 @@ export default {
|
|
|
1958
1968
|
// goodsTextArr.push('提货凭证已提供')
|
|
1959
1969
|
} else {
|
|
1960
1970
|
// 提货凭证待提供(英文:Release /Telxed BL to be done)
|
|
1961
|
-
goodsTextArr.push('
|
|
1971
|
+
goodsTextArr.push(this.$t('contractDetail.releasedTelex_false'))
|
|
1962
1972
|
}
|
|
1963
1973
|
|
|
1964
1974
|
this.getGoodsProgressInfo.textArr = goodsTextArr
|
|
@@ -1967,22 +1977,22 @@ export default {
|
|
|
1967
1977
|
let claimTextArr = []
|
|
1968
1978
|
if(this.contractFileInfo.claimCreateFlag && !this.contractFileInfo.claimProcessFlag && !this.contractFileInfo.claimCloseFlag) {
|
|
1969
1979
|
// 索赔中(英文:Claiming)
|
|
1970
|
-
claimTextArr.push('
|
|
1980
|
+
claimTextArr.push(this.$t('contractDetail.claiming'))
|
|
1971
1981
|
}
|
|
1972
1982
|
|
|
1973
1983
|
if(this.contractFileInfo.claimCreateFlag && this.contractFileInfo.claimProcessFlag && !this.contractFileInfo.claimCloseFlag) {
|
|
1974
1984
|
// 文件已更新(英文:Claiming-CN/DN issued
|
|
1975
|
-
claimTextArr.push('
|
|
1985
|
+
claimTextArr.push(this.$t('contractDetail.claiming_update'))
|
|
1976
1986
|
}
|
|
1977
1987
|
|
|
1978
1988
|
if(this.contractFileInfo.claimCreateFlag && this.contractFileInfo.claimProcessFlag && this.contractFileInfo.claimCloseFlag) {
|
|
1979
1989
|
// 索赔已关闭(英文:Claim closed)
|
|
1980
|
-
claimTextArr.push('
|
|
1990
|
+
claimTextArr.push(this.$t('contractDetail.claiming_closed'))
|
|
1981
1991
|
}
|
|
1982
1992
|
|
|
1983
1993
|
this.claimProgressInfo.textArr = claimTextArr
|
|
1984
1994
|
} else {
|
|
1985
|
-
shipTextArr.push('
|
|
1995
|
+
shipTextArr.push(this.$t('contractDetail.Waiting_for_the_seller_to_ship'))
|
|
1986
1996
|
this.claimProgressInfo.textArr = shipTextArr
|
|
1987
1997
|
}
|
|
1988
1998
|
|
|
@@ -2045,7 +2055,7 @@ export default {
|
|
|
2045
2055
|
},
|
|
2046
2056
|
handleUpload(e, linkId, linkType, fileType) {
|
|
2047
2057
|
let loadingInstance = Loading.service({
|
|
2048
|
-
text: '
|
|
2058
|
+
text: this.$t('contractDetail.loading'),
|
|
2049
2059
|
spinner: 'el-icon-loading',
|
|
2050
2060
|
background: 'rgba(0, 0, 0, 0.7)',
|
|
2051
2061
|
});
|
|
@@ -2061,7 +2071,7 @@ export default {
|
|
|
2061
2071
|
//如果是回签合同 保留原合同状态
|
|
2062
2072
|
if (fileType == 'contract_sign') {
|
|
2063
2073
|
let loading = Loading.service({
|
|
2064
|
-
text: '
|
|
2074
|
+
text: this.$t('contractDetail.loading'),
|
|
2065
2075
|
spinner: 'el-icon-loading',
|
|
2066
2076
|
background: 'rgba(0, 0, 0, 0.7)',
|
|
2067
2077
|
});
|
|
@@ -2075,23 +2085,25 @@ export default {
|
|
|
2075
2085
|
contractSignTime: new Date(),
|
|
2076
2086
|
}).then((res) => {
|
|
2077
2087
|
loading.close();
|
|
2078
|
-
this.$modal.msgSuccess('
|
|
2088
|
+
this.$modal.msgSuccess(this.$t('contractDetail.signContract_success'));
|
|
2089
|
+
this.getContractFileInfo(this.contractId);
|
|
2079
2090
|
});
|
|
2080
2091
|
});
|
|
2092
|
+
} else if (fileType == 'shipment_delivery_receipt') {
|
|
2093
|
+
//如果是上传电放
|
|
2094
|
+
let loading1 = Loading.service({
|
|
2095
|
+
text: this.$t('contractDetail.loading'),
|
|
2096
|
+
spinner: 'el-icon-loading',
|
|
2097
|
+
background: 'rgba(0, 0, 0, 0.7)',
|
|
2098
|
+
});
|
|
2099
|
+
chargedShipment({ shipmentId: linkId }).then((response) => {
|
|
2100
|
+
loading1.close();
|
|
2101
|
+
this.$modal.msgSuccess(this.$t('contractDetail.release_success'));
|
|
2102
|
+
this.getContractFileInfo(this.contractId);
|
|
2103
|
+
});
|
|
2104
|
+
} {
|
|
2105
|
+
this.getContractFileInfo(this.contractId);
|
|
2081
2106
|
}
|
|
2082
|
-
//如果是上传电放
|
|
2083
|
-
if (fileType == 'shipment_delivery_receipt') {
|
|
2084
|
-
let loading1 = Loading.service({
|
|
2085
|
-
text: '请稍候',
|
|
2086
|
-
spinner: 'el-icon-loading',
|
|
2087
|
-
background: 'rgba(0, 0, 0, 0.7)',
|
|
2088
|
-
});
|
|
2089
|
-
chargedShipment({ shipmentId: linkId }).then((response) => {
|
|
2090
|
-
loading1.close();
|
|
2091
|
-
this.$modal.msgSuccess('电放成功');
|
|
2092
|
-
});
|
|
2093
|
-
}
|
|
2094
|
-
this.getContractFileInfo(this.contractId);
|
|
2095
2107
|
});
|
|
2096
2108
|
},
|
|
2097
2109
|
|
|
@@ -2310,7 +2322,7 @@ export default {
|
|
|
2310
2322
|
.addshipment {
|
|
2311
2323
|
position: absolute;
|
|
2312
2324
|
left:100px;
|
|
2313
|
-
top:
|
|
2325
|
+
top:120px;
|
|
2314
2326
|
background-color:#fff;
|
|
2315
2327
|
height:30px;
|
|
2316
2328
|
line-height:30px;
|
|
@@ -2329,7 +2341,7 @@ export default {
|
|
|
2329
2341
|
}
|
|
2330
2342
|
</style>
|
|
2331
2343
|
<style lang="scss">
|
|
2332
|
-
.el-tooltip__popper {
|
|
2333
|
-
|
|
2334
|
-
}
|
|
2344
|
+
// .el-tooltip__popper {
|
|
2345
|
+
// max-width: 300px !important; /* 设置你希望的最大宽度 */
|
|
2346
|
+
// }
|
|
2335
2347
|
</style>
|