send-modal.vue
4.06 KB
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
<template>
<Modal
v-model="showModal"
@on-ok="deliver"
width="auto"
class-name="deliver-modal">
<div class="deliver-modal">
<div class="deliver-info">
<Row class-name="info-row">
<Col span="4" class-name="info-col">收货仓库：</Col>
<Col span="20">{{houseInfo.storeroomName}}</Col>
</Row>
<Row class-name="info-row">
<Col span="4">物流公司：</Col>
<Col span="20">
<select-express v-model="expressId"></select-express>
</Col>
</Row>
<Row class-name="info-row">
<Col span="4">物流单号：</Col>
<Col span="20"><Input v-model="expressNumber"></Input></Col>
</Row>
<Row class-name="info-row">
<Col span="4" class="info-tip">发往：</Col>
<Col span="20" class="info-tip">
<div>{{houseInfo.storeroomName}} {{houseInfo.address}} {{houseInfo.adminName}} {{houseInfo.phone}}</div>
</Col>
</Row>
</div>
</div>
<div slot="footer">
<Button type="text" size="large" @click="cancel">取消</Button>
<Button type="primary" size="large" :loading="showLoading" @click="deliver">保存</Button>
</div>
</Modal>
</template>
<script>
import InvoiceService from 'services/repository/invoice-service';
export default {
name: 'send-modal',
props: ['context'],
created() {
this.invoiceService = new InvoiceService();
},
data() {
return {
showModal: false,
showLoading: false,
expressId: '',
expressNumber: '',
id: '',
selection: [],
houseInfo: {}
};
},
methods: {
show(id, selection) {
this.showModal = true;
this.selection = selection;
this.id = id;
this.houseInfo = this.context.info;
},
cancel() {
this.showModal = false;
this.showLoading = false;
this.expressId = '';
this.expressNumber = '';
this.id = '';
this.selection = [];
this.houseInfo = {};
},
deliver() {
const params = {
expressId: this.expressId,
expressNumber: this.expressNumber,
proRequisitionFormId: this.id,
expressGoodsBos: this.selection.map((i) => {
return {
sku: i.productSku,
num: i.num
};
})
};
if (!(params.expressId + '').length) {
this.$Message.error('请选择物流公司');
return;
}
if (!(params.expressNumber + '').length) {
this.$Message.error('请填写物流单号');
return;
}
this.showLoading = true;
this.invoiceService.sendOrder(params).then((result) => {
if (result.code === 200) {
this.$emit('on-success');
this.$Message.info('发货成功');
} else {
this.$Message.error('发货失败');
}
this.cancel();
});
}
}
};
</script>
<style lang="scss">
.deliver-modal {
padding: 30px;
.info-row {
margin-bottom: 20px;
}
.info-tip {
color: #f00;
}
.ivu-modal {
width: 50%;
}
}
</style>