朱兆平 / vue_cli · 提交

转到一个项目

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

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

内嵌 并排对比
正在显示 5 个修改的文件 包含 248 行增加 和 133 行删除
... ... @@ -115,15 +115,12 @@ let routes = [
{
path: '/domdep',
component: Home,
name: 'KT际通',
name: '订舱系统',
iconCls: 'el-icon-delete-location',
children: [
{ path: '/booking', component: booking, name: '在线订舱' },
{ path: '/order', component: order, name: '订舱信息' },
{ path: '/airlift', component: airlift, name: '空运专线' },
{ path: '/inquiry', component: inquiry, name: '航班号查询' },
]
},
... ...
... ... @@ -9,23 +9,23 @@
<tbody>
<tr>
<th width="15%">姓名</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="name" placeholder="" ></el-input></td>
<th width="15%">联系电话</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="tel" placeholder="" ></el-input></td>
<th width="15%">公司</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="company" placeholder="" ></el-input></td>
</tr>
<tr>
<th width="15%">税号</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="taxId" placeholder="" ></el-input></td>
<th width="15%">邮编</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="postcode" placeholder="" ></el-input></td>
<th width="15%">省市区</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="province" placeholder="" ></el-input></td>
</tr>
<tr>
<th colspan="1">详细地址</th>
<td colspan="5"><el-input v-model="input" placeholder="" ></el-input></td>
<td colspan="5"><el-input v-model="address" placeholder="" ></el-input></td>
</tr>
</tbody>
</table>
... ... @@ -37,35 +37,35 @@
<tbody>
<tr>
<th width="15%">姓名</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="name" placeholder="" ></el-input></td>
<th width="15%">联系电话</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="tel" placeholder="" ></el-input></td>
<th width="15%">公司</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="company" placeholder="" ></el-input></td>
</tr>
<tr>
<th width="15%">邮箱</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="postcode" placeholder="" ></el-input></td>
<th width="15%">身份证/护照</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="idCard" placeholder="" ></el-input></td>
<th width="15%">税号</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="companyTaxesNumber" placeholder="" ></el-input></td>
</tr>
<tr>
<th width="15%">国家</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="country" placeholder="" ></el-input></td>
<th width="15%">省/州</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="province" placeholder="" ></el-input></td>
<th width="15%">城市</th>
<td width="18%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="18%"><el-input v-model="city" placeholder="" ></el-input></td>
</tr>
<tr>
<th colspan="1">详细地址</th>
<td colspan="5"><el-input v-model="input" placeholder="" ></el-input></td>
<td colspan="5"><el-input v-model="address" placeholder="" ></el-input></td>
</tr>
<tr>
<th colspan="1">邮编</th>
<td colspan="5"><el-input v-model="input" placeholder="" ></el-input></td>
<td colspan="5"><el-input v-model="postcode" placeholder="" ></el-input></td>
</tr>
</tbody>
</table>
... ... @@ -91,7 +91,6 @@
<el-input v-model="input" placeholder="长" style="width: 60px" ></el-input>×
<el-input v-model="input" placeholder="宽" style="width: 60px" ></el-input>×
<el-input v-model="input" placeholder="高" style="width: 60px" ></el-input>
</td>
<th width="15%">是否退件</th>
<td width="18%">
... ... @@ -217,16 +216,16 @@
<th width="7%">操作</th>
</tr>
<tr>
<td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="13%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="nameCn" placeholder="" ></el-input></td>
<td width="13%"><el-input v-model="name" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="texture" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="perPrice" placeholder="" ></el-input></td>
<td width="5%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="12%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="totalPrices" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="originArea" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="hsCode" placeholder="" ></el-input></td>
<td width="9%"><el-input v-model="cargoName" placeholder="" ></el-input></td>
<td width="12%"><el-input v-model="cargoRemark" placeholder="" ></el-input></td>
<td width="7%" style="text-align: center">
<el-button icon="el-icon-plus" size="mini" circle></el-button>
<el-button icon="el-icon-minus" size="mini" circle></el-button>
... ...
... ... @@ -38,30 +38,29 @@
<el-row>
<el-form ref="form" :model="form" label-width="80px" style="font-size: 50px;" >
<el-form-item label="航程方向" >
<el-radio-group v-model="form.resource">
<el-radio-group v-model="form.airLine">
<el-radio style="padding-left: 20px" label="出口"></el-radio>
<el-radio label="进口"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="起运地">
<el-select style="width: 320px" v-model="form.region" placeholder="起运地">
<el-select style="width: 320px" v-model="form.originStation" placeholder="起运地">
<el-option label="上海" value="shanghai"></el-option>
<el-option label="北京" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="目的地">
<el-select style="width: 320px" v-model="form.region" placeholder="目的地">
<el-select style="width: 320px" v-model="form.deliveryAddress" placeholder="目的地">
<el-option label="上海" value="shanghai"></el-option>
<el-option label="北京" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="货物重量">
<el-input style="width: 320px" v-model="form.name" placeholder="单位：KG"></el-input>
<el-input style="width: 320px" v-model="form.weight" placeholder="单位：KG"></el-input>
</el-form-item>
<div style="padding-left: 150px">
<el-button style="background-color: #F18F4C;color: #FFF">查价下单</el-button>
</div>
</el-form>
<div style="width: 100%;height: 200px;margin-top: 30px;padding-left: 50px;border-top: dashed 2px #D5D5D5;">
<p>
... ... @@ -91,23 +90,23 @@
:data="tableData"
style="width: 100%">
<el-table-column
prop="a"
prop="airLine"
label="航行路线">
</el-table-column>
<el-table-column
prop="b"
prop="transportLimitation"
label="运输时效">
</el-table-column>
<el-table-column
prop="c"
prop="deliveryAddress"
label="交货地">
</el-table-column>
<el-table-column
prop="d"
prop="flightCycle"
label="航班周期">
</el-table-column>
<el-table-column
prop="e"
prop="transportPrice"
label="最低价格">
</el-table-column>
<el-table-column
... ... @@ -143,19 +142,19 @@
:cell-style="rowClass"
style="width: 100%;background-color: #F5F5F5">
<el-table-column
prop="a"
prop="airLine"
label="航段">
</el-table-column>
<el-table-column
prop="b"
prop="transportLimitation"
label="时效">
</el-table-column>
<el-table-column
prop="c"
prop="flightCycle"
label="周期">
</el-table-column>
<el-table-column
prop="d"
prop="transportPrice"
label="航运价">
</el-table-column>
</el-table>
... ... @@ -168,24 +167,24 @@
style="border-right:solid 1px #F5F5F5;border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">
<h2>CZ</h2>
<el-table
:data="tableData1"
:data="tableData2"
:header-cell-style="headClass"
:cell-style="rowClass"
style="width: 100%;background-color: #F5F5F5">
<el-table-column
prop="a"
prop="airLine"
label="航段">
</el-table-column>
<el-table-column
prop="b"
prop="transportLimitation"
label="时效">
</el-table-column>
<el-table-column
prop="c"
prop="flightCycle"
label="周期">
</el-table-column>
<el-table-column
prop="d"
prop="transportPrice"
label="航运价">
</el-table-column>
</el-table>
... ... @@ -198,24 +197,24 @@
style="border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%">
<h2>CZ</h2>
<el-table
:data="tableData1"
:data="tableData3"
:header-cell-style="headClass"
:cell-style="rowClass"
style="width: 100%;background-color: #F5F5F5">
<el-table-column
prop="a"
prop="airLine"
label="航段">
</el-table-column>
<el-table-column
prop="b"
prop="transportLimitation"
label="时效">
</el-table-column>
<el-table-column
prop="c"
prop="flightCycle"
label="周期">
</el-table-column>
<el-table-column
prop="d"
prop="transportPrice"
label="航运价">
</el-table-column>
</el-table>
... ... @@ -230,24 +229,24 @@
style="border-right:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">
<h2>CZ</h2>
<el-table
:data="tableData1"
:data="tableData4"
:header-cell-style="headClass"
:cell-style="rowClass"
style="width: 100%;background-color: #F5F5F5">
<el-table-column
prop="a"
prop="airLine"
label="航段">
</el-table-column>
<el-table-column
prop="b"
prop="transportLimitation"
label="时效">
</el-table-column>
<el-table-column
prop="c"
prop="flightCycle"
label="周期">
</el-table-column>
<el-table-column
prop="d"
prop="transportPrice"
label="航运价">
</el-table-column>
</el-table>
... ... @@ -260,24 +259,24 @@
style="border-right:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">
<h2>CZ</h2>
<el-table
:data="tableData1"
:data="tableData5"
:header-cell-style="headClass"
:cell-style="rowClass"
style="width: 100%;background-color: #F5F5F5">
<el-table-column
prop="a"
prop="airLine"
label="航段">
</el-table-column>
<el-table-column
prop="b"
prop="transportLimitation"
label="时效">
</el-table-column>
<el-table-column
prop="c"
prop="flightCycle"
label="周期">
</el-table-column>
<el-table-column
prop="d"
prop="transportPrice"
label="航运价">
</el-table-column>
</el-table>
... ... @@ -290,24 +289,24 @@
style="height: 300px;width: 32%">
<h2>CZ</h2>
<el-table
:data="tableData1"
:data="tableData6"
:header-cell-style="headClass"
:cell-style="rowClass"
style="width: 100%;background-color: #F5F5F5">
<el-table-column
prop="a"
prop="airLine"
label="航段">
</el-table-column>
<el-table-column
prop="b"
prop="transportLimitation"
label="时效">
</el-table-column>
<el-table-column
prop="c"
prop="flightCycle"
label="周期">
</el-table-column>
<el-table-column
prop="d"
prop="transportPrice"
label="航运价">
</el-table-column>
</el-table>
... ... @@ -337,22 +336,154 @@
<el-tabs :tab-position="tabPosition" style="width: 100%;height: 280px;">
<el-tab-pane label="北京">
<el-table
:data="tableData"
:data="tableData7"
style="width: 100%">
<el-table-column
prop="airLine"
label="航行路线">
</el-table-column>
<el-table-column
prop="transportLimitation"
label="运输时效">
</el-table-column>
<el-table-column
prop="deliveryAddress"
label="交货地">
</el-table-column>
<el-table-column
prop="flightCycle"
label="航班周期">
</el-table-column>
<el-table-column
fixed="right"
label=""
width="120">
<template slot-scope="scope">
<el-button
size="small" plain
type="warning"
@click="">订舱</el-button>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="上海">
<el-table
:data="tableData8"
style="width: 100%">
<el-table-column
prop="a"
prop="airLine"
label="航行路线">
</el-table-column>
<el-table-column
prop="b"
prop="transportLimitation"
label="运输时效">
</el-table-column>
<el-table-column
prop="c"
prop="deliveryAddress"
label="交货地">
</el-table-column>
<el-table-column
prop="d"
prop="flightCycle"
label="航班周期">
</el-table-column>
<el-table-column
fixed="right"
label=""
width="120">
<template slot-scope="scope">
<el-button
size="small" plain
type="warning"
@click="">订舱</el-button>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="深圳">
<el-table
:data="tableData9"
style="width: 100%">
<el-table-column
prop="airLine"
label="航行路线">
</el-table-column>
<el-table-column
prop="transportLimitation"
label="运输时效">
</el-table-column>
<el-table-column
prop="deliveryAddress"
label="交货地">
</el-table-column>
<el-table-column
prop="flightCycle"
label="航班周期">
</el-table-column>
<el-table-column
fixed="right"
label=""
width="120">
<template slot-scope="scope">
<el-button
size="small" plain
type="warning"
@click="">订舱</el-button>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="广州">
<el-table
:data="tableData10"
style="width: 100%">
<el-table-column
prop="airLine"
label="航行路线">
</el-table-column>
<el-table-column
prop="transportLimitation"
label="运输时效">
</el-table-column>
<el-table-column
prop="deliveryAddress"
label="交货地">
</el-table-column>
<el-table-column
prop="flightCycle"
label="航班周期">
</el-table-column>
<el-table-column
fixed="right"
label=""
width="120">
<template slot-scope="scope">
<el-button
size="small" plain
type="warning"
@click="">订舱</el-button>
</template>
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="宁波">
<el-table
:data="tableData11"
style="width: 100%">
<el-table-column
prop="airLine"
label="航行路线">
</el-table-column>
<el-table-column
prop="transportLimitation"
label="运输时效">
</el-table-column>
<el-table-column
prop="deliveryAddress"
label="交货地">
</el-table-column>
<el-table-column
prop="flightCycle"
label="航班周期">
</el-table-column>
<el-table-column
... ... @@ -368,10 +499,6 @@
</el-table-column>
</el-table>
</el-tab-pane>
<el-tab-pane label="上海">上海</el-tab-pane>
<el-tab-pane label="深圳">深圳</el-tab-pane>
<el-tab-pane label="广州">广州</el-tab-pane>
<el-tab-pane label="宁波">宁波</el-tab-pane>
</el-tabs>
</el-col>
</el-row>
... ... @@ -416,38 +543,29 @@
export default {
data() {
return {
form: {},
tableData:[
{
a: 'PEK- FRA',
b: '2-3 天',
c: 'BEIJING AIRPORT',
d: '1234567',
e: '￥ 23.50/kg 起',
},
{
a: 'PEK- FRA',
b: '2-3 天',
c: 'BEIJING AIRPORT',
d: '1234567',
e: '￥ 23.50/kg 起',
// 空运查询
form: {
airLine:undefined,
originStation:undefined,
deliveryAddress:undefined,
weight:undefined,
},
{
a: 'PEK- FRA',
b: '2-3 天',
c: 'BEIJING AIRPORT',
d: '1234567',
e: '￥ 23.50/kg 起',
},
],
tableData1:[
{
a: 'PEK- FRA',
b: '2-3 天',
c: '1234567',
d: '$34.00/kg起',
},
],
// 优价航线表格
tableData:[],
// 热门航线表格
tableData1:[],
tableData2:[],
tableData3:[],
tableData4:[],
tableData5:[],
tableData6:[],
// 热门港口表格
tableData7:[],
tableData8:[],
tableData9:[],
tableData10:[],
tableData11:[],
tabPosition: 'left',
tabPositions: 'bottom',
}
... ...
... ... @@ -9,22 +9,23 @@
<tbody>
<tr>
<th width="10%">航空公司</th>
<td width="10%">LH</td>
<td width="10%">{{defaultQuery.flightno}}</td>
<th width="10%">起运机场</th>
<td width="10%">北京</td>
<th width="10%">目的机场</th>
<td width="10%">法兰克福</td>
<th width="10%">下单重量(KG)</th>
<td width="10%"><el-input v-model="input" placeholder="" size="mini"></el-input></td>
<td width="10%"><el-input v-model="weight" placeholder="" size="mini"></el-input></td>
<th width="10%">运价单价</th>
<td width="10%">CNY 23.50/KG</td>
</tr>
<tr>
<th>报关方式</th>
<td colspan="4">
<el-radio v-model="radio" label="1">自理报关</el-radio>
<el-radio v-model="radio" label="2">委托报关</el-radio>
<el-radio v-model="customsType" label="1">自理报关</el-radio>
<el-radio v-model="customsType" label="2">委托报关</el-radio>
</td>
<!-- surchargePrice-->
<th rowspan="4">附加费</th>
<td colspan="3">操作费： CNY 0.00/票</td>
<td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="">
... ... @@ -32,13 +33,13 @@
</tr>
<tr>
<th rowspan="3">门到门服务</th>
<td colspan="4"><el-checkbox v-model="checked">上门提货</el-checkbox></td>
<td colspan="4"><el-checkbox v-model="homeDelivery">上门提货</el-checkbox></td>
<td colspan="3">制单费： CNY 50.00/票</td>
<td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="">
</el-input-number></td>
</tr>
<tr>
<td colspan="4" rowspan="2"><el-checkbox v-model="checked">清关派送</el-checkbox></td>
<td colspan="4" rowspan="2"><el-checkbox v-model="sendToHome">清关派送</el-checkbox></td>
<td colspan="3">订舱预录费： CNY 30.00 /票</td>
<td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="">
</el-input-number></td>
... ... @@ -94,10 +95,10 @@
<th width="10%">操作</th>
</tr>
<tr>
<td><el-input v-model="input" placeholder="" size="mini"></el-input></td>
<td><el-input v-model="input" placeholder="" size="mini"></el-input></td>
<td><el-input v-model="input" placeholder="" size="mini"></el-input></td>
<td><el-input v-model="input" placeholder="" size="mini"></el-input></td>
<td><el-input v-model="nameCn" placeholder="" size="mini"></el-input></td>
<td><el-input v-model="name" placeholder="" size="mini"></el-input></td>
<td><el-input v-model="billCount" placeholder="" size="mini"></el-input></td>
<td><el-input v-model="weight" placeholder="" size="mini"></el-input></td>
<td><el-input v-model="input" placeholder="" size="mini"></el-input></td>
<td><el-input v-model="input" placeholder="" size="mini"></el-input></td>
<td><el-button icon="el-icon-plus" size="mini" circle></el-button>
... ... @@ -114,17 +115,17 @@
<tbody>
<tr>
<th width="15%">姓名</th>
<td width="35%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="35%"><el-input v-model="name" placeholder="" ></el-input></td>
<th width="15%">联系电话</th>
<td width="35%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>
</tr>
<tr>
<th colspan="1">公司</th>
<td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>
<td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>
</tr>
<tr>
<th colspan="1">详细地址 </th>
<td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>
<td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>
</tr>
</tbody>
</table>
... ... @@ -138,17 +139,17 @@
<tbody>
<tr>
<th width="15%">姓名</th>
<td width="35"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="35"><el-input v-model="name" placeholder="" ></el-input></td>
<th width="15%">联系电话</th>
<td width="35%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>
</tr>
<tr>
<th colspan="1">公司</th>
<td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>
<td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>
</tr>
<tr>
<th colspan="1">详细地址</th>
<td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>
<td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>
</tr>
<tr>
<th colspan="1">特殊信息</th>
... ... @@ -163,17 +164,17 @@
<tbody>
<tr>
<th width="15%">姓名</th>
<td width="35%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="35%"><el-input v-model="name" placeholder="" ></el-input></td>
<th width="15%">联系电话</th>
<td width="35%"><el-input v-model="input" placeholder="" ></el-input></td>
<td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>
</tr>
<tr>
<th colspan="1">公司</th>
<td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>
<td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>
</tr>
<tr>
<th colspan="1">详细地址</th>
<td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>
<td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>
</tr>
<tr>
<th colspan="1">特殊信息</th>
... ...