Skip to content

S
SuperMan
Commit b1af61ad authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 5fd991d2
Hide whitespace changes
Inline Side-by-side
Showing with 871 additions and 866 deletions
src/components/newTravelmanager/TravelGroupControl/TravelFeature.vue
View file @ b1af61ad
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
<span class="foldList" @click="fold" v-if="isFold==''">{{$t('sm.djzd')}}</span> <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> <span class="foldList" @click="fold" v-if="isFold==1">{{$t('sm.djzk')}}</span>
<div class="TrfList clearfix"> <div class="TrfList clearfix">
<div class="TFslide" v-for="item in TypeArray" <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)}" :class="{'TFcked':item.isShow,'display_none':(item.TypeState===4 && FeatureData.FeatureType !== 4) || (item.TypeState===4 && !$route.query.configId)}"
@click="clickFeature(item)" :key="item.subCode" @click="clickFeature(item)" :key="item.subCode"
......
src/components/newTravelmanager/TravelGroupControl/TravelManager2.vue
View file @ b1af61ad
...@@ -45,14 +45,15 @@ ...@@ -45,14 +45,15 @@
<TravelNotice :class="{'showOther':TeamType==3}" ref="TravelNotice" id="fourAnchor" @headCallBack="getNotice" <TravelNotice :class="{'showOther':TeamType==3}" ref="TravelNotice" id="fourAnchor" @headCallBack="getNotice"
:subArray="NoticeParameters" :NoticeData="NoticeData" v-bind:PostConfig="PostConfig" :subArray="NoticeParameters" :NoticeData="NoticeData" v-bind:PostConfig="PostConfig"
v-bind:AllCityList="AllCityList" v-bind:CountryID="PostConfig.CountryID"></TravelNotice> v-bind:AllCityList="AllCityList" v-bind:CountryID="PostConfig.CountryID"></TravelNotice>
<!--常规团--> <!--常规团-->
<TravelPrice @saveMsg="SaveData(1)" ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice" <TravelPrice @saveMsg="SaveData(1)" ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice"
:priceList="PriceList" v-if="TeamType==0" :PostConfig="PostConfig" :modifyTcid="modifyTcid" :priceList="PriceList" v-if="TeamType==0" :PostConfig="PostConfig" :modifyTcid="modifyTcid"
:TeamType="TeamType" :CurrentUserInfo="CurrentUserInfo" :IsDirect="PostConfig.IsDirect"></TravelPrice> :TeamType="TeamType" :CurrentUserInfo="CurrentUserInfo" :IsDirect="PostConfig.IsDirect"></TravelPrice>
<!--小包团--> <!--小包团-->
<TravelPrice2 @saveMsg="SaveData(1)" ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice" :PostDaysTrip="PostDaysTrip" <TravelPrice2 @saveMsg="SaveData(1)" ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice"
v-if="TeamType==1" :priceList="PriceList" :PostConfig="PostConfig" :modifyTcid="modifyTcid" :PostDaysTrip="PostDaysTrip" v-if="TeamType==1" :priceList="PriceList" :PostConfig="PostConfig"
:TeamType="TeamType" :CurrentUserInfo="CurrentUserInfo" :IsDirect="PostConfig.IsDirect"></TravelPrice2> :modifyTcid="modifyTcid" :TeamType="TeamType" :CurrentUserInfo="CurrentUserInfo"
:IsDirect="PostConfig.IsDirect"></TravelPrice2>
<!--一日游--> <!--一日游-->
<TravelPrice3 ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice" :PostDaysTrip="PostDaysTrip" <TravelPrice3 ref="TravelPrice" id="fiveAnchor" @headCallBack="getPrice" :PostDaysTrip="PostDaysTrip"
v-if="TeamType==2" :priceList="PriceList" :PostConfig="PostConfig" :modifyTcid="modifyTcid" v-if="TeamType==2" :priceList="PriceList" :PostConfig="PostConfig" :modifyTcid="modifyTcid"
...@@ -66,12 +67,14 @@ ...@@ -66,12 +67,14 @@
<div class="toTop" @click="backTop"> <div class="toTop" @click="backTop">
<i class="iconfont icon-huidaodingbu"></i> <i class="iconfont icon-huidaodingbu"></i>
</div> </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> {{$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> {{$t('fnc.tijiao')}}</div>
<div v-if="modifyType==2" class="DTSaveBtn" :class="{'disClick':!isSubmit}" @click="submitForm(3)" <div v-if="modifyType==2" class="DTSaveBtn" :class="{'disClick':!isSubmit}" :loading="saveLoading"
title="另存为新模板">{{$t('pub.saveBtn')}} @click="submitForm(3)" title="另存为新模板">{{$t('pub.saveBtn')}}
</div> </div>
<div v-if="ConfigId>0" class="DTSaveBtn" :class="{'disClick':!isSubmit}" @click="goB2B()">{{$t('sm.yulan')}} <div v-if="ConfigId>0" class="DTSaveBtn" :class="{'disClick':!isSubmit}" @click="goB2B()">{{$t('sm.yulan')}}
</div> </div>
...@@ -127,7 +130,6 @@ ...@@ -127,7 +130,6 @@
ShopList: [], ShopList: [],
SelfpayingList: [], SelfpayingList: [],
AllCityList: [], AllCityList: [],
//基本配置 //基本配置
PostConfig: { PostConfig: {
ID: 0, ID: 0,
...@@ -236,6 +238,7 @@ ...@@ -236,6 +238,7 @@
offerId: 0, //报价单编号 offerId: 0, //报价单编号
isOffer: 0, //是否是报价单开团 isOffer: 0, //是否是报价单开团
}, },
saveLoading: false, //保存按钮loading
}; };
}, },
components: { components: {
...@@ -319,7 +322,6 @@ ...@@ -319,7 +322,6 @@
if (this.PostConfig.fileList.length <= 5) { if (this.PostConfig.fileList.length <= 5) {
this.PostConfig.fileList.push(fileObj); this.PostConfig.fileList.push(fileObj);
} }
this.FeatureData.fileList.push(fileObj); this.FeatureData.fileList.push(fileObj);
} }
}, },
...@@ -343,6 +345,7 @@ ...@@ -343,6 +345,7 @@
}, },
/*保存数据*/ /*保存数据*/
SaveData(SaveType) { SaveData(SaveType) {
this.saveLoading = true;
this.MsgBus.$emit('saveTravel', true); this.MsgBus.$emit('saveTravel', true);
this.FeatureData.IsSave = true; this.FeatureData.IsSave = true;
this.submitText = "保存中"; this.submitText = "保存中";
...@@ -366,19 +369,25 @@ ...@@ -366,19 +369,25 @@
basicData.OfferId = this.PostConfig.OfferId; basicData.OfferId = this.PostConfig.OfferId;
basicData.TeamType = this.PostConfig.TeamType; basicData.TeamType = this.PostConfig.TeamType;
basicData.StartCityId = 0;
basicData.DayNum = (this.PostDaysTrip && this.PostDaysTrip.DayNum != "") ? this.PostDaysTrip.DayNum : 0; basicData.ReturnArriveCityId = 0;
basicData.NightNum = (this.PostDaysTrip && this.PostDaysTrip.NightNum != "") ? this.PostDaysTrip.NightNum : 0; if (this.PostDaysTrip) {
basicData.StartCityId = (this.PostDaysTrip && this.PostDaysTrip.StartCityId != "") ? this.PostDaysTrip if (this.PostDaysTrip.DayNum != "") {
.StartCityId : basicData.DayNum = this.PostDaysTrip.DayNum;
0; }
basicData.ReturnArriveCityId = (this.PostDaysTrip && this.PostDaysTrip.ReturnArriveCityId != "") ? this if (this.PostDaysTrip.NightNum != "") {
.PostDaysTrip basicData.NightNum = this.PostDaysTrip.NightNum;
.ReturnArriveCityId : 0; }
if (this.PostDaysTrip.StartCityId != "") {
basicData.StartCityId = this.PostDaysTrip.StartCityId;
}
if (this.PostDaysTrip.ReturnArriveCityId != "") {
basicData.ReturnArriveCityId = this.PostDaysTrip.ReturnArriveCityId;
}
}
basicData.SelfpayingList = this.PostConfig.SelfpayingList; basicData.SelfpayingList = this.PostConfig.SelfpayingList;
basicData.ShopList = this.PostConfig.ShopList; basicData.ShopList = this.PostConfig.ShopList;
basicData.DinnerList = this.PostDaysTrip.DinnerList; basicData.DinnerList = this.PostDaysTrip.DinnerList;
basicData.FreedomList = this.PostDaysTrip.FreedomList; basicData.FreedomList = this.PostDaysTrip.FreedomList;
basicData.HotelList = this.PostDaysTrip.HotelList; basicData.HotelList = this.PostDaysTrip.HotelList;
...@@ -444,11 +453,13 @@ ...@@ -444,11 +453,13 @@
} }
basicData.TeamType = this.TeamType; basicData.TeamType = this.TeamType;
basicData.IsUpdateHotel = this.PostConfig.IsUpdateHotel; basicData.IsUpdateHotel = this.PostConfig.IsUpdateHotel;
console.log("travel_post_SetTravelConfigInfo", basicData);
this.isSubmit = false; this.isSubmit = false;
this.apipost( this.apipost(
"travel_post_SetTravelConfigInfo", "travel_post_SetTravelConfigInfo",
basicData, basicData,
res => { res => {
this.saveLoading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
//配置编号 //配置编号
TripFeature.ConfigId = res.data.data; TripFeature.ConfigId = res.data.data;
...@@ -467,7 +478,9 @@ ...@@ -467,7 +478,9 @@
this.$refs.TravelFeature.del_show = true; this.$refs.TravelFeature.del_show = true;
} }
}, },
err => {} err => {
this.saveLoading = false;
}
); );
}, },
//初始化团的幻灯片 //初始化团的幻灯片
...@@ -682,6 +695,7 @@ ...@@ -682,6 +695,7 @@
"travel_get_GetTravelConfigMakeInfo", "travel_get_GetTravelConfigMakeInfo",
msg, msg,
res => { res => {
console.log("travel_get_GetTravelConfigMakeInfo", res.data);
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
var tempData = res.data.data; var tempData = res.data.data;
if (tempData.Feature != null) { if (tempData.Feature != null) {
...@@ -783,50 +797,40 @@ ...@@ -783,50 +797,40 @@
if (tempData.travelQuotationPriceObj && tempData.travelQuotationPriceObj.SafeMoney) { if (tempData.travelQuotationPriceObj && tempData.travelQuotationPriceObj.SafeMoney) {
priceObj.SafeMoney = tempData.travelQuotationPriceObj.SafeMoney; priceObj.SafeMoney = tempData.travelQuotationPriceObj.SafeMoney;
} }
this.PriceList.push(priceObj); this.PriceList.push(priceObj);
} }
this.FeatureData.Subtitle = tempData.LtName; this.FeatureData.Subtitle = tempData.LtName;
this.FeatureData.LineName = tempData.LineName; this.FeatureData.LineName = tempData.LineName;
this this.FeatureData.DayList = tempData.DayList;
.FeatureData.DayList = tempData.DayList;
this.ConfigId = tempData.ID; this.ConfigId = tempData.ID;
//HK 2019-01-08添加 NewConfigId B2B预览使用 //HK 2019-01-08添加 NewConfigId B2B预览使用
this.NewConfigId = tempData.NewConfigId; this.NewConfigId = tempData.NewConfigId;
this.PostConfig.ID = tempData.ID; this.PostConfig.ID = tempData.ID;
this.PostConfig.StartCityId = this.PostConfig.StartCityId = tempData.StartCityId;
tempData.StartCityId;
this.PostConfig.LineId = tempData.LineId; this.PostConfig.LineId = tempData.LineId;
this.PostConfig.LineteamId = tempData this.PostConfig.LineteamId = tempData.LineteamId;
.LineteamId;
this.PostConfig.CountryID = tempData.CountryID; this.PostConfig.CountryID = tempData.CountryID;
//视频地址 //视频地址
this.PostConfig.VideoStr = tempData.VideoStr; this.PostConfig.VideoStr = tempData.VideoStr;
this.PostConfig.OpenTeamDescribe = tempData this.PostConfig.OpenTeamDescribe = tempData.OpenTeamDescribe;
.OpenTeamDescribe;
this.PostConfig.IsOpenHotel = tempData.IsOpenHotel; this.PostConfig.IsOpenHotel = tempData.IsOpenHotel;
this.PostConfig.DayNum = tempData this.PostConfig.DayNum = tempData.DayNum; //行程天数
.DayNum; //行程天数
this.PostConfig.WAreaId = tempData.WAreaId; this.PostConfig.WAreaId = tempData.WAreaId;
this.PostConfig.WCountryId = tempData.WCountryId; this.PostConfig.WCountryId = tempData.WCountryId;
this this.PostConfig.WLocationId = tempData.WLocationId;
.PostConfig.WLocationId = tempData.WLocationId;
this.PostConfig.WCityId = tempData.WCityId; this.PostConfig.WCityId = tempData.WCityId;
this.NoticeParameters.ConfigId = tempData.ConfigId; this.NoticeParameters.ConfigId = tempData.ConfigId;
this.NoticeParameters.CountryID = tempData this.NoticeParameters.CountryID = tempData.CountryID;
.CountryID;
this.NoticeParameters.IsDirect = tempData.IsDirect; this.NoticeParameters.IsDirect = tempData.IsDirect;
this.NoticeParameters.LineId = tempData this.NoticeParameters.LineId = tempData.LineId;
.LineId;
this.PostConfig.ImgCover = tempData.ImgCover; this.PostConfig.ImgCover = tempData.ImgCover;
this.PostConfig.LtName = tempData.LtName; this.PostConfig.LtName = tempData.LtName;
this.PostConfig this.PostConfig.CreateBy = tempData.CreateBy;
.CreateBy = tempData.CreateBy;
if (tempData.ImgCover != "") { if (tempData.ImgCover != "") {
if (tempData.ImgCoverList.length > 0) { if (tempData.ImgCoverList.length > 0) {
this.PostConfig.fileList = tempData.ImgCoverList; this.PostConfig.fileList = tempData.ImgCoverList;
...@@ -836,11 +840,9 @@ ...@@ -836,11 +840,9 @@
} }
this.PostConfig.Title = tempData.Title; this.PostConfig.Title = tempData.Title;
this.PostConfig.ProductRecommend = tempData.ProductRecommend; this.PostConfig.ProductRecommend = tempData.ProductRecommend;
this this.PostConfig.IsSubstitution = tempData.IsSubstitution;
.PostConfig.IsSubstitution = tempData.IsSubstitution;
this.PostConfig.IsDirect = tempData.IsDirect; this.PostConfig.IsDirect = tempData.IsDirect;
this this.PostConfig.PriceIsDirect = tempData.PriceIsDirect;
.PostConfig.PriceIsDirect = tempData.PriceIsDirect;
this.PostConfig.OfferId = tempData.OfferId; this.PostConfig.OfferId = tempData.OfferId;
if (this.$route.query.offerId) { if (this.$route.query.offerId) {
this.PostConfig.OfferId = this.$route.query.offerId; this.PostConfig.OfferId = this.$route.query.offerId;
...@@ -865,18 +867,21 @@ ...@@ -865,18 +867,21 @@
//默认不联动行程特色 //默认不联动行程特色
this.journeyList.IsUpdateTrip = 0; this.journeyList.IsUpdateTrip = 0;
this.journeyList.DayNum = tempData.DayNum; this.journeyList.DayNum = tempData.DayNum;
this.journeyList.NightNum = this.journeyList.NightNum = tempData.NightNum;
tempData.NightNum;
this.journeyList.ReturnArriveCityId = tempData.ReturnArriveCityId; this.journeyList.ReturnArriveCityId = tempData.ReturnArriveCityId;
this.journeyList this.journeyList.StartCityId = tempData.StartCityId;
.StartCityId = tempData.StartCityId;
this.journeyList.DayList = tempData.DayList; this.journeyList.DayList = tempData.DayList;
this.journeyList.DayList this.journeyList.DayList.forEach(x => {
.forEach(x => { x["HotelChooseArray"] = [];
x["HotelChooseArray"] = []; x["ChooseScenicArray"] = [];
x["ChooseScenicArray"] = []; x["isHide"] = false;
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) { if (tempData.OfferList != null) {
this.OfferList = tempData.OfferList; this.OfferList = tempData.OfferList;
...@@ -892,8 +897,7 @@ ...@@ -892,8 +897,7 @@
} }
this.UseTypeArray = tempData.UseTypeArray; this.UseTypeArray = tempData.UseTypeArray;
this.AirPickUp = tempData.AirPickUp; this.AirPickUp = tempData.AirPickUp;
this.AirSend = tempData this.AirSend = tempData.AirSend;
.AirSend;
this.PostConfig.PDFAlias = tempData.PDFAlias; this.PostConfig.PDFAlias = tempData.PDFAlias;
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
......
src/pubComponents/uploadImg.vue
View file @ b1af61ad
<template> <template>
<div class="scenicSpotInfoManage"> <div class="scenicSpotInfoManage">
<div class="resource-list"> <div class="resource-list">
<div class="resource-imglist clearfix"> <div class="resource-imglist clearfix">
<div class="re-img" v-for="(item, index) in ImageList" :key="index"> <div class="re-img" v-for="(item, index) in ImageList" :key="index">
<img v-if="!item" src="../assets/img/bg_c3@3x.png"> <img v-if="!item" src="../assets/img/bg_c3@3x.png">
<img :src="item" :onerror='defaultImg' /> <img :src="item" :onerror='defaultImg' />
<div class="imgzhe"> <div class="imgzhe">
<!-- <div class="re-delte"><i @click.stop="showImg(item)" class="iconfont icon-img_cz"></i></div> --> <!-- <div class="re-delte"><i @click.stop="showImg(item)" class="iconfont icon-img_cz"></i></div> -->
<div class="re-delte" @click="delImg(index)"><i class="iconfont icon-xingzhuang"></i></div> <div class="re-delte" @click="delImg(index)"><i class="iconfont icon-xingzhuang"></i></div>
<div class="re-delte" @click.stop="ExchangeImg(index, 0)" v-if="index != 0 && item"> <div class="re-delte" @click.stop="ExchangeImg(index, 0)" v-if="index != 0 && item">
<i class="iconfont icon-zuoyi"></i> <i class="iconfont icon-zuoyi"></i>
</div>
<div class="re-delte" @click.stop="ExchangeImg(index, 1)"
v-if="index != ImageList.length - 1 && item">
<i class="iconfont icon-youyi"></i>
</div>
</div>
</div>
<div class="add-img" v-show="showAdd">
<div class="reimg-add">
<i class="iconfont icon-img_haha bigAdd"></i>
<div class="ad-one">
<div class="re-upload">
<el-upload :file-list="fileList" :http-request="UploadImage" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<i class="iconfont icon-img_bdsc"></i>
</el-upload>
</div>
<!-- 选择系统图片 -->
<!-- <div class="re-find" @click="addImgOpen"><i class="iconfont icon-img_cz"></i></div> -->
</div>
</div>
</div> </div>
<div class="re-delte" @click.stop="ExchangeImg(index, 1)" v-if="index != ImageList.length - 1 && item">
<i class="iconfont icon-youyi"></i>
</div>
</div>
</div>
<div class="add-img" v-show="showAdd">
<div class="reimg-add">
<i class="iconfont icon-img_haha bigAdd"></i>
<div class="ad-one">
<div class="re-upload">
<el-upload :file-list="fileList" :http-request="UploadImage" :multiple="true"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<i class="iconfont icon-img_bdsc"></i>
</el-upload>
</div>
<!-- 选择系统图片 -->
<!-- <div class="re-find" @click="addImgOpen"><i class="iconfont icon-img_cz"></i></div> -->
</div> </div>
</div> </div>
<!-- <el-upload class="upload-demo" :http-request="UploadImage" :multiple="false" </div>
</div>
</div>
<!-- <el-upload class="upload-demo" :http-request="UploadImage" :multiple="false"
accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action=""> accept="image/jpeg,image/gif,image/png,image/bmp" :show-file-list="false" action="">
<i class="iconfont icon-img_haha"></i> <i class="iconfont icon-img_haha"></i>
</el-upload> --> </el-upload> -->
</div> </div>
</template> </template>
<style> <style>
.addlist { .addlist {
position: absolute; position: absolute;
right: 158px; right: 158px;
top: 6px; top: 6px;
cursor: pointer; cursor: pointer;
color: #E95252; color: #E95252;
width: 30px; width: 30px;
height: 30px; height: 30px;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
border-radius: 50%; border-radius: 50%;
font-size: 22px; font-size: 22px;
} }
.scenicSpotInfoManage .resourceImgAdd { .scenicSpotInfoManage .resourceImgAdd {
width: 620px; width: 620px;
margin: auto; margin: auto;
} }
.scenicSpotInfoManage .clearfix:after { .scenicSpotInfoManage .clearfix:after {
content: "\0020"; content: "\0020";
display: block; display: block;
height: 0; height: 0;
clear: both; clear: both;
} }
.scenicSpotInfoManage .resource-content { .scenicSpotInfoManage .resource-content {
width: 100%; width: 100%;
margin-top: 30px; margin-top: 30px;
font-size: 12px; font-size: 12px;
min-width: 1200px; min-width: 1200px;
} }
.scenicSpotInfoManage .resource-baseinfo { .scenicSpotInfoManage .resource-baseinfo {
float: left; float: left;
height: auto; height: auto;
width: 600px; width: 600px;
margin: 0 0 20px 30px; margin: 0 0 20px 30px;
} }
.scenicSpotInfoManage .resource-imginfo { .scenicSpotInfoManage .resource-imginfo {
float: left; float: left;
width: 510px; width: 510px;
margin-top: 35px; margin-top: 35px;
} }
.scenicSpotInfoManage .resource-lititle { .scenicSpotInfoManage .resource-lititle {
display: block; display: block;
border-left: 4px solid #e95252; border-left: 4px solid #e95252;
padding-left: 10px; padding-left: 10px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.scenicSpotInfoManage .resource-baseinfo span { .scenicSpotInfoManage .resource-baseinfo span {
display: inline-block; display: inline-block;
} }
.scenicSpotInfoManage .resource-name { .scenicSpotInfoManage .resource-name {
width: 300px; width: 300px;
height: 34px; height: 34px;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
border-radius: 17px; border-radius: 17px;
outline: none; outline: none;
border: 1px solid #d6d6d6; border: 1px solid #d6d6d6;
padding-left: 10px; padding-left: 10px;
} }
.scenicSpotInfoManage .common-lefttit { .scenicSpotInfoManage .common-lefttit {
width: 80px; width: 80px;
text-align: right; text-align: right;
margin: 0 7px 0 8px; margin: 0 7px 0 8px;
display: inline-block; display: inline-block;
} }
.scenicSpotInfoManage .resource-net { .scenicSpotInfoManage .resource-net {
position: relative; position: relative;
} }
.scenicSpotInfoManage .resource-http { .scenicSpotInfoManage .resource-http {
position: absolute; position: absolute;
color: #999999; color: #999999;
width: 70px !important; width: 70px !important;
background-color: #f5f7fa; background-color: #f5f7fa;
border-right: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;
height: 32px; height: 32px;
border-top-left-radius: 17px; border-top-left-radius: 17px;
border-bottom-left-radius: 17px; border-bottom-left-radius: 17px;
top: 5px; top: 5px;
left: 1px; left: 1px;
text-align: center; text-align: center;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
} }
.scenicSpotInfoManage .R1 { .scenicSpotInfoManage .R1 {
width: 300px; width: 300px;
padding: 0 15px 0 80px; padding: 0 15px 0 80px;
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
.scenicSpotInfoManage .areaInput { .scenicSpotInfoManage .areaInput {
width: 300px; width: 300px;
padding-right: 120px; padding-right: 120px;
} }
.scenicSpotInfoManage .areaInput:focus { .scenicSpotInfoManage .areaInput:focus {
border: 1px solid #e95252; border: 1px solid #e95252;
} }
.scenicSpotInfoManage .map-icon { .scenicSpotInfoManage .map-icon {
position: absolute; position: absolute;
right: 1px; right: 1px;
top: 1px; top: 1px;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
border-left: 1px solid #cccccc; border-left: 1px solid #cccccc;
border-top-right-radius: 17px; border-top-right-radius: 17px;
border-bottom-right-radius: 17px; border-bottom-right-radius: 17px;
padding-right: 15px; padding-right: 15px;
padding-left: 10px; padding-left: 10px;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
height: 32px; height: 32px;
background-color: #f5f7fa; background-color: #f5f7fa;
} }
.scenicSpotInfoManage .map-icon i { .scenicSpotInfoManage .map-icon i {
margin: 0 5px; margin: 0 5px;
position: relative; position: relative;
top: 1px; top: 1px;
} }
.scenicSpotInfoManage .save-Btn { .scenicSpotInfoManage .save-Btn {
width: 90px; width: 90px;
height: 30px; height: 30px;
background: rgba(233, 82, 82, 1); background: rgba(233, 82, 82, 1);
border-radius: 15px; border-radius: 15px;
color: #fff; color: #fff;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
margin-right: 20px; margin-right: 20px;
} }
.scenicSpotInfoManage .cancel-Btn, .scenicSpotInfoManage .cancel-Btn,
.save-Btn:hover { .save-Btn:hover {
opacity: 0.8; opacity: 0.8;
} }
.scenicSpotInfoManage .cancel-Btn { .scenicSpotInfoManage .cancel-Btn {
width: 90px; width: 90px;
height: 30px; height: 30px;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
border-radius: 15px; border-radius: 15px;
color: #e95252; color: #e95252;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
border: 1px solid #e95252; border: 1px solid #e95252;
} }
.scenicSpotInfoManage .re-img { .scenicSpotInfoManage .re-img {
width: 140px; width: 140px;
height: 93px; height: 93px;
border-radius: 10px; border-radius: 10px;
float: left; float: left;
margin: 0 30px 30px 0; margin: 0 30px 30px 0;
position: relative; position: relative;
} }
.scenicSpotInfoManage .re-img:first-child { .scenicSpotInfoManage .re-img:first-child {
margin-left: 0; margin-left: 0;
} }
.scenicSpotInfoManage .resource-imglist { .scenicSpotInfoManage .resource-imglist {
width: 100%; width: 100%;
height: auto; height: auto;
margin-top: 20px; margin-top: 20px;
} }
.scenicSpotInfoManage .resource-imglist img { .scenicSpotInfoManage .resource-imglist img {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 10px; border-radius: 10px;
} }
.scenicSpotInfoManage .add-img { .scenicSpotInfoManage .add-img {
/* margin-top: 20px; */ /* margin-top: 20px; */
width: 140px; width: 140px;
height: 93px; height: 93px;
background: rgba(236, 236, 236, 1); background: rgba(236, 236, 236, 1);
border-radius: 10px; border-radius: 10px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
float: left; float: left;
margin: 0 30px 30px 0; margin: 0 30px 30px 0;
} }
.scenicSpotInfoManage .reimg-add { .scenicSpotInfoManage .reimg-add {
width: 140px; width: 140px;
height: 93px; height: 93px;
background: rgba(236, 236, 236, 1); background: rgba(236, 236, 236, 1);
border-radius: 10px; border-radius: 10px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
} }
.scenicSpotInfoManage .ad-one { .scenicSpotInfoManage .ad-one {
display: none; display: none;
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 10px; border-radius: 10px;
position: absolute; position: absolute;
top: 0; top: 0;
z-index: 999; z-index: 999;
} }
.scenicSpotInfoManage .bigAdd { .scenicSpotInfoManage .bigAdd {
font-size: 50px; font-size: 50px;
color: #d1d1d1; color: #d1d1d1;
position: absolute; position: absolute;
left: 45px; left: 45px;
top: 25px; top: 25px;
} }
.scenicSpotInfoManage .imgzhe { .scenicSpotInfoManage .imgzhe {
display: none; display: none;
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
width: 100%; width: 100%;
height: 100%; height: 100%;
text-align: center; text-align: center;
line-height: 93px; line-height: 93px;
border-radius: 10px; border-radius: 10px;
position: absolute; position: absolute;
top: 0; top: 0;
} }
.scenicSpotInfoManage .reimg-add:hover .ad-one { .scenicSpotInfoManage .reimg-add:hover .ad-one {
display: block; display: block;
} }
.scenicSpotInfoManage .re-img:hover .imgzhe { .scenicSpotInfoManage .re-img:hover .imgzhe {
display: block; display: block;
} }
.scenicSpotInfoManage .ad-one div { .scenicSpotInfoManage .ad-one div {
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius: 50%; border-radius: 50%;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
background: gray; background: gray;
color: #fff; color: #fff;
} }
.scenicSpotInfoManage .ad-one div:hover { .scenicSpotInfoManage .ad-one div:hover {
background-color: #fff; background-color: #fff;
color: #e95252; color: #e95252;
} }
.scenicSpotInfoManage .re-upload { .scenicSpotInfoManage .re-upload {
position: absolute; position: absolute;
top: 30px; top: 30px;
left: 55px; left: 55px;
} }
.scenicSpotInfoManage .re-find { .scenicSpotInfoManage .re-find {
position: absolute; position: absolute;
top: 30px; top: 30px;
right: 30px; right: 30px;
} }
.scenicSpotInfoManage .search-imgicon { .scenicSpotInfoManage .search-imgicon {
padding-right: 20px; padding-right: 20px;
margin-left: -40px; margin-left: -40px;
} }
.scenicSpotInfoManage .resAddImg { .scenicSpotInfoManage .resAddImg {
width: 520px; width: 520px;
padding-right: 45px; padding-right: 45px;
} }
.scenicSpotInfoManage .addimgContent { .scenicSpotInfoManage .addimgContent {
height: 290px; height: 290px;
overflow: auto; overflow: auto;
margin: 30px 0 30px 25px; margin: 30px 0 30px 25px;
width: 545px; width: 545px;
} }
.scenicSpotInfoManage .addimgDiv { .scenicSpotInfoManage .addimgDiv {
width: 160px; width: 160px;
height: 155px; height: 155px;
float: left; float: left;
margin: 0 20px 15px 0; margin: 0 20px 15px 0;
overflow: hidden; overflow: hidden;
} }
.scenicSpotInfoManage .addimgContent div:first-child { .scenicSpotInfoManage .addimgContent div:first-child {
margin-left: 0; margin-left: 0;
} }
.addimgContent div:nth-child(3n) { .addimgContent div:nth-child(3n) {
margin-right: 0; margin-right: 0;
} }
.scenicSpotInfoManage .itemImgdiv { .scenicSpotInfoManage .itemImgdiv {
width: 160px; width: 160px;
height: 106px; height: 106px;
position: relative; position: relative;
} }
.scenicSpotInfoManage .itemImgdiv img { .scenicSpotInfoManage .itemImgdiv img {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 10px; border-radius: 10px;
} }
.scenicSpotInfoManage .imgseclet { .scenicSpotInfoManage .imgseclet {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
border-radius: 10px; border-radius: 10px;
position: absolute; position: absolute;
top: 0; top: 0;
text-align: center; text-align: center;
line-height: 106px; line-height: 106px;
color: #e95252; color: #e95252;
} }
.icon-dagouyouquan { .icon-dagouyouquan {
font-size: 25px; font-size: 25px;
} }
.scenicSpotInfoManage .test-1::-webkit-scrollbar { .scenicSpotInfoManage .test-1::-webkit-scrollbar {
width: 0px; width: 0px;
height: 0px; height: 0px;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.scenicSpotInfoManage .test-1::-webkit-scrollbar-track { .scenicSpotInfoManage .test-1::-webkit-scrollbar-track {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.scenicSpotInfoManage .test-1::-webkit-scrollbar-thumb { .scenicSpotInfoManage .test-1::-webkit-scrollbar-thumb {
border-radius: 20px; border-radius: 20px;
background-color: #aaa; background-color: #aaa;
margin-bottom: 24px; margin-bottom: 24px;
} }
.scenicSpotInfoManage .test-1:hover::-webkit-scrollbar { .scenicSpotInfoManage .test-1:hover::-webkit-scrollbar {
width: 4px; width: 4px;
height: 4px; height: 4px;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.scenicSpotInfoManage .addimg-btnlist { .scenicSpotInfoManage .addimg-btnlist {
text-align: center; text-align: center;
} }
.scenicSpotInfoManage .addimg-select { .scenicSpotInfoManage .addimg-select {
font-size: 14px; font-size: 14px;
color: #999999; color: #999999;
float: right; float: right;
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
bottom: 20px; bottom: 20px;
} }
.scenicSpotInfoManage .re-delte { .scenicSpotInfoManage .re-delte {
width: 32px; width: 32px;
height: 32px; height: 32px;
background: gray; background: gray;
border-radius: 50%; border-radius: 50%;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
line-height: 32px; line-height: 32px;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
} }
.scenicSpotInfoManage .re-delte:hover { .scenicSpotInfoManage .re-delte:hover {
color: #e95252; color: #e95252;
background: #fff; background: #fff;
} }
.scenicSpotInfoManage .imgDescription { .scenicSpotInfoManage .imgDescription {
font-size: 12px; font-size: 12px;
margin-top: 12px; margin-top: 12px;
color: #333333; color: #333333;
width: 100%; width: 100%;
line-height: 20px; line-height: 20px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.scenicSpotInfoManage .el-upload-dragger { .scenicSpotInfoManage .el-upload-dragger {
border: none; border: none;
} }
.scenicSpotInfoManage .res-span span:last-child { .scenicSpotInfoManage .res-span span:last-child {
display: inline; display: inline;
} }
.scenicSpotInfoManage .resourcerightTop span { .scenicSpotInfoManage .resourcerightTop span {
display: inline-block; display: inline-block;
} }
.scenicSpotInfoManage .resourcerightTop span.width62 { .scenicSpotInfoManage .resourcerightTop span.width62 {
width: 62px; width: 62px;
} }
.scenicSpotInfoManage .sheshi { .scenicSpotInfoManage .sheshi {
margin-bottom: 20px; margin-bottom: 20px;
} }
.scenicSpotInfoManage .dialog-footer { .scenicSpotInfoManage .dialog-footer {
padding-bottom: 30px; padding-bottom: 30px;
} }
.scenicSpotInfoManage .btn-list { .scenicSpotInfoManage .btn-list {
margin: 0 0 40px 30px; margin: 0 0 40px 30px;
} }
.scenicSpotInfoManage .input-with-select .el-input-group__prepend { .scenicSpotInfoManage .input-with-select .el-input-group__prepend {
background-color: #fff; background-color: #fff;
} }
.scenicSpotInfoManage .el-textarea__inner { .scenicSpotInfoManage .el-textarea__inner {
resize: none; resize: none;
height: 120px; height: 120px;
font-family: "微软雅黑"; font-family: "微软雅黑";
} }
.scenicSpotInfoManage .R1:focus { .scenicSpotInfoManage .R1:focus {
border: 1px solid #e95252; border: 1px solid #e95252;
} }
.scenicSpotInfoManage .el-form-item__label { .scenicSpotInfoManage .el-form-item__label {
width: 105px; width: 105px;
font-size: 12px; font-size: 12px;
} }
.scenicSpotInfoManage .el-form-item__error { .scenicSpotInfoManage .el-form-item__error {
left: 100px; left: 100px;
} }
.scenicSpotInfoManage .hotelDay { .scenicSpotInfoManage .hotelDay {
margin-left: 10px; margin-left: 10px;
} }
.scenicSpotInfoManage .searchImgIcon { .scenicSpotInfoManage .searchImgIcon {
cursor: pointer; cursor: pointer;
} }
.scenicSpotInfoManage .el-dialog--center .el-dialog__body { .scenicSpotInfoManage .el-dialog--center .el-dialog__body {
padding: 25px 25px 0; padding: 25px 25px 0;
} }
.scenicSpotInfoManage .addressInput .el-input-group__append { .scenicSpotInfoManage .addressInput .el-input-group__append {
border-top-right-radius: 17px; border-top-right-radius: 17px;
border-bottom-right-radius: 17px; border-bottom-right-radius: 17px;
} }
.scenicSpotInfoManage ::-webkit-input-placeholder { .scenicSpotInfoManage ::-webkit-input-placeholder {
color: #d1d1d1; color: #d1d1d1;
} }
.scenicSpotInfoManage :-moz-placeholder { .scenicSpotInfoManage :-moz-placeholder {
color: #d1d1d1; color: #d1d1d1;
} }
.scenicSpotInfoManage ::-moz-placeholder { .scenicSpotInfoManage ::-moz-placeholder {
color: #d1d1d1; color: #d1d1d1;
} }
.scenicSpotInfoManage :-ms-input-placeholder { .scenicSpotInfoManage :-ms-input-placeholder {
color: #d1d1d1; color: #d1d1d1;
} }
.scenicSpotInfoManage .el-switch.is-checked .el-switch__core { .scenicSpotInfoManage .el-switch.is-checked .el-switch__core {
border-color: #4bca81; border-color: #4bca81;
background-color: #4bca81; background-color: #4bca81;
} }
.scenicSpotInfoManage .orderAdd { .scenicSpotInfoManage .orderAdd {
position: relative; position: relative;
width: 340px; width: 340px;
} }
.scenicSpotInfoManage .minus:hover { .scenicSpotInfoManage .minus:hover {
background-color: #cccccc; background-color: #cccccc;
cursor: pointer; cursor: pointer;
} }
.scenicSpotInfoManage .minus { .scenicSpotInfoManage .minus {
width: 34px; width: 34px;
height: 32px; height: 32px;
border: #dcdfe6; border: #dcdfe6;
color: #fff; color: #fff;
text-align: center; text-align: center;
line-height: 34px; line-height: 34px;
position: absolute; position: absolute;
left: 101px; left: 101px;
border-radius: 50%; border-radius: 50%;
z-index: 999; z-index: 999;
top: 4px; top: 4px;
background-color: #dcdfe6; background-color: #dcdfe6;
} }
.scenicSpotInfoManage .addPeople { .scenicSpotInfoManage .addPeople {
width: 34px; width: 34px;
height: 32px; height: 32px;
top: 4px; top: 4px;
background-color: #dcdfe6; background-color: #dcdfe6;
color: #fff; color: #fff;
text-align: center; text-align: center;
line-height: 34px; line-height: 34px;
position: absolute; position: absolute;
right: 41px; right: 41px;
border-radius: 50%; border-radius: 50%;
z-index: 999; z-index: 999;
} }
.scenicSpotInfoManage .addPeople:hover { .scenicSpotInfoManage .addPeople:hover {
background-color: #cccccc; background-color: #cccccc;
cursor: pointer; cursor: pointer;
} }
.scenicSpotInfoManage .orderAdd .el-input__inner { .scenicSpotInfoManage .orderAdd .el-input__inner {
padding-left: 90px; padding-left: 90px;
} }
.scenicSpotInfoManage .littleadd { .scenicSpotInfoManage .littleadd {
font-size: 12px !important; font-size: 12px !important;
color: #fff; color: #fff;
display: inline-block; display: inline-block;
} }
.scenicSpotInfoManage .footabs { .scenicSpotInfoManage .footabs {
width: 286px; width: 286px;
min-height: 34px; min-height: 34px;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
margin-left: 10px; margin-left: 10px;
display: inline-block; display: inline-block;
background-color: #fff; background-color: #fff;
padding: 5px 10px; padding: 5px 10px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.scenicSpotInfoManage .foodtips { .scenicSpotInfoManage .foodtips {
display: inline-block; display: inline-block;
padding: 3px 5px; padding: 3px 5px;
background-color: #efefef; background-color: #efefef;
margin: 3px; margin: 3px;
position: relative; position: relative;
} }
.scenicSpotInfoManage .toolOne { .scenicSpotInfoManage .toolOne {
margin: 0 0 28px 38px; margin: 0 0 28px 38px;
display: flex; display: flex;
} }
.scenicSpotInfoManage .foodTipsDiv { .scenicSpotInfoManage .foodTipsDiv {
max-width: 200px; max-width: 200px;
display: inline; display: inline;
} }
.scenicSpotInfoManage .wInput { .scenicSpotInfoManage .wInput {
border: none; border: none;
height: 30px; height: 30px;
} }
.scenicSpotInfoManage .wInput .el-input__inner { .scenicSpotInfoManage .wInput .el-input__inner {
border: none !important; border: none !important;
height: 28px; height: 28px;
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
margin-top: 2px; margin-top: 2px;
} }
.scenicSpotInfoManage .delTips { .scenicSpotInfoManage .delTips {
position: absolute; position: absolute;
right: -5px; right: -5px;
top: -5px; top: -5px;
cursor: pointer; cursor: pointer;
color: #999; color: #999;
font-size: 14px; font-size: 14px;
} }
.scenicSpotInfoManage .delTips:hover { .scenicSpotInfoManage .delTips:hover {
color: #e95252; color: #e95252;
} }
.scenicSpotInfoManage .fanyong { .scenicSpotInfoManage .fanyong {
font-size: 12px; font-size: 12px;
color: #666666; color: #666666;
margin-right: 10px; margin-right: 10px;
} }
.scenicSpotInfoManage .footabs .el-tag { .scenicSpotInfoManage .footabs .el-tag {
margin: 0 5px 5px 0; margin: 0 5px 5px 0;
} }
.scenicSpotInfoManage .footabs .el-input__inner { .scenicSpotInfoManage .footabs .el-input__inner {
height: 30px; height: 30px;
position: relative; position: relative;
} }
.scenicSpotInfoManage .button-new-tag { .scenicSpotInfoManage .button-new-tag {
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.scenicSpotInfoManage .input-new-tag { .scenicSpotInfoManage .input-new-tag {
width: 90px; width: 90px;
margin-left: 10px; margin-left: 10px;
vertical-align: bottom; vertical-align: bottom;
} }
.scenicSpotInfoManage .el-dialog--center .el-dialog__body { .scenicSpotInfoManage .el-dialog--center .el-dialog__body {
padding: 15px 25px 0 !important; padding: 15px 25px 0 !important;
} }
.scenicSpotInfoManage .mapList { .scenicSpotInfoManage .mapList {
width: 850px !important; width: 850px !important;
height: 510px !important; height: 510px !important;
} }
.scenicSpotInfoManage .fanbili { .scenicSpotInfoManage .fanbili {
margin-top: 8px; margin-top: 8px;
} }
.scenicSpotInfoManage .RabateDiv { .scenicSpotInfoManage .RabateDiv {
margin-left: 10px; margin-left: 10px;
} }
.scenicSpotInfoManage .RebateCount { .scenicSpotInfoManage .RebateCount {
height: 34px; height: 34px;
border-radius: 17px; border-radius: 17px;
float: left; float: left;
} }
.scenicSpotInfoManage .reOne, .scenicSpotInfoManage .reOne,
.scenicSpotInfoManage .reTwo, .scenicSpotInfoManage .reTwo,
.scenicSpotInfoManage .dayNum { .scenicSpotInfoManage .dayNum {
position: relative; position: relative;
} }
.scenicSpotInfoManage .leftPnum { .scenicSpotInfoManage .leftPnum {
float: left; float: left;
width: 50px; width: 50px;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
border-right: 1px solid #cccccc; border-right: 1px solid #cccccc;
position: absolute; position: absolute;
left: 1px; left: 1px;
top: 1px; top: 1px;
border-top-left-radius: 17px; border-top-left-radius: 17px;
border-bottom-left-radius: 17px; border-bottom-left-radius: 17px;
} }
.scenicSpotInfoManage .toolInput { .scenicSpotInfoManage .toolInput {
height: 34px; height: 34px;
padding-left: 5px; padding-left: 5px;
border: none; border: none;
} }
.scenicSpotInfoManage .inpuOne { .scenicSpotInfoManage .inpuOne {
width: 135px; width: 135px;
padding-left: 55px; padding-left: 55px;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
border-right: none; border-right: none;
} }
.scenicSpotInfoManage .inpuTwo { .scenicSpotInfoManage .inpuTwo {
width: 166px; width: 166px;
padding: 0 45px 0 55px; padding: 0 45px 0 55px;
border: 1px solid #d1d1d1; border: 1px solid #d1d1d1;
} }
.scenicSpotInfoManage .percentCon { .scenicSpotInfoManage .percentCon {
float: right; float: right;
width: 40px; width: 40px;
height: 32px; height: 32px;
text-align: center; text-align: center;
border-left: 1px solid #cccccc; border-left: 1px solid #cccccc;
line-height: 32px; line-height: 32px;
border-top-right-radius: 17px; border-top-right-radius: 17px;
border-bottom-right-radius: 17px; border-bottom-right-radius: 17px;
position: absolute; position: absolute;
right: 1px; right: 1px;
top: 1px; top: 1px;
} }
.scenicSpotInfoManage .fanNum { .scenicSpotInfoManage .fanNum {
float: left; float: left;
width: 50px; width: 50px;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
border-right: 1px solid #cccccc; border-right: 1px solid #cccccc;
position: absolute; position: absolute;
left: 1px; left: 1px;
top: 1px; top: 1px;
} }
.scenicSpotInfoManage .fdTag { .scenicSpotInfoManage .fdTag {
margin-top: 13px; margin-top: 13px;
} }
.scenicSpotInfoManage .addAddress .el-input__inner { .scenicSpotInfoManage .addAddress .el-input__inner {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border: 1px solid #d1d1d1 !important; border: 1px solid #d1d1d1 !important;
} }
.scenicSpotInfoManage .el-input-group__append { .scenicSpotInfoManage .el-input-group__append {
border-top-right-radius: 0 !important; border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important;
} }
</style> </style>
<script> <script>
export default { export default {
props: { props: {
maxNum: { maxNum: {
default: 0 default: 0
} }
}, },
data() { data() {
return { return {
defaultImg: 'this.src="' + require("../assets/img/bg_z1@2x.png") + '"', defaultImg: 'this.src="' + require("../assets/img/bg_z1@2x.png") + '"',
fileList: [], fileList: [],
ImageList: [] ImageList: []
} }
},
mounted() {
}, },
mounted() {},
computed: { computed: {
showAdd: function() { showAdd: function () {
return !this.maxNum || (this.ImageList.length < this.maxNum) return !this.maxNum || (this.ImageList.length < this.maxNum)
} }
}, },
methods: { methods: {
//上传图片 //上传图片
UploadImage(file) { UploadImage(file) {
let newArr = []; let newArr = [];
newArr.push(file.file); newArr.push(file.file);
let fileName = file.file.name; let fileName = file.file.name;
var path = "/Upload/DMC/"; var path = "/Upload/DMC/";
this.UploadSelfFileT(path, newArr, x => { this.UploadSelfFileT(path, newArr, x => {
//统一图片处理 //统一图片处理
var obj = this.$DMCUtils.DMCImageObj(); var obj = this.$DMCUtils.DMCImageObj();
var str = x.data.FilePath; var str = x.data.FilePath;
var imgUrl = this.domainManager().ViittoFileUrl + x.data.FilePath; var imgUrl = this.domainManager().ViittoFileUrl + x.data.FilePath;
obj.Path = str; obj.Path = str;
obj.ShowPath = imgUrl; obj.ShowPath = imgUrl;
this.ImageList.push(obj.ShowPath) this.ImageList.push(obj.ShowPath)
}); });
}, },
//图片左移右移 //图片左移右移
ExchangeImg(index, IsMove) { ExchangeImg(index, IsMove) {
var imgItem = this.ImageList[index]; var imgItem = this.ImageList[index];
//左移 //左移
if (IsMove == 0) { if (IsMove == 0) {
var upItem = this.ImageList[index - 1]; var upItem = this.ImageList[index - 1];
this.$set(this.ImageList, index - 1, imgItem); this.$set(this.ImageList, index - 1, imgItem);
this.$set(this.ImageList, index, upItem); this.$set(this.ImageList, index, upItem);
} else { } else {
//右移动 //右移动
var downItem = this.ImageList[index + 1]; var downItem = this.ImageList[index + 1];
this.$set(this.ImageList, index + 1, imgItem); this.$set(this.ImageList, index + 1, imgItem);
this.$set(this.ImageList, index, downItem); this.$set(this.ImageList, index, downItem);
} }
}, },
//删除图片 //删除图片
delImg(index) { delImg(index) {
//更新图片 //更新图片
var item = this.ImageList[index]; var item = this.ImageList[index];
this.ImageList.splice(index, 1); this.ImageList.splice(index, 1);
}, },
} }
} }
</script>
\ No newline at end of file </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment