页面修改

src/components/newTravelmanager/TravelGroupControl/TravelFeature.vue

@@ -7,6 +7,7 @@
       <span class="foldList" @click="fold" v-if="isFold==''">{{$t('sm.djzd')}}</span>
       <span class="foldList" @click="fold" v-if="isFold==1">{{$t('sm.djzk')}}</span>
       <div class="TrfList clearfix">
+        
         <div class="TFslide" v-for="item in TypeArray"
           :class="{'TFcked':item.isShow,'display_none':(item.TypeState===4 && FeatureData.FeatureType !== 4) || (item.TypeState===4 && !$route.query.configId)}"
           @click="clickFeature(item)" :key="item.subCode"

src/components/newTravelmanager/TravelGroupControl/TravelManager2.vue

@@ -50,9 +50,10 @@
           :priceList="PriceList" v-if="TeamType==0" :PostConfig="PostConfig" :modifyTcid="modifyTcid"
           :TeamType="TeamType" :CurrentUserInfo="CurrentUserInfo" :IsDirect="PostConfig.IsDirect"></TravelPrice>
         <!--小包团-->
-        <TravelPrice2 @saveMsg="SaveData(1)" ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice" :PostDaysTrip="PostDaysTrip"
-          v-if="TeamType==1" :priceList="PriceList" :PostConfig="PostConfig" :modifyTcid="modifyTcid"
-          :TeamType="TeamType" :CurrentUserInfo="CurrentUserInfo" :IsDirect="PostConfig.IsDirect"></TravelPrice2>
+        <TravelPrice2 @saveMsg="SaveData(1)" ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice"
+          :PostDaysTrip="PostDaysTrip" v-if="TeamType==1" :priceList="PriceList" :PostConfig="PostConfig"
+          :modifyTcid="modifyTcid" :TeamType="TeamType" :CurrentUserInfo="CurrentUserInfo"
+          :IsDirect="PostConfig.IsDirect"></TravelPrice2>
         <!--一日游-->
         <TravelPrice3 ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice" :PostDaysTrip="PostDaysTrip"
           v-if="TeamType==2" :priceList="PriceList" :PostConfig="PostConfig" :modifyTcid="modifyTcid"
@@ -66,12 +67,14 @@
           <div class="toTop" @click="backTop">
             <i class="iconfont icon-huidaodingbu"></i>
           </div>
-          <div v-if="modifyType!=2" class="DTSaveBtn" :class="{'disClick':!isSubmit}" @click="submitForm(1)">
+          <div v-if="modifyType!=2" class="DTSaveBtn" :class="{'disClick':!isSubmit}" :loading="saveLoading"
+            @click="submitForm(1)">
             {{$t('pub.saveBtn')}}</div>
-          <div v-if="modifyType!=2" class="DTSaveBtn" :class="{'disClick':!isSubmit}" @click="submitForm(2)">
+          <div v-if="modifyType!=2" class="DTSaveBtn" :class="{'disClick':!isSubmit}" :loading="saveLoading"
+            @click="submitForm(2)">
             {{$t('fnc.tijiao')}}</div>
-          <div v-if="modifyType==2" class="DTSaveBtn" :class="{'disClick':!isSubmit}" @click="submitForm(3)"
-            title="另存为新模板">{{$t('pub.saveBtn')}}
+          <div v-if="modifyType==2" class="DTSaveBtn" :class="{'disClick':!isSubmit}" :loading="saveLoading"
+            @click="submitForm(3)" title="另存为新模板">{{$t('pub.saveBtn')}}
           </div>
           <div v-if="ConfigId>0" class="DTSaveBtn" :class="{'disClick':!isSubmit}" @click="goB2B()">{{$t('sm.yulan')}}
           </div>
@@ -127,7 +130,6 @@
         ShopList: [],
         SelfpayingList: [],
         AllCityList: [],
-
         //基本配置
         PostConfig: {
           ID: 0,
@@ -236,6 +238,7 @@
           offerId: 0, //报价单编号
           isOffer: 0, //是否是报价单开团
         },
+        saveLoading: false, //保存按钮loading
       };
     },
     components: {
@@ -319,7 +322,6 @@
           if (this.PostConfig.fileList.length <= 5) {
             this.PostConfig.fileList.push(fileObj);
           }
-
           this.FeatureData.fileList.push(fileObj);
         }
       },
