修改

src/components/scenicSpot/domesticScenicSpotList.vue

 <style>
-  .scenicSpotList .clearfix:after {
+  .domesticScenic .clearfix:after {
     content: "\0020";
     display: block;
     height: 0;
     clear: both;
   }
 
-  .scenicSpotList .hotelResource {
+  .domesticScenic .hotelResource {
     width: 100%;
     min-height: 500px;
     margin-top: 20px;
   }
 
-  .scenicSpotList .resourceList {
+  .domesticScenic .resourceList {
     width: 215px;
     background-color: #fff;
     border: 1px dashed #ededed;
@@ -23,18 +23,18 @@
     float: left;
   }
 
-  .scenicSpotList .resourceList:hover {
+  .domesticScenic .resourceList:hover {
     box-shadow: 0px 0px 20px rgba(191, 191, 191, 1);
     transition: all linear 0.5s;
   }
 
-  .scenicSpotList .reTopInfo {
+  .domesticScenic .reTopInfo {
     width: 100%;
     height: 123px;
     position: relative;
   }
 
-  .scenicSpotList .reTopInfo img {
+  .domesticScenic .reTopInfo img {
     position: absolute;
     width: 100%;
     height: 100%;
@@ -43,13 +43,13 @@
     border-top-right-radius: 4px;
   }
 
-  .scenicSpotList .resTypeList {
+  .domesticScenic .resTypeList {
     position: absolute;
     top: 10px;
     left: 10px;
   }
 
-  .scenicSpotList .resTypeList span {
+  .domesticScenic .resTypeList span {
     display: inline-block;
     padding: 1px 5px;
     border-radius: 10px;
@@ -57,39 +57,39 @@
     margin-right: 10px;
   }
 
-  .scenicSpotList .L1 {
+  .domesticScenic .L1 {
     background-color: #e95252;
   }
 
-  .scenicSpotList .L2 {
+  .domesticScenic .L2 {
     background-color: #47bf8c;
   }
 
-  .scenicSpotList .L3 {
+  .domesticScenic .L3 {
     background-color: #2aaef2;
   }
 
-  .scenicSpotList .L4 {
+  .domesticScenic .L4 {
     background-color: #9cf;
   }
 
-  .scenicSpotList .L5 {
+  .domesticScenic .L5 {
     background-color: #00c6ff;
     margin-top: 5px;
   }
 
-  .scenicSpotList .starSu {
+  .domesticScenic .starSu {
     position: absolute;
     bottom: 8px;
     right: 10px;
     display: flex;
   }
 
-  .scenicSpotList .starSu .star {
+  .domesticScenic .starSu .star {
     margin-left: 5px;
   }
 
-  .scenicSpotList .sushe {
+  .domesticScenic .sushe {
     background-color: #ffc800;
     display: inline-block;
     padding: 1px 5px;
@@ -97,7 +97,7 @@
     color: #fff;
   }
 
-  .scenicSpotList .hotelTitle {
+  .domesticScenic .hotelTitle {
     margin: 20px 16px 0 16px;
     font-size: 14px;
     color: #333333;
@@ -107,12 +107,12 @@
     white-space: nowrap;
   }
 
-  .scenicSpotList .brandList i {
+  .domesticScenic .brandList i {
     position: relative;
     top: 2px;
   }
 
-  .scenicSpotList .brand {
+  .domesticScenic .brand {
     float: left;
     width: 49%;
     overflow: hidden;
@@ -121,23 +121,19 @@
     text-align: center;
   }
 
-  .scenicSpotList .dayNum {
+  .domesticScenic .dayNum {
     float: right;
     text-align: center;
     width: 50%;
   }
 
-  .scenicSpotList .iconfont {
-    margin-right: 5px;
-  }
-
-  .scenicSpotList .dieline {
+  .domesticScenic .dieline {
     color: #2aaef2;
     font-size: 14px;
     top: 1px !important;
   }
 
-  .scenicSpotList .AddressInner {
+  .domesticScenic .AddressInner {
     float: right;
     width: 160px;
     height: 18px;
@@ -148,12 +144,12 @@
     -webkit-box-orient: vertical;
   }
 
-  .scenicSpotList .btnList {
+  .domesticScenic .btnList {
     padding: 10px 0 20px 0;
     text-align: center;
   }
 
-  .scenicSpotList .hotelBtn {
+  .domesticScenic .hotelBtn {
     width: 60px;
     height: 28px;
     background: #f76f6f;
@@ -162,11 +158,11 @@
     cursor: pointer;
   }
 
-  .scenicSpotList .w150 .el-input {
+  .domesticScenic .w150 .el-input {
     width: 150px !important;
   }
 
-  .scenicSpotList .SupportCount {
+  .domesticScenic .SupportCount {
     color: #4bca81;
     font-size: 18px;
     font-weight: bold;
@@ -174,7 +170,7 @@
     display: inline-block;
   }
 
-  .scenicSpotList .dayNumber {
+  .domesticScenic .dayNumber {
     color: #2aaef2;
     font-size: 18px;
     font-weight: bold;
@@ -182,7 +178,7 @@
     display: inline-block;
   }
 
-  .scenicSpotList .line {
+  .domesticScenic .line {
     float: left;
     width: 1px;
     height: 35px;
@@ -190,7 +186,7 @@
     margin-top: 6px;
   }
 
-  .scenicSpotList .foodList {
+  .domesticScenic .foodList {
     display: inline-block;
     padding: 1px 5px;
     background-color: #ff9c00;
@@ -199,27 +195,27 @@
     border-radius: 2px;
   }
 
-  .scenicSpotList .foodList:last-child {
+  .domesticScenic .foodList:last-child {
     margin-right: 0;
   }
 
-  .scenicSpotList .delScien {
+  .domesticScenic .delScien {
     position: absolute;
     right: 10px;
     top: 10px;
     display: none;
   }
 
-  .scenicSpotList .delScien:hover {
+  .domesticScenic .delScien:hover {
     color: #f76f6f;
     cursor: pointer;
   }
 
-  .scenicSpotList .resourceList:hover .delScien {
+  .domesticScenic .resourceList:hover .delScien {
     display: block;
   }
 
-  .scenicSpotList .comCursorUrl {
+  .domesticScenic .comCursorUrl {
     cursor: pointer;
   }
 
@@ -227,7 +223,7 @@
 
 </style>
 <template>
-  <div class="flexOne scenicSpotList">
+  <div class="flexOne domesticScenic">
     <div class="query-box">
       <ul>
         <li>
@@ -240,21 +236,17 @@
         <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> -->
-            <el-select v-model="msg.QProvince" class="w150" clearable filterable @change="getProvinceList(msg.QProvince,2)"
-              :placeholder="$t('hotel.hotel_province')">
+            <el-select v-model="msg.QProvince" class="w150" clearable 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" clearable 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" clearable filterable :placeholder="$t('hotel.hotel_area')">
+            <!-- <el-select v-model="msg.QDistrict" class="w150" clearable 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>
+            </el-select> -->
           </span>
         </li>
         <li>
@@ -266,11 +258,10 @@
             </el-select>
           </span>
         </li>
-        <li>
+        <li style="display:none;">
           <span>
             <em>{{$t('ground.menpiaozhongl')}}</em>
             <el-select v-model="msg.IsFree" class='multiple_input w210' :placeholder="$t('pub.pleaseSel')">
-              <!-- <el-option :label="$t('pub.unlimitedSel')" :value='-1'></el-option> -->
               <el-option v-for="item in IsFreeList" :key="item.value" :label="item.label" :value="item.value">
               </el-option>
             </el-select>
@@ -294,7 +285,56 @@
         </li>
       </ul>
     </div>
-    <div class="hotelResource clearfix" v-loading="loading">
+    <el-table :data="tableData" tooltip-effect="dark" style="width: 100%;min-height:450px;" v-loading="loading">
+      <el-table-column prop="Name" label="景点名称">
+        <template slot-scope="scope">
+          <div style="display:flex;align-items:center;">
+            <div>
+              <img v-if="!scope.row.PicPath" src="../../assets/img/bg_c3@3x.png" style="width:60px;height:45px;">
+              <img v-else :src="scope.row.PicPath" style="width:60px;height:45px;" />
+            </div>
+            <div style="margin-left:5px;">{{scope.row.Name}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="OpenPlatformList" label="开放平台">
+        <template slot-scope="scope">
+          <el-tag  v-for="(item,index) in scope.row.OpenPlatformList" v-if="item.Name" size="small" style="margin:0 5px 5px 0;" :key="index">{{item.Name}}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="地址">
+        <template slot-scope="scope">
+          {{scope.row.ProvinceName}}
+          <template v-if="scope.row.CityName&&scope.row.CityName!=''">
+            -{{scope.row.CityName}}
+          </template>
+          <template v-if="scope.row.DistrictName&&scope.row.DistrictName!=''">
+            -{{scope.row.DistrictName}}
+          </template>
+        </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="150">
+        <template slot-scope="scope">
+          <el-tooltip class="item" effect="dark" content="修改" placement="top">
+            <el-button @click="goUrl('domesticScenicSpotInfoManage',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="goUrlT('domesticTicketManagement',item.ID)" type="success"
+              icon="iconfont icon-menpiao1" circle></el-button>
+          </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="删除" placement="top">
+            <el-button @click="isdelete(scope.row.ID)" style="font-size:12px;" type="danger"
+              icon="iconfont icon-remove" circle></el-button>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- <div class="hotelResource clearfix" v-loading="loading">
       <div class="resourceList" v-for="item in tableData" :key="item.subCode">
         <div class="reTopInfo" :class="{'comCursorUrl':item.Url}" @click="OpenNewUrl(item.Url)">
           <img v-if="!item.PicPath" src="../../assets/img/bg_c3@3x.png">
@@ -330,13 +370,14 @@
           </div>
         </el-tooltip>
         <div class="btnList">
-          <button @click="goUrl('domesticScenicSpotInfoManage',item.ID)" class="hotelBtn">{{$t('pub.updateMsg')}}</button>
+          <button @click="goUrl('domesticScenicSpotInfoManage',item.ID)"
+            class="hotelBtn">{{$t('pub.updateMsg')}}</button>
           <button @click="CopyScenic(item.ID)" class="hotelBtn">复制</button>
           <button @click="goUrlT('domesticTicketManagement',item.ID)" class="hotelBtn">{{$t('scen.sc_piao')}}</button>
         </div>
       </div>
       <div class="noData" v-show="noData">{{$t('system.content_noData')}}</div>
-    </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>
   </div>
@@ -350,7 +391,7 @@
         cityList: "",
         district: "",
         Ids: [],
-        tableData: "",
+        tableData: [],
         noData: false,
         deleteID: "",
         status: [{
@@ -440,20 +481,20 @@
           this.msg.QDistrict = "";
         }
         // if (this.msg.QCountry !== "") {
-          this.apipost(
-            "dict_post_Destination_GetChildList",
-            msg,
-            res => {
-              if (type == 1) {
-                this.provinceList = res.data.data;
-              } else if (type == 2) {
-                this.cityList = res.data.data;
-              } else if (type == 3) {
-                this.district = res.data.data;
-              }
-            },
-            err => {}
-          );
+        this.apipost(
+          "dict_post_Destination_GetChildList",
+          msg,
+          res => {
+            if (type == 1) {
+              this.provinceList = res.data.data;
+            } else if (type == 2) {
+              this.cityList = res.data.data;
+            } else if (type == 3) {
+              this.district = res.data.data;
+            }
+          },
+          err => {}
+        );
         // }
       },
       //获取国家
@@ -473,12 +514,12 @@
             "ticketcoupons_post_Remove", {
               ID: ID
             },
-            response => {
-              if (response.data.resultCode == 1) {
-                that.Success(that.$$t('tips.shanchuchenggong'));
+            res => {
+              if (res.data.resultCode == 1) {
+                that.Success(res.data.message);
                 that.selectResource();
               } else {
-                that.Error(response.data.message);
+                that.Error(res.data.message);
               }
             },
             null
@@ -582,7 +623,7 @@
     mounted() {
       this.getEmployeeList();
       // this.getCountryList();
-       this.getProvinceList(2,1);//获取国内省份
+      this.getProvinceList(2, 1); //获取国内省份
     },
     created() {
       if (this.$route.query.hasOwnProperty("cache")) {
@@ -590,18 +631,18 @@
           this.msg = this.$store.state.pageCondition;
         }
       }
-      if(this.$route.query.StatisticsSTime){
-        this.msg.StatisticsSTime=this.$route.query.StatisticsSTime
+      if (this.$route.query.StatisticsSTime) {
+        this.msg.StatisticsSTime = this.$route.query.StatisticsSTime
       }
-      if(this.$route.query.StatisticsETime){
-        this.msg.StatisticsETime=this.$route.query.StatisticsETime
+      if (this.$route.query.StatisticsETime) {
+        this.msg.StatisticsETime = this.$route.query.StatisticsETime
       }
-      if(this.$route.query.type){
-        if(this.$route.query.type==1){
-          this.msg.CreateBy =this.$route.query.EmployeeId;
+      if (this.$route.query.type) {
+        if (this.$route.query.type == 1) {
+          this.msg.CreateBy = this.$route.query.EmployeeId;
         }
-        if(this.$route.query.type==2){
-          this.msg.UpdateBy =this.$route.query.EmployeeId;
+        if (this.$route.query.type == 2) {
+          this.msg.UpdateBy = this.$route.query.EmployeeId;
         }
       }
       var id = this.$route.query.ID;
@@ -609,7 +650,7 @@
         this.msg.ID = id;
       }
       this.selectResource();
-     
+
     }
   };