朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 dc9989ece09001688d539f18f258792105d53f85 1 个父辈 0b407914

订舱业务

内嵌 并排对比
正在显示 4 个修改的文件 包含 291 行增加 和 313 行删除
@@ -16,6 +16,10 @@ export default { @@ -16,6 +16,10 @@ export default {
16 </script> 16 </script>
17 17
18 <style lang="scss"> 18 <style lang="scss">
  19 + .el-table th.gutter{
  20 + display: table-cell!important;
  21 + }
  22 +
19 body { 23 body {
20 margin: 0px; 24 margin: 0px;
21 padding: 0px; 25 padding: 0px;
@@ -63,4 +67,4 @@ body { @@ -63,4 +67,4 @@ body {
63 .fade-leave-active { 67 .fade-leave-active {
64 opacity: 0; 68 opacity: 0;
65 } 69 }
66 -</style>  
  70 +</style>
@@ -244,7 +244,6 @@ @@ -244,7 +244,6 @@
244 244
245 <script> 245 <script>
246 export default { 246 export default {
247 - name: "airlift"  
248 } 247 }
249 </script> 248 </script>
250 249
1 <template> 1 <template>
2 <div class="bg"> 2 <div class="bg">
3 <el-container> 3 <el-container>
4 -<!-- 顶栏区域-->  
5 - <el-header style="height: 120px">  
6 - <el-row class="header">  
7 - <el-col :span="9">  
8 - <span style="font-size: 50px">KT际通</span>  
9 - <span>在线订舱平台</span>  
10 - </el-col>  
11 - <el-col :span="13" style="margin-left: 30px;margin-top: 30px;width: 300px ">  
12 - <el-menu :default-active="activeIndex"  
13 - class="el-menu-demo"  
14 - mode="horizontal"  
15 - @select="handleSelect"  
16 - style="text-color:#303133;active-text-color:#FFF">  
17 - <el-menu-item index="1">首 页</el-menu-item>  
18 - <el-menu-item index="2">行业方案</el-menu-item>  
19 - <el-menu-item index="3">关于我们</el-menu-item>  
20 - </el-menu>  
21 - </el-col>  
22 - </el-row>  
23 - </el-header>  
24 <!-- 主要区域--> 4 <!-- 主要区域-->
25 <el-main> 5 <el-main>
26 <!-- 空运查询内容--> 6 <!-- 空运查询内容-->
1 -<template>  
2 - <div class="bg order">  
3 - <span class="air">空运服务-订舱确认</span>  
4 - <div class="px">  
5 -<!-- 下单信息-->  
6 - <h4 class="title">下单信息</h4>  
7 - <div class="r-table">  
8 - <table class="tb">  
9 - <tbody>  
10 - <tr>  
11 - <th width="10%">航空公司</th>  
12 - <td width="10%">{{defaultQuery.flightno}}</td>  
13 - <th width="10%">起运机场</th>  
14 - <td width="10%">北京</td>  
15 - <th width="10%">目的机场</th>  
16 - <td width="10%">法兰克福</td>  
17 - <th width="10%">下单重量(KG)</th>  
18 - <td width="10%"><el-input v-model="weight" placeholder="" size="mini"></el-input></td>  
19 - <th width="10%">运价单价</th>  
20 - <td width="10%">CNY 23.50/KG</td>  
21 - </tr>  
22 - <tr>  
23 - <th>报关方式</th>  
24 - <td colspan="4">  
25 - <el-radio v-model="customsType" label="1">自理报关</el-radio>  
26 - <el-radio v-model="customsType" label="2">委托报关</el-radio>  
27 - </td>  
28 -<!-- surchargePrice-->  
29 - <th rowspan="4">附加费</th>  
30 - <td colspan="3">操作费： CNY 0.00/票</td>  
31 - <td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="">  
32 - </el-input-number></td>  
33 - </tr>  
34 - <tr>  
35 - <th rowspan="3">门到门服务</th>  
36 - <td colspan="4"><el-checkbox v-model="homeDelivery">上门提货</el-checkbox></td>  
37 - <td colspan="3">制单费： CNY 50.00/票</td>  
38 - <td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="">  
39 - </el-input-number></td>  
40 - </tr>  
41 - <tr>  
42 - <td colspan="4" rowspan="2"><el-checkbox v-model="sendToHome">清关派送</el-checkbox></td>  
43 - <td colspan="3">订舱预录费： CNY 30.00 /票</td>  
44 - <td><el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="">  
45 - </el-input-number></td>  
46 - </tr>  
47 - <tr>  
48 - <td colspan="4">地面操作费： CNY 0/KG</td>  
49 - </tr>  
50 - <tr>  
51 - <th>预估费用</th>  
52 - <td colspan="3">运费：CNY 23500.00 (最低100.00KG 起运)</td>  
53 - <td colspan="3">附加费：CNY 230.00</td>  
54 - <td colspan="3"> 共计：CNY 23730.00</td>  
55 - </tr>  
56 - </tbody>  
57 - </table>  
58 - </div>  
59 -<!-- 货物信息-->  
60 - <h4 class="title">货物信息</h4>  
61 - <div class="r-table">  
62 - <table class="tb" width="100%">  
63 - <tbody>  
64 - <tr>  
65 - <th width="35%">*是否有电池、液体、粉末、磁性及其它违禁物品</th>  
66 - <td width="15%">  
67 - <el-radio v-model="radio1" label="1">是</el-radio>  
68 - <el-radio v-model="radio1" label="2">否</el-radio></td>  
69 - <th width="35%">*是否购买保险</th>  
70 - <td width="15%">  
71 - <el-radio v-model="radio4" label="1">是</el-radio>  
72 - <el-radio v-model="radio4" label="2">否</el-radio></td>  
73 - </tr>  
74 - <tr>  
75 - <th width="35%">*是否超长托盘</th>  
76 - <td width="15%">  
77 - <el-radio v-model="radio1" label="1">是</el-radio>  
78 - <el-radio v-model="radio1" label="2">否</el-radio></td>  
79 - <th width="35%">*是否名牌</th>  
80 - <td width="15%">  
81 - <el-radio v-model="radio4" label="1">是</el-radio>  
82 - <el-radio v-model="radio4" label="2">否</el-radio></td>  
83 - </tr>  
84 - </tbody>  
85 - </table>  
86 - <table class="tb" style="margin-top: 10px;width: 100%">  
87 - <tbody>  
88 - <tr>  
89 - <th width="20%">中文品名</th>  
90 - <th width="20%">英文品名</th>  
91 - <th width="10%">*数量(件)</th>  
92 - <th width="10%">*实重（KG）</th>  
93 - <th width="10%">*总体积（CBM）</th>  
94 - <th width="20%">最大尺寸(长x宽x高)</th>  
95 - <th width="10%">操作</th>  
96 - </tr>  
97 - <tr>  
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>  
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>  
104 - <td><el-button icon="el-icon-plus" size="mini" circle></el-button>  
105 - <el-button icon="el-icon-minus" size="mini" circle></el-button></td>  
106 - </tr>  
107 - </tbody>  
108 - </table>  
109 - </div>  
110 -<!-- 收发件通知人信息-->  
111 - <div class="r-table" style="margin-top: 35px">  
112 - <el-collapse v-model="activeNames" @change="handleChange" class="col">  
113 - <el-collapse-item title="发件人信息" name="1">  
114 - <table class="tb" width="100%">  
115 - <tbody>  
116 - <tr>  
117 - <th width="15%">姓名</th>  
118 - <td width="35%"><el-input v-model="name" placeholder="" ></el-input></td>  
119 - <th width="15%">联系电话</th>  
120 - <td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>  
121 - </tr>  
122 - <tr>  
123 - <th colspan="1">公司</th>  
124 - <td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>  
125 - </tr>  
126 - <tr>  
127 - <th colspan="1">详细地址 </th>  
128 - <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>  
129 - </tr>  
130 - </tbody>  
131 - </table>  
132 - </el-collapse-item>  
133 - <el-collapse-item title="收件人信息" name="2" class="father">  
134 - <div class="relative">  
135 - <el-button type="text" @click="dialogTableVisible = true">收件地址库</el-button>  
136 - <el-checkbox v-model="checked1" style="margin-left: 20px">加入地址库</el-checkbox>  
137 - </div>  
138 - <table class="tb" width="100%">  
139 - <tbody>  
140 - <tr>  
141 - <th width="15%">姓名</th>  
142 - <td width="35"><el-input v-model="name" placeholder="" ></el-input></td>  
143 - <th width="15%">联系电话</th>  
144 - <td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>  
145 - </tr>  
146 - <tr>  
147 - <th colspan="1">公司</th>  
148 - <td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>  
149 - </tr>  
150 - <tr>  
151 - <th colspan="1">详细地址</th>  
152 - <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>  
153 - </tr>  
154 - <tr>  
155 - <th colspan="1">特殊信息</th>  
156 - <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>  
157 - </tr>  
158 - </tbody>  
159 - </table>  
160 - </el-collapse-item>  
161 - <el-collapse-item title="通知人信息" name="3" class="father">  
162 - <div class="relative"><el-checkbox v-model="checked">同收件人</el-checkbox></div>  
163 - <table class="tb" width="100%">  
164 - <tbody>  
165 - <tr>  
166 - <th width="15%">姓名</th>  
167 - <td width="35%"><el-input v-model="name" placeholder="" ></el-input></td>  
168 - <th width="15%">联系电话</th>  
169 - <td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>  
170 - </tr>  
171 - <tr>  
172 - <th colspan="1">公司</th>  
173 - <td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>  
174 - </tr>  
175 - <tr>  
176 - <th colspan="1">详细地址</th>  
177 - <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>  
178 - </tr>  
179 - <tr>  
180 - <th colspan="1">特殊信息</th>  
181 - <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>  
182 - </tr>  
183 - </tbody>  
184 - </table>  
185 - </el-collapse-item>  
186 - </el-collapse>  
187 - </div>  
188 - <div style="text-align: center;margin-top: 30px">  
189 - <el-button type="danger" style="width: 180px;height: 50px">确认下单</el-button>  
190 - </div>  
191 - <div style="margin-top: 50px;height: 80px"> </div>  
192 - </div>  
193 -<!-- 收件地址库弹框-->  
194 - <div>  
195 - <el-dialog title="请选择收件人" :visible.sync="dialogTableVisible">  
196 - <el-table :data="gridData">  
197 - <el-table-column property="date" label="姓名" width="150"></el-table-column>  
198 - <el-table-column property="name" label="电话" width="200"></el-table-column>  
199 - <el-table-column property="address" label="地址"></el-table-column>  
200 - </el-table>  
201 - <div style="margin-top: 10px;text-align: right">  
202 - <el-button>取消</el-button>  
203 - <el-button type="primary">请选择收件人</el-button>  
204 - </div>  
205 - </el-dialog>  
206 - </div>  
207 - </div>  
208 -</template> 1 +<!--<template>-->
  2 +<!-- <div class="bg order">-->
  3 +<!-- <span class="air">空运服务-订舱确认</span>-->
  4 +<!-- <div class="px">-->
  5 +<!--&lt;!&ndash; 下单信息&ndash;&gt;-->
  6 +<!-- <h4 class="title">下单信息</h4>-->
  7 +<!-- <div class="r-table">-->
  8 +<!-- <table class="tb">-->
  9 +<!-- <tbody>-->
  10 +<!-- <tr>-->
  11 +<!-- <th width="10%">航空公司</th>-->
  12 +<!-- <td width="10%">1</td>-->
  13 +<!-- <th width="10%">起运机场</th>-->
  14 +<!-- <td width="10%">1</td>-->
  15 +<!-- <th width="10%">目的机场</th>-->
  16 +<!-- <td width="10%">1</td>-->
  17 +<!-- <th width="10%">下单重量(KG)</th>-->
  18 +<!-- <td width="10%"><el-input v-model="weight" placeholder="" size="mini"></el-input></td>-->
  19 +<!-- <th width="10%">运价单价</th>-->
  20 +<!-- <td width="10%">1</td>-->
  21 +<!-- </tr>-->
  22 +<!-- <tr>-->
  23 +<!-- <th>报关方式</th>-->
  24 +<!-- <td colspan="4">-->
  25 +<!-- <el-radio v-model="customsType" label="1">自理报关</el-radio>-->
  26 +<!-- <el-radio v-model="customsCharges" label="2">委托报关</el-radio>-->
  27 +<!-- </td>-->
  28 +<!-- <th rowspan="4">附加费</th>-->
  29 +<!-- <td colspan="3">操作费： CNY 0.00/票</td>-->
  30 +<!-- <td><el-input-number v-model="" @change="handleChange" :min="1" :max="10" label="">-->
  31 +<!-- </el-input-number></td>-->
  32 +<!-- </tr>-->
  33 +<!-- <tr>-->
  34 +<!-- <th rowspan="3">门到门服务</th>-->
  35 +<!-- <td colspan="4"><el-checkbox v-model="homeDelivery">上门提货</el-checkbox></td>-->
  36 +<!-- <td colspan="3">制单费： CNY 50.00/票</td>-->
  37 +<!-- <td><el-input-number v-model="" @change="handleChange" :min="1" :max="10" label="">-->
  38 +<!-- </el-input-number></td>-->
  39 +<!-- </tr>-->
  40 +<!-- <tr>-->
  41 +<!-- <td colspan="4" rowspan="2"><el-checkbox v-model="sendToHome">清关派送</el-checkbox></td>-->
  42 +<!-- <td colspan="3">订舱预录费： CNY 30.00 /票</td>-->
  43 +<!-- <td><el-input-number v-model="" @change="handleChange" :min="1" :max="10" label="">-->
  44 +<!-- </el-input-number></td>-->
  45 +<!-- </tr>-->
  46 +<!-- <tr>-->
  47 +<!-- <td colspan="4">地面操作费： CNY 0/KG</td>-->
  48 +<!-- </tr>-->
  49 +<!-- <tr>-->
  50 +<!-- <th>预估费用</th>-->
  51 +<!-- <td colspan="3">运费：CNY 23500.00 (最低100.00KG 起运)</td>-->
  52 +<!-- <td colspan="3">附加费：CNY 230.00</td>-->
  53 +<!-- <td colspan="3">总费用：</td>-->
  54 +<!-- </tr>-->
  55 +<!-- </tbody>-->
  56 +<!-- </table>-->
  57 +<!-- </div>-->
  58 +<!--&lt;!&ndash; 货物信息&ndash;&gt;-->
  59 +<!-- <h4 class="title">货物信息</h4>-->
  60 +<!-- <div class="r-table">-->
  61 +<!-- <table class="tb" width="100%">-->
  62 +<!-- <tbody>-->
  63 +<!-- <tr>-->
  64 +<!-- <th width="35%">*是否有电池、液体、粉末、磁性及其它违禁物品</th>-->
  65 +<!-- <td width="15%">-->
  66 +<!-- <el-radio v-model="radio1" label="1">是</el-radio>-->
  67 +<!-- <el-radio v-model="radio1" label="2">否</el-radio></td>-->
  68 +<!-- <th width="35%">*是否购买保险</th>-->
  69 +<!-- <td width="15%">-->
  70 +<!-- <el-radio v-model="radio4" label="1">是</el-radio>-->
  71 +<!-- <el-radio v-model="radio4" label="2">否</el-radio></td>-->
  72 +<!-- </tr>-->
  73 +<!-- <tr>-->
  74 +<!-- <th width="35%">*是否超长托盘</th>-->
  75 +<!-- <td width="15%">-->
  76 +<!-- <el-radio v-model="radio1" label="1">是</el-radio>-->
  77 +<!-- <el-radio v-model="radio1" label="2">否</el-radio></td>-->
  78 +<!-- <th width="35%">*是否名牌</th>-->
  79 +<!-- <td width="15%">-->
  80 +<!-- <el-radio v-model="radio4" label="1">是</el-radio>-->
  81 +<!-- <el-radio v-model="radio4" label="2">否</el-radio></td>-->
  82 +<!-- </tr>-->
  83 +<!-- </tbody>-->
  84 +<!-- </table>-->
  85 +<!-- <table class="tb" style="margin-top: 10px;width: 100%">-->
  86 +<!-- <tbody>-->
  87 +<!-- <tr>-->
  88 +<!-- <th width="20%">中文品名</th>-->
  89 +<!-- <th width="20%">英文品名</th>-->
  90 +<!-- <th width="10%">*数量(件)</th>-->
  91 +<!-- <th width="10%">*实重（KG）</th>-->
  92 +<!-- <th width="10%">*总体积（CBM）</th>-->
  93 +<!-- <th width="20%">最大尺寸(长x宽x高)</th>-->
  94 +<!-- <th width="10%">操作</th>-->
  95 +<!-- </tr>-->
  96 +<!-- <tr>-->
  97 +<!-- <td><el-input v-model="nameCn" placeholder="" size="mini"></el-input></td>-->
  98 +<!-- <td><el-input v-model="name" placeholder="" size="mini"></el-input></td>-->
  99 +<!-- <td><el-input v-model="billCount" placeholder="" size="mini"></el-input></td>-->
  100 +<!-- <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>-->
  103 +<!-- <td><el-button icon="el-icon-plus" size="mini" circle></el-button>-->
  104 +<!-- <el-button icon="el-icon-minus" size="mini" circle></el-button></td>-->
  105 +<!-- </tr>-->
  106 +<!-- </tbody>-->
  107 +<!-- </table>-->
  108 +<!-- </div>-->
  109 +<!--&lt;!&ndash; 收发件通知人信息&ndash;&gt;-->
  110 +<!-- <div class="r-table" style="margin-top: 35px">-->
  111 +<!-- <el-collapse v-model="activeNames" @change="handleChange" class="col">-->
  112 +<!-- <el-collapse-item title="发件人信息" name="1">-->
  113 +<!-- <table class="tb" width="100%">-->
  114 +<!-- <tbody>-->
  115 +<!-- <tr>-->
  116 +<!-- <th width="15%">姓名</th>-->
  117 +<!-- <td width="35%"><el-input v-model="name" placeholder="" ></el-input></td>-->
  118 +<!-- <th width="15%">联系电话</th>-->
  119 +<!-- <td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>-->
  120 +<!-- </tr>-->
  121 +<!-- <tr>-->
  122 +<!-- <th colspan="1">公司</th>-->
  123 +<!-- <td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>-->
  124 +<!-- </tr>-->
  125 +<!-- <tr>-->
  126 +<!-- <th colspan="1">详细地址 </th>-->
  127 +<!-- <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>-->
  128 +<!-- </tr>-->
  129 +<!-- </tbody>-->
  130 +<!-- </table>-->
  131 +<!-- </el-collapse-item>-->
  132 +<!-- <el-collapse-item title="收件人信息" name="2" class="father">-->
  133 +<!-- <div class="relative">-->
  134 +<!-- <el-button type="text" @click="dialogTableVisible = true">收件地址库</el-button>-->
  135 +<!-- <el-checkbox v-model="checked1" style="margin-left: 20px">加入地址库</el-checkbox>-->
  136 +<!-- </div>-->
  137 +<!-- <table class="tb" width="100%">-->
  138 +<!-- <tbody>-->
  139 +<!-- <tr>-->
  140 +<!-- <th width="15%">姓名</th>-->
  141 +<!-- <td width="35"><el-input v-model="name" placeholder="" ></el-input></td>-->
  142 +<!-- <th width="15%">联系电话</th>-->
  143 +<!-- <td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>-->
  144 +<!-- </tr>-->
  145 +<!-- <tr>-->
  146 +<!-- <th colspan="1">公司</th>-->
  147 +<!-- <td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>-->
  148 +<!-- </tr>-->
  149 +<!-- <tr>-->
  150 +<!-- <th colspan="1">详细地址</th>-->
  151 +<!-- <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>-->
  152 +<!-- </tr>-->
  153 +<!-- <tr>-->
  154 +<!-- <th colspan="1">特殊信息</th>-->
  155 +<!-- <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>-->
  156 +<!-- </tr>-->
  157 +<!-- </tbody>-->
  158 +<!-- </table>-->
  159 +<!-- </el-collapse-item>-->
  160 +<!-- <el-collapse-item title="通知人信息" name="3" class="father">-->
  161 +<!-- <div class="relative"><el-checkbox v-model="checked">同收件人</el-checkbox></div>-->
  162 +<!-- <table class="tb" width="100%">-->
  163 +<!-- <tbody>-->
  164 +<!-- <tr>-->
  165 +<!-- <th width="15%">姓名</th>-->
  166 +<!-- <td width="35%"><el-input v-model="name" placeholder="" ></el-input></td>-->
  167 +<!-- <th width="15%">联系电话</th>-->
  168 +<!-- <td width="35%"><el-input v-model="tel" placeholder="" ></el-input></td>-->
  169 +<!-- </tr>-->
  170 +<!-- <tr>-->
  171 +<!-- <th colspan="1">公司</th>-->
  172 +<!-- <td colspan="3"><el-input v-model="company" placeholder="" ></el-input></td>-->
  173 +<!-- </tr>-->
  174 +<!-- <tr>-->
  175 +<!-- <th colspan="1">详细地址</th>-->
  176 +<!-- <td colspan="3"><el-input v-model="address" placeholder="" ></el-input></td>-->
  177 +<!-- </tr>-->
  178 +<!-- <tr>-->
  179 +<!-- <th colspan="1">特殊信息</th>-->
  180 +<!-- <td colspan="3"><el-input v-model="input" placeholder="" ></el-input></td>-->
  181 +<!-- </tr>-->
  182 +<!-- </tbody>-->
  183 +<!-- </table>-->
  184 +<!-- </el-collapse-item>-->
  185 +<!-- </el-collapse>-->
  186 +<!-- </div>-->
  187 +<!-- <div style="text-align: center;margin-top: 30px">-->
  188 +<!-- <el-button type="danger" style="width: 180px;height: 50px">确认下单</el-button>-->
  189 +<!-- </div>-->
  190 +<!-- <div style="margin-top: 50px;height: 80px"> </div>-->
  191 +<!-- </div>-->
  192 +<!--&lt;!&ndash; 收件地址库弹框&ndash;&gt;-->
  193 +<!-- <div>-->
  194 +<!-- <el-dialog title="请选择收件人" :visible.sync="dialogTableVisible">-->
  195 +<!-- <el-table :data="gridData">-->
  196 +<!-- <el-table-column property="name" label="姓名" width="150"></el-table-column>-->
  197 +<!-- <el-table-column property="tel" label="电话" width="200"></el-table-column>-->
  198 +<!-- <el-table-column property="address" label="地址"></el-table-column>-->
  199 +<!-- </el-table>-->
  200 +<!-- <div style="margin-top: 10px;text-align: right">-->
  201 +<!-- <el-button>取消</el-button>-->
  202 +<!-- <el-button type="primary">请选择收件人</el-button>-->
  203 +<!-- </div>-->
  204 +<!-- </el-dialog>-->
  205 +<!-- </div>-->
  206 +<!-- </div>-->
  207 +<!--</template>-->
209 208
210 -<script>  
211 - export default {  
212 - data() {  
213 - return{  
214 - num: 1,  
215 - radio: '',  
216 - radio1: '',  
217 - radio2: '',  
218 - radio3: '',  
219 - radio4: '',  
220 - dialogTableVisible:false, 209 +<!--<script>-->
  210 +<!-- export default {-->
  211 +<!-- data() {-->
  212 +<!-- return{-->
  213 +<!-- gridData:[],-->
  214 +<!-- num: 1,-->
  215 +<!-- dialogTableVisible:false,-->
221 216
222 - }  
223 - }  
224 - }  
225 -</script> 217 +<!-- }-->
  218 +<!-- }-->
  219 +<!-- }-->
  220 +<!--</script>-->
226 221
227 -<style scoped>  
228 - .bg{  
229 - background-color: #F2F2F2;  
230 - }  
231 - .air{  
232 - font-size: 20px;  
233 - color: #308aee;  
234 - margin-top: 20px;  
235 - display: block;  
236 - }  
237 - .r-table{  
238 - text-align: center;  
239 - } 222 +<!--<style scoped>-->
  223 +<!-- .bg{-->
  224 +<!-- background-color: #F2F2F2;-->
  225 +<!-- }-->
  226 +<!-- .air{-->
  227 +<!-- font-size: 20px;-->
  228 +<!-- color: #308aee;-->
  229 +<!-- margin-top: 20px;-->
  230 +<!-- display: block;-->
  231 +<!-- }-->
  232 +<!-- .r-table{-->
  233 +<!-- text-align: center;-->
  234 +<!-- }-->
240 235
241 - /*line-height: 100px;*/  
242 - .tb{  
243 - font-size: 14px;  
244 - box-sizing: border-box;  
245 - display: table;  
246 - border-spacing: 0;  
247 - border-collapse: collapse;  
248 - }  
249 - .px{  
250 - background-color: #FFFFFF;  
251 - width: 100%;  
252 - height: 500px;  
253 - }  
254 - .title{  
255 - color: #127ef2;  
256 - font-size: 16px;  
257 - font-weight: bold;  
258 - margin: 20px 30px;  
259 - text-align: left;  
260 - }  
261 - .r-table .tb > tbody > tr > th {  
262 - background-color: #d8ecff;  
263 - padding: 10px 5px;  
264 - text-align: center;  
265 - border: 1px solid #ddd;  
266 - }  
267 - .r-table .tb > tbody > tr > td {  
268 - padding: 8px;  
269 - border: 1px solid #ddd;  
270 - display: table-cell;  
271 - }  
272 - .col .tb > tbody > tr > th {  
273 - border: 0px;  
274 - }  
275 - .col .tb > tbody > tr > td {  
276 - border: 0px;  
277 - }  
278 - .father{  
279 - position: relative;  
280 - }  
281 - .relative{  
282 - position: absolute;  
283 - top:11px;  
284 - right: 100px;  
285 - }  
286 -</style>  
287 -<style>  
288 - .order .el-collapse-item__header{  
289 - color: #127ef2;  
290 - font-size: 16px;  
291 - font-weight: bold;  
292 - margin: 20px 30px;  
293 - text-align: left;  
294 - }  
295 -</style>  
  236 +<!-- /*line-height: 100px;*/-->
  237 +<!-- .tb{-->
  238 +<!-- font-size: 14px;-->
  239 +<!-- box-sizing: border-box;-->
  240 +<!-- display: table;-->
  241 +<!-- border-spacing: 0;-->
  242 +<!-- border-collapse: collapse;-->
  243 +<!-- }-->
  244 +<!-- .px{-->
  245 +<!-- background-color: #FFFFFF;-->
  246 +<!-- width: 100%;-->
  247 +<!-- height: 500px;-->
  248 +<!-- }-->
  249 +<!-- .title{-->
  250 +<!-- color: #127ef2;-->
  251 +<!-- font-size: 16px;-->
  252 +<!-- font-weight: bold;-->
  253 +<!-- margin: 20px 30px;-->
  254 +<!-- text-align: left;-->
  255 +<!-- }-->
  256 +<!-- .r-table .tb > tbody > tr > th {-->
  257 +<!-- background-color: #d8ecff;-->
  258 +<!-- padding: 10px 5px;-->
  259 +<!-- text-align: center;-->
  260 +<!-- border: 1px solid #ddd;-->
  261 +<!-- }-->
  262 +<!-- .r-table .tb > tbody > tr > td {-->
  263 +<!-- padding: 8px;-->
  264 +<!-- border: 1px solid #ddd;-->
  265 +<!-- display: table-cell;-->
  266 +<!-- }-->
  267 +<!-- .col .tb > tbody > tr > th {-->
  268 +<!-- border: 0px;-->
  269 +<!-- }-->
  270 +<!-- .col .tb > tbody > tr > td {-->
  271 +<!-- border: 0px;-->
  272 +<!-- }-->
  273 +<!-- .father{-->
  274 +<!-- position: relative;-->
  275 +<!-- }-->
  276 +<!-- .relative{-->
  277 +<!-- position: absolute;-->
  278 +<!-- top:11px;-->
  279 +<!-- right: 100px;-->
  280 +<!-- }-->
  281 +<!--</style>-->
  282 +<!--<style>-->
  283 +<!-- .order .el-collapse-item__header{-->
  284 +<!-- color: #127ef2;-->
  285 +<!-- font-size: 16px;-->
  286 +<!-- font-weight: bold;-->
  287 +<!-- margin: 20px 30px;-->
  288 +<!-- text-align: left;-->
  289 +<!-- }-->
  290 +<!--</style>-->