景点页面修改

src/components/scenicSpot/scenicSpotList.vue

@@ -4,13 +4,15 @@
     display: block;
     height: 0;
     clear: both;
-}
-.scenicSpotList .hotelResource {
+  }
+
+  .scenicSpotList .hotelResource {
     width: 100%;
     min-height: 500px;
     margin-top: 20px;
-}
-.scenicSpotList .resourceList {
+  }
+
+  .scenicSpotList .resourceList {
     width: 215px;
     height: 240px;
     background-color: #fff;
@@ -20,70 +22,83 @@
     font-size: 12px;
     color: #333333;
     float: left;
-}
-.scenicSpotList .resourceList:hover {
+  }
+
+  .scenicSpotList .resourceList:hover {
     box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
     transition: all linear 0.5s;
-}
-.scenicSpotList .reTopInfo {
+  }
+
+  .scenicSpotList .reTopInfo {
     width: 100%;
     height: 123px;
     position: relative;
-}
-.scenicSpotList .reTopInfo img {
+  }
+
+  .scenicSpotList .reTopInfo img {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
-}
-.scenicSpotList .resTypeList {
+  }
+
+  .scenicSpotList .resTypeList {
     position: absolute;
     top: 10px;
     left: 10px;
-}
-.scenicSpotList .resTypeList span {
+  }
+
+  .scenicSpotList .resTypeList span {
     display: inline-block;
     padding: 1px 5px;
     border-radius: 10px;
     color: #fff;
     margin-right: 10px;
-}
-.scenicSpotList .L1 {
+  }
+
+  .scenicSpotList .L1 {
     background-color: #e95252;
-}
-.scenicSpotList .L2 {
+  }
+
+  .scenicSpotList .L2 {
     background-color: #47bf8c;
-}
-.scenicSpotList .L3 {
+  }
+
+  .scenicSpotList .L3 {
     background-color: #2aaef2;
-}
-.scenicSpotList .L4 {
+  }
+
+  .scenicSpotList .L4 {
     background-color: #9cf;
-}
-.scenicSpotList .L5 {
+  }
+
+  .scenicSpotList .L5 {
     background-color: #00c6ff;
-  margin-top:5px;
-}
+    margin-top: 5px;
+  }
 
