doctor-admin-components 1.0.13-beta.91 → 1.0.13-beta.93
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
CHANGED
|
@@ -341,11 +341,11 @@
|
|
|
341
341
|
channel !== 'official-website' && contract.contractType == 'sale'
|
|
342
342
|
"
|
|
343
343
|
>生成装运</div> -->
|
|
344
|
-
<div class="addshipment" @click.stop="handleGeneratePurchase"
|
|
344
|
+
<!-- <div class="addshipment" @click.stop="handleGeneratePurchase"
|
|
345
345
|
v-if="
|
|
346
346
|
channel !== 'official-website' && contract.contractType == 'purchase'
|
|
347
347
|
"
|
|
348
|
-
>{{ $t("contractDetail.Generate_shipment") }}</div>
|
|
348
|
+
>{{ $t("contractDetail.Generate_shipment") }}</div> -->
|
|
349
349
|
</div>
|
|
350
350
|
</template>
|
|
351
351
|
<template v-slot:content>
|
|
@@ -11,12 +11,12 @@
|
|
|
11
11
|
<div class="app-container-container">
|
|
12
12
|
<div class="app-container-left">
|
|
13
13
|
<div class="contract-number">
|
|
14
|
-
<div>{{$t('contractDetail.Contract_No')}}</div>
|
|
14
|
+
<div>{{ $t('contractDetail.Contract_No') }}</div>
|
|
15
15
|
<div>{{ contract.contractNo }}</div>
|
|
16
16
|
</div>
|
|
17
17
|
<div class="contract-number">
|
|
18
|
-
<div>{{$t('contractDetail.Reference_No')}}</div>
|
|
19
|
-
<div>{{ contract.reference
|
|
18
|
+
<div>{{ $t('contractDetail.Reference_No') }}</div>
|
|
19
|
+
<div>{{ contract.reference || '--' }}</div>
|
|
20
20
|
</div>
|
|
21
21
|
<div class="tab-root">
|
|
22
22
|
<div :class="['tab', activeName == tabsItem.name ? 'active' : '']" v-for="tabsItem in saleTabsArr" :key="tabsItem.id" @click="changeTabs(tabsItem)">
|
|
@@ -24,13 +24,13 @@
|
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
26
|
<div>
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
<!-- 选择项 -->
|
|
28
|
+
<div class="selection-root">
|
|
29
|
+
<span>{{ $t('contractDetail.Selected') }} {{ selectFileList.length }} {{ $t('contractDetail.item') }}</span>
|
|
30
|
+
<div class="border-button" @click.stop="downLoadAll">{{ $t('contractDetail.Download_All') }}</div>
|
|
31
|
+
<div class="border-button" @click.stop="deleteAll">{{ $t('contractDetail.Delete_All') }}</div>
|
|
32
|
+
<div class="border-button" @click.stop="cancelAll">{{ $t('contractDetail.Deselect') }}</div>
|
|
33
|
+
</div>
|
|
34
34
|
</div>
|
|
35
35
|
</div>
|
|
36
36
|
<div class="app-container-right">
|
|
@@ -40,12 +40,12 @@
|
|
|
40
40
|
<div v-if="activeName == 'third'">
|
|
41
41
|
<!-- 标题分栏 -->
|
|
42
42
|
<el-tabs v-model="activeBillIndex">
|
|
43
|
-
<el-tab-pane v-for="(bill, i) in blList" :key="i" :label="contract.contractNo+' 提单指令'" :name="i.toString()">
|
|
43
|
+
<el-tab-pane v-for="(bill, i) in blList" :key="i" :label="contract.contractNo + ' 提单指令'" :name="i.toString()">
|
|
44
44
|
<bill-info @refresh="getBlList" :contract="contract" :billData="bill" :channel="channel"></bill-info>
|
|
45
45
|
</el-tab-pane>
|
|
46
46
|
</el-tabs>
|
|
47
47
|
</div>
|
|
48
|
-
|
|
48
|
+
|
|
49
49
|
<contract-file
|
|
50
50
|
v-if="activeName == 'fourth' && contract.contractType"
|
|
51
51
|
:contract="contract"
|
|
@@ -54,7 +54,6 @@
|
|
|
54
54
|
:selectFileListProp="selectFileList"
|
|
55
55
|
ref="contractFileRef"
|
|
56
56
|
></contract-file>
|
|
57
|
-
|
|
58
57
|
</div>
|
|
59
58
|
</div>
|
|
60
59
|
<!-- <div style="position: relative">
|
|
@@ -84,8 +83,8 @@
|
|
|
84
83
|
</el-tab-pane>
|
|
85
84
|
</el-tabs> -->
|
|
86
85
|
|
|
87
|
-
|
|
88
|
-
|
|
86
|
+
<!-- 这里添加合同编号的显示 -->
|
|
87
|
+
<!-- <div
|
|
89
88
|
style="
|
|
90
89
|
position: absolute;
|
|
91
90
|
right: 10px;
|
|
@@ -99,12 +98,12 @@
|
|
|
99
98
|
</template>
|
|
100
99
|
|
|
101
100
|
<script>
|
|
102
|
-
import { getBizContract, getContractBlList } from '../../../api/biz/bizContract'
|
|
103
|
-
import ContractSummary from './contractSummary.vue'
|
|
104
|
-
import BillInfo from './billInfo.vue'
|
|
105
|
-
import ContractFile from '../bizFileInfo/contract.vue'
|
|
106
|
-
import ContractInfo from './contractInfo.vue'
|
|
107
|
-
import { delBizFileInfo } from '../../../api/biz/bizFileInfo'
|
|
101
|
+
import { getBizContract, getContractBlList } from '../../../api/biz/bizContract'
|
|
102
|
+
import ContractSummary from './contractSummary.vue'
|
|
103
|
+
import BillInfo from './billInfo.vue'
|
|
104
|
+
import ContractFile from '../bizFileInfo/contract.vue'
|
|
105
|
+
import ContractInfo from './contractInfo.vue'
|
|
106
|
+
import { delBizFileInfo } from '../../../api/biz/bizFileInfo'
|
|
108
107
|
|
|
109
108
|
export default {
|
|
110
109
|
name: 'ContractTracingDetail',
|
|
@@ -113,65 +112,72 @@ export default {
|
|
|
113
112
|
ContractSummary,
|
|
114
113
|
BillInfo,
|
|
115
114
|
ContractFile,
|
|
116
|
-
ContractInfo
|
|
115
|
+
ContractInfo
|
|
117
116
|
},
|
|
118
117
|
props: {
|
|
119
|
-
channel: ''
|
|
118
|
+
channel: ''
|
|
120
119
|
},
|
|
121
120
|
data() {
|
|
122
121
|
return {
|
|
123
122
|
activeName: 'first',
|
|
124
123
|
contract: {},
|
|
125
124
|
buyerFlag: true,
|
|
126
|
-
saleTabsArr:[
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
125
|
+
saleTabsArr: [
|
|
126
|
+
{
|
|
127
|
+
label: this.$t('contractDetail.summary'),
|
|
128
|
+
name: 'first',
|
|
129
|
+
id: 0
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
label: this.$t('contractDetail.info'),
|
|
133
|
+
name: 'second',
|
|
134
|
+
id: 1
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
label: this.$t('contractDetail.blInfo'),
|
|
138
|
+
name: 'third',
|
|
139
|
+
id: 2
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
label: this.$t('contractDetail.fileManage'),
|
|
143
|
+
name: 'fourth',
|
|
144
|
+
id: 3
|
|
145
|
+
}
|
|
146
|
+
],
|
|
147
|
+
purchaseTabsArr: [
|
|
148
|
+
{
|
|
149
|
+
label: this.$t('contractDetail.summary'),
|
|
150
|
+
name: 'first',
|
|
151
|
+
id: 0
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
label: this.$t('contractDetail.info'),
|
|
155
|
+
name: 'second',
|
|
156
|
+
id: 1
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
label: this.$t('contractDetail.fileManage'),
|
|
160
|
+
name: 'fourth',
|
|
161
|
+
id: 2
|
|
162
|
+
}
|
|
163
|
+
],
|
|
164
|
+
|
|
157
165
|
selectFileList: [],
|
|
158
166
|
// 提单指令列表
|
|
159
167
|
blList: null,
|
|
160
|
-
activeBillIndex: null
|
|
161
|
-
}
|
|
162
|
-
},
|
|
163
|
-
computed: {
|
|
164
|
-
|
|
168
|
+
activeBillIndex: null
|
|
169
|
+
}
|
|
165
170
|
},
|
|
171
|
+
computed: {},
|
|
166
172
|
watch: {},
|
|
167
173
|
created() {
|
|
168
|
-
const contractId = this.$route.params && this.$route.params.contractId
|
|
169
|
-
this.getContract(contractId)
|
|
170
|
-
const activeName = this.$route.query && this.$route.query.activeName
|
|
171
|
-
this.activeName = activeName || 'first'
|
|
174
|
+
const contractId = this.$route.params && this.$route.params.contractId
|
|
175
|
+
this.getContract(contractId)
|
|
176
|
+
const activeName = this.$route.query && this.$route.query.activeName
|
|
177
|
+
this.activeName = activeName || 'first'
|
|
172
178
|
// this.activeName = 'fourth'
|
|
173
|
-
localStorage.setItem('contractDetail', location.href)
|
|
174
|
-
location.href
|
|
179
|
+
localStorage.setItem('contractDetail', location.href)
|
|
180
|
+
location.href
|
|
175
181
|
},
|
|
176
182
|
mounted() {},
|
|
177
183
|
methods: {
|
|
@@ -179,7 +185,7 @@ export default {
|
|
|
179
185
|
* @description: 取消全部选择
|
|
180
186
|
* @return {*}
|
|
181
187
|
*/
|
|
182
|
-
cancelAll
|
|
188
|
+
cancelAll() {
|
|
183
189
|
this.$refs.contractFileRef.cancelAllSelectFileList()
|
|
184
190
|
},
|
|
185
191
|
|
|
@@ -188,30 +194,32 @@ export default {
|
|
|
188
194
|
* @return {*}
|
|
189
195
|
*/
|
|
190
196
|
downLoadAll() {
|
|
191
|
-
if(this.selectFileList.length == 0) {
|
|
197
|
+
if (this.selectFileList.length == 0) {
|
|
192
198
|
return this.$message.warning(this.$t('contractDetail.please_select_file'))
|
|
193
199
|
}
|
|
194
200
|
this.$refs.contractFileRef.downloadZip()
|
|
195
201
|
},
|
|
196
202
|
deleteAll() {
|
|
197
|
-
console.log('==delBizFileInfo==',this.selectFileList)
|
|
198
|
-
if(this.selectFileList.length == 0) {
|
|
203
|
+
console.log('==delBizFileInfo==', this.selectFileList)
|
|
204
|
+
if (this.selectFileList.length == 0) {
|
|
199
205
|
return this.$message.warning(this.$t('contractDetail.please_select_file'))
|
|
200
206
|
}
|
|
201
207
|
|
|
202
208
|
this.$confirm('是否删除选中文件', '提示', {
|
|
203
209
|
confirmButtonText: '确定',
|
|
204
210
|
cancelButtonText: '取消',
|
|
205
|
-
type: 'warning'
|
|
206
|
-
}).then(() => {
|
|
207
|
-
const ids = this.selectFileList.map(item => item.fileId)
|
|
208
|
-
delBizFileInfo(ids).then(() => {
|
|
209
|
-
this.$message.success('删除成功')
|
|
210
|
-
this.$refs.contractFileRef.handleRefresh()
|
|
211
|
-
})
|
|
212
|
-
}).catch(() => {
|
|
213
|
-
this.$message.info('已取消删除')
|
|
211
|
+
type: 'warning'
|
|
214
212
|
})
|
|
213
|
+
.then(() => {
|
|
214
|
+
const ids = this.selectFileList.map((item) => item.fileId)
|
|
215
|
+
delBizFileInfo(ids).then(() => {
|
|
216
|
+
this.$message.success('删除成功')
|
|
217
|
+
this.$refs.contractFileRef.handleRefresh()
|
|
218
|
+
})
|
|
219
|
+
})
|
|
220
|
+
.catch(() => {
|
|
221
|
+
this.$message.info('已取消删除')
|
|
222
|
+
})
|
|
215
223
|
},
|
|
216
224
|
/**
|
|
217
225
|
* @description: 切换tab
|
|
@@ -219,36 +227,36 @@ export default {
|
|
|
219
227
|
* @return {*}
|
|
220
228
|
*/
|
|
221
229
|
changeTabs(tab) {
|
|
222
|
-
this.activeName = tab.name
|
|
230
|
+
this.activeName = tab.name
|
|
223
231
|
},
|
|
224
232
|
getContract(contractId) {
|
|
225
233
|
getBizContract(contractId).then((res) => {
|
|
226
|
-
this.contract = res.data
|
|
234
|
+
this.contract = res.data
|
|
227
235
|
// Debit note是给卖家的,要放在 ARS 下
|
|
228
236
|
// Credit note是给买家的,要放在 ARP 下
|
|
229
|
-
this.buyerFlag = this.contract?.contractNo
|
|
230
|
-
?.toLowerCase()
|
|
231
|
-
?.includes('arp');
|
|
237
|
+
this.buyerFlag = this.contract?.contractNo?.toLowerCase()?.includes('arp')
|
|
232
238
|
// 获取提单指令
|
|
233
239
|
this.getBlList()
|
|
234
|
-
})
|
|
240
|
+
})
|
|
235
241
|
},
|
|
236
242
|
getBlList() {
|
|
237
|
-
const contractId = this.$route.params && this.$route.params.contractId
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
this.activeBillIndex
|
|
243
|
-
|
|
244
|
-
|
|
243
|
+
const contractId = this.$route.params && this.$route.params.contractId
|
|
244
|
+
if (contractId) {
|
|
245
|
+
getContractBlList(contractId).then((res) => {
|
|
246
|
+
this.blList = res.rows
|
|
247
|
+
// 默认选中第一个
|
|
248
|
+
if (!this.activeBillIndex) {
|
|
249
|
+
this.activeBillIndex = '0'
|
|
250
|
+
}
|
|
251
|
+
})
|
|
252
|
+
}
|
|
245
253
|
},
|
|
246
254
|
|
|
247
255
|
handleClick(tab, event) {
|
|
248
|
-
console.log(tab, event)
|
|
249
|
-
}
|
|
250
|
-
}
|
|
251
|
-
}
|
|
256
|
+
console.log(tab, event)
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
}
|
|
252
260
|
</script>
|
|
253
261
|
|
|
254
262
|
<style scoped lang="scss">
|
|
@@ -259,19 +267,19 @@ export default {
|
|
|
259
267
|
.app-container-left {
|
|
260
268
|
width: 141px;
|
|
261
269
|
height: 100%;
|
|
262
|
-
margin-right:10px;
|
|
263
|
-
background-color: #
|
|
270
|
+
margin-right: 10px;
|
|
271
|
+
background-color: #d9dfe8;
|
|
264
272
|
.contract-number {
|
|
265
273
|
font-size: 12px;
|
|
266
274
|
font-weight: normal;
|
|
267
275
|
color: #000000;
|
|
268
276
|
line-height: 14px;
|
|
269
|
-
text-align:left;
|
|
277
|
+
text-align: left;
|
|
270
278
|
padding: 10px 0 0 15px;
|
|
271
279
|
}
|
|
272
280
|
.tab-root {
|
|
273
|
-
margin-top:40px;
|
|
274
|
-
display:flex;
|
|
281
|
+
margin-top: 40px;
|
|
282
|
+
display: flex;
|
|
275
283
|
flex-direction: column;
|
|
276
284
|
align-items: flex-end;
|
|
277
285
|
.tab {
|
|
@@ -280,31 +288,29 @@ export default {
|
|
|
280
288
|
font-weight: normal;
|
|
281
289
|
color: #000;
|
|
282
290
|
line-height: 48px;
|
|
283
|
-
text-align:right;
|
|
284
|
-
width:max-content;
|
|
285
|
-
padding:0 20px;
|
|
291
|
+
text-align: right;
|
|
292
|
+
width: max-content;
|
|
293
|
+
padding: 0 20px;
|
|
286
294
|
box-sizing: border-box;
|
|
287
295
|
}
|
|
288
296
|
.active {
|
|
289
|
-
background: #
|
|
297
|
+
background: #eff5ff;
|
|
290
298
|
border-radius: 5px 0px 0px 5px;
|
|
291
|
-
color
|
|
299
|
+
color: #009444;
|
|
292
300
|
}
|
|
293
|
-
|
|
294
301
|
}
|
|
295
302
|
}
|
|
296
303
|
.app-container-right {
|
|
297
|
-
flex:1;
|
|
304
|
+
flex: 1;
|
|
298
305
|
height: 100%;
|
|
299
|
-
overflow:auto;
|
|
300
|
-
|
|
306
|
+
overflow: auto;
|
|
301
307
|
}
|
|
302
308
|
}
|
|
303
309
|
}
|
|
304
310
|
|
|
305
311
|
.selection-root {
|
|
306
312
|
margin-top: 26px;
|
|
307
|
-
display:flex;
|
|
313
|
+
display: flex;
|
|
308
314
|
flex-direction: column;
|
|
309
315
|
justify-content: center;
|
|
310
316
|
align-items: center;
|
|
@@ -312,16 +318,16 @@ export default {
|
|
|
312
318
|
}
|
|
313
319
|
|
|
314
320
|
.border-button {
|
|
315
|
-
margin-top:10px;
|
|
321
|
+
margin-top: 10px;
|
|
316
322
|
padding: 0 10px;
|
|
317
323
|
width: max-content;
|
|
318
324
|
height: 21px;
|
|
319
325
|
text-align: center;
|
|
320
326
|
line-height: 17px;
|
|
321
|
-
background: #
|
|
327
|
+
background: #ffffff;
|
|
322
328
|
border-radius: 11px;
|
|
323
329
|
font-size: 12px;
|
|
324
|
-
border: 2px solid #
|
|
330
|
+
border: 2px solid #d1d3d4;
|
|
325
331
|
cursor: pointer;
|
|
326
332
|
}
|
|
327
333
|
</style>
|