Skip to content

S
SuperMan
Commit 0d654a64 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent daddf915
Hide whitespace changes
Inline Side-by-side
Showing with 136 additions and 28 deletions
src/components/WebSet/plug-in/sectionTitle_dialog.vue
View file @ 0d654a64
<style>
.sectionTitle .webSliderDiv {
line-height: 0;
height: 536px;
height: 350px;
width:350px;
border: 1px solid #ccc;
cursor: pointer;
position: relative;
......@@ -42,7 +43,17 @@
.sectionTitle .webSliderDiv>div {
height: 100%;
}
.sectionTitle .sectionImg{
position:absolute;
width:100%;
height:100%;
background-position: center;
background-size: cover;
}
.sectionTitle .section_last{
width:390px!important;
height:213px!important;
}
</style>
<template>
<div class="sectionTitle">
......@@ -54,36 +65,129 @@
</el-form-item>
</el-col>
</el-row>
<el-row v-if="plugData.Type==1">
<el-row v-if="plugData.Type==1||plugData.Type==4||plugData.Type==5">
<el-col :span="24">
<el-form-item label="描述">
<el-input type="textarea" v-model="plugData.Describe" :rows="4"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<template v-if="plugData.Type==2||plugData.Type==3">
<el-row>
<el-col :span="12">
<el-form-item label="子標題">
<el-input type="text" v-model="plugData.SubTitle1"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="子標題">
<el-input type="text" v-model="plugData.SubTitle2"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="描述">
<el-input type="textarea" :rows="4" v-model="plugData.Describe1"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="描述">
<el-input type="textarea" :rows="4" v-model="plugData.Describe2"></el-input>
</el-form-item>
</el-col>
</el-row>
</template>
<template v-if="plugData.Type==3">
<el-row>
<el-col :span="12">
<el-form-item label="子標題">
<el-input type="text" v-model="plugData.SubTitle3"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="子標題">
<el-input type="text" v-model="plugData.SubTitle4"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item label="描述">
<el-input type="textarea" :rows="4" v-model="plugData.Describe3"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="描述">
<el-input type="textarea" :rows="4" v-model="plugData.Describe4"></el-input>
</el-form-item>
</el-col>
</el-row>
</template>
<template v-if="plugData.Type==4||plugData.Type==5">
<el-row>
<el-col :span="12">
<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>
<div>圖片尺寸請上傳：800x800，檔案請小於3M</div>
</el-form-item>
</el-col>
</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>
</div>
<div>圖片尺寸請上傳：1440x900(前台顯示高度隨內容調整)，檔案請小於3M</div>
</el-form-item>
</el-col>
</el-row> -->
<el-col :span="12">
<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>
<div>圖片尺寸請上傳：800x800，檔案請小於3M</div>
</el-form-item>
</el-col>
</el-row>
</template>
<template v-if="plugData.Type==6">
<el-row>
<el-col :span="12">
<el-form-item>
<div class="webSliderDiv section_last" @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>
<div>圖片尺寸請上傳：1090x764，檔案請小於3M</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="子標題">
<el-input type="text" v-model="plugData.SubTitle1"></el-input>
</el-form-item>
<el-form-item label="描述">
<el-input type="textarea" :rows="4" v-model="plugData.Describe1"></el-input>
</el-form-item>
</el-col>
</el-row>
</template>
</el-form>
</div>
</template>
......@@ -92,7 +196,7 @@
props: ["plugData"],
data() {
return {
checkIndex:1
};
},
created() {},
......@@ -105,12 +209,16 @@
this.UploadSelfFileT(path, newArr, x => {
var str = x.data.FilePath;
var imgUrl = this.domainManager().ViittoFileUrl + str;
this.plugData.ImageUrl = imgUrl;
if(this.checkIndex==1){
this.plugData.ImageUrl1 = imgUrl;
}else{
this.plugData.ImageUrl2 = imgUrl;
}
});
}
},
mounted() {
console.log(this.plugData, 'plugin');
},
};
......
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