朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 469ab2359b7b4890e4571a69282f03a40a43b043 1 个父辈 99d91555

在线订舱 订舱信息 空运专线 前端完善 订舱系统home修改

内嵌 并排对比
正在显示 5 个修改的文件 包含 248 行增加 和 133 行删除
@@ -115,15 +115,12 @@ let routes = [ @@ -115,15 +115,12 @@ let routes = [
115 { 115 {
116 path: '/domdep', 116 path: '/domdep',
117 component: Home, 117 component: Home,
118 - name: 'KT际通', 118 + name: '订舱系统',
119 iconCls: 'el-icon-delete-location', 119 iconCls: 'el-icon-delete-location',
120 children: [ 120 children: [
121 { path: '/booking', component: booking, name: '在线订舱' }, 121 { path: '/booking', component: booking, name: '在线订舱' },
122 { path: '/order', component: order, name: '订舱信息' }, 122 { path: '/order', component: order, name: '订舱信息' },
123 { path: '/airlift', component: airlift, name: '空运专线' }, 123 { path: '/airlift', component: airlift, name: '空运专线' },
124 - { path: '/inquiry', component: inquiry, name: '航班号查询' },  
125 -  
126 -  
127 ] 124 ]
128 }, 125 },
129 126
@@ -9,23 +9,23 @@ @@ -9,23 +9,23 @@
9 <tbody> 9 <tbody>
10 <tr> 10 <tr>
11 <th width="15%">姓名</th> 11 <th width="15%">姓名</th>
12 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 12 + <td width="18%"><el-input v-model="name" placeholder="" ></el-input></td>
13 <th width="15%">联系电话</th> 13 <th width="15%">联系电话</th>
14 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 14 + <td width="18%"><el-input v-model="tel" placeholder="" ></el-input></td>
15 <th width="15%">公司</th> 15 <th width="15%">公司</th>
16 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 16 + <td width="18%"><el-input v-model="company" placeholder="" ></el-input></td>
17 </tr> 17 </tr>
18 <tr> 18 <tr>
19 <th width="15%">税号</th> 19 <th width="15%">税号</th>
20 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 20 + <td width="18%"><el-input v-model="taxId" placeholder="" ></el-input></td>
21 <th width="15%">邮编</th> 21 <th width="15%">邮编</th>
22 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 22 + <td width="18%"><el-input v-model="postcode" placeholder="" ></el-input></td>
23 <th width="15%">省市区</th> 23 <th width="15%">省市区</th>
24 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 24 + <td width="18%"><el-input v-model="province" placeholder="" ></el-input></td>
25 </tr> 25 </tr>
26 <tr> 26 <tr>
27 <th colspan="1">详细地址</th> 27 <th colspan="1">详细地址</th>
28 - <td colspan="5"><el-input v-model="input" placeholder="" ></el-input></td> 28 + <td colspan="5"><el-input v-model="address" placeholder="" ></el-input></td>
29 </tr> 29 </tr>
30 </tbody> 30 </tbody>
31 </table> 31 </table>
@@ -37,35 +37,35 @@ @@ -37,35 +37,35 @@
37 <tbody> 37 <tbody>
38 <tr> 38 <tr>
39 <th width="15%">姓名</th> 39 <th width="15%">姓名</th>
40 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 40 + <td width="18%"><el-input v-model="name" placeholder="" ></el-input></td>
41 <th width="15%">联系电话</th> 41 <th width="15%">联系电话</th>
42 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 42 + <td width="18%"><el-input v-model="tel" placeholder="" ></el-input></td>
43 <th width="15%">公司</th> 43 <th width="15%">公司</th>
44 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 44 + <td width="18%"><el-input v-model="company" placeholder="" ></el-input></td>
45 </tr> 45 </tr>
46 <tr> 46 <tr>
47 <th width="15%">邮箱</th> 47 <th width="15%">邮箱</th>
48 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 48 + <td width="18%"><el-input v-model="postcode" placeholder="" ></el-input></td>
49 <th width="15%">身份证/护照</th> 49 <th width="15%">身份证/护照</th>
50 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 50 + <td width="18%"><el-input v-model="idCard" placeholder="" ></el-input></td>
51 <th width="15%">税号</th> 51 <th width="15%">税号</th>
52 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 52 + <td width="18%"><el-input v-model="companyTaxesNumber" placeholder="" ></el-input></td>
53 </tr> 53 </tr>
54 <tr> 54 <tr>
55 <th width="15%">国家</th> 55 <th width="15%">国家</th>
56 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 56 + <td width="18%"><el-input v-model="country" placeholder="" ></el-input></td>
57 <th width="15%">省/州</th> 57 <th width="15%">省/州</th>
58 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 58 + <td width="18%"><el-input v-model="province" placeholder="" ></el-input></td>
59 <th width="15%">城市</th> 59 <th width="15%">城市</th>
60 - <td width="18%"><el-input v-model="input" placeholder="" ></el-input></td> 60 + <td width="18%"><el-input v-model="city" placeholder="" ></el-input></td>
61 </tr> 61 </tr>
62 <tr> 62 <tr>
63 <th colspan="1">详细地址</th> 63 <th colspan="1">详细地址</th>
64 - <td colspan="5"><el-input v-model="input" placeholder="" ></el-input></td> 64 + <td colspan="5"><el-input v-model="address" placeholder="" ></el-input></td>
65 </tr> 65 </tr>
66 <tr> 66 <tr>
67 <th colspan="1">邮编</th> 67 <th colspan="1">邮编</th>
68 - <td colspan="5"><el-input v-model="input" placeholder="" ></el-input></td> 68 + <td colspan="5"><el-input v-model="postcode" placeholder="" ></el-input></td>
69 </tr> 69 </tr>
70 </tbody> 70 </tbody>
71 </table> 71 </table>
@@ -91,7 +91,6 @@ @@ -91,7 +91,6 @@
91 <el-input v-model="input" placeholder="长" style="width: 60px" ></el-input>× 91 <el-input v-model="input" placeholder="长" style="width: 60px" ></el-input>×
92 <el-input v-model="input" placeholder="宽" style="width: 60px" ></el-input>× 92 <el-input v-model="input" placeholder="宽" style="width: 60px" ></el-input>×
93 <el-input v-model="input" placeholder="高" style="width: 60px" ></el-input> 93 <el-input v-model="input" placeholder="高" style="width: 60px" ></el-input>
94 -  
95 </td> 94 </td>
96 <th width="15%">是否退件</th> 95 <th width="15%">是否退件</th>
97 <td width="18%"> 96 <td width="18%">
@@ -217,16 +216,16 @@ @@ -217,16 +216,16 @@
217 <th width="7%">操作</th> 216 <th width="7%">操作</th>
218 </tr> 217 </tr>
219 <tr> 218 <tr>
220 - <td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>  
221 - <td width="13%"><el-input v-model="input" placeholder="" ></el-input></td>  
222 - <td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>  
223 - <td width="9%"><el-input v-model="input" placeholder="" ></el-input></td> 219 + <td width="9%"><el-input v-model="nameCn" placeholder="" ></el-input></td>
  220 + <td width="13%"><el-input v-model="name" placeholder="" ></el-input></td>
  221 + <td width="9%"><el-input v-model="texture" placeholder="" ></el-input></td>
  222 + <td width="9%"><el-input v-model="perPrice" placeholder="" ></el-input></td>
224 <td width="5%"><el-input v-model="input" placeholder="" ></el-input></td> 223 <td width="5%"><el-input v-model="input" placeholder="" ></el-input></td>
225 - <td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>  
226 - <td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>  
227 - <td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>  
228 - <td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>  
229 - <td width="12%"><el-input v-model="input" placeholder="" ></el-input></td> 224 + <td width="9%"><el-input v-model="totalPrices" placeholder="" ></el-input></td>
  225 + <td width="9%"><el-input v-model="originArea" placeholder="" ></el-input></td>
  226 + <td width="9%"><el-input v-model="hsCode" placeholder="" ></el-input></td>
  227 + <td width="9%"><el-input v-model="cargoName" placeholder="" ></el-input></td>
  228 + <td width="12%"><el-input v-model="cargoRemark" placeholder="" ></el-input></td>
230 <td width="7%" style="text-align: center"> 229 <td width="7%" style="text-align: center">
231 <el-button icon="el-icon-plus" size="mini" circle></el-button> 230 <el-button icon="el-icon-plus" size="mini" circle></el-button>
232 <el-button icon="el-icon-minus" size="mini" circle></el-button> 231 <el-button icon="el-icon-minus" size="mini" circle></el-button>
@@ -38,30 +38,29 @@ @@ -38,30 +38,29 @@
38 <el-row> 38 <el-row>
39 <el-form ref="form" :model="form" label-width="80px" style="font-size: 50px;" > 39 <el-form ref="form" :model="form" label-width="80px" style="font-size: 50px;" >
40 <el-form-item label="航程方向" > 40 <el-form-item label="航程方向" >
41 - <el-radio-group v-model="form.resource"> 41 + <el-radio-group v-model="form.airLine">
42 <el-radio style="padding-left: 20px" label="出口"></el-radio> 42 <el-radio style="padding-left: 20px" label="出口"></el-radio>
43 <el-radio label="进口"></el-radio> 43 <el-radio label="进口"></el-radio>
44 </el-radio-group> 44 </el-radio-group>
45 </el-form-item> 45 </el-form-item>
46 <el-form-item label="起运地"> 46 <el-form-item label="起运地">
47 - <el-select style="width: 320px" v-model="form.region" placeholder="起运地"> 47 + <el-select style="width: 320px" v-model="form.originStation" placeholder="起运地">
48 <el-option label="上海" value="shanghai"></el-option> 48 <el-option label="上海" value="shanghai"></el-option>
49 <el-option label="北京" value="beijing"></el-option> 49 <el-option label="北京" value="beijing"></el-option>
50 </el-select> 50 </el-select>
51 </el-form-item> 51 </el-form-item>
52 <el-form-item label="目的地"> 52 <el-form-item label="目的地">
53 - <el-select style="width: 320px" v-model="form.region" placeholder="目的地"> 53 + <el-select style="width: 320px" v-model="form.deliveryAddress" placeholder="目的地">
54 <el-option label="上海" value="shanghai"></el-option> 54 <el-option label="上海" value="shanghai"></el-option>
55 <el-option label="北京" value="beijing"></el-option> 55 <el-option label="北京" value="beijing"></el-option>
56 </el-select> 56 </el-select>
57 </el-form-item> 57 </el-form-item>
58 <el-form-item label="货物重量"> 58 <el-form-item label="货物重量">
59 - <el-input style="width: 320px" v-model="form.name" placeholder="单位：KG"></el-input> 59 + <el-input style="width: 320px" v-model="form.weight" placeholder="单位：KG"></el-input>
60 </el-form-item> 60 </el-form-item>
61 <div style="padding-left: 150px"> 61 <div style="padding-left: 150px">
62 <el-button style="background-color: #F18F4C;color: #FFF">查价下单</el-button> 62 <el-button style="background-color: #F18F4C;color: #FFF">查价下单</el-button>
63 </div> 63 </div>
64 -  
65 </el-form> 64 </el-form>
66 <div style="width: 100%;height: 200px;margin-top: 30px;padding-left: 50px;border-top: dashed 2px #D5D5D5;"> 65 <div style="width: 100%;height: 200px;margin-top: 30px;padding-left: 50px;border-top: dashed 2px #D5D5D5;">
67 <p> 66 <p>
@@ -91,23 +90,23 @@ @@ -91,23 +90,23 @@
91 :data="tableData" 90 :data="tableData"
92 style="width: 100%"> 91 style="width: 100%">
93 <el-table-column 92 <el-table-column
94 - prop="a" 93 + prop="airLine"
95 label="航行路线"> 94 label="航行路线">
96 </el-table-column> 95 </el-table-column>
97 <el-table-column 96 <el-table-column
98 - prop="b" 97 + prop="transportLimitation"
99 label="运输时效"> 98 label="运输时效">
100 </el-table-column> 99 </el-table-column>
101 <el-table-column 100 <el-table-column
102 - prop="c" 101 + prop="deliveryAddress"
103 label="交货地"> 102 label="交货地">
104 </el-table-column> 103 </el-table-column>
105 <el-table-column 104 <el-table-column
106 - prop="d" 105 + prop="flightCycle"
107 label="航班周期"> 106 label="航班周期">
108 </el-table-column> 107 </el-table-column>
109 <el-table-column 108 <el-table-column
110 - prop="e" 109 + prop="transportPrice"
111 label="最低价格"> 110 label="最低价格">
112 </el-table-column> 111 </el-table-column>
113 <el-table-column 112 <el-table-column
@@ -143,19 +142,19 @@ @@ -143,19 +142,19 @@
143 :cell-style="rowClass" 142 :cell-style="rowClass"
144 style="width: 100%;background-color: #F5F5F5"> 143 style="width: 100%;background-color: #F5F5F5">
145 <el-table-column 144 <el-table-column
146 - prop="a" 145 + prop="airLine"
147 label="航段"> 146 label="航段">
148 </el-table-column> 147 </el-table-column>
149 <el-table-column 148 <el-table-column
150 - prop="b" 149 + prop="transportLimitation"
151 label="时效"> 150 label="时效">
152 </el-table-column> 151 </el-table-column>
153 <el-table-column 152 <el-table-column
154 - prop="c" 153 + prop="flightCycle"
155 label="周期"> 154 label="周期">
156 </el-table-column> 155 </el-table-column>
157 <el-table-column 156 <el-table-column
158 - prop="d" 157 + prop="transportPrice"
159 label="航运价"> 158 label="航运价">
160 </el-table-column> 159 </el-table-column>
161 </el-table> 160 </el-table>
@@ -168,24 +167,24 @@ @@ -168,24 +167,24 @@
168 style="border-right:solid 1px #F5F5F5;border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px"> 167 style="border-right:solid 1px #F5F5F5;border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">
169 <h2>CZ</h2> 168 <h2>CZ</h2>
170 <el-table 169 <el-table
171 - :data="tableData1" 170 + :data="tableData2"
172 :header-cell-style="headClass" 171 :header-cell-style="headClass"
173 :cell-style="rowClass" 172 :cell-style="rowClass"
174 style="width: 100%;background-color: #F5F5F5"> 173 style="width: 100%;background-color: #F5F5F5">
175 <el-table-column 174 <el-table-column
176 - prop="a" 175 + prop="airLine"
177 label="航段"> 176 label="航段">
178 </el-table-column> 177 </el-table-column>
179 <el-table-column 178 <el-table-column
180 - prop="b" 179 + prop="transportLimitation"
181 label="时效"> 180 label="时效">
182 </el-table-column> 181 </el-table-column>
183 <el-table-column 182 <el-table-column
184 - prop="c" 183 + prop="flightCycle"
185 label="周期"> 184 label="周期">
186 </el-table-column> 185 </el-table-column>
187 <el-table-column 186 <el-table-column
188 - prop="d" 187 + prop="transportPrice"
189 label="航运价"> 188 label="航运价">
190 </el-table-column> 189 </el-table-column>
191 </el-table> 190 </el-table>
@@ -198,24 +197,24 @@ @@ -198,24 +197,24 @@
198 style="border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%"> 197 style="border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%">
199 <h2>CZ</h2> 198 <h2>CZ</h2>
200 <el-table 199 <el-table
201 - :data="tableData1" 200 + :data="tableData3"
202 :header-cell-style="headClass" 201 :header-cell-style="headClass"
203 :cell-style="rowClass" 202 :cell-style="rowClass"
204 style="width: 100%;background-color: #F5F5F5"> 203 style="width: 100%;background-color: #F5F5F5">
205 <el-table-column 204 <el-table-column
206 - prop="a" 205 + prop="airLine"
207 label="航段"> 206 label="航段">
208 </el-table-column> 207 </el-table-column>
209 <el-table-column 208 <el-table-column
210 - prop="b" 209 + prop="transportLimitation"
211 label="时效"> 210 label="时效">
212 </el-table-column> 211 </el-table-column>
213 <el-table-column 212 <el-table-column
214 - prop="c" 213 + prop="flightCycle"
215 label="周期"> 214 label="周期">
216 </el-table-column> 215 </el-table-column>
217 <el-table-column 216 <el-table-column
218 - prop="d" 217 + prop="transportPrice"
219 label="航运价"> 218 label="航运价">
220 </el-table-column> 219 </el-table-column>
221 </el-table> 220 </el-table>
@@ -230,24 +229,24 @@ @@ -230,24 +229,24 @@
230 style="border-right:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px"> 229 style="border-right:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">
231 <h2>CZ</h2> 230 <h2>CZ</h2>
232 <el-table 231 <el-table
233 - :data="tableData1" 232 + :data="tableData4"
234 :header-cell-style="headClass" 233 :header-cell-style="headClass"
235 :cell-style="rowClass" 234 :cell-style="rowClass"
236 style="width: 100%;background-color: #F5F5F5"> 235 style="width: 100%;background-color: #F5F5F5">
237 <el-table-column 236 <el-table-column
238 - prop="a" 237 + prop="airLine"
239 label="航段"> 238 label="航段">
240 </el-table-column> 239 </el-table-column>
241 <el-table-column 240 <el-table-column
242 - prop="b" 241 + prop="transportLimitation"
243 label="时效"> 242 label="时效">
244 </el-table-column> 243 </el-table-column>
245 <el-table-column 244 <el-table-column
246 - prop="c" 245 + prop="flightCycle"
247 label="周期"> 246 label="周期">
248 </el-table-column> 247 </el-table-column>
249 <el-table-column 248 <el-table-column
250 - prop="d" 249 + prop="transportPrice"
251 label="航运价"> 250 label="航运价">
252 </el-table-column> 251 </el-table-column>
253 </el-table> 252 </el-table>
@@ -260,24 +259,24 @@ @@ -260,24 +259,24 @@
260 style="border-right:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px"> 259 style="border-right:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">
261 <h2>CZ</h2> 260 <h2>CZ</h2>
262 <el-table 261 <el-table
263 - :data="tableData1" 262 + :data="tableData5"
264 :header-cell-style="headClass" 263 :header-cell-style="headClass"
265 :cell-style="rowClass" 264 :cell-style="rowClass"
266 style="width: 100%;background-color: #F5F5F5"> 265 style="width: 100%;background-color: #F5F5F5">
267 <el-table-column 266 <el-table-column
268 - prop="a" 267 + prop="airLine"
269 label="航段"> 268 label="航段">
270 </el-table-column> 269 </el-table-column>
271 <el-table-column 270 <el-table-column
272 - prop="b" 271 + prop="transportLimitation"
273 label="时效"> 272 label="时效">
274 </el-table-column> 273 </el-table-column>
275 <el-table-column 274 <el-table-column
276 - prop="c" 275 + prop="flightCycle"
277 label="周期"> 276 label="周期">
278 </el-table-column> 277 </el-table-column>
279 <el-table-column 278 <el-table-column
280 - prop="d" 279 + prop="transportPrice"
281 label="航运价"> 280 label="航运价">
282 </el-table-column> 281 </el-table-column>
283 </el-table> 282 </el-table>
@@ -290,24 +289,24 @@ @@ -290,24 +289,24 @@
290 style="height: 300px;width: 32%"> 289 style="height: 300px;width: 32%">
291 <h2>CZ</h2> 290 <h2>CZ</h2>
292 <el-table 291 <el-table
293 - :data="tableData1" 292 + :data="tableData6"
294 :header-cell-style="headClass" 293 :header-cell-style="headClass"
295 :cell-style="rowClass" 294 :cell-style="rowClass"
296 style="width: 100%;background-color: #F5F5F5"> 295 style="width: 100%;background-color: #F5F5F5">
297 <el-table-column 296 <el-table-column
298 - prop="a" 297 + prop="airLine"
299 label="航段"> 298 label="航段">
300 </el-table-column> 299 </el-table-column>
301 <el-table-column 300 <el-table-column
302 - prop="b" 301 + prop="transportLimitation"
303 label="时效"> 302 label="时效">
304 </el-table-column> 303 </el-table-column>
305 <el-table-column 304 <el-table-column
306 - prop="c" 305 + prop="flightCycle"
307 label="周期"> 306 label="周期">
308 </el-table-column> 307 </el-table-column>
309 <el-table-column 308 <el-table-column
310 - prop="d" 309 + prop="transportPrice"
311 label="航运价"> 310 label="航运价">
312 </el-table-column> 311 </el-table-column>
313 </el-table> 312 </el-table>
@@ -337,22 +336,154 @@ @@ -337,22 +336,154 @@
337 <el-tabs :tab-position="tabPosition" style="width: 100%;height: 280px;"> 336 <el-tabs :tab-position="tabPosition" style="width: 100%;height: 280px;">
338 <el-tab-pane label="北京"> 337 <el-tab-pane label="北京">
339 <el-table 338 <el-table
340 - :data="tableData" 339 + :data="tableData7"
  340 + style="width: 100%">
  341 + <el-table-column
  342 + prop="airLine"
  343 + label="航行路线">
  344 + </el-table-column>
  345 + <el-table-column
  346 + prop="transportLimitation"
  347 + label="运输时效">
  348 + </el-table-column>
  349 + <el-table-column
  350 + prop="deliveryAddress"
  351 + label="交货地">
  352 + </el-table-column>
  353 + <el-table-column
  354 + prop="flightCycle"
  355 + label="航班周期">
  356 + </el-table-column>
  357 + <el-table-column
  358 + fixed="right"
  359 + label=""
  360 + width="120">
  361 + <template slot-scope="scope">
  362 + <el-button
  363 + size="small" plain
  364 + type="warning"
  365 + @click="">订舱</el-button>
  366 + </template>
  367 + </el-table-column>
  368 + </el-table>
  369 + </el-tab-pane>
  370 + <el-tab-pane label="上海">
  371 + <el-table
  372 + :data="tableData8"
341 style="width: 100%"> 373 style="width: 100%">
342 <el-table-column 374 <el-table-column
343 - prop="a" 375 + prop="airLine"
344 label="航行路线"> 376 label="航行路线">
345 </el-table-column> 377 </el-table-column>
346 <el-table-column 378 <el-table-column
347 - prop="b" 379 + prop="transportLimitation"
348 label="运输时效"> 380 label="运输时效">
349 </el-table-column> 381 </el-table-column>
350 <el-table-column 382 <el-table-column
351 - prop="c" 383 + prop="deliveryAddress"
352 label="交货地"> 384 label="交货地">
353 </el-table-column> 385 </el-table-column>
354 <el-table-column 386 <el-table-column
355 - prop="d" 387 + prop="flightCycle"
  388 + label="航班周期">
  389 + </el-table-column>
  390 + <el-table-column
  391 + fixed="right"
  392 + label=""
  393 + width="120">
  394 + <template slot-scope="scope">
  395 + <el-button
  396 + size="small" plain
  397 + type="warning"
  398 + @click="">订舱</el-button>
  399 + </template>
  400 + </el-table-column>
  401 + </el-table>
  402 + </el-tab-pane>
  403 + <el-tab-pane label="深圳">
  404 + <el-table
  405 + :data="tableData9"
  406 + style="width: 100%">
  407 + <el-table-column
  408 + prop="airLine"
  409 + label="航行路线">
  410 + </el-table-column>
  411 + <el-table-column
  412 + prop="transportLimitation"
  413 + label="运输时效">
  414 + </el-table-column>
  415 + <el-table-column
  416 + prop="deliveryAddress"
  417 + label="交货地">
  418 + </el-table-column>
  419 + <el-table-column
  420 + prop="flightCycle"
  421 + label="航班周期">
  422 + </el-table-column>
  423 + <el-table-column
  424 + fixed="right"
  425 + label=""
  426 + width="120">
  427 + <template slot-scope="scope">
  428 + <el-button
  429 + size="small" plain
  430 + type="warning"
  431 + @click="">订舱</el-button>
  432 + </template>
  433 + </el-table-column>
  434 + </el-table>
  435 + </el-tab-pane>
  436 + <el-tab-pane label="广州">
  437 + <el-table
  438 + :data="tableData10"
  439 + style="width: 100%">
  440 + <el-table-column
  441 + prop="airLine"
  442 + label="航行路线">
  443 + </el-table-column>
  444 + <el-table-column
  445 + prop="transportLimitation"
  446 + label="运输时效">
  447 + </el-table-column>
  448 + <el-table-column
  449 + prop="deliveryAddress"
  450 + label="交货地">
  451 + </el-table-column>
  452 + <el-table-column
  453 + prop="flightCycle"
  454 + label="航班周期">
  455 + </el-table-column>
  456 + <el-table-column
  457 + fixed="right"
  458 + label=""
  459 + width="120">
  460 + <template slot-scope="scope">
  461 + <el-button
  462 + size="small" plain
  463 + type="warning"
  464 + @click="">订舱</el-button>
  465 + </template>
  466 + </el-table-column>
  467 + </el-table>
  468 + </el-tab-pane>
  469 + <el-tab-pane label="宁波">
  470 + <el-table
  471 + :data="tableData11"
  472 + style="width: 100%">
  473 + <el-table-column
  474 + prop="airLine"
  475 + label="航行路线">
  476 + </el-table-column>
  477 + <el-table-column
  478 + prop="transportLimitation"
  479 + label="运输时效">
  480 + </el-table-column>
  481 + <el-table-column
  482 + prop="deliveryAddress"
  483 + label="交货地">
  484 + </el-table-column>
  485 + <el-table-column
  486 + prop="flightCycle"
356 label="航班周期"> 487 label="航班周期">
357 </el-table-column> 488 </el-table-column>
358 <el-table-column 489 <el-table-column
@@ -368,10 +499,6 @@ @@ -368,10 +499,6 @@
368 </el-table-column> 499 </el-table-column>
369 </el-table> 500 </el-table>
370 </el-tab-pane> 501 </el-tab-pane>
371 - <el-tab-pane label="上海">上海</el-tab-pane>  
372 - <el-tab-pane label="深圳">深圳</el-tab-pane>  
373 - <el-tab-pane label="广州">广州</el-tab-pane>  
374 - <el-tab-pane label="宁波">宁波</el-tab-pane>  
375 </el-tabs> 502 </el-tabs>
376 </el-col> 503 </el-col>
377 </el-row> 504 </el-row>
@@ -416,38 +543,29 @@ @@ -416,38 +543,29 @@
416 export default { 543 export default {
417 data() { 544 data() {
418 return { 545 return {
419 - form: {},  
420 - tableData:[  
421 - {  
422 - a: 'PEK- FRA',  
423 - b: '2-3 天',  
424 - c: 'BEIJING AIRPORT',  
425 - d: '1234567',  
426 - e: '￥ 23.50/kg 起',  
427 - },  
428 - {  
429 - a: 'PEK- FRA',  
430 - b: '2-3 天',  
431 - c: 'BEIJING AIRPORT',  
432 - d: '1234567',  
433 - e: '￥ 23.50/kg 起', 546 + // 空运查询
  547 + form: {
  548 + airLine:undefined,
  549 + originStation:undefined,
  550 + deliveryAddress:undefined,
  551 + weight:undefined,
434 }, 552 },
435 - {  
436 - a: 'PEK- FRA',  
437 - b: '2-3 天',  
438 - c: 'BEIJING AIRPORT',  
439 - d: '1234567',  
440 - e: '￥ 23.50/kg 起',  
441 - },  
442 - ],  
443 - tableData1:[  
444 - {  
445 - a: 'PEK- FRA',  
446 - b: '2-3 天',  
447 - c: '1234567',  
448 - d: '$34.00/kg起',  
449 - },  
450 - ], 553 + // 优价航线表格
  554 + tableData:[],
  555 + // 热门航线表格
  556 + tableData1:[],
  557 + tableData2:[],
  558 + tableData3:[],
  559 + tableData4:[],
  560 + tableData5:[],
  561 + tableData6:[],
  562 + // 热门港口表格
  563 + tableData7:[],
  564 + tableData8:[],
  565 + tableData9:[],
  566 + tableData10:[],
  567 + tableData11:[],
  568 +
451 tabPosition: 'left', 569 tabPosition: 'left',
452 tabPositions: 'bottom', 570 tabPositions: 'bottom',
453 } 571 }
@@ -9,22 +9,23 @@ @@ -9,22 +9,23 @@
9 <tbody> 9 <tbody>
10 <tr> 10 <tr>
11 <th width="10%">航空公司</th> 11 <th width="10%">航空公司</th>
12 - <td width="10%">LH</td> 12 + <td width="10%">{{defaultQuery.flightno}}</td>
13 <th width="10%">起运机场</th> 13 <th width="10%">起运机场</th>
14 <td width="10%">北京</td> 14 <td width="10%">北京</td>
15 <th width="10%">目的机场</th> 15 <th width="10%">目的机场</th>
16 <td width="10%">法兰克福</td> 16 <td width="10%">法兰克福</td>
17 <th width="10%">下单重量(KG)</th> 17 <th width="10%">下单重量(KG)</th>
18 - <td width="10%"><el-input v-model="input" placeholder="" size="mini"></el-input></td> 18 + <td width="10%"><el-input v-model="weight" placeholder="" size="mini"></el-input></td>
19 <th width="10%">运价单价</th> 19 <th width="10%">运价单价</th>
20 <td width="10%">CNY 23.50/KG</td> 20 <td width="10%">CNY 23.50/KG</td>
21 </tr> 21 </tr>
22 <tr> 22 <tr>
23 <th>报关方式</th> 23 <th>报关方式</th>
24 <td colspan="4"> 24 <td colspan="4">
25 - <el-radio v-model="radio" label="1">自理报关</el-radio>  
26 - <el-radio v-model="radio" label="2">委托报关</el-radio> 25 + <el-radio v-model="customsType" label="1">自理报关</el-radio>
  26 + <el-radio v-model="customsType" label="2">委托报关</el-radio>
27 </td> 27 </td>
  28 +<!-- surchargePrice-->
28 <th rowspan="4">附加费</th> 29 <th rowspan="4">附加费</th>
29 <td colspan="3">操作费： CNY 0.00/票</td> 30 <td colspan="3">操作费： CNY 0.00/票</td>
30 <td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label=""> 31 <td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="">
@@ -32,13 +33,13 @@ @@ -32,13 +33,13 @@
32 </tr> 33 </tr>
33 <tr> 34 <tr>
34 <th rowspan="3">门到门服务</th> 35 <th rowspan="3">门到门服务</th>
35 - <td colspan="4"><el-checkbox v-model="checked">上门提货</el-checkbox></td> 36 + <td colspan="4"><el-checkbox v-model="homeDelivery">上门提货</el-checkbox></td>
36 <td colspan="3">制单费： CNY 50.00/票</td> 37 <td colspan="3">制单费： CNY 50.00/票</td>
37 <td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label=""> 38 <td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="">
38 </el-input-number></td> 39 </el-input-number></td>
39 </tr> 40 </tr>
40 <tr> 41 <tr>
41 - <td colspan="4" rowspan="2"><el-checkbox v-model="checked">清关派送</el-checkbox></td> 42 + <td colspan="4" rowspan="2"><el-checkbox v-model="sendToHome">清关派送</el-checkbox></td>
42 <td colspan="3">订舱预录费： CNY 30.00 /票</td> 43 <td colspan="3">订舱预录费： CNY 30.00 /票</td>
43 <td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label=""> 44 <td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="">
44 </el-input-number></td> 45 </el-input-number></td>
@@ -94,10 +95,10 @@ @@ -94,10 +95,10 @@
94 <th width="10%">操作</th> 95 <th width="10%">操作</th>
95 </tr> 96 </tr>
96 <tr> 97 <tr>
97 - <td><el-input v-model="input" placeholder="" size="mini"></el-input></td>  
98 - <td><el-input v-model="input" placeholder="" size="mini"></el-input></td>  
99 - <td><el-input v-model="input" placeholder="" size="mini"></el-input></td>  
100 - <td><el-input v-model="input" placeholder="" size="mini"></el-input></td> 98 + <td><el-input v-model="nameCn" placeholder="" size="mini"></el-input></td>
  99 + <td><el-input v-model="name" placeholder="" size="mini"></el-input></td>
  100 + <td><el-input v-model="billCount" placeholder="" size="mini"></el-input></td>
  101 + <td><el-input v-model="weight" placeholder="" size="mini"></el-input></td>
101 <td><el-input v-model="input" placeholder="" size="mini"></el-input></td> 102 <td><el-input v-model="input" placeholder="" size="mini"></el-input></td>
102 <td><el-input v-model="input" placeholder="" size="mini"></el-input></td> 103 <td><el-input v-model="input" placeholder="" size="mini"></el-input></td>
103 <td><el-button icon="el-icon-plus" size="mini" circle></el-button> 104 <td><el-button icon="el-icon-plus" size="mini" circle></el-button>
@@ -114,17 +115,17 @@ @@ -114,17 +115,17 @@
114 <tbody> 115 <tbody>
115 <tr> 116 <tr>
116 <th width="15%">姓名</th> 117 <th width="15%">姓名</th>
117 - <td width="35%"><el-input v-model="input" placeholder="" ></el-input></td> 118 + <td width="35%"><el-input v-model="name" placeholder="" ></el-input></td>
118 <th width="15%">联系电话</th> 119 <th width="15%">联系电话</th>
119 - <td width="35%"><el-input v-model="input" placeholder="" ></el-input></td> 120 + <td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>
120 </tr> 121 </tr>
121 <tr> 122 <tr>
122 <th colspan="1">公司</th> 123 <th colspan="1">公司</th>
123 - <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td> 124 + <td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>
124 </tr> 125 </tr>
125 <tr> 126 <tr>
126 <th colspan="1">详细地址 </th> 127 <th colspan="1">详细地址 </th>
127 - <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td> 128 + <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>
128 </tr> 129 </tr>
129 </tbody> 130 </tbody>
130 </table> 131 </table>
@@ -138,17 +139,17 @@ @@ -138,17 +139,17 @@
138 <tbody> 139 <tbody>
139 <tr> 140 <tr>
140 <th width="15%">姓名</th> 141 <th width="15%">姓名</th>
141 - <td width="35"><el-input v-model="input" placeholder="" ></el-input></td> 142 + <td width="35"><el-input v-model="name" placeholder="" ></el-input></td>
142 <th width="15%">联系电话</th> 143 <th width="15%">联系电话</th>
143 - <td width="35%"><el-input v-model="input" placeholder="" ></el-input></td> 144 + <td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>
144 </tr> 145 </tr>
145 <tr> 146 <tr>
146 <th colspan="1">公司</th> 147 <th colspan="1">公司</th>
147 - <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td> 148 + <td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>
148 </tr> 149 </tr>
149 <tr> 150 <tr>
150 <th colspan="1">详细地址</th> 151 <th colspan="1">详细地址</th>
151 - <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td> 152 + <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>
152 </tr> 153 </tr>
153 <tr> 154 <tr>
154 <th colspan="1">特殊信息</th> 155 <th colspan="1">特殊信息</th>
@@ -163,17 +164,17 @@ @@ -163,17 +164,17 @@
163 <tbody> 164 <tbody>
164 <tr> 165 <tr>
165 <th width="15%">姓名</th> 166 <th width="15%">姓名</th>
166 - <td width="35%"><el-input v-model="input" placeholder="" ></el-input></td> 167 + <td width="35%"><el-input v-model="name" placeholder="" ></el-input></td>
167 <th width="15%">联系电话</th> 168 <th width="15%">联系电话</th>
168 - <td width="35%"><el-input v-model="input" placeholder="" ></el-input></td> 169 + <td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>
169 </tr> 170 </tr>
170 <tr> 171 <tr>
171 <th colspan="1">公司</th> 172 <th colspan="1">公司</th>
172 - <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td> 173 + <td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>
173 </tr> 174 </tr>
174 <tr> 175 <tr>
175 <th colspan="1">详细地址</th> 176 <th colspan="1">详细地址</th>
176 - <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td> 177 + <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>
177 </tr> 178 </tr>
178 <tr> 179 <tr>
179 <th colspan="1">特殊信息</th> 180 <th colspan="1">特殊信息</th>