Skip to content

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

页面修改

parent 4a824fa6
Hide whitespace changes
Inline Side-by-side
Showing with 30 additions and 141 deletions
src/components/WebSet/plug-in/slider_dialog.vue
View file @ 7462bb91
......@@ -30,138 +30,31 @@
<p class="text-warning">※ 無圖則不顯示</p>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="banner-cover">
<img src="" alt="" />
</div>
<div class="form-group">
<div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
</div>
<div>
<el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-button type="primary" size="small">上傳</el-button>
</el-upload>
<el-button type="danger" size="small">清除</el-button>
</div>
</el-col>
<el-col :span="12">
<el-form-item label="連結 1">
<el-input type="text" v-model="plugData.link1"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="banner-cover">
<img src="" alt="" />
</div>
<div class="form-group">
<div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
</div>
<div>
<el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-button type="primary" size="small">上傳</el-button>
</el-upload>
<el-button type="danger" size="small">清除</el-button>
</div>
</el-col>
<el-col :span="12">
<el-form-item label="連結 2">
<el-input type="text" v-model="plugData.link2"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="banner-cover">
<img src="" alt="" />
</div>
<div class="form-group">
<div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
</div>
<div>
<el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-button type="primary" size="small">上傳</el-button>
</el-upload>
<el-button type="danger" size="small">清除</el-button>
</div>
</el-col>
<el-col :span="12">
<el-form-item label="連結 3">
<el-input type="text" v-model="plugData.link3"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="banner-cover">
<img src="" alt="" />
</div>
<div class="form-group">
<div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
</div>
<div>
<el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-button type="primary" size="small">上傳</el-button>
</el-upload>
<el-button type="danger" size="small">清除</el-button>
</div>
</el-col>
<el-col :span="12">
<el-form-item label="連結 4">
<el-input type="text" v-model="plugData.link4"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="banner-cover">
<img src="" alt="" />
</div>
<div class="form-group">
<div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
</div>
<div>
<el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-button type="primary" size="small">上傳</el-button>
</el-upload>
<el-button type="danger" size="small">清除</el-button>
</div>
</el-col>
<el-col :span="12">
<el-form-item label="連結 5">
<el-input type="text" v-model="plugData.link5"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<div class="banner-cover">
<img src="" alt="" />
</div>
<div class="form-group">
<div class="help-block">圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
</div>
<div>
<el-upload :http-request="UploadImage" :multiple="true" accept="image/jpeg,image/gif,image/png,image/bmp"
:show-file-list="false" action="">
<el-button type="primary" size="small">上傳</el-button>
</el-upload>
<el-button type="danger" size="small">清除</el-button>
</div>
</el-col>
<el-col :span="12">
<el-form-item label="連結 6">
<el-input type="text" v-model="plugData.link6"></el-input>
</el-form-item>
</el-col>
</el-row>
<table>
<tbody v-for="(item,index) in plugData.Details" :key="index">
<tr>
<td>
<el-form-item >
<div>圖片尺寸請上傳：1440x470，檔案請小於3M。前台顯示固定高度470px</div>
<div class="webLogoDiv" @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.LinkImg" :src="item.LinkImg" style="width:100px;height:80px" alt="" />
<div class="addIconDiv">
<i class="web_addImg iconfont icon-img_haha"></i>
</div>
</el-upload>
</div>
</el-form-item>
</td>
<td>
<el-form-item :label="'連結'+(index+1)">
<el-input type="text" v-model="item.LinkUrl"></el-input>
</el-form-item>
</td>
</tr>
</tbody>
</table>
</el-form>
</div>
</template>
......@@ -170,10 +63,12 @@
props: ["plugData"],
data() {
return {
clickIndex: 0, //点击图片索引
};
},
created() {},
created() {
console.log("plugData", this.plugData);
},
methods: {
//上传图片
UploadImage(file) {
......@@ -184,13 +79,7 @@
this.UploadSelfFileT(path, newArr, x => {
var str = x.data.FilePath;
var imgUrl = this.domainManager().ViittoFileUrl + str;
// if (this.commonType == 1) {
// } else if (this.commonType == 2) {
// } else {
// }
this.plugData.Details[this.clickIndex].LinkImg = imgUrl;
});
},
......
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