-.scenicSpotList .starSu {
+  .scenicSpotList .starSu {
     position: absolute;
     bottom: 8px;
     right: 10px;
     display: flex;
-}
-.scenicSpotList .starSu .star {
+  }
+
+  .scenicSpotList .starSu .star {
     margin-left: 5px;
-}
-.scenicSpotList .sushe {
+  }
+
+  .scenicSpotList .sushe {
     background-color: #ffc800;
     display: inline-block;
     padding: 1px 5px;
     border-radius: 10px;
     color: #fff;
-}
-.scenicSpotList .hotelTitle {
+  }
+
+  .scenicSpotList .hotelTitle {
     margin: 20px 16px 0 16px;
     font-size: 14px;
     color: #333333;
@@ -91,33 +106,39 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-}
-.scenicSpotList .brandList i {
+  }
+
+  .scenicSpotList .brandList i {
     position: relative;
     top: 2px;
-}
-.scenicSpotList .brand {
+  }
+
+  .scenicSpotList .brand {
     float: left;
     width: 49%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     text-align: center;
-}
-.scenicSpotList .dayNum {
+  }
+
+  .scenicSpotList .dayNum {
     float: right;
     text-align: center;
     width: 50%;
-}
-.scenicSpotList .iconfont {
+  }
+
+  .scenicSpotList .iconfont {
     margin-right: 5px;
-}
-.scenicSpotList .dieline {
+  }
+
+  .scenicSpotList .dieline {
     color: #2aaef2;
     font-size: 14px;
     top: 1px !important;
-}
-.scenicSpotList .AddressInner {
+  }
+
+  .scenicSpotList .AddressInner {
     float: right;
     width: 160px;
     height: 18px;
@@ -126,74 +147,89 @@
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
-}
-.scenicSpotList .btnList {
+  }
+
+  .scenicSpotList .btnList {
     margin-top: 20px;
     text-align: center;
-}
-.scenicSpotList .hotelBtn {
+  }
+
+  .scenicSpotList .hotelBtn {
     width: 80px;
     height: 28px;
     background: #f76f6f;
     border-radius: 14px;
     color: #fff;
     cursor: pointer;
-}
-.scenicSpotList .hotelBtn:first-child {
+  }
+
+  .scenicSpotList .hotelBtn:first-child {
     margin-right: 19px;
-}
-.scenicSpotList .w150 .el-input {
+  }
+
+  .scenicSpotList .w150 .el-input {
     width: 150px !important;
-}
-.scenicSpotList .SupportCount {
+  }
+
+  .scenicSpotList .SupportCount {
     color: #4bca81;
     font-size: 18px;
     font-weight: bold;
     margin: 0 5px 5px 0;
     display: inline-block;
-}
-.scenicSpotList .dayNumber {
+  }
+
+  .scenicSpotList .dayNumber {
     color: #2aaef2;
     font-size: 18px;
     font-weight: bold;
     margin: 0 5px 5px 5px;
     display: inline-block;
-}
-.scenicSpotList .line {
+  }
+
+  .scenicSpotList .line {
     float: left;
     width: 1px;
     height: 35px;
     background-color: #ededed;
     margin-top: 6px;
-}
-.scenicSpotList .foodList {
+  }
+
+  .scenicSpotList .foodList {
     display: inline-block;
     padding: 1px 5px;
     background-color: #ff9c00;
     color: #fff;
     margin-right: 6px;
     border-radius: 2px;
-}
-.scenicSpotList .foodList:last-child {
+  }
+
+  .scenicSpotList .foodList:last-child {
     margin-right: 0;
-}
-.scenicSpotList .delScien {
+  }
+
+  .scenicSpotList .delScien {
     position: absolute;
     right: 10px;
     top: 10px;
     display: none;
-}
-.scenicSpotList .delScien:hover {
+  }
+
+  .scenicSpotList .delScien:hover {
     color: #f76f6f;
     cursor: pointer;
-}
-.scenicSpotList .resourceList:hover .delScien {
+  }
+
+  .scenicSpotList .resourceList:hover .delScien {
     display: block;
-}
-.scenicSpotList .comCursorUrl {
+  }
+
+  .scenicSpotList .comCursorUrl {
     cursor: pointer;
-}
-/* 景区列表 */
+  }
+
+  /* 景区列表 */
+
 </style>
 <template>
   <div class="flexOne scenicSpotList">
@@ -202,71 +238,27 @@
         <li>
           <span class="hotel_name">
             <em>{{$t('scen.sc_resName')}}</em>
-            <el-input
-              maxlength="50"
-              @keyup.native.enter="resetPageIndex(),selectResource()"
-              v-model="msg.Name"
-            ></el-input>
+            <el-input maxlength="50" @keyup.native.enter="resetPageIndex(),selectResource()" v-model="msg.Name">
+            </el-input>
           </span>
         </li>
         <li>
           <span>
             <em>{{$t('system.quety_area')}}</em>
