页面修改

src/components/systemManagement/airportManagement.vue

 <style>
-  .airportMg .addCompany {width: 440px;max-height: 600px;}
-    .airportMg .addCompany .el-dialog__body{height: 486px;overflow: auto;}
-    .airportMg .query-box li label{display: inline-block;min-width: 80px;text-align: right;font-style: normal;margin: 0 20px 0 0;}
-    .airportMg .el-dialog .el-form-item__label {width: 100px!important;}  
+  .airportMg .addCompany {
+    width: 440px;
+    max-height: 600px;
+  }
+
+  .airportMg .addCompany .el-dialog__body {
+    height: 486px;
+    overflow: auto;
+  }
+
+  .airportMg .query-box li label {
+    display: inline-block;
+    min-width: 80px;
+    text-align: right;
+    font-style: normal;
+    margin: 0 20px 0 0;
+  }
+
+  .airportMg .el-dialog .el-form-item__label {
+    width: 100px !important;
+  }
+
 </style>
 <template>
   <div class='flexOne airportMg'>
@@ -15,8 +33,8 @@
             <el-option v-for='item in countryList' :key="item.ID" :label="item.Name" :value="item.ID">
             </el-option>
           </el-select>
-          <el-select v-model="msg.Province_id" filterable @change="getProvinceList(msg.Province_id,2)" :placeholder="$t('system.ph_choice')"
-            class="w210">
+          <el-select v-model="msg.Province_id" filterable @change="getProvinceList(msg.Province_id,2)"
+            :placeholder="$t('system.ph_choice')" class="w210">
             <el-option v-for='item in provinceList' :key="item.ID" :label="item.Name" :value="item.ID">
             </el-option>
           </el-select>
@@ -27,15 +45,18 @@
         </li>
         <li>
           <label class="margin_left_30">{{$t('system.query_airName')}}</label>
-          <el-input v-model="msg.Name" :placeholder="$t('system.ph_in')" @keyup.native.enter="getList" class="w210"></el-input>
+          <el-input v-model="msg.Name" :placeholder="$t('system.ph_in')" @keyup.native.enter="getList" class="w210">
+          </el-input>
         </li>
         <li>
           <label class="margin_left_30">{{$t('system.query_IATA')}}</label>
-          <el-input v-model="msg.IATA" :placeholder="$t('system.ph_in')" @keyup.native.enter="getList" class="w210"></el-input>
+          <el-input v-model="msg.IATA" :placeholder="$t('system.ph_in')" @keyup.native.enter="getList" class="w210">
+          </el-input>
         </li>
         <li>
           <label class="margin_left_30">{{$t('system.query_ICAO')}}</label>
-          <el-input v-model="msg.ICAO" :placeholder="$t('system.ph_in')" @keyup.native.enter="getList" class="w210"></el-input>
+          <el-input v-model="msg.ICAO" :placeholder="$t('system.ph_in')" @keyup.native.enter="getList" class="w210">
+          </el-input>
         </li>
         <li>
           <label class="margin_left_30">{{$t('admin.admin_status')}}</label>
@@ -69,10 +90,13 @@
         <td>{{item.UpdateDate}}</td>
         <td>
           <el-tooltip class="item" effect="dark" :content="$t('pub.updateMsg')" placement="top">
-            <el-button type="primary" icon="el-icon-edit" circle @click="outerVisible=true,dialogTitle='修改',updateData(index)"></el-button>
+            <el-button type="primary" icon="el-icon-edit" circle
+              @click="outerVisible=true,dialogTitle='修改',updateData(index)"></el-button>
           </el-tooltip>
-          <el-tooltip class="item" effect="dark" :content="$t('pub.revoke')" placement="top-start" v-if="item.Status==1">
-            <el-button type="danger" icon="iconfont icon-web-icon-revoke" circle @click="deletelist(index,2)"></el-button>
+          <el-tooltip class="item" effect="dark" :content="$t('pub.revoke')" placement="top-start"
+            v-if="item.Status==1">
+            <el-button type="danger" icon="iconfont icon-web-icon-revoke" circle @click="deletelist(index,2)">
+            </el-button>
           </el-tooltip>
           <el-tooltip class="item" effect="dark" :content="$t('system.table_delete')" placement="top-start" v-else>
             <el-button type="danger" icon="el-icon-delete" circle @click="deletelist(index,1)"></el-button>
@@ -84,28 +108,29 @@
     <div class="noData" v-show="noData">
       {{$t('system.content_noData')}}
     </div>