@@ -343,6 +345,7 @@
       },
       /*保存数据*/
       SaveData(SaveType) {
+        this.saveLoading = true;
         this.MsgBus.$emit('saveTravel', true);
         this.FeatureData.IsSave = true;
         this.submitText = "保存中";
@@ -366,19 +369,25 @@
         basicData.OfferId = this.PostConfig.OfferId;
 
         basicData.TeamType = this.PostConfig.TeamType;
-
-        basicData.DayNum = (this.PostDaysTrip && this.PostDaysTrip.DayNum != "") ? this.PostDaysTrip.DayNum : 0;
-        basicData.NightNum = (this.PostDaysTrip && this.PostDaysTrip.NightNum != "") ? this.PostDaysTrip.NightNum : 0;
-        basicData.StartCityId = (this.PostDaysTrip && this.PostDaysTrip.StartCityId != "") ? this.PostDaysTrip
-          .StartCityId :
-          0;
-        basicData.ReturnArriveCityId = (this.PostDaysTrip && this.PostDaysTrip.ReturnArriveCityId != "") ? this
-          .PostDaysTrip
-          .ReturnArriveCityId : 0;
+        basicData.StartCityId = 0;
+        basicData.ReturnArriveCityId = 0;
+        if (this.PostDaysTrip) {
+          if (this.PostDaysTrip.DayNum != "") {
+            basicData.DayNum = this.PostDaysTrip.DayNum;
+          }
+          if (this.PostDaysTrip.NightNum != "") {
+            basicData.NightNum = this.PostDaysTrip.NightNum;
+          }
+          if (this.PostDaysTrip.StartCityId != "") {
+            basicData.StartCityId = this.PostDaysTrip.StartCityId;
+          }
+          if (this.PostDaysTrip.ReturnArriveCityId != "") {
+            basicData.ReturnArriveCityId = this.PostDaysTrip.ReturnArriveCityId;
+          }
+        }
 
         basicData.SelfpayingList = this.PostConfig.SelfpayingList;
         basicData.ShopList = this.PostConfig.ShopList;
-
         basicData.DinnerList = this.PostDaysTrip.DinnerList;
         basicData.FreedomList = this.PostDaysTrip.FreedomList;
         basicData.HotelList = this.PostDaysTrip.HotelList;
@@ -444,11 +453,13 @@
         }
         basicData.TeamType = this.TeamType;
         basicData.IsUpdateHotel = this.PostConfig.IsUpdateHotel;
+        console.log("travel_post_SetTravelConfigInfo", basicData);
         this.isSubmit = false;
         this.apipost(
           "travel_post_SetTravelConfigInfo",
           basicData,
           res => {
+            this.saveLoading = false;
             if (res.data.resultCode == 1) {
               //配置编号
               TripFeature.ConfigId = res.data.data;
@@ -467,7 +478,9 @@
               this.$refs.TravelFeature.del_show = true;
             }
           },
-          err => {}
+          err => {
+            this.saveLoading = false;
+          }
         );
       },
       //初始化团的幻灯片
