logistics.vue
2.23 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" type="number" v-model='num'>
</label>
</form>
<div class="submit" @click="submit">确认</div>
</div>
</template>
<script>
const $ = require('jquery');
const tip = require('common/tip');
module.exports = {
props: ['company_id', 'company_name'],
data() {
return {
num: '',
};
},
methods: {
companylist: function() {
this.$dispatch('changeView', {
view: 'logisticsCompany'
});
},
submit: function() {
if (!this.company_name) {
tip('请选择快递公司');
return false;
}
if (!this.num || !/^[0-9]*$/.test(this.num)) {
tip('请输入正确的快递单号');
return false;
}
$.ajax({
method: 'POST',
url: '/home/save-logistics',
data: {
company_id: this.company_id,
company_name: this.company_name,
num: this.num
}
}).then(function(res) {
if ($.type(res) !== 'object') {
res = {};
}
if (res.code !== 200) {
tip(res.message || '网络出了点问题~');
} else {
// todo 跳转到什么页面呢？
// window.location.href
}
}).fail(function() {
tip('网络错误');
});
return false;
}
}
};
</script>
<style>
@import "../../../scss/home/_logistics.css";
</style>