logistics.vue
2.2 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
<template>
<div class="edit-logistics-page">
<form class="edit-logistics">
<label @click="companylist">
选择快递公司<input class="company-val" type="text" value="{{company_name}}" readonly>
<span class="icon icon-right"></span>
</label>
<label>
快递单号
<input class="num" maxlength="20" v-model='num'>
</label>
</form>
<div class="submit" @click="submit">确认</div>
</div>
</template>
<script>
const $ = require('jquery');
const tip = require('common/tip');
const yoho = require('yoho');
module.exports = {
props: ['applyid', 'type', 'company_id', 'company_name'],
data() {
return {
num: '',
};
},
methods: {
companylist() {
this.$dispatch('changeView', {
view: 'logisticsCompany'
});
},
submit() {
if (!this.company_name) {
tip('请选择快递公司');
return false;
}
if (!this.num || !/^[0-9]*$/.test(this.num)) {
tip('请输入正确的快递单号');
return false;
}
$.ajax({
method: 'POST',
url: '/me/return/save-logistics',
data: {
applyid: this.applyid,
type: this.type,
expressId: this.company_id,
expressCompany: this.company_name,
expressNumber: this.num
}
}).then(res => {
if ($.type(res) !== 'object') {
res = {};
}
if (res.code !== 200) {
tip(res.message || '网络错误');
} else {
yoho.goBack();
}
});
return false;
}
}
};
</script>
<style>
@import "../../../scss/me/_logistics.css";
</style>