页面修改

src/components/Hotel/GnHotelManagement.vue

@@ -227,14 +227,14 @@
           <span>
             <em>{{$t('system.quety_area')}}</em>
             <el-select v-model="msg.QProvince" class="w150" filterable @change="getProvinceList(msg.QProvince,2)"
-              :placeholder="$t('hotel.hotel_province')">
+              :placeholder="$t('hotel.hotel_province')" clearable>
               <el-option v-for="item in provinceList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
             </el-select>
             <el-select v-model="msg.QCity" class="w150" filterable @change="getProvinceList(msg.QCity,3)"
-              :placeholder="$t('hotel.hotel_city')">
+              :placeholder="$t('hotel.hotel_city')" clearable>
               <el-option v-for="item in cityList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
-            </el-select>
-            <el-select v-model="msg.QDistrict" class="w150" filterable :placeholder="$t('hotel.hotel_area')">
+            </el-select >
+            <el-select v-model="msg.QDistrict" class="w150" style="display:none;" filterable  clearable :placeholder="$t('hotel.hotel_area')">
               <el-option v-for="item in district" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
             </el-select>
           </span>
@@ -248,7 +248,7 @@
             </el-select>
           </span>
         </li>
-        <li>
+        <li style="display:none;">>
           <span>
             <em>{{$t('ground.jiudianleixing')}}</em>
             <el-select v-model="msg.HotelType" class="w210" :placeholder="$t('pub.unlimitedSel')">
@@ -257,7 +257,7 @@
             </el-select>
           </span>
         </li>
-        <li>
+        <li style="display:none;">
           <span>
             <em>{{$t('Operation.Op_price')}}</em>
             <el-select v-model="msg.HotelPirceType" class="w210" :placeholder="$t('pub.unlimitedSel')">
@@ -286,7 +286,7 @@
       </ul>
     </div>
     <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%;min-height:450px;"
-      @selection-change="handleSelectionChange">
+      @selection-change="handleSelectionChange" v-loading="loading">
       <el-table-column type="selection" width="50px">
       </el-table-column>
       <el-table-column prop="Name" label="酒店名称">
@@ -306,36 +306,38 @@
       </el-table-column> -->
       <el-table-column prop="TagList" label="标签">
         <template slot-scope="scope">
-          <el-tag v-for="(item,index) in scope.row.TagList" size="small" style="margin-right:5px;" :key="index">{{item}}</el-tag>
+          <el-tag v-for="(item,index) in scope.row.TagList" size="small" style="margin-right:5px;" :key="index">{{item}}
+          </el-tag>
         </template>
       </el-table-column>
-
-      <el-table-column prop="UpdateName" label="修改人">
-      </el-table-column>
-      <el-table-column prop="UpdateTimeStr" label="修改时间">
+      <el-table-column prop="Tel" label="电话">
       </el-table-column>
       <el-table-column prop="Address" label="地址">
         <template slot-scope="scope">
           {{scope.row.ProvinceName}}-{{scope.row.CityName}}
         </template>
       </el-table-column>
-      <el-table-column prop="Tel" label="电话">
-      </el-table-column>
       <el-table-column prop="HotelStatus" label="状态">
         <template slot-scope="scope">
           <span v-if="scope.row.HotelStatus==1" style="color:green;">上架</span>
           <span v-if="scope.row.HotelStatus==2" style="color:red;">下架</span>
         </template>
       </el-table-column>
+      <el-table-column prop="UpdateName" label="修改人">
+      </el-table-column>
+      <el-table-column prop="UpdateTimeStr" label="修改时间">
+      </el-table-column>
       <el-table-column label="操作" width="100">
         <template slot-scope="scope">
           <!-- <button @click="goSubInfo('GnHotelInfo',scope.row.ID)" class="hotelBtnMan">修改</button> -->
           <!-- <button @click="goUrl('HotelProductManage',item)" class="hotelBtnMan">报价与库存</button> -->
           <el-tooltip class="item" effect="dark" content="修改" placement="top">
-            <el-button @click="goSubInfo('GnHotelInfo',scope.row.ID)" type="primary" icon="el-icon-edit" circle></el-button>
+            <el-button @click="goSubInfo('GnHotelInfo',scope.row.ID)" type="primary" icon="el-icon-edit" circle>
+            </el-button>
           </el-tooltip>
           <el-tooltip class="item" effect="dark" content="房型" placement="top">
-            <el-button @click="goUrl('HotelProductManage',scope.row)" style="font-size:12px;" type="primary" icon="iconfont icon-shouye1-copy" circle></el-button>
+            <el-button @click="goUrl('HotelProductManage',scope.row)" style="font-size:12px;" type="primary"
+              icon="iconfont icon-shouye1-copy" circle></el-button>
           </el-tooltip>
         </template>
       </el-table-column>
@@ -390,25 +392,25 @@
           ProductType: 2,
         },
         multipleSelection: [],
-        shelveMsg:{
-          HotelStatus:1, //1上架 2下架
-          HotelIds:''
+        shelveMsg: {
+          HotelStatus: 1, //1上架 2下架
+          HotelIds: ''
         }
       };
     },
     methods: {
       //批量上下架
-      goShelves(type){
-        if(this.multipleSelection.length==0){
+      goShelves(type) {
+        if (this.multipleSelection.length == 0) {
           this.Error('请选择酒店');
           return
         }
-        this.shelveMsg.HotelStatus=type;
+        this.shelveMsg.HotelStatus = type;
         let Ids = [];
-        this.multipleSelection.forEach(x=>{
+        this.multipleSelection.forEach(x => {
           Ids.push(x.ID);
         })
-        this.shelveMsg.HotelIds=Ids.toString();
+        this.shelveMsg.HotelIds = Ids.toString();
         this.apipost("hotel_post_SetHotelStatus",
           this.shelveMsg,
           res => {
@@ -419,7 +421,7 @@
           null
         );
       },
-      handleSelectionChange(val){
+      handleSelectionChange(val) {
         this.multipleSelection = val;
       },
       handleCurrentChange(val) {