Skip to content

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

页面修改

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