-            <el-select
-              v-model="msg.QCountry"
-              clearable
-              class="w150"
-              filterable
-              @change="getProvinceList(msg.QCountry,1)"
-              :placeholder="$t('hotel.hotel_country')"
-            >
-              <el-option
-                v-for="item in countryList"
-                :key="item.ID"
-                :label="item.Name"
-                :value="item.ID"
-              ></el-option>
+            <el-select v-model="msg.QCountry" clearable class="w150" filterable
+              @change="getProvinceList(msg.QCountry,1)" :placeholder="$t('hotel.hotel_country')">
+              <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.QProvince"
-              class="w150"
-              filterable
-              @change="getProvinceList(msg.QProvince,2)"
-              :placeholder="$t('hotel.hotel_province')"
-            >
-              <el-option
-                v-for="item in provinceList"
-                :key="item.ID"
-                :label="item.Name"
-                :value="item.ID"
-              ></el-option>
+            <el-select v-model="msg.QProvince" class="w150" filterable @change="getProvinceList(msg.QProvince,2)"
+              :placeholder="$t('hotel.hotel_province')">
+              <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')"
-            >
-              <el-option
-                v-for="item in cityList"
-                :key="item.ID"
-                :label="item.Name"
-                :value="item.ID"
-              ></el-option>
+            <el-select v-model="msg.QCity" class="w150" filterable @change="getProvinceList(msg.QCity,3)"
+              :placeholder="$t('hotel.hotel_city')">
+              <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-option
-                v-for="item in district"
-                :key="item.ID"
-                :label="item.Name"
-                :value="item.ID"
-              ></el-option>
+            <el-select v-model="msg.QDistrict" class="w150" filterable :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>
         </li>
@@ -275,12 +267,7 @@
             <em>{{$t('hotel.hotel_status')}}</em>
             <el-select v-model="msg.Status" class="w210" :placeholder="$t('pub.unlimitedSel')">
               <el-option :label="$t('pub.unlimitedSel')" value="-1"></el-option>
-              <el-option
-                v-for="item in status"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
+              <el-option v-for="item in status" :key="item.value" :label="item.label" :value="item.value"></el-option>
             </el-select>
           </span>
         </li>
@@ -295,21 +282,11 @@
           </span>
         </li>
         <li>
-          <button
-            class="hollowFixedBtn"
-            type="button"
-            @click="resetPageIndex(),selectResource()"
-          >{{$t('pub.searchBtn')}}</button>
-          <button
-            class="normalBtn"
-            type="button"
-            @click="$router.push('scenicSpotInfoManage')"
-          >{{$t('pub.addBtn')}}</button>
-          <button
-            class="hollowFixedBtn"
-            type="button"
-            @click="DownLoadFile()"
-          >下载</button>
+          <button class="hollowFixedBtn" type="button"
+            @click="resetPageIndex(),selectResource()">{{$t('pub.searchBtn')}}</button>
+          <button class="normalBtn" type="button"
+            @click="$router.push('scenicSpotInfoManage')">{{$t('pub.addBtn')}}</button>
+          <button class="hollowFixedBtn" type="button" @click="DownLoadFile()">下载</button>
         </li>
       </ul>
     </div>
@@ -319,24 +296,17 @@
           <img v-if="!item.PicPath" src="../../assets/img/bg_c3@3x.png">
           <img v-else :src='compressImg(item.PicPath, "filt", 213, "")' :onerror="defaultImg">
           <div class="resTypeList">
-            <span
-              v-for="(items,index) in item.OpenPlatformList"
+            <span v-for="(items,index) in item.OpenPlatformList"
               :class="{'L1':items.ID==1,'L2':items.ID==2,'L3':items.ID==3,'L4':items.ID==4,'L5':items.ID==5}"
-              :key="index"
-            >{{items.Name}}</span>
+              :key="index">{{items.Name}}</span>
           </div>
           <div class="delScien" @click.stop="isdelete(item.ID)">
             <i class="iconfont icon-xingzhuang"></i>
           </div>
           <div class="starSu">
             <div class="star" v-if="item.newAr[0].Aname!=''" v-for="(items,index) in item.newAr">
-              <el-tooltip
-                class="item"
-                effect="dark"
-                :content="items.Bname"
-                placement="bottom-start"
-                popper-class="max-w250"
-              >
+              <el-tooltip class="item" effect="dark" :content="items.Bname" placement="bottom-start"
+                popper-class="max-w250">
                 <span class="foodList" :key="items.subCode" v-if="index<3">{{items.Aname}}</span>
               </el-tooltip>
             </div>
