reservationapplication.vue
4.27 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
133
134
135
136
137
138
139
140
141
142
143
144
145
<template>
<div class="from_box" id="Step1">
<form action="">
<a-form style="max-width: 800px; margin: 40px auto 0;">
<font color="#272727" size="3">1. 预计到达时间 </font>
<br>
<font color="#6C6C6C">请在预约时间内，到地磅激活IC卡，并到门岗室点击允许入厂</font>
<a-form-item>
<j-date v-model="dateStr" placeholder="请选择预约时间" style="width: 100%" />
</a-form-item>
<a-form-item>
<font color="#272727" size="3">2. 订单号</font>
<a-input placeholder="请输入订单号" v-model="formMess.account"/>
</a-form-item>
<a-form-item>
<font color="#272727" size="3">3. 车辆预约物流形式</font>
<a-select placeholder="请选择预约形式">
<a-select-option value="1">客户自提</a-select-option>
<a-select-option value="2">工厂送到</a-select-option>
</a-select>
</a-form-item>
<a-form-item>
<font color="#272727" size="3">4. 车牌号码</font>
<a-input placeholder="请输入车牌号码" v-model="formMess.message" />
</a-form-item>
<a-form-item>
<font color="#272727" size="3">5. 司机名称</font>
<a-input placeholder="请输入司机名称" />
</a-form-item>
<a-form-item>
<font color="#272727" size="3">6. 司机手机号</font>
<a-input placeholder="请输入司机手机号" />
</a-form-item>
<a-form-item>
<font color="#272727" size="3">7. 车型</font>
<a-select placeholder="请选择车型">
<a-select-option value="1">箱型</a-select-option>
<a-select-option value="2">平板车</a-select-option>
</a-select>
</a-form-item>
<a-form-item>
<font color="#272727" size="3">8. 汽车吨位</font>
<a-input placeholder="请输入 汽车吨位" />
</a-form-item>
<a-form-item>
<font color="#272727" size="3">9. 装车/卸车</font>
<a-select placeholder="请选择">
<a-select-option value="1">装车</a-select-option>
<a-select-option value="2">卸车</a-select-option>
</a-select>
</a-form-item>
<a-form-item>
<font color="#272727" size="3">10. 客户名称</font>
<a-input placeholder="请输入客户名称" />
</a-form-item>
<a-form-item>
<font color="#272727" size="3">11. 月台组选择</font>
<a-select placeholder="请选择月台组">
<a-select-option value="1">月台1</a-select-option>
<a-select-option value="2">月台2</a-select-option>
<a-select-option value="3">月台3</a-select-option>
</a-select>
</a-form-item>
<a-form-item>
<font color="#272727" size="3">12. 填表人电话 *</font>
<a-input placeholder="请输入填表人电话" />
</a-form-item>
<font color="#6C6C6C"> 注意事项：<br>
1、请在预约时间内拿提单到公司地磅激活IC卡，并在此期间内到门岗室（入厂登记处）点击允许入厂，在预约时间外后激活卡，预约无效。<br>
2. 如要修改预约信息或取消预约，请扫描预约更改二维码填写信息或者拨打电话：0731-88289175，然后再重新预约。</font>
<br>
</a-form>
</form>
<a-form-item :wrapperCol="{span: 19, offset: 5}">
<a-button type="primary" @click="onSubmit()">下一步</a-button>
</a-form-item>
</div>
</template>
<script>
import JDate from '@/components/jeecg/JDate.vue'
import {addTest} from '@api/api'
export default {
name: "Step1",
components: {
JDate
},
data() {
return {
dataStr:"",
formMess:{
account:"",
message:"",
}
}
},
methods: {
onSubmit() {
/* json格式提交： */
addTest(this.formMess);
// axios({
// method:"post",
// url:"http://127.0.0.1:3000/jeecg-boot/api/examine",
// headers: {
// "Content-Type": "multipart/form-data"
// },
// withCredentials:true,
// data:formData
// }).then((res)=>{
// console.log(res);
// });
}
}
}
</script>
<style scoped>
</style>