Skip to content

S
SuperMan
Commit 9da0d5a6 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 44476ec3
Hide whitespace changes
Inline Side-by-side
Showing with 156 additions and 80 deletions
src/components/WebSet/plug-in/b2blink_dialog.vue
View file @ 9da0d5a6
......@@ -44,6 +44,9 @@
</el-row>
<el-row>
<el-col :span="24">
<el-form-item>
<el-input type="text" v-model="plugData.TripTitle"></el-input>
</el-form-item>
<el-form-item>
<div class="webSliderDiv">
<div class="sectionImg" :style="{backgroundImage:'url(' + plugData.TripImage + ')'}"></div>
......@@ -97,6 +100,7 @@
Price: item.B2BPrice,
};
this.plugData.TripImage = obj.imgUrl;
this.plugData.TripTitle = obj.Title;
this.$refs.chooseTrip.clearData();
});
}
......
src/components/WebSet/plug-in/imglink_dialog.vue
View file @ 9da0d5a6
......@@ -4,7 +4,6 @@
height: 275px;
width:275px;
border: 1px solid #ccc;
cursor: pointer;
position: relative;
}
......@@ -72,16 +71,8 @@
<el-row>
<el-col :span="10">
<el-form-item>
<div class="webSliderDiv" @click="checkindex=1">
<el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<div class="sectionImg" :style="{backgroundImage:'url(' + plugData.ImageUrl1 + ')'}"></div>
<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.ImageUrl1=''"></i>
</div>
</el-upload>
<div class="webSliderDiv">
<div class="sectionImg" :style="{backgroundImage:'url(' + plugData.TripImage1 + ')'}"></div>
</div>
</el-form-item>
</el-col>
......@@ -89,27 +80,20 @@
<el-form-item style="margin-bottom:0">
<span>圖片尺寸請上傳：770x770，檔案請小於3M</span>
</el-form-item>
<el-form-item label="行程名稱">
<el-input type="text" v-model="plugData.TripTitle1"></el-input>
<el-form-item>
<el-button type="primary" size="small" @click="isShowTripDailog=true,checkIndex=1">选择行程
</el-button>
</el-form-item>
<el-form-item label="連結網址">
<el-input type="text" v-model="plugData.LinkUrl1"></el-input>
<el-form-item label="行程名稱1">
<el-input type="text" v-model="plugData.TripTitle1"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-form-item>
<div class="webSliderDiv" @click="checkindex=2">
<el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<div class="sectionImg" :style="{backgroundImage:'url(' + plugData.ImageUrl2 + ')'}"></div>
<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.ImageUrl2=''"></i>
</div>
</el-upload>
<div class="webSliderDiv">
<div class="sectionImg" :style="{backgroundImage:'url(' + plugData.TripImage2 + ')'}"></div>
</div>
</el-form-item>
</el-col>
......@@ -117,26 +101,41 @@
<el-form-item style="margin-bottom:0">
<span>圖片尺寸請上傳：770x770，檔案請小於3M</span>
</el-form-item>
<el-form-item label="行程名稱">
<el-input type="text" v-model="plugData.TripTitle2"></el-input>
<el-form-item>
<el-button type="primary" size="small" @click="isShowTripDailog=true,checkIndex=2">选择行程
</el-button>
</el-form-item>
<el-form-item label="連結網址">
<el-input type="text" v-model="plugData.LinkUrl2"></el-input>
<el-form-item label="行程名稱2">
<el-input type="text" v-model="plugData.TripTitle2"></el-input>
</el-form-item>
</el-col>
</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>
import chooseTrip from "../plug-in/choose_trip.vue"
export default {
props: ["plugData"],
data() {
return {
checkindex:1
checkIndex:0,
isShowTripDailog:false
};
},
components: {
chooseTrip
},
created() {},
methods: {
UploadImage(file) {
......@@ -153,10 +152,42 @@
this.plugData.ImageUrl2 = imgUrl;
}
});
}
},
//获取选择行程数据
getChooseTripData() {
var tempArray = this.$refs.chooseTrip.getChooseData();
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 obj = {
StartDate: item.StartDate,
imgUrl: imgUrl,
TCNUM: item.TCNUM,
TCID: item.TCID,
Title: item.Title,
DayNum: item.DayNum,
Price: item.B2BPrice,
};
if(this.checkIndex==1){
this.plugData.TripImage1 = obj.imgUrl;
this.plugData.TripTitle1 = obj.Title;
}
if(this.checkIndex==2){
this.plugData.TripImage2 = obj.imgUrl;
this.plugData.TripTitle2 = obj.Title;
}
this.$refs.chooseTrip.clearData();
});
}
},
},
mounted() {
console.log(this.plugData, 'plugin');
},
};
......
src/components/WebSet/plug-in/paragraphLink_dialog.vue
View file @ 9da0d5a6
......@@ -62,44 +62,54 @@
</el-col>
</el-row>
<el-row :span="24">
<el-form-item label="描述">
<el-form-item>
<el-button type="primary" size="small" @click="isShowTripDailog=true">选择行程</el-button>
</el-form-item>
</el-row>
<el-row :span="24">
<el-form-item label="行程名稱">
<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"></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">
<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>
<img v-if="plugData.ImageUrl" :src="plugData.ImageUrl" class="web_imgUrl" alt="" />
</div>
<div>圖片尺寸請上傳：1600x1059，檔案請小於3M</div>
</el-form-item>
</el-col>
</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>
import chooseTrip from "../plug-in/choose_trip.vue"
export default {
props: ["plugData"],
data() {
return {
isShowTripDailog: false
};
},
components: {
chooseTrip,
},
created() {},
methods: {
UploadImage(file) {
......@@ -112,7 +122,35 @@
var imgUrl = this.domainManager().ViittoFileUrl + str;
this.plugData.ImageUrl = imgUrl;
});
}
},
//获取选择行程数据
getChooseTripData() {
var tempArray = this.$refs.chooseTrip.getChooseData();
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 obj = {
StartDate: item.StartDate,
imgUrl: imgUrl,
TCNUM: item.TCNUM,
TCID: item.TCID,
Title: item.Title,
DayNum: item.DayNum,
Price: item.B2BPrice,
};
this.plugData.ImageUrl = obj.imgUrl;
this.plugData.TripTitle = obj.Title;
this.$refs.chooseTrip.clearData();
});
}
},
},
mounted() {
......
src/components/WebSet/plug-in/picture_dialog.vue
View file @ 9da0d5a6
......@@ -69,16 +69,8 @@
<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" @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 class="webSliderDiv">
<img v-if="item.ImageUrl" :src="item.ImageUrl" class="web_imgUrl" alt="" />
</div>
<div v-if="plugData.Type==3" style="margin-top:5px;">圖片尺寸請上傳：600x264，檔案請小於3M</div>
<div v-else-if="plugData.Type==2">圖片尺寸請上傳：600x397，檔案請小於3M</div>
......@@ -86,28 +78,36 @@
</el-col>
<el-col :span="14">
<el-row>
<el-col :span="24">
<el-form-item>
<el-button type="primary" size="small" @click="isShowTripDailog=true,checkIndex=index">选择行程
</el-button>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="plugData.Type==1||plugData.Type==2||plugData.Type==3">
<el-col :span="24">
<el-form-item :label="'行程名稱'+' '+(index+1)">
<el-input type="text" v-model="item.TripTitle"></el-input>
<el-input type="text" v-model="item.TripTitle2"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="plugData.Type==1||plugData.Type==2">
<el-col :span="12">
<el-form-item label="價格">
<el-input type="text" v-model="item.Price"></el-input>
<el-input type="text" v-model="item.Price2" @keyup.native="checkPrice(item,'Price2')"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="天數">
<el-input type="text" v-model="item.DayNum"></el-input>
<el-input type="text" v-model="item.DayNum2" @keyup.native="checkInteger(item,'DayNum2')"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="連結網址">
<el-input type="text" v-model="item.LinkUrl"></el-input>
<el-input type="text" v-model="item.LinkUrl2"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -117,33 +117,31 @@
<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" @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 class="webSliderDiv myWebDiv">
<img v-if="item.ImageUrl" :src="item.ImageUrl" style="width:auto;" class="web_imgUrl" alt="" />
</div>
</el-col>
<el-col :span="19">
<el-form-item style="margin-bottom:0">
<div>圖片尺寸請上傳：373x600，檔案請小於3M</div>
</el-form-item>
<el-row :span="24">
<el-form-item>
<el-button type="primary" size="small" @click="isShowTripDailog=true,checkIndex=index">选择行程
</el-button>
</el-form-item>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="行程名稱">
<el-input type="text" v-model="item.TripTitle"></el-input>
<el-input type="text" v-model="item.TripTitle2"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="連結網址">
<el-input type="text" v-model="item.LinkUrl"></el-input>
<el-input type="text" v-model="item.LinkUrl2"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -192,16 +190,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" @click="clickIndex=index">
<el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<div class="webSliderDiv webImg_radius">
<!-- <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">
<!-- <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>
</el-upload> -->
</div>
</el-col>
<el-col :span="16">
......@@ -209,14 +207,20 @@
<div>圖片尺寸請上傳：700x700，檔案請小於3M</div>
</el-form-item>
<el-row>
<el-col :span="24">
<el-form-item>
<el-button type="primary" size="small" @click="isShowTripDailog=true,checkIndex=index">选择行程
</el-button>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item :label="'行程名稱'+' '+(index+1)">
<el-input type="text" v-model="item.TripTitle"></el-input>
<el-input type="text" v-model="item.TripTitle2"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="連結網址">
<el-input type="text" v-model="item.LinkUrl"></el-input>
<el-input type="text" v-model="item.LinkUrl2"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -242,7 +246,6 @@
props: ["plugData"],
data() {
return {
clickIndex: 1,
checkIndex: 0,
isShowTripDailog: false
};
......
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