@@ -344,33 +314,18 @@
             <span v-if="item.Star==9" class="sushe">{{$t('restaurant.res_SpringHotel')}}</span>
           </div>
         </div>
-        <el-tooltip
-          class="item"
-          effect="dark"
-          :content="item.Name"
-          placement="top-start"
-          popper-class="max-w250"
-        >
+        <el-tooltip class="item" effect="dark" :content="item.Name" placement="top-start" popper-class="max-w250">
           <div class="hotelTitle">{{item.Name}}</div>
         </el-tooltip>
         <div class="btnList">
-          <button
-            @click="goUrl('scenicSpotInfoManage',item.ID)"
-            class="hotelBtn"
-          >{{$t('pub.updateMsg')}}</button>
+          <button @click="goUrl('scenicSpotInfoManage',item.ID)" class="hotelBtn">{{$t('pub.updateMsg')}}</button>
           <button @click="goUrlT('ticketManagement',item.ID)" class="hotelBtn">{{$t('scen.sc_piao')}}</button>
         </div>
       </div>
       <div class="noData" v-show="noData">{{$t('system.content_noData')}}</div>
     </div>
-    <el-pagination
-      background
-      @current-change="handleCurrentChange"
-      :current-page.sync="msg.currentPage"
-      :page-size="msg.pageSize"
-      layout="total,prev, pager, next, jumper"
-      :total="msg.total"
-    ></el-pagination>
+    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
+      :page-size="msg.pageSize" layout="total,prev, pager, next, jumper" :total="msg.total"></el-pagination>
   </div>
 </template>
 <script>
@@ -397,7 +352,7 @@
         IsFreeList: [{
             value: "-1",
             label: "不限"
-          },{
+          }, {
             value: "0",
             label: "免费"
           },
@@ -412,7 +367,7 @@
           pageIndex: 1,
           pageSize: 14,
           Name: "",
-          IsFree:"-1",
+          IsFree: "-1",
           QCountry: "",
           QProvince: "",
           QCity: "",
@@ -495,10 +450,7 @@
         });
       },
       DownLoadFile() {
-        if (!this.isSave) {
-           if (this.msg.Status == "") {
-          this.msg.Status = "-1";
-        }
+        this.loading = true;
         let myDate = new Date();
         let _year = myDate.getFullYear();
         let _month = myDate.getMonth() >= 9 ? myDate.getMonth() + 1 : '0' + (myDate.getMonth() + 1);
@@ -506,15 +458,13 @@
         let _hours = myDate.getHours() > 9 ? myDate.getHours() : '0' + myDate.getHours();
         let _minutes = myDate.getMinutes() > 9 ? myDate.getMinutes() : '0' + myDate.getMinutes();
         let _seconds = myDate.getSeconds() > 9 ? myDate.getSeconds() : '0' + myDate.getSeconds();
-			let downDate = _year +  _month + _date +_hours+_minutes+_seconds;
+        let downDate = _year + _month + _date + _hours + _minutes + _seconds;
 
-          var fileName = "景点价格信息" + downDate+".xls";
+        var fileName = "景点价格信息" + downDate + ".xls";
         this.GetLocalFile("dmcstatistics_post_GetTicketCouponsExport", this.msg, fileName,
           res => {
             this.loading = false;
-              this.isSave = false;
           });
-        }
       },
       selectResource() {
         this.loading = true;
@@ -557,18 +507,18 @@
           path: path,
           query: {
             id: id,
-            blank:'y',
-            tab:'修改景区信息'
+            blank: 'y',
+            tab: '修改景区信息'
           }
         });
       },
-      goUrlT(path, id){
+      goUrlT(path, id) {
         this.$router.push({
           path: path,
           query: {
             id: id,
-            blank:'y',
-            tab:'门票管理'
+            blank: 'y',
+            tab: '门票管理'
           }
         });
 
@@ -590,4 +540,5 @@
       this.selectResource();
     }
   };
+
 </script>