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 @@
</el-row>
<el-row :span="24">
<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-row>
<el-row :span="24">
<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-row>
<el-row>
<el-col :span="24">
<el-form-item>
<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>圖片尺寸請上傳：1600x1059，檔案請小於3M</div>
</el-form-item>
......@@ -88,14 +96,13 @@
</el-row>
</el-form>
<el-dialog title="选择行程" :visible.sync="isShowTripDailog" width="1000px" append-to-body>
<!-- 行程选中 -->
<!-- 选择行程 -->
<chooseTrip ref="chooseTrip" :IsMultiple="false"></chooseTrip>
<span slot="footer" class="dialog-footer">
<el-button @click="isShowTripDailog = false" size="small">取 消</el-button>
<el-button type="danger" size="small" @click="getChooseTripData()">确 定</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
......@@ -153,7 +160,7 @@
},
mounted() {
},
};
......
src/components/WebSet/plug-in/picture_dialog.vue
View file @ e33ae0ab
......@@ -69,8 +69,17 @@
<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-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 v-if="plugData.Type==3" style="margin-top:5px;">圖片尺寸請上傳：600x264，檔案請小於3M</div>
<div v-else-if="plugData.Type==2">圖片尺寸請上傳：600x397，檔案請小於3M</div>
......@@ -117,8 +126,16 @@
<template v-if="plugData.Type==5">
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="5">
<div class="webSliderDiv myWebDiv">
<img v-if="item.ImageUrl" :src="item.ImageUrl" style="width:auto;" class="web_imgUrl" alt="" />
<div class="webSliderDiv myWebDiv" @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" 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>
</el-col>
<el-col :span="19">
......@@ -151,8 +168,16 @@
<template v-if="plugData.Type==4">
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<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" 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 style="margin-top:5px;">圖片尺寸請上傳：800x530，檔案請小於3M</div>
</el-col>
......@@ -190,8 +215,16 @@
<template v-if="plugData.Type==6">
<el-row v-for="(item,index) in plugData.Details" :key="index" style="margin-bottom:20px;">
<el-col :span="8">
<div class="webSliderDiv webImg_radius">
<img v-if="item.ImageUrl" :src="item.ImageUrl" style="width:auto;" class="web_imgUrl" alt="" />
<div class="webSliderDiv myWebDiv" @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" 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>
</el-col>
<el-col :span="16">
......@@ -245,20 +278,32 @@
components: {
chooseTrip
},
created() {},
created() {
console.log("this",this.plugData);
},
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() {
var tempArray = this.$refs.chooseTrip.getChooseData();
this.isShowTripDailog = false;
this.isShowTripDailog = false;
if (tempArray && tempArray.length > 0) {
tempArray.forEach(item => {
var imgUrl = ""
if (item.ImgCover && item.ImgCover.length > 0) {
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 = {
StartDate: item.StartDate,
imgUrl: imgUrl,
......@@ -267,20 +312,21 @@
Title: item.Title,
DayNum: item.DayNum,
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].Price = obj.Price;
this.plugData.Details[this.checkIndex].TripTitle = obj.Title;
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 {
this.plugData.Details[this.checkIndex].ImageUrl = obj.imgUrl;
this.plugData.Details[this.checkIndex].Price2 = obj.Price;
this.plugData.Details[this.checkIndex].TripTitle2 = obj.Title;
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();
});
......
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