Skip to content

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

页面修改

parent 06124025
Hide whitespace changes
Inline Side-by-side
Showing with 75 additions and 22 deletions
src/components/WebSet/plug-in/paragraphLink_dialog.vue
View file @ e33ae0ab
...@@ -68,19 +68,27 @@ ...@@ -68,19 +68,27 @@
</el-row> </el-row>
<el-row :span="24"> <el-row :span="24">
<el-form-item label="行程名稱"> <el-form-item label="行程名稱">
<el-input type="text" v-model="plugData.TripTitle"></el-input> <el-input type="text" v-model="plugData.TripTitle"></el-input>
</el-form-item> </el-form-item>
</el-row> </el-row>
<el-row :span="24"> <el-row :span="24">
<el-form-item label="連結網址"> <el-form-item label="連結網址">
<el-input type="text" v-model="plugData.LinkUrl" maxlength="200"></el-input> <el-input type="text" v-model="plugData.LinkUrl" maxlength="200"></el-input>
</el-form-item> </el-form-item>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form-item> <el-form-item>
<div class="webSliderDiv"> <div class="webSliderDiv">
<img v-if="plugData.ImageUrl" :src="plugData.ImageUrl" class="web_imgUrl" alt="" /> <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<img v-if="plugData.ImageUrl" :src="plugData.ImageUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="plugData.ImageUrl=''"></i>
</div>
</el-upload>
</div> </div>
<div>圖片尺寸請上傳：1600x1059，檔案請小於3M</div> <div>圖片尺寸請上傳：1600x1059，檔案請小於3M</div>
</el-form-item> </el-form-item>
...@@ -88,14 +96,13 @@ ...@@ -88,14 +96,13 @@
</el-row> </el-row>
</el-form> </el-form>
<el-dialog title="选择行程" :visible.sync="isShowTripDailog" width="1000px" append-to-body> <el-dialog title="选择行程" :visible.sync="isShowTripDailog" width="1000px" append-to-body>
<!-- 行程选中 --> <!-- 选择行程 -->
<chooseTrip ref="chooseTrip" :IsMultiple="false"></chooseTrip> <chooseTrip ref="chooseTrip" :IsMultiple="false"></chooseTrip>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="isShowTripDailog = false" size="small">取 消</el-button> <el-button @click="isShowTripDailog = false" size="small">取 消</el-button>
<el-button type="danger" size="small" @click="getChooseTripData()">确 定</el-button> <el-button type="danger" size="small" @click="getChooseTripData()">确 定</el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
...@@ -153,7 +160,7 @@ ...@@ -153,7 +160,7 @@
}, },
mounted() { mounted() {
}, },
}; };
......
src/components/WebSet/plug-in/picture_dialog.vue
View file @ e33ae0ab
...@@ -69,8 +69,17 @@ ...@@ -69,8 +69,17 @@
<template v-if="plugData.Type==1||plugData.Type==2||plugData.Type==3"> <template v-if="plugData.Type==1||plugData.Type==2||plugData.Type==3">
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;"> <el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="10"> <el-col :span="10">
<div class="webSliderDiv">
<img v-if="item.ImageUrl" :src="item.ImageUrl" class="web_imgUrl" alt="" /> <div class="webSliderDiv" @click="clickIndex=index">
<el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<img v-if="item.ImageUrl" :src="item.ImageUrl" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.ImageUrl=''"></i>
</div>
</el-upload>
</div> </div>
<div v-if="plugData.Type==3" style="margin-top:5px;">圖片尺寸請上傳：600x264，檔案請小於3M</div> <div v-if="plugData.Type==3" style="margin-top:5px;">圖片尺寸請上傳：600x264，檔案請小於3M</div>
<div v-else-if="plugData.Type==2">圖片尺寸請上傳：600x397，檔案請小於3M</div> <div v-else-if="plugData.Type==2">圖片尺寸請上傳：600x397，檔案請小於3M</div>
...@@ -117,8 +126,16 @@ ...@@ -117,8 +126,16 @@
<template v-if="plugData.Type==5"> <template v-if="plugData.Type==5">
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;"> <el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="5"> <el-col :span="5">
<div class="webSliderDiv myWebDiv"> <div class="webSliderDiv myWebDiv" @click="clickIndex=index">
<img v-if="item.ImageUrl" :src="item.ImageUrl" style="width:auto;" class="web_imgUrl" alt="" /> <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<img v-if="item.ImageUrl" :src="item.ImageUrl" style="width:auto;" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.ImageUrl=''"></i>
</div>
</el-upload>
</div> </div>
</el-col> </el-col>
<el-col :span="19"> <el-col :span="19">
...@@ -151,8 +168,16 @@ ...@@ -151,8 +168,16 @@
<template v-if="plugData.Type==4"> <template v-if="plugData.Type==4">
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;"> <el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="10"> <el-col :span="10">
<div class="webSliderDiv"> <div class="webSliderDiv" @click="clickIndex=index">
<img v-if="item.ImageUrl" :src="item.ImageUrl" class="web_imgUrl" alt="" /> <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<img v-if="item.ImageUrl" :src="item.ImageUrl" style="width:auto;" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.ImageUrl=''"></i>
</div>
</el-upload>
</div> </div>
<div style="margin-top:5px;">圖片尺寸請上傳：800x530，檔案請小於3M</div> <div style="margin-top:5px;">圖片尺寸請上傳：800x530，檔案請小於3M</div>
</el-col> </el-col>
...@@ -190,8 +215,16 @@ ...@@ -190,8 +215,16 @@
<template v-if="plugData.Type==6"> <template v-if="plugData.Type==6">
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;"> <el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="8"> <el-col :span="8">
<div class="webSliderDiv webImg_radius"> <div class="webSliderDiv myWebDiv" @click="clickIndex=index">
<img v-if="item.ImageUrl" :src="item.ImageUrl" style="width:auto;" class="web_imgUrl" alt="" /> <el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<img v-if="item.ImageUrl" :src="item.ImageUrl" style="width:auto;" class="web_imgUrl" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
<i class="web_delImg iconfont icon-img_delete_small" style="margin-left:10px;"
@click.stop="item.ImageUrl=''"></i>
</div>
</el-upload>
</div> </div>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
...@@ -245,20 +278,32 @@ ...@@ -245,20 +278,32 @@
components: { components: {
chooseTrip chooseTrip
}, },
created() {}, created() {
console.log("this",this.plugData);
},
methods: { methods: {
UploadImage(file) {
let newArr = [];
newArr.push(file.file);
let fileName = file.file.name;
var path = "/Upload/WebSite/";
this.UploadSelfFileT(path, newArr, x => {
var str = x.data.FilePath;
var imgUrl = this.domainManager().ViittoFileUrl + str;
this.plugData.Details[this.clickIndex].ImageUrl = imgUrl;
});
},
//获取选择行程数据 //获取选择行程数据
getChooseTripData() { getChooseTripData() {
var tempArray = this.$refs.chooseTrip.getChooseData(); var tempArray = this.$refs.chooseTrip.getChooseData();
this.isShowTripDailog = false; this.isShowTripDailog = false;
if (tempArray && tempArray.length > 0) { if (tempArray && tempArray.length > 0) {
tempArray.forEach(item => { tempArray.forEach(item => {
var imgUrl = "" var imgUrl = ""
if (item.ImgCover && item.ImgCover.length > 0) { if (item.ImgCover && item.ImgCover.length > 0) {
imgUrl = item.ImgCover[0].Url; imgUrl = item.ImgCover[0].Url;
} }
var LinkUrl=this.$tripUtils.GetB2BUrl(this.getLocalStorage().B2BDomain,item.ConfigId,item.TCID); var LinkUrl = this.$tripUtils.GetB2BUrl(this.getLocalStorage().B2BDomain, item.ConfigId, item.TCID);
var obj = { var obj = {
StartDate: item.StartDate, StartDate: item.StartDate,
imgUrl: imgUrl, imgUrl: imgUrl,
...@@ -267,20 +312,21 @@ ...@@ -267,20 +312,21 @@
Title: item.Title, Title: item.Title,
DayNum: item.DayNum, DayNum: item.DayNum,
Price: item.B2BPrice, Price: item.B2BPrice,
LinkUrl:LinkUrl, LinkUrl: LinkUrl,
}; };
if (this.plugData.Type == 1 || this.plugData.Type == 2 || this.plugData.Type == 3|| this.plugData.Type == 4|| this.plugData.Type == 5|| this.plugData.Type == 6) { if (this.plugData.Type == 1 || this.plugData.Type == 2 || this.plugData.Type == 3 || this.plugData
.Type == 4 || this.plugData.Type == 5 || this.plugData.Type == 6) {
this.plugData.Details[this.checkIndex].ImageUrl = obj.imgUrl; this.plugData.Details[this.checkIndex].ImageUrl = obj.imgUrl;
this.plugData.Details[this.checkIndex].Price = obj.Price; this.plugData.Details[this.checkIndex].Price = obj.Price;
this.plugData.Details[this.checkIndex].TripTitle = obj.Title; this.plugData.Details[this.checkIndex].TripTitle = obj.Title;
this.plugData.Details[this.checkIndex].DayNum = obj.DayNum; this.plugData.Details[this.checkIndex].DayNum = obj.DayNum;
this.plugData.Details[this.checkIndex].LinkUrl=obj.LinkUrl; this.plugData.Details[this.checkIndex].LinkUrl = obj.LinkUrl;
} else { } else {
this.plugData.Details[this.checkIndex].ImageUrl = obj.imgUrl; this.plugData.Details[this.checkIndex].ImageUrl = obj.imgUrl;
this.plugData.Details[this.checkIndex].Price2 = obj.Price; this.plugData.Details[this.checkIndex].Price2 = obj.Price;
this.plugData.Details[this.checkIndex].TripTitle2 = obj.Title; this.plugData.Details[this.checkIndex].TripTitle2 = obj.Title;
this.plugData.Details[this.checkIndex].DayNum2 = obj.DayNum; this.plugData.Details[this.checkIndex].DayNum2 = obj.DayNum;
this.plugData.Details[this.checkIndex].LinkUrl=obj.LinkUrl; this.plugData.Details[this.checkIndex].LinkUrl = obj.LinkUrl;
} }
this.$refs.chooseTrip.clearData(); this.$refs.chooseTrip.clearData();
}); });
......
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