1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<template>
<el-dialog :title="$t('调货')" visible :before-close="closeDialog" :close-on-click-modal="false" width="800px">
<!--调货-->
<el-form ref="form" :model="formData" :rules="rules" size="small" label-width="150px" v-if="detail" >
<el-row>
<el-col :span="12">
<el-form-item :label="$t('收货人')">
{{detail.consigneeName}}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="$t('收货人电话')">
+{{detail.consigneeCountryCode}} {{detail.consigneePhone}}
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item :label="$t('选择控货订单')">
<el-select v-model="formData.orderIds" :placeholder="$t('请选择控货中的订单')" multiple>
<el-option v-for="item in orders" :label="item.orderNo" :value="item.orderId" :key="item.orderId"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-table :data="selectedOrders" border>
<el-table-column :label="$t('订单号')">
<template slot-scope="{row}">
{{row.orderNo}}
</template>
</el-table-column>
<el-table-column :label="$t('目的地')">
<template slot-scope="{row}">
{{row.objectiveName}}
</template>
</el-table-column>
<el-table-column :label="$t('总控货数')">
<template slot-scope="{row}">
{{row.sumNum}}
</template>
</el-table-column>
<el-table-column :label="$t('放货箱数')">
<template slot-scope="{row}">
<el-input type="number" v-model.number="row.releaseNum" placeholder="" clearable></el-input>
</template>
</el-table-column>
<el-table-column :label="$t('体积') + '(m³)'">
<template slot-scope="{row}">
{{releaseVolme(row)}}
</template>
</el-table-column>
<el-table-column :label="$t('重量') + '(kg)'">
<template slot-scope="{row}">
{{releaseWeight(row)}}
</template>
</el-table-column>
</el-table>
<el-form-item :label="$t('备注')" prop="remarks" class="mt-10">
<el-input v-model="formData.remarks" clearable></el-input>
</el-form-item>
<el-form-item :label="$t('控货手机号')" prop="field117" style="margin-top:20px">
+{{detail.consigneeCountryCode}} {{detail.phone}}
</el-form-item>
<el-form-item :label="$t('手机验证码')" prop="code">
<el-input v-model="formData.code" :placeholder="$t('请输入手机验证码')" clearable class="w-150 mr-10"></el-input>
<send-sms-code :order-id="detail.orderId" scene="5" />
</el-form-item>
<div class="page-title">{{$t('审批流程')}}</div>
<work-flow v-model="ccIdArr" xmlkey="transfer_goods" />
<el-form-item label="" style="margin-top:20px">
<el-button type="success" @click="submit">{{$t('提交申请')}}</el-button>
<el-button type="default" @click="closeDialog">{{$t('关闭')}}</el-button>
</el-form-item>
</el-form>
</el-dialog>
</template>
<script>
import {createPick, getReleaseInfo, seasoningCondimentsSelect, updateApply, getCondimentsIno} from '@/api/ecw/orderCargoControl'
import AreaCodeSelector from '@/components/AreaCodeSelector'
import SendSmsCode from '@/views/ecw/order/components/SendSmsCode'
import WorkFlow from '@/components/WorkFlow'
import Decimal from 'decimal.js'
export default {
props:{
orderId: [String, Number],
cargoControlPickId: Number
},
components: {AreaCodeSelector, SendSmsCode, WorkFlow},
data(){
return {
show: false,
detail: null,
ccIdArr: [],
formData:{
applyType: 9, // 调货审核
ccIds: ''
},
rules:{
consigneeName: {required: true, message: this.$t('请填写收货人')},
code: {required: true, message: this.$t('请填写验证码')}
},
orders: [],
selectedOrders:[]
}
},
watch:{
'formData.orderIds'(val){
this.selectedOrders = this.orders.filter(item => val.indexOf(item.orderId) > -1)
},
ccIdArr(val){
this.formData.ccIds = val.join(',')
}
},
computed:{
releaseVolme(){
return row => {
if(!row.releaseNum) return 0
return new Decimal(row.sumVolume).mul(row.releaseNum).div(row.sumNum).toFixed(2)
}
},
releaseWeight(){
return row => {
if(!row.releaseNum) return 0
return new Decimal(row.sumWeight).mul(row.releaseNum).div(row.sumNum).toFixed(2)
}
}
},
created(){
this.show = true
getCondimentsIno(this.cargoControlPickId).then(res => {
})
this.loadData()
},
methods:{
loadData(){
getReleaseInfo(this.orderId).then(res => this.detail = res.data)
seasoningCondimentsSelect({orderId: this.orderId}).then(res => {
res.data.forEach(item => {
item.release = item.releaseNum
item.releaseNum = item.sumNum - item.release
})
this.orders = res.data
})
},
closeDialog(){
this.show = false
this.$emit('close');
},
submit(){
this.$refs.form.validate(valid => {
if(!valid){
return false
}
// 放货箱数不能大于可放货箱数
let errNos = []
this.selectedOrders.forEach(item => {
if(item.releaseNum > item.sumNum - item.release){
errNos.push(item.orderNo)
}
})
if(errNos.length){
return this.$message.error(this.$t("订单{no}的放货箱数不能大于可放货箱数", {no: errNos.join(",")}))
}
updateApply(Object.assign({
cargoControlPickId: this.cargoControlPickId,
orderBackPageVOList: this.selectedOrders,
orderId: this.orderId
}, this.formData)).then(res => {
this.$message.success(this.$t('操作成功'))
this.show = false
this.$emit('success')
})
})
}
}
}
</script>
<style lang="scss" scoped>
.title{
font-size:16px;
margin:20px 0;
display:flex;
align-items:center;
&:before{
content: '';
width:5px;
height: 15px;
background:#666;
margin-right:10px;
}
}
</style>