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
<template>
<el-dialog
:visible.sync="dialogVisible"
:before-close="()=>{
$parent.show = false;
}"
width="80%">
<div style="padding: 0 20px">
<h1>{{consDetails.expressNo}}-{{consDetails.customerNumber}}-{{$t('申请退仓')}}</h1>
<h3>{{$t('包裹ID')}}-{{consDetails.consNum}}</h3>
<el-divider></el-divider>
<el-form label-width="150px">
<el-form-item :label="$t('退仓原因')">
<el-input v-model="params.reason" style="width:500px" type="textarea"></el-input>
</el-form-item>
<el-form-item :label="$t('退仓收件人')">
<el-input v-model="params.name" style="width:500px"></el-input>
</el-form-item>
<el-form-item :label="$t('退仓收件电话')">
<el-input v-model="params.phone" style="width:500px"></el-input>
</el-form-item>
<el-form-item :label="$t('退仓收件地址')">
<el-input v-model="params.address" style="width:500px" type="textarea"></el-input>
</el-form-item>
<el-form-item :label="$t('图片')">
<image-and-video-upload :file-type="['png' , 'jpg', 'jpeg']" :fileSize="50" :isShowTip="true" v-model="params.imgUrl" ></image-and-video-upload>
</el-form-item>
</el-form>
<el-divider></el-divider>
<h2>{{$t('审批流程')}}</h2>
<div style="padding: 20px">
<work-flow xmlkey="ecw_cons_retired_warehouse" v-model="params.copyUserId" />
</div>
<div>
<el-button v-if="isExamine" @click="submit" type="primary" style="margin-right: 20px;">{{$t('确定退仓')}}</el-button>
<el-button v-if="!isExamine" @click="goBpm" type="primary" style="margin-right: 20px;">{{$t('审核中')}}</el-button>
<el-button v-if="!isExamine" type="primary" style="margin-right: 20px;" @click="cancellationOfCons">{{$t('取消审核')}}</el-button>
<el-button @click="$parent.show = false;">{{$t('不，再考虑考虑')}}</el-button>
</div>
</div>
</el-dialog>
</template>
<!--退仓-->
<script>
import workFlow from "@/components/WorkFlow";
import ImageAndVideoUpload from "@/components/ImageAndVideoUpload/index.vue";
import {cancelApplyAndUpdate, createConsRetiredWarehouseApplication, getCons} from "@/api/ecw/cons";
import {getConsApprovalList} from "@/api/ecw/consApproval";
export default {
name: "withdrawal",
props:{
consId:Number,
dialogVisible:Boolean
},
components:{
ImageAndVideoUpload,
workFlow
},
data(){
return {
consDetails:{},
approvalDetail:{},
params:{
consId:undefined,
expressNo:undefined,
name:'',
phone:'',
address:'',
reason:'',
copyUserId:[],
imgUrl:[]
},
isExamine:true,
details:{},
}
},
created() {
getCons(this.consId).then(r =>{
this.consDetails = r.data
});
getConsApprovalList({consId:this.consId,approvalType:0,status: 1}).then(r => {
if(r.data.length!=0){
this.details = r.data[0];
this.isExamine = false;
this.approvalDetail = JSON.parse(r.data[0].approvalDetail)
this.params.reason = this.approvalDetail.reason
this.params.imgUrl = this.approvalDetail.imgUrl
this.params.name = this.approvalDetail.name
this.params.phone = this.approvalDetail.phone
this.params.address = this.approvalDetail.address
}
})
},
methods:{
goBpm(){
this.$parent.show = false
this.$router.push({query:{id:this.details.formId},path:'/bpm/process-instance/detail'})
},
submit(){
this.params.consId = this.consDetails.id;
this.params.imgUrl = this.params.imgUrl.join(',')
this.params.consNum = this.consDetails.consNum
createConsRetiredWarehouseApplication(this.params).then(r => {
if(r.code === 0){
this.$message.success(this.$t('退仓成功'));
this.params = {}
this.$parent.show = false
}
})
},
cancellationOfCons(){
//仅确认取消
this.$confirm(this.$t('是否确认取消审核？'), this.$t('提示'), {
confirmButtonText: this.$t('确定'),
cancelButtonText: this.$t('取消'),
type: 'warning'
}).then(() => {
cancelApplyAndUpdate(this.details.id) .then(r => {
if(r.data){
this.$message.success(this.$t('取消成功'))
this.params = {}
this.$parent.show = false
}
})
}).catch(() => {
this.$message({
type: 'info',
message: this.$t('取消成功')
})
});
}
}
}
</script>
<style scoped>
</style>