doctor-admin-components 1.0.13-beta.8 → 1.0.13-pro.0
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/README.md +18 -7
- package/package.json +1 -1
- package/packages/src/api/biz/bizContract.js +0 -1
- package/packages/src/api/biz/bizContractCompany.js +1 -1
- package/packages/src/utils/request.js +120 -146
- package/packages/src/views/biz/bizShipment/add.vue +101 -50
- package/packages/src/views/biz/contractTracing/addSubCompany.vue +106 -169
- package/packages/src/views/biz/contractTracing/billInfo.vue +150 -315
- package/packages/src/views/biz/contractTracing/contractSummary.vue +11 -6
- package/packages/src/views/biz/contractTracing/editBill.vue +219 -359
- package/packages/src/views/biz/contractTracing/shipmentPurchaseAmount.vue +0 -8
- package/packages/src/views/biz/contractTracing/subCompanyDialog.vue +196 -176
- package/packages/src/views/biz/contractTracing/association.vue +0 -189
- package/packages/src/views/biz/contractTracing/chargingDialog.vue +0 -84
- package/packages/src/views/biz/contractTracing/contract.vue +0 -1276
- package/packages/src/views/biz/contractTracing/disputeRecord.vue +0 -311
- package/packages/src/views/biz/contractTracing/edit.vue +0 -205
- package/packages/src/views/biz/contractTracing/sendDrafEmail.vue +0 -120
- package/packages/src/views/biz/contractTracing/shipment.vue +0 -601
|
@@ -8,39 +8,29 @@
|
|
|
8
8
|
<el-row>
|
|
9
9
|
<el-col :span="8">
|
|
10
10
|
<el-form-item :label="$t('contract.company') + ':'">
|
|
11
|
-
{{
|
|
12
|
-
form.shipperCompanyName
|
|
13
|
-
}}
|
|
11
|
+
{{ form.shipperCompanyName }}
|
|
14
12
|
</el-form-item>
|
|
15
13
|
</el-col>
|
|
16
14
|
<el-col :span="8">
|
|
17
15
|
<el-form-item :label="$t('contract.taxId') + ':'">
|
|
18
|
-
{{
|
|
19
|
-
form.shipperTaxNumber
|
|
20
|
-
}}
|
|
16
|
+
{{ form.shipperTaxNumber }}
|
|
21
17
|
</el-form-item>
|
|
22
18
|
</el-col>
|
|
23
19
|
<el-col :span="8">
|
|
24
20
|
<el-form-item :label="$t('contract.address') + ':'">
|
|
25
|
-
{{
|
|
26
|
-
form.shipperAddress
|
|
27
|
-
}}
|
|
21
|
+
{{ form.shipperAddress }}
|
|
28
22
|
</el-form-item>
|
|
29
23
|
</el-col>
|
|
30
24
|
</el-row>
|
|
31
25
|
<el-row>
|
|
32
26
|
<el-col :span="8">
|
|
33
27
|
<el-form-item :label="$t('contract.contact') + ':'">
|
|
34
|
-
{{
|
|
35
|
-
form.shipperContact
|
|
36
|
-
}}
|
|
28
|
+
{{ form.shipperContact }}
|
|
37
29
|
</el-form-item>
|
|
38
30
|
</el-col>
|
|
39
31
|
<el-col :span="8">
|
|
40
32
|
<el-form-item :label="$t('contract.phoneNumber') + ':'">
|
|
41
|
-
{{
|
|
42
|
-
form.shipperPhoneNumber
|
|
43
|
-
}}
|
|
33
|
+
{{ form.shipperPhoneNumber }}
|
|
44
34
|
</el-form-item>
|
|
45
35
|
</el-col>
|
|
46
36
|
</el-row>
|
|
@@ -49,9 +39,7 @@
|
|
|
49
39
|
<el-row>
|
|
50
40
|
<el-col :span="20">
|
|
51
41
|
<div style="white-space: pre-line !important">
|
|
52
|
-
{{
|
|
53
|
-
form.shipperEmail
|
|
54
|
-
}}
|
|
42
|
+
{{ form.shipperEmail }}
|
|
55
43
|
</div>
|
|
56
44
|
</el-col>
|
|
57
45
|
</el-row>
|
|
@@ -65,59 +53,39 @@
|
|
|
65
53
|
</el-col>
|
|
66
54
|
<el-col :span="2">
|
|
67
55
|
<el-button type="text" @click="editBill">
|
|
68
|
-
{{
|
|
69
|
-
$t("contractDetail.edit")
|
|
70
|
-
}}
|
|
56
|
+
{{ $t('contractDetail.edit') }}
|
|
71
57
|
</el-button>
|
|
72
58
|
</el-col>
|
|
73
59
|
</el-row>
|
|
74
60
|
<el-row>
|
|
75
61
|
<el-col :span="8">
|
|
76
|
-
<el-form-item :label="$t('contract.company') +':'">
|
|
77
|
-
{{
|
|
78
|
-
this.form.deliveryCompany
|
|
79
|
-
? this.form.deliveryCompany.companyEnglishName
|
|
80
|
-
: ""
|
|
81
|
-
}}
|
|
62
|
+
<el-form-item :label="$t('contract.company') + ':'">
|
|
63
|
+
{{ this.form.deliveryCompany ? this.form.deliveryCompany.companyEnglishName : '' }}
|
|
82
64
|
</el-form-item>
|
|
83
65
|
</el-col>
|
|
84
66
|
<el-col :span="8">
|
|
85
|
-
<el-form-item :label="$t('contract.taxId') +':'">
|
|
86
|
-
{{
|
|
87
|
-
this.form.deliveryCompany
|
|
88
|
-
? this.form.deliveryCompany.taxNumber
|
|
89
|
-
: ""
|
|
90
|
-
}}
|
|
67
|
+
<el-form-item :label="$t('contract.taxId') + ':'">
|
|
68
|
+
{{ this.form.deliveryCompany ? this.form.deliveryCompany.taxNumber : '' }}
|
|
91
69
|
</el-form-item>
|
|
92
70
|
</el-col>
|
|
93
71
|
<el-col :span="8">
|
|
94
|
-
<el-form-item :label="$t('contract.address') +':'">
|
|
95
|
-
{{
|
|
96
|
-
this.form.deliveryCompany
|
|
97
|
-
? this.form.deliveryCompany.address
|
|
98
|
-
: ""
|
|
99
|
-
}}
|
|
72
|
+
<el-form-item :label="$t('contract.address') + ':'">
|
|
73
|
+
{{ this.form.deliveryCompany ? this.form.deliveryCompany.address : '' }}
|
|
100
74
|
</el-form-item>
|
|
101
75
|
</el-col>
|
|
102
76
|
</el-row>
|
|
103
77
|
<el-row>
|
|
104
78
|
<el-col :span="8">
|
|
105
|
-
<el-form-item :label="$t('contract.contact') +':'">
|
|
106
|
-
{{
|
|
107
|
-
this.form.deliveryCompany
|
|
108
|
-
? this.form.deliveryCompany.contact
|
|
109
|
-
: ""
|
|
110
|
-
}}
|
|
79
|
+
<el-form-item :label="$t('contract.contact') + ':'">
|
|
80
|
+
{{ this.form.deliveryCompany ? this.form.deliveryCompany.contact : '' }}
|
|
111
81
|
</el-form-item>
|
|
112
82
|
</el-col>
|
|
113
83
|
<el-col :span="8">
|
|
114
|
-
<el-form-item :label="$t('contract.phoneNumber') +':'">
|
|
84
|
+
<el-form-item :label="$t('contract.phoneNumber') + ':'">
|
|
115
85
|
{{
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
? this.form.deliveryCompany.phoneNumber.join("/")
|
|
120
|
-
: ""
|
|
86
|
+
this.form.deliveryCompany && this.form.deliveryCompany.phoneNumber && this.form.deliveryCompany.phoneNumber.length > 0
|
|
87
|
+
? this.form.deliveryCompany.phoneNumber.join('/')
|
|
88
|
+
: ''
|
|
121
89
|
}}
|
|
122
90
|
</el-form-item>
|
|
123
91
|
</el-col>
|
|
@@ -125,43 +93,29 @@
|
|
|
125
93
|
<el-row>
|
|
126
94
|
<el-col :span="isMobile ? 24 : 8">
|
|
127
95
|
<el-form-item label="GST NUMBER:">
|
|
128
|
-
{{
|
|
129
|
-
this.form.deliveryCompany ?
|
|
130
|
-
this.form.deliveryCompany.gstNumber
|
|
131
|
-
: ''
|
|
132
|
-
}}
|
|
96
|
+
{{ this.form.deliveryCompany ? this.form.deliveryCompany.gstNumber : '' }}
|
|
133
97
|
</el-form-item>
|
|
134
98
|
</el-col>
|
|
135
99
|
<el-col :span="isMobile ? 24 : 8">
|
|
136
100
|
<el-form-item label="PAN NO.:">
|
|
137
|
-
{{
|
|
138
|
-
this.form.deliveryCompany ?
|
|
139
|
-
this.form.deliveryCompany.panNo
|
|
140
|
-
: ''
|
|
141
|
-
}}
|
|
101
|
+
{{ this.form.deliveryCompany ? this.form.deliveryCompany.panNo : '' }}
|
|
142
102
|
</el-form-item>
|
|
143
103
|
</el-col>
|
|
144
104
|
<el-col :span="isMobile ? 24 : 8">
|
|
145
105
|
<el-form-item label="IEC CODE:">
|
|
146
|
-
{{
|
|
147
|
-
this.form.deliveryCompany ?
|
|
148
|
-
this.form.deliveryCompany.iecCode
|
|
149
|
-
: ''
|
|
150
|
-
}}
|
|
106
|
+
{{ this.form.deliveryCompany ? this.form.deliveryCompany.iecCode : '' }}
|
|
151
107
|
</el-form-item>
|
|
152
|
-
</el-col>
|
|
153
|
-
|
|
108
|
+
</el-col> </el-row
|
|
109
|
+
>email
|
|
154
110
|
<el-row>
|
|
155
|
-
<el-form-item :label="$t('contract.email') +':'">
|
|
111
|
+
<el-form-item :label="$t('contract.email') + ':'">
|
|
156
112
|
<el-row>
|
|
157
113
|
<el-col :span="20">
|
|
158
114
|
<div style="white-space: pre-line !important">
|
|
159
115
|
{{
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
? this.form.deliveryCompany.email.join("\n")
|
|
164
|
-
: ""
|
|
116
|
+
this.form.deliveryCompany && this.form.deliveryCompany.email && this.form.deliveryCompany.email.length > 0
|
|
117
|
+
? this.form.deliveryCompany.email.join('\n')
|
|
118
|
+
: ''
|
|
165
119
|
}}
|
|
166
120
|
</div>
|
|
167
121
|
</el-col>
|
|
@@ -173,52 +127,34 @@
|
|
|
173
127
|
<div class="sub-title mb20">{{ $t('contract.firstNotifier') }}</div>
|
|
174
128
|
<el-row>
|
|
175
129
|
<el-col :span="8">
|
|
176
|
-
<el-form-item :label="$t('contract.company') +':'">
|
|
177
|
-
{{
|
|
178
|
-
this.form.notifierCompany
|
|
179
|
-
? this.form.notifierCompany.companyEnglishName
|
|
180
|
-
: ""
|
|
181
|
-
}}
|
|
130
|
+
<el-form-item :label="$t('contract.company') + ':'">
|
|
131
|
+
{{ this.form.notifierCompany ? this.form.notifierCompany.companyEnglishName : '' }}
|
|
182
132
|
</el-form-item>
|
|
183
133
|
</el-col>
|
|
184
134
|
<el-col :span="8">
|
|
185
|
-
<el-form-item :label="$t('contract.taxId') +':'">
|
|
186
|
-
{{
|
|
187
|
-
this.form.notifierCompany
|
|
188
|
-
? this.form.notifierCompany.taxNumber
|
|
189
|
-
: ""
|
|
190
|
-
}}
|
|
135
|
+
<el-form-item :label="$t('contract.taxId') + ':'">
|
|
136
|
+
{{ this.form.notifierCompany ? this.form.notifierCompany.taxNumber : '' }}
|
|
191
137
|
</el-form-item>
|
|
192
138
|
</el-col>
|
|
193
139
|
<el-col :span="8">
|
|
194
|
-
<el-form-item :label="$t('contract.address') +':'">
|
|
195
|
-
{{
|
|
196
|
-
this.form.notifierCompany
|
|
197
|
-
? this.form.notifierCompany.address
|
|
198
|
-
: ""
|
|
199
|
-
}}
|
|
140
|
+
<el-form-item :label="$t('contract.address') + ':'">
|
|
141
|
+
{{ this.form.notifierCompany ? this.form.notifierCompany.address : '' }}
|
|
200
142
|
</el-form-item>
|
|
201
143
|
</el-col>
|
|
202
144
|
</el-row>
|
|
203
145
|
|
|
204
146
|
<el-row>
|
|
205
147
|
<el-col :span="8">
|
|
206
|
-
<el-form-item :label="$t('contract.contact') +':'">
|
|
207
|
-
{{
|
|
208
|
-
this.form.notifierCompany
|
|
209
|
-
? this.form.notifierCompany.contact
|
|
210
|
-
: ""
|
|
211
|
-
}}
|
|
148
|
+
<el-form-item :label="$t('contract.contact') + ':'">
|
|
149
|
+
{{ this.form.notifierCompany ? this.form.notifierCompany.contact : '' }}
|
|
212
150
|
</el-form-item>
|
|
213
151
|
</el-col>
|
|
214
152
|
<el-col :span="8">
|
|
215
|
-
<el-form-item :label="$t('contract.phoneNumber') +':'">
|
|
153
|
+
<el-form-item :label="$t('contract.phoneNumber') + ':'">
|
|
216
154
|
{{
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
? this.form.notifierCompany.phoneNumber.join("/")
|
|
221
|
-
: ""
|
|
155
|
+
this.form.notifierCompany && this.form.notifierCompany.phoneNumber && this.form.notifierCompany.phoneNumber.length > 0
|
|
156
|
+
? this.form.notifierCompany.phoneNumber.join('/')
|
|
157
|
+
: ''
|
|
222
158
|
}}
|
|
223
159
|
</el-form-item>
|
|
224
160
|
</el-col>
|
|
@@ -227,43 +163,29 @@
|
|
|
227
163
|
<el-row>
|
|
228
164
|
<el-col :span="isMobile ? 24 : 8">
|
|
229
165
|
<el-form-item label="GST NUMBER:">
|
|
230
|
-
{{
|
|
231
|
-
this.form.notifierCompany ?
|
|
232
|
-
this.form.notifierCompany.gstNumber
|
|
233
|
-
: ''
|
|
234
|
-
}}
|
|
166
|
+
{{ this.form.notifierCompany ? this.form.notifierCompany.gstNumber : '' }}
|
|
235
167
|
</el-form-item>
|
|
236
168
|
</el-col>
|
|
237
169
|
<el-col :span="isMobile ? 24 : 8">
|
|
238
170
|
<el-form-item label="PAN NO.:">
|
|
239
|
-
{{
|
|
240
|
-
this.form.notifierCompany ?
|
|
241
|
-
this.form.notifierCompany.panNo
|
|
242
|
-
: ''
|
|
243
|
-
}}
|
|
171
|
+
{{ this.form.notifierCompany ? this.form.notifierCompany.panNo : '' }}
|
|
244
172
|
</el-form-item>
|
|
245
173
|
</el-col>
|
|
246
174
|
<el-col :span="isMobile ? 24 : 8">
|
|
247
175
|
<el-form-item label="IEC CODE:">
|
|
248
|
-
{{
|
|
249
|
-
this.form.notifierCompany ?
|
|
250
|
-
this.form.notifierCompany.iecCode
|
|
251
|
-
: ''
|
|
252
|
-
}}
|
|
176
|
+
{{ this.form.notifierCompany ? this.form.notifierCompany.iecCode : '' }}
|
|
253
177
|
</el-form-item>
|
|
254
178
|
</el-col>
|
|
255
179
|
</el-row>
|
|
256
180
|
<el-row>
|
|
257
|
-
<el-form-item :label="$t('contract.email') +':'">
|
|
181
|
+
<el-form-item :label="$t('contract.email') + ':'">
|
|
258
182
|
<el-row>
|
|
259
183
|
<el-col :span="20">
|
|
260
184
|
<div style="white-space: pre-line !important">
|
|
261
185
|
{{
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
? this.form.notifierCompany.email.join("\n")
|
|
266
|
-
: ""
|
|
186
|
+
this.form.notifierCompany && this.form.notifierCompany.email && this.form.notifierCompany.email.length > 0
|
|
187
|
+
? this.form.notifierCompany.email.join('\n')
|
|
188
|
+
: ''
|
|
267
189
|
}}
|
|
268
190
|
</div>
|
|
269
191
|
</el-col>
|
|
@@ -275,23 +197,17 @@
|
|
|
275
197
|
<el-row>
|
|
276
198
|
<el-col :span="8">
|
|
277
199
|
<el-form-item :label="$t('contract.company') + ':'">
|
|
278
|
-
{{
|
|
279
|
-
"TTYY INTERNATIONAL LIMITED"
|
|
280
|
-
}}
|
|
200
|
+
{{ 'TTYY INTERNATIONAL LIMITED' }}
|
|
281
201
|
</el-form-item>
|
|
282
202
|
</el-col>
|
|
283
203
|
<el-col :span="8">
|
|
284
204
|
<el-form-item :label="$t('contract.taxId') + ':'">
|
|
285
|
-
{{
|
|
286
|
-
"73855725-000-23-0"
|
|
287
|
-
}}
|
|
205
|
+
{{ '73855725-000-23-0' }}
|
|
288
206
|
</el-form-item>
|
|
289
207
|
</el-col>
|
|
290
208
|
<el-col :span="8">
|
|
291
209
|
<el-form-item :label="$t('contract.address') + ':'">
|
|
292
|
-
{{
|
|
293
|
-
"FLAT/RM 07, 12/F, CHEVALIER COMMERCIAL CENTRE, 8 WANG HOI ROAD, KOWLOON BAY"
|
|
294
|
-
}}
|
|
210
|
+
{{ 'FLAT/RM 07, 12/F, CHEVALIER COMMERCIAL CENTRE, 8 WANG HOI ROAD, KOWLOON BAY' }}
|
|
295
211
|
</el-form-item>
|
|
296
212
|
</el-col>
|
|
297
213
|
</el-row>
|
|
@@ -299,43 +215,27 @@
|
|
|
299
215
|
<el-row>
|
|
300
216
|
<el-col :span="8">
|
|
301
217
|
<el-form-item :label="$t('contract.contact') + ':'">
|
|
302
|
-
{{
|
|
303
|
-
"Ms. Zhou"
|
|
304
|
-
}}
|
|
218
|
+
{{ 'Ms. Zhou' }}
|
|
305
219
|
</el-form-item>
|
|
306
220
|
</el-col>
|
|
307
221
|
<el-col :span="8">
|
|
308
222
|
<el-form-item :label="$t('contract.phoneNumber') + ':'">
|
|
309
|
-
{{
|
|
310
|
-
"0085221267435"
|
|
311
|
-
}}
|
|
223
|
+
{{ '00-852 53816912' }}
|
|
312
224
|
</el-form-item>
|
|
313
225
|
</el-col>
|
|
314
226
|
<el-col :span="8"></el-col>
|
|
315
227
|
</el-row>
|
|
316
228
|
|
|
317
229
|
<el-row>
|
|
318
|
-
<el-form-item :label="$t('contract.email') + ':'">{{
|
|
230
|
+
<el-form-item :label="$t('contract.email') + ':'">{{ 'info@tyzltech.com' }}</el-form-item>
|
|
319
231
|
</el-row>
|
|
320
232
|
<el-divider></el-divider>
|
|
321
233
|
<div class="sub-title mb20">{{ $t('contract.otherInfo') }}</div>
|
|
322
234
|
|
|
323
235
|
<el-row>
|
|
324
|
-
<el-row
|
|
325
|
-
v-for="(buyCompanyBillGood, index) in form.buyerCompanyBillGoods"
|
|
326
|
-
:key="index"
|
|
327
|
-
class="mt5"
|
|
328
|
-
>
|
|
236
|
+
<el-row v-for="(buyCompanyBillGood, index) in form.buyerCompanyBillGoods" :key="index" class="mt5">
|
|
329
237
|
<el-col :span="3">
|
|
330
|
-
<div
|
|
331
|
-
style="
|
|
332
|
-
height: 26px;
|
|
333
|
-
margin-top: -1px;
|
|
334
|
-
text-align: center;
|
|
335
|
-
line-height: 28px;
|
|
336
|
-
font-size: 14px;
|
|
337
|
-
"
|
|
338
|
-
>{{ $t('contract.option') + " " + (index + 1) }}</div>
|
|
238
|
+
<div style="height: 26px; margin-top: -1px; text-align: center; line-height: 28px; font-size: 14px">{{ $t('contract.option') + ' ' + (index + 1) }}</div>
|
|
339
239
|
</el-col>
|
|
340
240
|
<el-col :span="15">
|
|
341
241
|
<el-form-item :label="$t('contract.product') + ':'">{{ buyCompanyBillGood.goodsName }}</el-form-item>
|
|
@@ -349,22 +249,15 @@
|
|
|
349
249
|
<el-form-item :label="$t('contractDetail.destination') + ':'">{{ contract.destination }}</el-form-item>
|
|
350
250
|
|
|
351
251
|
<el-form-item :label="$t('contract.terminal') + ':'">{{ form.terminal }}</el-form-item>
|
|
352
|
-
|
|
252
|
+
|
|
353
253
|
<el-form-item :label="$t('contract.shippingMarks') + ':'">{{ form.shippingMark }}</el-form-item>
|
|
354
254
|
|
|
355
255
|
<el-form-item :label="$t('contract.remark') + ':'" prop="blRemark">
|
|
356
|
-
<div
|
|
357
|
-
style="white-space: pre-line !important"
|
|
358
|
-
>{{ "\n" + (form && form.blRemark ? form.blRemark : '') }}</div>
|
|
256
|
+
<div style="white-space: pre-line !important">{{ '\n' + (form && form.blRemark ? form.blRemark : '') }}</div>
|
|
359
257
|
</el-form-item>
|
|
360
258
|
<el-form-item :label="$t('contract.attachments') + ':'" prop="billPictures">
|
|
361
259
|
<div v-for="(item, i) in form.billPictures" :key="i" class="file-download-link mr10">
|
|
362
|
-
<el-link
|
|
363
|
-
:href="item.generateUrl"
|
|
364
|
-
type="primary"
|
|
365
|
-
target="_blank"
|
|
366
|
-
underline
|
|
367
|
-
>{{ item.fileName || '下载文件' }}</el-link>
|
|
260
|
+
<el-link :href="item.generateUrl" type="primary" target="_blank" underline>{{ item.fileName || '下载文件' }}</el-link>
|
|
368
261
|
</div>
|
|
369
262
|
</el-form-item>
|
|
370
263
|
</el-form>
|
|
@@ -387,26 +280,9 @@
|
|
|
387
280
|
<div style="text-align: center; margin-top: 50px">
|
|
388
281
|
<svg-icon icon-class="un-submit" style="height: 100px; width: 100px" />
|
|
389
282
|
</div>
|
|
390
|
-
<div
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
margin-top: 20px;
|
|
394
|
-
font-weight: bold;
|
|
395
|
-
font-size: 25px;
|
|
396
|
-
"
|
|
397
|
-
>The buyer has not provided the required Bill of Lading information.</div>
|
|
398
|
-
<div
|
|
399
|
-
style="
|
|
400
|
-
margin-left: 50px;
|
|
401
|
-
margin-right: 50px;
|
|
402
|
-
color: grey;
|
|
403
|
-
font-size: 25px;
|
|
404
|
-
font-weight: bold;
|
|
405
|
-
text-align: center;
|
|
406
|
-
"
|
|
407
|
-
>
|
|
408
|
-
Once the buyer submits the Bill of Lading information, you will be able
|
|
409
|
-
to view it at this location.
|
|
283
|
+
<div style="text-align: center; margin-top: 20px; font-weight: bold; font-size: 25px">The buyer has not provided the required Bill of Lading information.</div>
|
|
284
|
+
<div style="margin-left: 50px; margin-right: 50px; color: grey; font-size: 25px; font-weight: bold; text-align: center">
|
|
285
|
+
Once the buyer submits the Bill of Lading information, you will be able to view it at this location.
|
|
410
286
|
</div>
|
|
411
287
|
</div>
|
|
412
288
|
|
|
@@ -415,28 +291,25 @@
|
|
|
415
291
|
</template>
|
|
416
292
|
|
|
417
293
|
<script>
|
|
418
|
-
import {
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
import {
|
|
423
|
-
import
|
|
424
|
-
import
|
|
425
|
-
import { listCompanyBillGoods } from '../../../api/biz/bizCompanyBillGoods';
|
|
426
|
-
import EditBill from './editBill.vue';
|
|
427
|
-
import { getSaleContractInfo } from '../../../api/biz/bizContract';
|
|
294
|
+
import { getBizDealRecordByAskId, updateBizDealRecord } from '../../../api/biz/bizDealRecord'
|
|
295
|
+
import { exportPdf } from '../../../utils/pdf'
|
|
296
|
+
import { listBizContractCompany } from '../../../api/biz/bizContractCompany'
|
|
297
|
+
import BillPdf from './billPdf.vue'
|
|
298
|
+
import { listCompanyBillGoods } from '../../../api/biz/bizCompanyBillGoods'
|
|
299
|
+
import EditBill from './editBill.vue'
|
|
300
|
+
import { getSaleContractInfo } from '../../../api/biz/bizContract'
|
|
428
301
|
|
|
429
302
|
export default {
|
|
430
303
|
name: 'BillInfo',
|
|
431
304
|
props: {
|
|
432
305
|
contract: {
|
|
433
306
|
type: Object,
|
|
434
|
-
default: null
|
|
307
|
+
default: null
|
|
435
308
|
},
|
|
436
309
|
channel: {
|
|
437
310
|
type: String,
|
|
438
|
-
default: ''
|
|
439
|
-
}
|
|
311
|
+
default: ''
|
|
312
|
+
}
|
|
440
313
|
},
|
|
441
314
|
components: { BillPdf, EditBill },
|
|
442
315
|
data() {
|
|
@@ -455,9 +328,9 @@ export default {
|
|
|
455
328
|
buyerCompanyBillGoods: [
|
|
456
329
|
{
|
|
457
330
|
goodsName: '',
|
|
458
|
-
hsCode: ''
|
|
459
|
-
}
|
|
460
|
-
]
|
|
331
|
+
hsCode: ''
|
|
332
|
+
}
|
|
333
|
+
]
|
|
461
334
|
},
|
|
462
335
|
printModel: false,
|
|
463
336
|
//
|
|
@@ -474,135 +347,111 @@ export default {
|
|
|
474
347
|
shippingMark: [{ required: true, trigger: 'blur' }],
|
|
475
348
|
deliveryCompanyId: [{ required: true, trigger: 'blur' }],
|
|
476
349
|
notifierCompanyId: [{ required: true, trigger: 'blur' }],
|
|
477
|
-
goodsName: [{ required: true, trigger: 'blur' }]
|
|
350
|
+
goodsName: [{ required: true, trigger: 'blur' }]
|
|
478
351
|
},
|
|
479
|
-
isMobile: document.body.clientWidth <= 768
|
|
480
|
-
}
|
|
352
|
+
isMobile: document.body.clientWidth <= 768
|
|
353
|
+
}
|
|
481
354
|
},
|
|
482
355
|
created() {
|
|
483
|
-
const { contractId, printModel } = this.$route.query
|
|
484
|
-
this.contractId = contractId
|
|
485
|
-
this.getDealRecord(this.contract.askId)
|
|
356
|
+
const { contractId, printModel } = this.$route.query
|
|
357
|
+
this.contractId = contractId
|
|
358
|
+
this.getDealRecord(this.contract.askId)
|
|
486
359
|
if (printModel == 1) {
|
|
487
|
-
this.printModel = true
|
|
360
|
+
this.printModel = true
|
|
488
361
|
}
|
|
489
|
-
this.getSaleContractInfo(this.contract.dealId)
|
|
362
|
+
this.getSaleContractInfo(this.contract.dealId)
|
|
490
363
|
},
|
|
491
364
|
methods: {
|
|
492
365
|
getSaleContractInfo(dealId) {
|
|
493
366
|
getSaleContractInfo(dealId).then((res) => {
|
|
494
|
-
this.saleContract = res.data
|
|
495
|
-
})
|
|
367
|
+
this.saleContract = res.data
|
|
368
|
+
})
|
|
496
369
|
},
|
|
497
370
|
edit() {
|
|
498
|
-
this.getDealRecord(this.contract.askId)
|
|
371
|
+
this.getDealRecord(this.contract.askId)
|
|
499
372
|
},
|
|
500
373
|
editBill() {
|
|
501
|
-
this.$refs.editBill.handleEdit(
|
|
502
|
-
this.contract.contractId,
|
|
503
|
-
this.form.dealId
|
|
504
|
-
);
|
|
374
|
+
this.$refs.editBill.handleEdit(this.contract.contractId, this.form.dealId)
|
|
505
375
|
},
|
|
506
376
|
//子公司更新
|
|
507
377
|
changeSubCompanyList() {
|
|
508
|
-
this.getContractCompanyList(this.form.buyerCompanyId)
|
|
378
|
+
this.getContractCompanyList(this.form.buyerCompanyId)
|
|
509
379
|
},
|
|
510
380
|
//子组件更新
|
|
511
381
|
changeBillGoods() {
|
|
512
|
-
this.getCompanyBillGoods(this.form.buyerCompanyId)
|
|
382
|
+
this.getCompanyBillGoods(this.form.buyerCompanyId)
|
|
513
383
|
},
|
|
514
384
|
//
|
|
515
385
|
handleBillGoods(companyId) {
|
|
516
|
-
this.$refs.billGoods.handleShow(companyId)
|
|
386
|
+
this.$refs.billGoods.handleShow(companyId)
|
|
517
387
|
},
|
|
518
388
|
//选中提单货物时
|
|
519
389
|
changeBillGood(val, index) {
|
|
520
|
-
const billGood = this.billGoodsList.find((i) => i.goodsName == val)
|
|
521
|
-
this.form.buyerCompanyBillGoods[index].hsCode = billGood.hsCode
|
|
390
|
+
const billGood = this.billGoodsList.find((i) => i.goodsName == val)
|
|
391
|
+
this.form.buyerCompanyBillGoods[index].hsCode = billGood.hsCode
|
|
522
392
|
},
|
|
523
393
|
//添加提单货物
|
|
524
394
|
addBillGoods() {
|
|
525
395
|
this.form.buyerCompanyBillGoods.push({
|
|
526
396
|
goodsName: '',
|
|
527
|
-
hsCode: ''
|
|
528
|
-
})
|
|
397
|
+
hsCode: ''
|
|
398
|
+
})
|
|
529
399
|
},
|
|
530
400
|
//删除提单货物
|
|
531
401
|
deleteBillGoods(index) {
|
|
532
|
-
this.form.buyerCompanyBillGoods.splice(index, 1)
|
|
402
|
+
this.form.buyerCompanyBillGoods.splice(index, 1)
|
|
533
403
|
},
|
|
534
404
|
//获取公司提单货物
|
|
535
405
|
getCompanyBillGoods(companyId) {
|
|
536
406
|
listCompanyBillGoods({ companyId: companyId }).then((res) => {
|
|
537
|
-
const billGoodsList = res.rows
|
|
538
|
-
this.billGoodsList = billGoodsList
|
|
407
|
+
const billGoodsList = res.rows
|
|
408
|
+
this.billGoodsList = billGoodsList
|
|
539
409
|
if (!this.form.buyerCompanyBillGoods) {
|
|
540
|
-
const defaultBillGoods =
|
|
541
|
-
billGoodsList.filter((item) => item.defaultFlag).length > 0
|
|
542
|
-
? billGoodsList.filter((item) => item.defaultFlag)[0]
|
|
543
|
-
: null;
|
|
410
|
+
const defaultBillGoods = billGoodsList.filter((item) => item.defaultFlag).length > 0 ? billGoodsList.filter((item) => item.defaultFlag)[0] : null
|
|
544
411
|
this.form.buyerCompanyBillGoods.push({
|
|
545
412
|
goodsName: defaultBillGoods.goodsName,
|
|
546
|
-
hsCode: defaultBillGoods.hsCode
|
|
547
|
-
})
|
|
413
|
+
hsCode: defaultBillGoods.hsCode
|
|
414
|
+
})
|
|
548
415
|
}
|
|
549
|
-
})
|
|
416
|
+
})
|
|
550
417
|
},
|
|
551
418
|
//更改收货人或者通知人公司时 相应显示变更
|
|
552
419
|
changeSubCompany(val, type) {
|
|
553
420
|
if (type == 'delivery') {
|
|
554
|
-
this.form.deliveryCompany = this.deliveryCompanyList.filter(
|
|
555
|
-
(item) => item.contractCompanyId == val
|
|
556
|
-
)[0];
|
|
421
|
+
this.form.deliveryCompany = this.deliveryCompanyList.filter((item) => item.contractCompanyId == val)[0]
|
|
557
422
|
}
|
|
558
423
|
if (type == 'notifier') {
|
|
559
|
-
this.form.notifierCompany = this.notifierCompanyList.filter(
|
|
560
|
-
(item) => item.contractCompanyId == val
|
|
561
|
-
)[0];
|
|
424
|
+
this.form.notifierCompany = this.notifierCompanyList.filter((item) => item.contractCompanyId == val)[0]
|
|
562
425
|
}
|
|
563
426
|
},
|
|
564
427
|
//获取收货人公司与通知人公司
|
|
565
428
|
getContractCompanyList(companyId) {
|
|
566
429
|
listBizContractCompany({ companyId: companyId }).then((res) => {
|
|
567
|
-
const contractCompanyList = res.rows
|
|
568
|
-
this.deliveryCompanyList = contractCompanyList.filter(
|
|
569
|
-
|
|
570
|
-
);
|
|
571
|
-
this.notifierCompanyList = contractCompanyList.filter(
|
|
572
|
-
(item) => item.companyType == 'notifier'
|
|
573
|
-
);
|
|
430
|
+
const contractCompanyList = res.rows
|
|
431
|
+
this.deliveryCompanyList = contractCompanyList.filter((item) => item.companyType == 'delivery')
|
|
432
|
+
this.notifierCompanyList = contractCompanyList.filter((item) => item.companyType == 'notifier')
|
|
574
433
|
|
|
575
|
-
const defaultDeliveryCompany = this.deliveryCompanyList.find(
|
|
576
|
-
(item) => item.defaultFlag
|
|
577
|
-
);
|
|
434
|
+
const defaultDeliveryCompany = this.deliveryCompanyList.find((item) => item.defaultFlag)
|
|
578
435
|
|
|
579
|
-
const notifierDeliveryCompany = this.notifierCompanyList.find(
|
|
580
|
-
(item) => item.defaultFlag
|
|
581
|
-
);
|
|
436
|
+
const notifierDeliveryCompany = this.notifierCompanyList.find((item) => item.defaultFlag)
|
|
582
437
|
//成交没收货人公司取默认 否则取收货人公司信息
|
|
583
438
|
if (!this.form.deliveryCompanyId && defaultDeliveryCompany) {
|
|
584
|
-
this.form.deliveryCompanyId =
|
|
585
|
-
|
|
586
|
-
this.form.deliveryCompany = defaultDeliveryCompany;
|
|
439
|
+
this.form.deliveryCompanyId = defaultDeliveryCompany.contractCompanyId
|
|
440
|
+
this.form.deliveryCompany = defaultDeliveryCompany
|
|
587
441
|
} else {
|
|
588
|
-
const deliveryCompany = contractCompanyList.find(
|
|
589
|
-
|
|
590
|
-
);
|
|
591
|
-
this.$set(this.form, 'deliveryCompany', deliveryCompany);
|
|
442
|
+
const deliveryCompany = contractCompanyList.find((item) => item.contractCompanyId == this.form.deliveryCompanyId)
|
|
443
|
+
this.$set(this.form, 'deliveryCompany', deliveryCompany)
|
|
592
444
|
}
|
|
593
445
|
|
|
594
446
|
//成交没通知人公司取默认 否则取通知人公司信息
|
|
595
447
|
if (!this.form.notifierCompanyId && notifierDeliveryCompany) {
|
|
596
|
-
this.form.notifierCompanyId =
|
|
597
|
-
|
|
598
|
-
this.form.notifierCompany = notifierDeliveryCompany;
|
|
448
|
+
this.form.notifierCompanyId = notifierDeliveryCompany.contractCompanyId
|
|
449
|
+
this.form.notifierCompany = notifierDeliveryCompany
|
|
599
450
|
} else {
|
|
600
|
-
const notifierCompany = contractCompanyList.find(
|
|
601
|
-
|
|
602
|
-
);
|
|
603
|
-
this.$set(this.form, 'notifierCompany', notifierCompany);
|
|
451
|
+
const notifierCompany = contractCompanyList.find((item) => item.contractCompanyId == this.form.notifierCompanyId)
|
|
452
|
+
this.$set(this.form, 'notifierCompany', notifierCompany)
|
|
604
453
|
}
|
|
605
|
-
})
|
|
454
|
+
})
|
|
606
455
|
},
|
|
607
456
|
// 表单重置
|
|
608
457
|
reset() {
|
|
@@ -677,64 +526,60 @@ export default {
|
|
|
677
526
|
notifierCompanyId: null,
|
|
678
527
|
shippingMark: null,
|
|
679
528
|
blRemark: null,
|
|
680
|
-
buyerCompanyBillGoods: null
|
|
681
|
-
}
|
|
682
|
-
this.resetForm('form')
|
|
529
|
+
buyerCompanyBillGoods: null
|
|
530
|
+
}
|
|
531
|
+
this.resetForm('form')
|
|
683
532
|
},
|
|
684
533
|
getDealRecord(askId) {
|
|
685
|
-
this.loading = false
|
|
686
|
-
this.reset()
|
|
534
|
+
this.loading = false
|
|
535
|
+
this.reset()
|
|
687
536
|
getBizDealRecordByAskId(askId).then((response) => {
|
|
688
|
-
this.form = response.data
|
|
537
|
+
this.form = response.data
|
|
689
538
|
if (this.form.buyerCompanyBillGoods) {
|
|
690
|
-
this.form.buyerCompanyBillGoods = JSON.parse(
|
|
691
|
-
this.form.buyerCompanyBillGoods
|
|
692
|
-
);
|
|
539
|
+
this.form.buyerCompanyBillGoods = JSON.parse(this.form.buyerCompanyBillGoods)
|
|
693
540
|
} else {
|
|
694
|
-
this.form.buyerCompanyBillGoods = []
|
|
695
|
-
this.addBillGoods()
|
|
541
|
+
this.form.buyerCompanyBillGoods = []
|
|
542
|
+
this.addBillGoods()
|
|
696
543
|
}
|
|
697
544
|
|
|
698
|
-
this.getContractCompanyList(this.form.buyerCompanyId)
|
|
699
|
-
this.getCompanyBillGoods(this.form.buyerCompanyId)
|
|
545
|
+
this.getContractCompanyList(this.form.buyerCompanyId)
|
|
546
|
+
this.getCompanyBillGoods(this.form.buyerCompanyId)
|
|
700
547
|
this.form.dealRecordDetailList.map((item) => {
|
|
701
548
|
if (item.imageList) {
|
|
702
|
-
item.askCover = item.imageList.toString()
|
|
549
|
+
item.askCover = item.imageList.toString()
|
|
703
550
|
}
|
|
704
|
-
})
|
|
705
|
-
this.loading = true
|
|
706
|
-
})
|
|
551
|
+
})
|
|
552
|
+
this.loading = true
|
|
553
|
+
})
|
|
707
554
|
},
|
|
708
555
|
/** 提交按钮 */
|
|
709
556
|
submitForm() {
|
|
710
557
|
this.$refs['form'].validate((valid) => {
|
|
711
558
|
if (valid) {
|
|
712
559
|
if (this.form.dealId != null) {
|
|
713
|
-
var deal = JSON.parse(JSON.stringify(this.form))
|
|
714
|
-
deal.buyerCompanyBillGoods = JSON.stringify(
|
|
715
|
-
deal.buyerCompanyBillGoods
|
|
716
|
-
);
|
|
560
|
+
var deal = JSON.parse(JSON.stringify(this.form))
|
|
561
|
+
deal.buyerCompanyBillGoods = JSON.stringify(deal.buyerCompanyBillGoods)
|
|
717
562
|
updateDealRecord(deal).then((response) => {
|
|
718
|
-
this.$modal.msgSuccess('保存成功')
|
|
719
|
-
})
|
|
563
|
+
this.$modal.msgSuccess('保存成功')
|
|
564
|
+
})
|
|
720
565
|
}
|
|
721
566
|
}
|
|
722
|
-
})
|
|
567
|
+
})
|
|
723
568
|
},
|
|
724
569
|
//设置打印model为true
|
|
725
570
|
setPrintModel(val) {
|
|
726
|
-
this.printModel = val
|
|
727
|
-
return Promise.resolve()
|
|
571
|
+
this.printModel = val
|
|
572
|
+
return Promise.resolve()
|
|
728
573
|
},
|
|
729
574
|
/** 下载 */
|
|
730
575
|
handleExportPdf() {
|
|
731
576
|
this.setPrintModel(true)
|
|
732
577
|
.then(() => {
|
|
733
|
-
exportPdf('.billPdf', 'bill')
|
|
578
|
+
exportPdf('.billPdf', 'bill')
|
|
734
579
|
})
|
|
735
580
|
.then(() => {
|
|
736
|
-
this.printModel = false
|
|
737
|
-
})
|
|
581
|
+
this.printModel = false
|
|
582
|
+
})
|
|
738
583
|
},
|
|
739
584
|
|
|
740
585
|
//导出按钮
|
|
@@ -744,34 +589,24 @@ export default {
|
|
|
744
589
|
'biz/contract/downBill',
|
|
745
590
|
{
|
|
746
591
|
contractId: this.contract.contractId,
|
|
747
|
-
templateType: command
|
|
592
|
+
templateType: command
|
|
748
593
|
},
|
|
749
|
-
`${
|
|
750
|
-
|
|
751
|
-
this.contract.contractNo +
|
|
752
|
-
'_' +
|
|
753
|
-
this.parseTime(new Date(), '{y}{m}{d}')
|
|
754
|
-
}.xlsx`
|
|
755
|
-
);
|
|
594
|
+
`${'BLI-' + this.contract.contractNo + '_' + this.parseTime(new Date(), '{y}{m}{d}')}.xlsx`
|
|
595
|
+
)
|
|
756
596
|
}
|
|
757
597
|
if (command == 'PDF') {
|
|
758
598
|
this.download(
|
|
759
599
|
'biz/contract/downBill',
|
|
760
600
|
{
|
|
761
601
|
contractId: this.contract.contractId,
|
|
762
|
-
templateType: command
|
|
602
|
+
templateType: command
|
|
763
603
|
},
|
|
764
|
-
`${
|
|
765
|
-
|
|
766
|
-
this.contract.contractNo +
|
|
767
|
-
'_' +
|
|
768
|
-
this.parseTime(new Date(), '{y}{m}{d}')
|
|
769
|
-
}.pdf`
|
|
770
|
-
);
|
|
604
|
+
`${'BLI-' + this.contract.contractNo + '_' + this.parseTime(new Date(), '{y}{m}{d}')}.pdf`
|
|
605
|
+
)
|
|
771
606
|
}
|
|
772
|
-
}
|
|
773
|
-
}
|
|
774
|
-
}
|
|
607
|
+
}
|
|
608
|
+
}
|
|
609
|
+
}
|
|
775
610
|
</script>
|
|
776
611
|
<style lang="scss" scoped>
|
|
777
612
|
.info {
|