朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 3fdf020dd263b2134f65b243361e2e4555eb42ad 1 个父辈 5621a28c

订舱系统界面更新

内嵌 并排对比
正在显示 4 个修改的文件 包含 398 行增加 和 304 行删除
... ... @@ -24,7 +24,7 @@ module.exports = {
},
dev: {
env: require('./dev.env'),
port: 12024,
port: 12021,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
... ...
... ... @@ -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;
... ...
... ... @@ -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>
... ...
<!--<template>-->
<!-- <div class="bg order">-->
<!-- <span class="air">空运服务-订舱确认</span>-->
<!-- <div class="px">-->
<!--&lt;!&ndash; 下单信息&ndash;&gt;-->
<!-- <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>-->
<!--&lt;!&ndash; 货物信息&ndash;&gt;-->
<!-- <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>-->
<!--&lt;!&ndash; 收发件通知人信息&ndash;&gt;-->
<!-- <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>-->
<!--&lt;!&ndash; 收件地址库弹框&ndash;&gt;-->
<!-- <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>
... ...