diff --git a/config/index.js b/config/index.js
index 08571c0..9a4dc20 100755
--- a/config/index.js
+++ b/config/index.js
@@ -24,7 +24,7 @@ module.exports = {
},
dev: {
env: require('./dev.env'),
- port: 12024,
+ port: 12021,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
diff --git a/src/views/nav4/airlift.vue b/src/views/nav4/airlift.vue
index 3c03e20..4563822 100644
--- a/src/views/nav4/airlift.vue
+++ b/src/views/nav4/airlift.vue
@@ -235,7 +235,7 @@
</table>
</div>
<div style="text-align: center;margin-top: 30px">
- <el-button type="danger" style="width: 180px;height: 50px">确认下单</el-button>
+ <el-button type="danger" style="width: 180px;height: 50px" @click="open">确认下单</el-button>
</div>
<div style="margin-top: 50px;height: 80px"> </div>
</div>
@@ -244,6 +244,20 @@
<script>
export default {
+ methods:{
+
+ open() {
+ this.$alert('确认下单？', '', {
+ confirmButtonText: '确定',
+ callback: action => {
+ this.$message({
+ type: 'info',
+ message: `action: ${ action }`
+ });
+ }
+ });
+ }
+ }
}
</script>
@@ -260,7 +274,9 @@
.px{
background-color: #FFFFFF;
width: 100%;
- height: 500px;
+ height: 850px;
+ overflow: auto;
+
}
.title{
color: #127ef2;
diff --git a/src/views/nav4/booking.vue b/src/views/nav4/booking.vue
index 4bad871..9d93532 100644
--- a/src/views/nav4/booking.vue
+++ b/src/views/nav4/booking.vue
@@ -25,14 +25,14 @@
</el-form-item>
<el-form-item label="起运地">
<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-option label="CGO" value="shanghai"></el-option>
+ <el-option label="LUX" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="目的地">
<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-option label="CGO" value="shanghai"></el-option>
+ <el-option label="LUX" value="beijing"></el-option>
</el-select>
</el-form-item>
<el-form-item label="货物重量">
@@ -56,7 +56,8 @@
</el-col>
<!-- 广告位-->
<el-col :span="13" style="margin-right: 0px;background-color: rgba(41,161,247,0.1);float: right;">
- <div style="height: 600px;">
+ <div style="height: 600px;width: 500px">
+ <img src="./air.jpg" width="700px" height="600px"/>
</div>
</el-col>
</el-row>
@@ -97,7 +98,7 @@
<el-button
size="small" plain
type="warning"
- @click="">订舱</el-button>
+ @click="open">订舱</el-button>
</template>
</el-table-column>
</el-table>
@@ -115,7 +116,7 @@
<el-row style="height: 300px;margin-top: 0px">
<el-col :span="8"
style="border-right:solid 1px #F5F5F5;border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">
- <h2>CZ</h2>
+ <h2>CV</h2>
<el-table
:data="tableData1"
:header-cell-style="headClass"
@@ -145,7 +146,7 @@
</el-col>
<el-col :span="8"
style="border-right:solid 1px #F5F5F5;border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%;margin-right: 15px">
- <h2>CZ</h2>
+ <h2>CV</h2>
<el-table
:data="tableData2"
:header-cell-style="headClass"
@@ -175,7 +176,7 @@
</el-col>
<el-col :span="8"
style="border-bottom:solid 1px #F5F5F5;height: 300px;width: 32%">
- <h2>CZ</h2>
+ <h2>CV</h2>
<el-table
:data="tableData3"
:header-cell-style="headClass"
@@ -200,7 +201,7 @@
</el-table>
<div style="text-align: center;margin-top: 6px">交货地:GUANGZHOU AIRPORT 广州</div>
<div style="text-align: center;margin-top: 6px">
- <el-button type="warning" plain style="width: 120px" >订舱</el-button>
+ <el-button type="warning" plain style="width: 120px">订舱</el-button>
</div>
</el-col>
</el-row>
@@ -521,6 +522,7 @@
<script>
export default {
+
data() {
return {
// 空运查询
@@ -531,11 +533,44 @@
weight:undefined,
},
// 优价航线表格
- tableData:[],
+ tableData:[
+ {
+ airLine:'CGO-LUX',
+ transportLimitation:'2021-01-17-01-00',
+ deliveryAddress:'LUX',
+ flightCycle:'2',
+ transportPrice:'180',
+ }
+ ],
+
// 热门航线表格
- tableData1:[],
- tableData2:[],
- tableData3:[],
+ tableData1:[
+ {
+ airLine:'CGO-LUX',
+ transportLimitation:'2021-01-17-01-00',
+ deliveryAddress:'LUX',
+ flightCycle:'2',
+ transportPrice:'180',
+ }
+ ],
+ tableData2:[
+ {
+ airLine:'LUX-CGO',
+ transportLimitation:'2021-01-18-12-00 ',
+ deliveryAddress:'CGO ',
+ flightCycle:'2',
+ transportPrice:'180',
+ }
+ ],
+ tableData3:[
+ {
+ airLine:'CGO-LUX',
+ transportLimitation:'2021-01-17-01-00',
+ deliveryAddress:'LUX',
+ flightCycle:'2',
+ transportPrice:'180',
+ }
+ ],
tableData4:[],
tableData5:[],
tableData6:[],
@@ -556,7 +591,18 @@
},
rowClass () {
return 'text-align: center;background:#F5F5F5;'
+ },
+ open() {
+ this.$alert('确认订舱？', '', {
+ confirmButtonText: '确定',
+ callback: action => {
+ this.$message({
+ type: 'info',
+ message: `action: ${ action }`
+ });
}
+ });
+ }
},
}
</script>
@@ -564,6 +610,10 @@
<style scoped>
.bg{
background-color: #F2F2F2;
+ width: 100%;
+ height: 850px;
+ overflow: auto;
+
}
.header{
font-size: 20px;
@@ -581,4 +631,4 @@
font-size: 20px;
border-bottom-color: #29A1F7;
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/nav4/order.vue b/src/views/nav4/order.vue
index 04a6e6e..1f6051f 100644
--- a/src/views/nav4/order.vue
+++ b/src/views/nav4/order.vue
@@ -1,290 +1,318 @@
-<!--<template>-->
-<!-- <div class="bg order">-->
-<!-- <span class="air">空运服务-订舱确认</span>-->
-<!-- <div class="px">-->
-<!--<!– 下单信息–>-->
-<!-- <h4 class="title">下单信息</h4>-->
-<!-- <div class="r-table">-->
-<!-- <table class="tb">-->
-<!-- <tbody>-->
-<!-- <tr>-->
-<!-- <th width="10%">航空公司</th>-->
-<!-- <td width="10%">1</td>-->
-<!-- <th width="10%">起运机场</th>-->
-<!-- <td width="10%">1</td>-->
-<!-- <th width="10%">目的机场</th>-->
-<!-- <td width="10%">1</td>-->
-<!-- <th width="10%">下单重量(KG)</th>-->
-<!-- <td width="10%"><el-input v-model="weight" placeholder="" size="mini"></el-input></td>-->
-<!-- <th width="10%">运价单价</th>-->
-<!-- <td width="10%">1</td>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <th>报关方式</th>-->
-<!-- <td colspan="4">-->
-<!-- <el-radio v-model="customsType" label="1">自理报关</el-radio>-->
-<!-- <el-radio v-model="customsCharges" label="2">委托报关</el-radio>-->
-<!-- </td>-->
-<!-- <th rowspan="4">附加费</th>-->
-<!-- <td colspan="3">操作费： CNY 0.00/票</td>-->
-<!-- <td><el-input-number v-model="" @change="handleChange" :min="1" :max="10" label="">-->
-<!-- </el-input-number></td>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <th rowspan="3">门到门服务</th>-->
-<!-- <td colspan="4"><el-checkbox v-model="homeDelivery">上门提货</el-checkbox></td>-->
-<!-- <td colspan="3">制单费： CNY 50.00/票</td>-->
-<!-- <td><el-input-number v-model="" @change="handleChange" :min="1" :max="10" label="">-->
-<!-- </el-input-number></td>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <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="" @change="handleChange" :min="1" :max="10" label="">-->
-<!-- </el-input-number></td>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <td colspan="4">地面操作费： CNY 0/KG</td>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <th>预估费用</th>-->
-<!-- <td colspan="3">运费：CNY 23500.00 (最低100.00KG 起运)</td>-->
-<!-- <td colspan="3">附加费：CNY 230.00</td>-->
-<!-- <td colspan="3">总费用：</td>-->
-<!-- </tr>-->
-<!-- </tbody>-->
-<!-- </table>-->
-<!-- </div>-->
-<!--<!– 货物信息–>-->
-<!-- <h4 class="title">货物信息</h4>-->
-<!-- <div class="r-table">-->
-<!-- <table class="tb" width="100%">-->
-<!-- <tbody>-->
-<!-- <tr>-->
-<!-- <th width="35%">*是否有电池、液体、粉末、磁性及其它违禁物品</th>-->
-<!-- <td width="15%">-->
-<!-- <el-radio v-model="radio1" label="1">是</el-radio>-->
-<!-- <el-radio v-model="radio1" label="2">否</el-radio></td>-->
-<!-- <th width="35%">*是否购买保险</th>-->
-<!-- <td width="15%">-->
-<!-- <el-radio v-model="radio4" label="1">是</el-radio>-->
-<!-- <el-radio v-model="radio4" label="2">否</el-radio></td>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <th width="35%">*是否超长托盘</th>-->
-<!-- <td width="15%">-->
-<!-- <el-radio v-model="radio1" label="1">是</el-radio>-->
-<!-- <el-radio v-model="radio1" label="2">否</el-radio></td>-->
-<!-- <th width="35%">*是否名牌</th>-->
-<!-- <td width="15%">-->
-<!-- <el-radio v-model="radio4" label="1">是</el-radio>-->
-<!-- <el-radio v-model="radio4" label="2">否</el-radio></td>-->
-<!-- </tr>-->
-<!-- </tbody>-->
-<!-- </table>-->
-<!-- <table class="tb" style="margin-top: 10px;width: 100%">-->
-<!-- <tbody>-->
-<!-- <tr>-->
-<!-- <th width="20%">中文品名</th>-->
-<!-- <th width="20%">英文品名</th>-->
-<!-- <th width="10%">*数量(件)</th>-->
-<!-- <th width="10%">*实重（KG）</th>-->
-<!-- <th width="10%">*总体积（CBM）</th>-->
-<!-- <th width="20%">最大尺寸(长x宽x高)</th>-->
-<!-- <th width="10%">操作</th>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <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>-->
-<!-- <el-button icon="el-icon-minus" size="mini" circle></el-button></td>-->
-<!-- </tr>-->
-<!-- </tbody>-->
-<!-- </table>-->
-<!-- </div>-->
-<!--<!– 收发件通知人信息–>-->
-<!-- <div class="r-table" style="margin-top: 35px">-->
-<!-- <el-collapse v-model="activeNames" @change="handleChange" class="col">-->
-<!-- <el-collapse-item title="发件人信息" name="1">-->
-<!-- <table class="tb" width="100%">-->
-<!-- <tbody>-->
-<!-- <tr>-->
-<!-- <th width="15%">姓名</th>-->
-<!-- <td width="35%"><el-input v-model="name" placeholder="" ></el-input></td>-->
-<!-- <th width="15%">联系电话</th>-->
-<!-- <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="company" placeholder="" ></el-input></td>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <th colspan="1">详细地址 </th>-->
-<!-- <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>-->
-<!-- </tr>-->
-<!-- </tbody>-->
-<!-- </table>-->
-<!-- </el-collapse-item>-->
-<!-- <el-collapse-item title="收件人信息" name="2" class="father">-->
-<!-- <div class="relative">-->
-<!-- <el-button type="text" @click="dialogTableVisible = true">收件地址库</el-button>-->
-<!-- <el-checkbox v-model="checked1" style="margin-left: 20px">加入地址库</el-checkbox>-->
-<!-- </div>-->
-<!-- <table class="tb" width="100%">-->
-<!-- <tbody>-->
-<!-- <tr>-->
-<!-- <th width="15%">姓名</th>-->
-<!-- <td width="35"><el-input v-model="name" placeholder="" ></el-input></td>-->
-<!-- <th width="15%">联系电话</th>-->
-<!-- <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="company" placeholder="" ></el-input></td>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <th colspan="1">详细地址</th>-->
-<!-- <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <th colspan="1">特殊信息</th>-->
-<!-- <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>-->
-<!-- </tr>-->
-<!-- </tbody>-->
-<!-- </table>-->
-<!-- </el-collapse-item>-->
-<!-- <el-collapse-item title="通知人信息" name="3" class="father">-->
-<!-- <div class="relative"><el-checkbox v-model="checked">同收件人</el-checkbox></div>-->
-<!-- <table class="tb" width="100%">-->
-<!-- <tbody>-->
-<!-- <tr>-->
-<!-- <th width="15%">姓名</th>-->
-<!-- <td width="35%"><el-input v-model="name" placeholder="" ></el-input></td>-->
-<!-- <th width="15%">联系电话</th>-->
-<!-- <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="company" placeholder="" ></el-input></td>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <th colspan="1">详细地址</th>-->
-<!-- <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>-->
-<!-- </tr>-->
-<!-- <tr>-->
-<!-- <th colspan="1">特殊信息</th>-->
-<!-- <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>-->
-<!-- </tr>-->
-<!-- </tbody>-->
-<!-- </table>-->
-<!-- </el-collapse-item>-->
-<!-- </el-collapse>-->
-<!-- </div>-->
-<!-- <div style="text-align: center;margin-top: 30px">-->
-<!-- <el-button type="danger" style="width: 180px;height: 50px">确认下单</el-button>-->
-<!-- </div>-->
-<!-- <div style="margin-top: 50px;height: 80px"> </div>-->
-<!-- </div>-->
-<!--<!– 收件地址库弹框–>-->
-<!-- <div>-->
-<!-- <el-dialog title="请选择收件人" :visible.sync="dialogTableVisible">-->
-<!-- <el-table :data="gridData">-->
-<!-- <el-table-column property="name" label="姓名" width="150"></el-table-column>-->
-<!-- <el-table-column property="tel" label="电话" width="200"></el-table-column>-->
-<!-- <el-table-column property="address" label="地址"></el-table-column>-->
-<!-- </el-table>-->
-<!-- <div style="margin-top: 10px;text-align: right">-->
-<!-- <el-button>取消</el-button>-->
-<!-- <el-button type="primary">请选择收件人</el-button>-->
-<!-- </div>-->
-<!-- </el-dialog>-->
-<!-- </div>-->
-<!-- </div>-->
-<!--</template>-->
+<template>
+ <div class="bg order">
+ <span class="air">空运服务-订舱确认</span>
+ <div class="px">
+<!-- 下单信息-->
+ <h4 class="title">下单信息</h4>
+ <div class="r-table">
+ <table class="tb">
+ <tbody>
+ <tr>
+ <th width="10%">航空公司</th>
+ <td width="10%"></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="A" placeholder="" size="mini"></el-input></td>
+ <th width="10%">运价单价</th>
+ <td width="10%"></td>
+ </tr>
+ <tr>
+ <th>报关方式</th>
+ <td colspan="4">
+ <el-radio v-model="B" label="1">自理报关</el-radio>
+ <el-radio v-model="C" label="2">委托报关</el-radio>
+ </td>
+ <th rowspan="4">附加费</th>
+ <td colspan="3">操作费： CNY 0.00/票</td>
+ <td><el-input-number v-model="D" @change="handleChange" :min="1" :max="10" label="">
+ </el-input-number></td>
+ </tr>
+ <tr>
+ <th rowspan="3">门到门服务</th>
+ <td colspan="4"><el-checkbox v-model="E">上门提货</el-checkbox></td>
+ <td colspan="3">制单费： CNY 50.00/票</td>
+ <td><el-input-number v-model="F" @change="handleChange" :min="1" :max="10" label="">
+ </el-input-number></td>
+ </tr>
+ <tr>
+ <td colspan="4" rowspan="2"><el-checkbox v-model="G">清关派送</el-checkbox></td>
+ <td colspan="3">订舱预录费： CNY 30.00 /票</td>
+ <td><el-input-number v-model="H" @change="handleChange" :min="1" :max="10" label="">
+ </el-input-number></td>
+ </tr>
+ <tr>
+ <td colspan="4">地面操作费： CNY 0/KG</td>
+ </tr>
+ <tr>
+ <th>预估费用</th>
+ <td colspan="3">运费：CNY 23500.00 (最低100.00KG 起运)</td>
+ <td colspan="3">附加费：CNY 230.00</td>
+ <td colspan="3">总费用：</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+<!-- 货物信息-->
+ <h4 class="title">货物信息</h4>
+ <div class="r-table">
+ <table class="tb" width="100%">
+ <tbody>
+ <tr>
+ <th width="35%">*是否有电池、液体、粉末、磁性及其它违禁物品</th>
+ <td width="15%">
+ <el-radio v-model="radio1" label="1">是</el-radio>
+ <el-radio v-model="radio1" label="2">否</el-radio></td>
+ <th width="35%">*是否购买保险</th>
+ <td width="15%">
+ <el-radio v-model="radio1" label="1">是</el-radio>
+ <el-radio v-model="radio1" label="2">否</el-radio></td>
+ </tr>
+ <tr>
+ <th width="35%">*是否超长托盘</th>
+ <td width="15%">
+ <el-radio v-model="radio1" label="1">是</el-radio>
+ <el-radio v-model="radio1" label="2">否</el-radio></td>
+ <th width="35%">*是否名牌</th>
+ <td width="15%">
+ <el-radio v-model="radio1" label="1">是</el-radio>
+ <el-radio v-model="radio1" label="2">否</el-radio></td>
+ </tr>
+ </tbody>
+ </table>
+ <table class="tb" style="margin-top: 10px;width: 100%">
+ <tbody>
+ <tr>
+ <th width="20%">中文品名</th>
+ <th width="20%">英文品名</th>
+ <th width="10%">*数量(件)</th>
+ <th width="10%">*实重（KG）</th>
+ <th width="10%">*总体积（CBM）</th>
+ <th width="20%">最大尺寸(长x宽x高)</th>
+ <th width="10%">操作</th>
+ </tr>
+ <tr>
+ <td><el-input v-model="radio1" placeholder="" size="mini"></el-input></td>
+ <td><el-input v-model="radio1" placeholder="" size="mini"></el-input></td>
+ <td><el-input v-model="radio1" placeholder="" size="mini"></el-input></td>
+ <td><el-input v-model="radio1" placeholder="" size="mini"></el-input></td>
+ <td><el-input v-model="radio1" placeholder="" size="mini"></el-input></td>
+ <td><el-input v-model="radio1" placeholder="" size="mini"></el-input></td>
+ <td><el-button icon="el-icon-plus" size="mini" circle></el-button>
+ <el-button icon="el-icon-minus" size="mini" circle></el-button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+<!-- 收发件通知人信息-->
+ <div class="r-table" style="margin-top: 35px">
+ <el-collapse v-model="activeNames" @change="handleChange" class="col">
+ <el-collapse-item title="发件人信息" name="1">
+ <table class="tb" width="100%">
+ <tbody>
+ <tr>
+ <th width="15%">姓名</th>
+ <td width="35%"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ <th width="15%">联系电话</th>
+ <td width="35%"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ </tr>
+ <tr>
+ <th colspan="1">公司</th>
+ <td colspan="3"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ </tr>
+ <tr>
+ <th colspan="1">详细地址 </th>
+ <td colspan="3"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ </tr>
+ </tbody>
+ </table>
+ </el-collapse-item>
+ <el-collapse-item title="收件人信息" name="2" class="father">
+ <div class="relative">
+ <el-button type="text" @click="dialogTableVisible = true">收件地址库</el-button>
+ <el-checkbox v-model="radio1" style="margin-left: 20px">加入地址库</el-checkbox>
+ </div>
+ <table class="tb" width="100%">
+ <tbody>
+ <tr>
+ <th width="15%">姓名</th>
+ <td width="35"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ <th width="15%">联系电话</th>
+ <td width="35%"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ </tr>
+ <tr>
+ <th colspan="1">公司</th>
+ <td colspan="3"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ </tr>
+ <tr>
+ <th colspan="1">详细地址</th>
+ <td colspan="3"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ </tr>
+ <tr>
+ <th colspan="1">特殊信息</th>
+ <td colspan="3"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ </tr>
+ </tbody>
+ </table>
+ </el-collapse-item>
+ <el-collapse-item title="通知人信息" name="3" class="father">
+ <div class="relative"><el-checkbox v-model="radio1">同收件人</el-checkbox></div>
+ <table class="tb" width="100%">
+ <tbody>
+ <tr>
+ <th width="15%">姓名</th>
+ <td width="35%"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ <th width="15%">联系电话</th>
+ <td width="35%"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ </tr>
+ <tr>
+ <th colspan="1">公司</th>
+ <td colspan="3"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ </tr>
+ <tr>
+ <th colspan="1">详细地址</th>
+ <td colspan="3"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ </tr>
+ <tr>
+ <th colspan="1">特殊信息</th>
+ <td colspan="3"><el-input v-model="radio1" placeholder="" ></el-input></td>
+ </tr>
+ </tbody>
+ </table>
+ </el-collapse-item>
+ </el-collapse>
+ </div>
+ <div style="text-align: center;margin-top: 30px">
+ <el-button type="danger" style="width: 180px;height: 50px" @click="open">确认下单</el-button>
+ </div>
+ <div style="margin-top: 50px;height: 80px"> </div>
+ </div>
+<!-- 收件地址库弹框-->
+ <div>
+ <el-dialog title="请选择收件人" :visible.sync="dialogTableVisible">
+ <el-table :data="gridData">
+ <el-table-column property="name" label="姓名" width="150"></el-table-column>
+ <el-table-column property="tel" label="电话" width="200"></el-table-column>
+ <el-table-column property="address" label="地址"></el-table-column>
+ </el-table>
+ <div style="margin-top: 10px;text-align: right">
+ <el-button>取消</el-button>
+ <el-button type="primary">请选择收件人</el-button>
+ </div>
+ </el-dialog>
+ </div>
+ </div>
+</template>
-<!--<script>-->
-<!-- export default {-->
-<!-- data() {-->
-<!-- return{-->
-<!-- gridData:[],-->
-<!-- num: 1,-->
-<!-- dialogTableVisible:false,-->
+<script>
+ export default {
+ data() {
+ return{
+ gridData:[],
+ num:'' ,
+ dialogTableVisible:false,
+ A:'',
+ B:'',
+ C:'',
+ D:'',
+ E:'',
+ F:'',
+ G:'',
+ H:'',
+ radio1:'',
+ name:'',
+ tel:'',
+ address:'',
-<!-- }-->
-<!-- }-->
-<!-- }-->
-<!--</script>-->
-<!--<style scoped>-->
-<!-- .bg{-->
-<!-- background-color: #F2F2F2;-->
-<!-- }-->
-<!-- .air{-->
-<!-- font-size: 20px;-->
-<!-- color: #308aee;-->
-<!-- margin-top: 20px;-->
-<!-- display: block;-->
-<!-- }-->
-<!-- .r-table{-->
-<!-- text-align: center;-->
-<!-- }-->
+ }
+ },
+ methods:{
+ handleChange(){},
+ open() {
+ this.$alert('确认下单？', '', {
+ confirmButtonText: '确定',
+ callback: action => {
+ this.$message({
+ type: 'info',
+ message: `action: ${ action }`
+ });
+ }
+ });
+ }
+ }
+ }
+</script>
-<!-- /*line-height: 100px;*/-->
-<!-- .tb{-->
-<!-- font-size: 14px;-->
-<!-- box-sizing: border-box;-->
-<!-- display: table;-->
-<!-- border-spacing: 0;-->
-<!-- border-collapse: collapse;-->
-<!-- }-->
-<!-- .px{-->
-<!-- background-color: #FFFFFF;-->
-<!-- width: 100%;-->
-<!-- height: 500px;-->
-<!-- }-->
-<!-- .title{-->
-<!-- color: #127ef2;-->
-<!-- font-size: 16px;-->
-<!-- font-weight: bold;-->
-<!-- margin: 20px 30px;-->
-<!-- text-align: left;-->
-<!-- }-->
-<!-- .r-table .tb > tbody > tr > th {-->
-<!-- background-color: #d8ecff;-->
-<!-- padding: 10px 5px;-->
-<!-- text-align: center;-->
-<!-- border: 1px solid #ddd;-->
-<!-- }-->
-<!-- .r-table .tb > tbody > tr > td {-->
-<!-- padding: 8px;-->
-<!-- border: 1px solid #ddd;-->
-<!-- display: table-cell;-->
-<!-- }-->
-<!-- .col .tb > tbody > tr > th {-->
-<!-- border: 0px;-->
-<!-- }-->
-<!-- .col .tb > tbody > tr > td {-->
-<!-- border: 0px;-->
-<!-- }-->
-<!-- .father{-->
-<!-- position: relative;-->
-<!-- }-->
-<!-- .relative{-->
-<!-- position: absolute;-->
-<!-- top:11px;-->
-<!-- right: 100px;-->
-<!-- }-->
-<!--</style>-->
-<!--<style>-->
-<!-- .order .el-collapse-item__header{-->
-<!-- color: #127ef2;-->
-<!-- font-size: 16px;-->
-<!-- font-weight: bold;-->
-<!-- margin: 20px 30px;-->
-<!-- text-align: left;-->
-<!-- }-->
-<!--</style>-->
+<style scoped>
+ .bg{
+ background-color: #F2F2F2;
+ }
+ .air{
+ font-size: 20px;
+ color: #308aee;
+ margin-top: 20px;
+ display: block;
+ }
+ .r-table{
+ text-align: center;
+ }
+
+ /*line-height: 100px;*/
+ .tb{
+ font-size: 14px;
+ box-sizing: border-box;
+ display: table;
+ border-spacing: 0;
+ border-collapse: collapse;
+ }
+ .px{
+ background-color: #FFFFFF;
+ width: 100%;
+ height: 850px;
+ overflow: auto;
+ }
+ .title{
+ color: #127ef2;
+ font-size: 16px;
+ font-weight: bold;
+ margin: 20px 30px;
+ text-align: left;
+ }
+ .r-table .tb > tbody > tr > th {
+ background-color: #d8ecff;
+ padding: 10px 5px;
+ text-align: center;
+ border: 1px solid #ddd;
+ }
+ .r-table .tb > tbody > tr > td {
+ padding: 8px;
+ border: 1px solid #ddd;
+ display: table-cell;
+ }
+ .col .tb > tbody > tr > th {
+ border: 0px;
+ }
+ .col .tb > tbody > tr > td {
+ border: 0px;
+ }
+ .father{
+ position: relative;
+ }
+ .relative{
+ position: absolute;
+ top:11px;
+ right: 100px;
+ }
+</style>
+<style>
+ .order .el-collapse-item__header{
+ color: #127ef2;
+ font-size: 16px;
+ font-weight: bold;
+ margin: 20px 30px;
+ text-align: left;
+ }
+</style>