-    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage" layout="total,prev, pager, next, jumper"
-      :page-size=msg.pageSize :total=total>
+    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+      layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total>
     </el-pagination>
-    <el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center :before-close="closeChangeMachie">
+    <el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center
+      :before-close="closeChangeMachie">
       <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
         <el-form-item :label="$t('system.table_country')" prop="Country_id">
-          <el-select v-model="addMsg.Country_id" filterable :placeholder="$t('system.ph_buxian')" @change="getProvinceListLayer(addMsg.Country_id,1)"
-            class="w210">
+          <el-select v-model="addMsg.Country_id" filterable :placeholder="$t('system.ph_buxian')"
+            @change="getProvinceListLayer(addMsg.Country_id,1)" class="w210">
             <el-option v-for='item in countryList' :key="item.ID" :label="item.Name" :value="item.ID">
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item :label="$t('hotel.hotel_province')" prop="Province_id">
-          <el-select v-model="addMsg.Province_id" filterable :placeholder="$t('system.ph_buxian')" @change="getProvinceListLayer(addMsg.Province_id,2)"
-            class="w210">
+        <el-form-item :label="$t('hotel.hotel_province')">
+          <el-select v-model="addMsg.Province_id" filterable :placeholder="$t('system.ph_buxian')"
+            @change="getProvinceListLayer(addMsg.Province_id,2)" class="w210">
             <el-option v-for='item in layer_provinceList' :key="item.ID" :label="item.Name" :value="item.ID">
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('hotel.hotel_city')" v-if="layer_cityList.length!==0" prop="City_id">
-          <el-select v-model="addMsg.City_id" filterable :placeholder="$t('system.ph_buxian')" @change="getProvinceListLayer(addMsg.City_id,3)"
-            class="w210">
+          <el-select v-model="addMsg.City_id" filterable :placeholder="$t('system.ph_buxian')"
+            @change="getProvinceListLayer(addMsg.City_id,3)" class="w210">
             <el-option v-for='item in layer_cityList' :key="item.ID" :label="item.Name" :value="item.ID">
             </el-option>
           </el-select>
@@ -123,10 +148,12 @@
           <el-input type="text" v-model="addMsg.En_name" :placeholder="$t('system.ph_ENname')" class="w210"></el-input>
         </el-form-item>
         <el-form-item :label="$t('system.query_IATA')" prop="IATA">
-          <el-input type="text" v-model="addMsg.IATA" :placeholder="$t('system.ph_IATA')" maxlength="3" class="w210"></el-input>
+          <el-input type="text" v-model="addMsg.IATA" :placeholder="$t('system.ph_IATA')" maxlength="3" class="w210">
+          </el-input>
         </el-form-item>
         <el-form-item :label="$t('system.query_ICAO')" prop="ICAO">
-          <el-input type="text" v-model="addMsg.ICAO" :placeholder="$t('system.ph_ICAO')" maxlength="4" class="w210"></el-input>
+          <el-input type="text" v-model="addMsg.ICAO" :placeholder="$t('system.ph_ICAO')" maxlength="4" class="w210">
+          </el-input>
         </el-form-item>
         <el-form-item :label="$t('system.table_rankNum')" prop="RankNum">
           <el-input type="text" v-model="addMsg.RankNum" :placeholder="$t('system.table_rankNum')" class="w210"
@@ -140,9 +167,11 @@
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <button class="normalBtn" type="primary" @click="submitForm('addMsg'),resetPageIndex()">{{$t('pub.saveBtn')}}</button>
+        <button class="normalBtn" type="primary"
+          @click="submitForm('addMsg'),resetPageIndex()">{{$t('pub.saveBtn')}}</button>
         &nbsp;
-        <button class="hollowFixedBtn" @click="outerVisible = false,resetForm('addMsg')">{{$t('pub.cancelBtn')}}</button>
+        <button class="hollowFixedBtn"
+          @click="outerVisible = false,resetForm('addMsg')">{{$t('pub.cancelBtn')}}</button>
       </div>
     </el-dialog>
   </div>
@@ -161,7 +190,7 @@
           Name: '',
           IATA: '',
           ICAO: '',
-          TrafficType:1,//机场
+          TrafficType: 1, //机场
         },
         addMsg: {
           ID: '',
@@ -175,10 +204,10 @@
           ICAO: '',
           RankNum: '',
           //经
-          Lng:'',
+          Lng: '',
           //纬
-          Lat:'',
-          TrafficType:1,//机场
+          Lat: '',
+          TrafficType: 1, //机场
         },
         DataList: [],
         BranchGetList: [],