@@ -682,6 +695,7 @@
             "travel_get_GetTravelConfigMakeInfo",
             msg,
             res => {
+              console.log("travel_get_GetTravelConfigMakeInfo", res.data);
               if (res.data.resultCode == 1) {
                 var tempData = res.data.data;
                 if (tempData.Feature != null) {
@@ -783,50 +797,40 @@
                   if (tempData.travelQuotationPriceObj && tempData.travelQuotationPriceObj.SafeMoney) {
                     priceObj.SafeMoney = tempData.travelQuotationPriceObj.SafeMoney;
                   }
-
                   this.PriceList.push(priceObj);
                 }
 
                 this.FeatureData.Subtitle = tempData.LtName;
                 this.FeatureData.LineName = tempData.LineName;
-                this
-                  .FeatureData.DayList = tempData.DayList;
+                this.FeatureData.DayList = tempData.DayList;
 
                 this.ConfigId = tempData.ID;
                 //HK 2019-01-08添加 NewConfigId B2B预览使用
                 this.NewConfigId = tempData.NewConfigId;
                 this.PostConfig.ID = tempData.ID;
-                this.PostConfig.StartCityId =
-                  tempData.StartCityId;
+                this.PostConfig.StartCityId = tempData.StartCityId;
                 this.PostConfig.LineId = tempData.LineId;
-                this.PostConfig.LineteamId = tempData
-                  .LineteamId;
+                this.PostConfig.LineteamId = tempData.LineteamId;
                 this.PostConfig.CountryID = tempData.CountryID;
                 //视频地址
                 this.PostConfig.VideoStr = tempData.VideoStr;
-                this.PostConfig.OpenTeamDescribe = tempData
-                  .OpenTeamDescribe;
+                this.PostConfig.OpenTeamDescribe = tempData.OpenTeamDescribe;
                 this.PostConfig.IsOpenHotel = tempData.IsOpenHotel;
-                this.PostConfig.DayNum = tempData
-                  .DayNum; //行程天数
+                this.PostConfig.DayNum = tempData.DayNum; //行程天数
                 this.PostConfig.WAreaId = tempData.WAreaId;
                 this.PostConfig.WCountryId = tempData.WCountryId;
-                this
-                  .PostConfig.WLocationId = tempData.WLocationId;
+                this.PostConfig.WLocationId = tempData.WLocationId;
                 this.PostConfig.WCityId = tempData.WCityId;
 
 
                 this.NoticeParameters.ConfigId = tempData.ConfigId;
-                this.NoticeParameters.CountryID = tempData
-                  .CountryID;
+                this.NoticeParameters.CountryID = tempData.CountryID;
                 this.NoticeParameters.IsDirect = tempData.IsDirect;
-                this.NoticeParameters.LineId = tempData
-                  .LineId;
+                this.NoticeParameters.LineId = tempData.LineId;
 
                 this.PostConfig.ImgCover = tempData.ImgCover;
                 this.PostConfig.LtName = tempData.LtName;
-                this.PostConfig
-                  .CreateBy = tempData.CreateBy;
+                this.PostConfig.CreateBy = tempData.CreateBy;
                 if (tempData.ImgCover != "") {
                   if (tempData.ImgCoverList.length > 0) {
                     this.PostConfig.fileList = tempData.ImgCoverList;
@@ -836,11 +840,9 @@
                 }
                 this.PostConfig.Title = tempData.Title;
                 this.PostConfig.ProductRecommend = tempData.ProductRecommend;
-                this
-                  .PostConfig.IsSubstitution = tempData.IsSubstitution;
+                this.PostConfig.IsSubstitution = tempData.IsSubstitution;
                 this.PostConfig.IsDirect = tempData.IsDirect;
-                this
-                  .PostConfig.PriceIsDirect = tempData.PriceIsDirect;
+                this.PostConfig.PriceIsDirect = tempData.PriceIsDirect;
                 this.PostConfig.OfferId = tempData.OfferId;
                 if (this.$route.query.offerId) {
                   this.PostConfig.OfferId = this.$route.query.offerId;
@@ -865,18 +867,21 @@
                 //默认不联动行程特色
                 this.journeyList.IsUpdateTrip = 0;
                 this.journeyList.DayNum = tempData.DayNum;
-                this.journeyList.NightNum =
-                  tempData.NightNum;
+                this.journeyList.NightNum = tempData.NightNum;
                 this.journeyList.ReturnArriveCityId = tempData.ReturnArriveCityId;
-                this.journeyList
-                  .StartCityId = tempData.StartCityId;
+                this.journeyList.StartCityId = tempData.StartCityId;
                 this.journeyList.DayList = tempData.DayList;
-                this.journeyList.DayList
-                  .forEach(x => {
+                this.journeyList.DayList.forEach(x => {
                   x["HotelChooseArray"] = [];
                   x["ChooseScenicArray"] = [];
                   x["isHide"] = false;
+                  if (x.HotelArray && x.HotelArray.length > 0) {
+                    x.HotelArray.forEach(subItem => {
+                      subItem.FacilityServices = '';
                     });
+                  }
+                });
+                console.log(" this.journeyList.DayList", this.journeyList.DayList);
 
                 if (tempData.OfferList != null) {
                   this.OfferList = tempData.OfferList;
@@ -892,8 +897,7 @@
                 }
                 this.UseTypeArray = tempData.UseTypeArray;
                 this.AirPickUp = tempData.AirPickUp;
-                this.AirSend = tempData
-                  .AirSend;
+                this.AirSend = tempData.AirSend;
                 this.PostConfig.PDFAlias = tempData.PDFAlias;
               } else {
                 this.Error(res.data.message);

src/pubComponents/uploadImg.vue

 <template>
-<div class="scenicSpotInfoManage">
+  <div class="scenicSpotInfoManage">
     <div class="resource-list">
       <div class="resource-imglist clearfix">
         <div class="re-img" v-for="(item, index) in ImageList" :key="index">
@@ -11,8 +11,7 @@
             <div class="re-delte" @click.stop="ExchangeImg(index, 0)" v-if="index != 0 && item">
               <i class="iconfont icon-zuoyi"></i>
             </div>
-                  <div class="re-delte" @click.stop="ExchangeImg(index, 1)"
-                    v-if="index != ImageList.length - 1 && item">
+            <div class="re-delte" @click.stop="ExchangeImg(index, 1)" v-if="index != ImageList.length - 1 && item">
               <i class="iconfont icon-youyi"></i>
             </div>
           </div>
@@ -38,10 +37,10 @@
               accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
               <i class="iconfont icon-img_haha"></i>
             </el-upload> -->
-</div>
+  </div>
 </template>
 <style>
-.addlist {
+  .addlist {
     position: absolute;
     right: 158px;
     top: 6px;
@@ -54,52 +53,52 @@
     line-height: 30px;
     border-radius: 50%;
     font-size: 22px;
-}
+  }
 
-.scenicSpotInfoManage .resourceImgAdd {
+  .scenicSpotInfoManage .resourceImgAdd {
     width: 620px;
     margin: auto;
-}
+  }
 
-.scenicSpotInfoManage .clearfix:after {
+  .scenicSpotInfoManage .clearfix:after {
     content: "\0020";
     display: block;
     height: 0;
     clear: both;
-}
+  }
 
-.scenicSpotInfoManage .resource-content {
+  .scenicSpotInfoManage .resource-content {
     width: 100%;
     margin-top: 30px;
     font-size: 12px;
     min-width: 1200px;
-}
+  }
 
-.scenicSpotInfoManage .resource-baseinfo {
+  .scenicSpotInfoManage .resource-baseinfo {
     float: left;
     height: auto;
     width: 600px;
     margin: 0 0 20px 30px;
-}
+  }
 
-.scenicSpotInfoManage .resource-imginfo {
+  .scenicSpotInfoManage .resource-imginfo {
     float: left;
     width: 510px;
     margin-top: 35px;
-}
+  }
 
-.scenicSpotInfoManage .resource-lititle {
+  .scenicSpotInfoManage .resource-lititle {
     display: block;
     border-left: 4px solid #e95252;
     padding-left: 10px;
     margin-bottom: 20px;
-}
+  }
 
-.scenicSpotInfoManage .resource-baseinfo span {
+  .scenicSpotInfoManage .resource-baseinfo span {
     display: inline-block;
-}
+  }
 
-.scenicSpotInfoManage .resource-name {
+  .scenicSpotInfoManage .resource-name {
     width: 300px;
     height: 34px;
     background: rgba(255, 255, 255, 1);
@@ -107,20 +106,20 @@
     outline: none;
     border: 1px solid #d6d6d6;
     padding-left: 10px;
-}
+  }
 
-.scenicSpotInfoManage .common-lefttit {
+  .scenicSpotInfoManage .common-lefttit {
     width: 80px;
     text-align: right;
     margin: 0 7px 0 8px;
     display: inline-block;
-}
+  }
 
-.scenicSpotInfoManage .resource-net {
+  .scenicSpotInfoManage .resource-net {
     position: relative;
-}
+  }
 
-.scenicSpotInfoManage .resource-http {
+  .scenicSpotInfoManage .resource-http {
     position: absolute;
     color: #999999;
     width: 70px !important;
@@ -134,24 +133,24 @@
     text-align: center;
     line-height: 32px;
     text-align: center;
-}
+  }
 
-.scenicSpotInfoManage .R1 {
+  .scenicSpotInfoManage .R1 {
     width: 300px;
     padding: 0 15px 0 80px;
     transition: all 0.3s ease-in-out;
-}
+  }
 
-.scenicSpotInfoManage .areaInput {
+  .scenicSpotInfoManage .areaInput {
     width: 300px;
     padding-right: 120px;
-}
+  }
 
-.scenicSpotInfoManage .areaInput:focus {
+  .scenicSpotInfoManage .areaInput:focus {
     border: 1px solid #e95252;
-}
+  }
 
-.scenicSpotInfoManage .map-icon {
+  .scenicSpotInfoManage .map-icon {
     position: absolute;
     right: 1px;
     top: 1px;
@@ -166,15 +165,15 @@
     display: inline-block;
     height: 32px;
     background-color: #f5f7fa;
-}
+  }
 
-.scenicSpotInfoManage .map-icon i {
+  .scenicSpotInfoManage .map-icon i {
     margin: 0 5px;
     position: relative;
     top: 1px;
-}
+  }
 
-.scenicSpotInfoManage .save-Btn {
+  .scenicSpotInfoManage .save-Btn {
     width: 90px;
     height: 30px;
     background: rgba(233, 82, 82, 1);
@@ -183,14 +182,14 @@
     outline: none;
     cursor: pointer;
     margin-right: 20px;
-}
+  }
 
-.scenicSpotInfoManage .cancel-Btn,
-.save-Btn:hover {
+  .scenicSpotInfoManage .cancel-Btn,
+  .save-Btn:hover {
     opacity: 0.8;
-}
+  }
 
-.scenicSpotInfoManage .cancel-Btn {
+  .scenicSpotInfoManage .cancel-Btn {
     width: 90px;
     height: 30px;
     background: rgba(255, 255, 255, 1);
@@ -199,34 +198,34 @@
     outline: none;
     cursor: pointer;
     border: 1px solid #e95252;
-}
+  }
 
-.scenicSpotInfoManage .re-img {
+  .scenicSpotInfoManage .re-img {
     width: 140px;
     height: 93px;
     border-radius: 10px;
     float: left;
     margin: 0 30px 30px 0;
     position: relative;
-}
+  }
 
-.scenicSpotInfoManage .re-img:first-child {
+  .scenicSpotInfoManage .re-img:first-child {
     margin-left: 0;
-}
+  }
 
-.scenicSpotInfoManage .resource-imglist {
+  .scenicSpotInfoManage .resource-imglist {
     width: 100%;
     height: auto;
     margin-top: 20px;
-}
+  }
 
-.scenicSpotInfoManage .resource-imglist img {
+  .scenicSpotInfoManage .resource-imglist img {
     width: 100%;
     height: 100%;
     border-radius: 10px;
-}
+  }
 
-.scenicSpotInfoManage .add-img {
+  .scenicSpotInfoManage .add-img {
     /* margin-top: 20px; */
     width: 140px;
     height: 93px;
@@ -236,18 +235,18 @@
     cursor: pointer;
     float: left;
     margin: 0 30px 30px 0;
-}
+  }
 
-.scenicSpotInfoManage .reimg-add {
+  .scenicSpotInfoManage .reimg-add {
     width: 140px;
     height: 93px;
     background: rgba(236, 236, 236, 1);
     border-radius: 10px;
     position: relative;
     cursor: pointer;
-}
+  }
 
-.scenicSpotInfoManage .ad-one {
+  .scenicSpotInfoManage .ad-one {
     display: none;
     background: rgba(0, 0, 0, 0.4);
     width: 100%;
@@ -256,17 +255,17 @@
     position: absolute;
     top: 0;
     z-index: 999;
-}
+  }
 
-.scenicSpotInfoManage .bigAdd {
+  .scenicSpotInfoManage .bigAdd {
     font-size: 50px;
     color: #d1d1d1;
     position: absolute;
     left: 45px;
     top: 25px;
-}
+  }
 
-.scenicSpotInfoManage .imgzhe {
+  .scenicSpotInfoManage .imgzhe {
     display: none;
     background: rgba(0, 0, 0, 0.4);
     width: 100%;
@@ -276,17 +275,17 @@
     border-radius: 10px;
     position: absolute;
     top: 0;
-}
+  }
 
-.scenicSpotInfoManage .reimg-add:hover .ad-one {
+  .scenicSpotInfoManage .reimg-add:hover .ad-one {
     display: block;
-}
+  }
 
-.scenicSpotInfoManage .re-img:hover .imgzhe {
+  .scenicSpotInfoManage .re-img:hover .imgzhe {
     display: block;
-}
+  }
 
-.scenicSpotInfoManage .ad-one div {
+  .scenicSpotInfoManage .ad-one div {
     width: 32px;
     height: 32px;
     border-radius: 50%;
@@ -294,71 +293,71 @@
     text-align: center;
     background: gray;
     color: #fff;
-}
+  }
 
-.scenicSpotInfoManage .ad-one div:hover {
+  .scenicSpotInfoManage .ad-one div:hover {
     background-color: #fff;
     color: #e95252;
-}
+  }
 
-.scenicSpotInfoManage .re-upload {
+  .scenicSpotInfoManage .re-upload {
     position: absolute;
     top: 30px;
     left: 55px;
-}
+  }
 
-.scenicSpotInfoManage .re-find {
+  .scenicSpotInfoManage .re-find {
     position: absolute;
     top: 30px;
     right: 30px;
-}
+  }
 
-.scenicSpotInfoManage .search-imgicon {
+  .scenicSpotInfoManage .search-imgicon {
     padding-right: 20px;
     margin-left: -40px;
-}
+  }
 
-.scenicSpotInfoManage .resAddImg {
+  .scenicSpotInfoManage .resAddImg {
     width: 520px;
     padding-right: 45px;
-}
+  }
 
-.scenicSpotInfoManage .addimgContent {
+  .scenicSpotInfoManage .addimgContent {
     height: 290px;
     overflow: auto;
     margin: 30px 0 30px 25px;
     width: 545px;
-}
+  }
 
-.scenicSpotInfoManage .addimgDiv {
+  .scenicSpotInfoManage .addimgDiv {
     width: 160px;
     height: 155px;
     float: left;
     margin: 0 20px 15px 0;
     overflow: hidden;
-}
+  }
 
-.scenicSpotInfoManage .addimgContent div:first-child {
+  .scenicSpotInfoManage .addimgContent div:first-child {
     margin-left: 0;
-}
+  }
 
-.addimgContent div:nth-child(3n) {
+  .addimgContent div:nth-child(3n) {
     margin-right: 0;
-}
+  }
 
-.scenicSpotInfoManage .itemImgdiv {
+  .scenicSpotInfoManage .itemImgdiv {
     width: 160px;
     height: 106px;
     position: relative;
-}
+  }
 
-.scenicSpotInfoManage .itemImgdiv img {
+  .scenicSpotInfoManage .itemImgdiv img {
     width: 100%;
     height: 100%;
     border-radius: 10px;
-}
+  }
 
-.scenicSpotInfoManage .imgseclet {
+  .scenicSpotInfoManage .imgseclet {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.4);
@@ -368,48 +367,48 @@
     text-align: center;
     line-height: 106px;
     color: #e95252;
-}
+  }
 
-.icon-dagouyouquan {
+  .icon-dagouyouquan {
     font-size: 25px;
-}
+  }
 
-.scenicSpotInfoManage .test-1::-webkit-scrollbar {
+  .scenicSpotInfoManage .test-1::-webkit-scrollbar {
     width: 0px;
     height: 0px;
     background-color: #f5f5f5;
-}
+  }
 
-.scenicSpotInfoManage .test-1::-webkit-scrollbar-track {
+  .scenicSpotInfoManage .test-1::-webkit-scrollbar-track {
     background-color: #f5f5f5;
-}
+  }
 
-.scenicSpotInfoManage .test-1::-webkit-scrollbar-thumb {
+  .scenicSpotInfoManage .test-1::-webkit-scrollbar-thumb {
     border-radius: 20px;
     background-color: #aaa;
     margin-bottom: 24px;
-}
+  }
 
-.scenicSpotInfoManage .test-1:hover::-webkit-scrollbar {
+  .scenicSpotInfoManage .test-1:hover::-webkit-scrollbar {
     width: 4px;
     height: 4px;
     background-color: #f5f5f5;
-}
+  }
 
-.scenicSpotInfoManage .addimg-btnlist {
+  .scenicSpotInfoManage .addimg-btnlist {
     text-align: center;
-}
+  }
 
-.scenicSpotInfoManage .addimg-select {
+  .scenicSpotInfoManage .addimg-select {
     font-size: 14px;
     color: #999999;
     float: right;
     margin-bottom: 10px;
     position: relative;
     bottom: 20px;
-}
+  }
 
-.scenicSpotInfoManage .re-delte {
+  .scenicSpotInfoManage .re-delte {
     width: 32px;
     height: 32px;
     background: gray;
@@ -419,14 +418,14 @@
     line-height: 32px;
     color: #fff;
     cursor: pointer;
-}
+  }
 
-.scenicSpotInfoManage .re-delte:hover {
+  .scenicSpotInfoManage .re-delte:hover {
     color: #e95252;
     background: #fff;
-}
+  }
 
-.scenicSpotInfoManage .imgDescription {
+  .scenicSpotInfoManage .imgDescription {
     font-size: 12px;
     margin-top: 12px;
     color: #333333;
@@ -437,108 +436,108 @@
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
-}
+  }
 
-.scenicSpotInfoManage .el-upload-dragger {
+  .scenicSpotInfoManage .el-upload-dragger {
     border: none;
-}
+  }
 
-.scenicSpotInfoManage .res-span span:last-child {
+  .scenicSpotInfoManage .res-span span:last-child {
     display: inline;
-}
+  }
 
-.scenicSpotInfoManage .resourcerightTop span {
+  .scenicSpotInfoManage .resourcerightTop span {
     display: inline-block;
-}
+  }
 
-.scenicSpotInfoManage .resourcerightTop span.width62 {
+  .scenicSpotInfoManage .resourcerightTop span.width62 {
     width: 62px;
-}
+  }
 
-.scenicSpotInfoManage .sheshi {
+  .scenicSpotInfoManage .sheshi {
     margin-bottom: 20px;
-}
+  }
 
-.scenicSpotInfoManage .dialog-footer {
+  .scenicSpotInfoManage .dialog-footer {
     padding-bottom: 30px;
-}
+  }
 
-.scenicSpotInfoManage .btn-list {
+  .scenicSpotInfoManage .btn-list {
     margin: 0 0 40px 30px;
-}
+  }
 
-.scenicSpotInfoManage .input-with-select .el-input-group__prepend {
+  .scenicSpotInfoManage .input-with-select .el-input-group__prepend {
     background-color: #fff;
-}
+  }
 
-.scenicSpotInfoManage .el-textarea__inner {
+  .scenicSpotInfoManage .el-textarea__inner {
     resize: none;
     height: 120px;
     font-family: "微软雅黑";
-}
+  }
 
-.scenicSpotInfoManage .R1:focus {
+  .scenicSpotInfoManage .R1:focus {
     border: 1px solid #e95252;
-}
+  }
 
-.scenicSpotInfoManage .el-form-item__label {
+  .scenicSpotInfoManage .el-form-item__label {
     width: 105px;
     font-size: 12px;
-}
+  }
 
-.scenicSpotInfoManage .el-form-item__error {
+  .scenicSpotInfoManage .el-form-item__error {
     left: 100px;
-}
+  }
 
-.scenicSpotInfoManage .hotelDay {
+  .scenicSpotInfoManage .hotelDay {
     margin-left: 10px;
-}
+  }
 
-.scenicSpotInfoManage .searchImgIcon {
+  .scenicSpotInfoManage .searchImgIcon {
     cursor: pointer;
-}
+  }
 
-.scenicSpotInfoManage .el-dialog--center .el-dialog__body {
+  .scenicSpotInfoManage .el-dialog--center .el-dialog__body {
     padding: 25px 25px 0;
-}
+  }
 
-.scenicSpotInfoManage .addressInput .el-input-group__append {
+  .scenicSpotInfoManage .addressInput .el-input-group__append {
     border-top-right-radius: 17px;
     border-bottom-right-radius: 17px;
-}
+  }
 
-.scenicSpotInfoManage ::-webkit-input-placeholder {
+  .scenicSpotInfoManage ::-webkit-input-placeholder {
     color: #d1d1d1;
-}
+  }
 
-.scenicSpotInfoManage :-moz-placeholder {
+  .scenicSpotInfoManage :-moz-placeholder {
     color: #d1d1d1;
-}
+  }
 
-.scenicSpotInfoManage ::-moz-placeholder {
+  .scenicSpotInfoManage ::-moz-placeholder {
     color: #d1d1d1;
-}
+  }
 
-.scenicSpotInfoManage :-ms-input-placeholder {
+  .scenicSpotInfoManage :-ms-input-placeholder {
     color: #d1d1d1;
-}
+  }
 
-.scenicSpotInfoManage .el-switch.is-checked .el-switch__core {
+  .scenicSpotInfoManage .el-switch.is-checked .el-switch__core {
     border-color: #4bca81;
     background-color: #4bca81;
-}
+  }
 
-.scenicSpotInfoManage .orderAdd {
+  .scenicSpotInfoManage .orderAdd {
     position: relative;
     width: 340px;
-}
+  }
 
-.scenicSpotInfoManage .minus:hover {
+  .scenicSpotInfoManage .minus:hover {
     background-color: #cccccc;
     cursor: pointer;
-}
+  }
 
-.scenicSpotInfoManage .minus {
+  .scenicSpotInfoManage .minus {
     width: 34px;
     height: 32px;
     border: #dcdfe6;
@@ -551,9 +550,9 @@
     z-index: 999;
     top: 4px;
     background-color: #dcdfe6;
-}
+  }
 
-.scenicSpotInfoManage .addPeople {
+  .scenicSpotInfoManage .addPeople {
     width: 34px;
     height: 32px;
     top: 4px;
@@ -565,24 +564,24 @@
     right: 41px;
     border-radius: 50%;
     z-index: 999;
-}
+  }
 
-.scenicSpotInfoManage .addPeople:hover {
+  .scenicSpotInfoManage .addPeople:hover {
     background-color: #cccccc;
     cursor: pointer;
-}
+  }
 
-.scenicSpotInfoManage .orderAdd .el-input__inner {
+  .scenicSpotInfoManage .orderAdd .el-input__inner {
     padding-left: 90px;
-}
+  }
 
-.scenicSpotInfoManage .littleadd {
+  .scenicSpotInfoManage .littleadd {
     font-size: 12px !important;
     color: #fff;
     display: inline-block;
-}
+  }
 
-.scenicSpotInfoManage .footabs {
+  .scenicSpotInfoManage .footabs {
     width: 286px;
     min-height: 34px;
     border: 1px solid #d1d1d1;
@@ -592,110 +591,110 @@
     padding: 5px 10px;
     display: flex;
     flex-wrap: wrap;
-}
+  }
 
-.scenicSpotInfoManage .foodtips {
+  .scenicSpotInfoManage .foodtips {
     display: inline-block;
     padding: 3px 5px;
     background-color: #efefef;
     margin: 3px;
     position: relative;
-}
+  }
 
-.scenicSpotInfoManage .toolOne {
+  .scenicSpotInfoManage .toolOne {
     margin: 0 0 28px 38px;
     display: flex;
-}
+  }
 
-.scenicSpotInfoManage .foodTipsDiv {
+  .scenicSpotInfoManage .foodTipsDiv {
     max-width: 200px;
     display: inline;
-}
+  }
 
-.scenicSpotInfoManage .wInput {
+  .scenicSpotInfoManage .wInput {
     border: none;
     height: 30px;
-}
+  }
 
-.scenicSpotInfoManage .wInput .el-input__inner {
+  .scenicSpotInfoManage .wInput .el-input__inner {
     border: none !important;
     height: 28px;
     padding: 0;
     border-radius: 0;
     margin-top: 2px;
-}
+  }
 
-.scenicSpotInfoManage .delTips {
+  .scenicSpotInfoManage .delTips {
     position: absolute;
     right: -5px;
     top: -5px;
     cursor: pointer;
     color: #999;
     font-size: 14px;
-}
+  }
 
-.scenicSpotInfoManage .delTips:hover {
+  .scenicSpotInfoManage .delTips:hover {
     color: #e95252;
-}
+  }
 
-.scenicSpotInfoManage .fanyong {
+  .scenicSpotInfoManage .fanyong {
     font-size: 12px;
     color: #666666;
     margin-right: 10px;
-}
+  }
 
-.scenicSpotInfoManage .footabs .el-tag {
+  .scenicSpotInfoManage .footabs .el-tag {
     margin: 0 5px 5px 0;
-}
+  }
 
-.scenicSpotInfoManage .footabs .el-input__inner {
+  .scenicSpotInfoManage .footabs .el-input__inner {
     height: 30px;
     position: relative;
-}
+  }
 
-.scenicSpotInfoManage .button-new-tag {
+  .scenicSpotInfoManage .button-new-tag {
     height: 30px;
     line-height: 30px;
     padding-top: 0;
     padding-bottom: 0;
-}
+  }
 
-.scenicSpotInfoManage .input-new-tag {
+  .scenicSpotInfoManage .input-new-tag {
     width: 90px;
     margin-left: 10px;
     vertical-align: bottom;
-}
+  }
 
-.scenicSpotInfoManage .el-dialog--center .el-dialog__body {
+  .scenicSpotInfoManage .el-dialog--center .el-dialog__body {
     padding: 15px 25px 0 !important;
-}
+  }
 
-.scenicSpotInfoManage .mapList {
+  .scenicSpotInfoManage .mapList {
     width: 850px !important;
     height: 510px !important;
-}
+  }
 
-.scenicSpotInfoManage .fanbili {
+  .scenicSpotInfoManage .fanbili {
     margin-top: 8px;
-}
+  }
 
-.scenicSpotInfoManage .RabateDiv {
+  .scenicSpotInfoManage .RabateDiv {
     margin-left: 10px;
-}
+  }
 
-.scenicSpotInfoManage .RebateCount {
+  .scenicSpotInfoManage .RebateCount {
     height: 34px;
     border-radius: 17px;
     float: left;
-}
+  }
 
-.scenicSpotInfoManage .reOne,
-.scenicSpotInfoManage .reTwo,
-.scenicSpotInfoManage .dayNum {
+  .scenicSpotInfoManage .reOne,
+  .scenicSpotInfoManage .reTwo,
+  .scenicSpotInfoManage .dayNum {
     position: relative;
-}
+  }
 
-.scenicSpotInfoManage .leftPnum {
+  .scenicSpotInfoManage .leftPnum {
     float: left;
     width: 50px;
     height: 32px;
@@ -707,28 +706,28 @@
     top: 1px;
     border-top-left-radius: 17px;
     border-bottom-left-radius: 17px;
-}
+  }
 
-.scenicSpotInfoManage .toolInput {
+  .scenicSpotInfoManage .toolInput {
     height: 34px;
     padding-left: 5px;
     border: none;
-}
+  }
 
-.scenicSpotInfoManage .inpuOne {
+  .scenicSpotInfoManage .inpuOne {
     width: 135px;
     padding-left: 55px;
     border: 1px solid #d1d1d1;
     border-right: none;
-}
+  }
 
-.scenicSpotInfoManage .inpuTwo {
+  .scenicSpotInfoManage .inpuTwo {
     width: 166px;
     padding: 0 45px 0 55px;
     border: 1px solid #d1d1d1;
-}
+  }
 
-.scenicSpotInfoManage .percentCon {
+  .scenicSpotInfoManage .percentCon {
     float: right;
     width: 40px;
     height: 32px;
@@ -740,9 +739,9 @@
     position: absolute;
     right: 1px;
     top: 1px;
-}
+  }
 
-.scenicSpotInfoManage .fanNum {
+  .scenicSpotInfoManage .fanNum {
     float: left;
     width: 50px;
     height: 32px;
@@ -752,26 +751,27 @@
     position: absolute;
     left: 1px;
     top: 1px;
-}
+  }
 
-.scenicSpotInfoManage .fdTag {
+  .scenicSpotInfoManage .fdTag {
     margin-top: 13px;
-}
+  }
 
-.scenicSpotInfoManage .addAddress .el-input__inner {
+  .scenicSpotInfoManage .addAddress .el-input__inner {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     border: 1px solid #d1d1d1 !important;
-}
+  }
 
-.scenicSpotInfoManage .el-input-group__append {
+  .scenicSpotInfoManage .el-input-group__append {
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
-}
+  }
+
 </style>
 
 <script>
-export default {
+  export default {
     props: {
       maxNum: {
         default: 0
@@ -784,10 +784,9 @@ export default {
         ImageList: []
       }
     },
-    mounted() {
-    },
+    mounted() {},
     computed: {
-      showAdd: function() {
+      showAdd: function () {
         return !this.maxNum || (this.ImageList.length < this.maxNum)
       }
     },
@@ -831,5 +830,6 @@ export default {
         this.ImageList.splice(index, 1);
       },
     }
-}
+  }
+
 </script>