From a2b4eab4e34bcbdd2be9f65c2624900d2e483565 Mon Sep 17 00:00:00 2001
From: 44323 <443237572@qq.com>
Date: 星期一, 16 十月 2023 14:31:44 +0800
Subject: [PATCH] 门票管理
---
cloud-server-management/src/main/webapp/WEB-INF/view/system/tGoods/TGoods_edit.html | 37 ++++++++++++++++++++++++++-----------
1 files changed, 26 insertions(+), 11 deletions(-)
diff --git a/cloud-server-management/src/main/webapp/WEB-INF/view/system/tGoods/TGoods_edit.html b/cloud-server-management/src/main/webapp/WEB-INF/view/system/tGoods/TGoods_edit.html
index 0d43e8b..515ff7f 100644
--- a/cloud-server-management/src/main/webapp/WEB-INF/view/system/tGoods/TGoods_edit.html
+++ b/cloud-server-management/src/main/webapp/WEB-INF/view/system/tGoods/TGoods_edit.html
@@ -53,25 +53,21 @@
<div class="col-sm-6">
<div class="form-group">
<label class="col-sm-3 control-label">商品图片(请上传不超过五张图片): </label>
- <div class="col-sm-2" style="width: 100%;margin-left: 24%;margin-top: 1%">
- <div class="avatar-uploader" style="display: flex;">
- @for(im in pictures){
- <div style="margin-right: 16px;position: relative">
- <img height="100px" width="100px" src="${im}">
- <i class="el-icon-delete" onclick="delImg(this)" style="color: red;font-size: 18px;position: absolute;left: 0;right: 0;top: 0;bottom: 0"></i>
- </div>
- @}
+ <div class="col-sm-2" style="width: 100%;margin-left: 11%;margin-top: 1%">
<el-upload
:limit="5"
class="avatar-uploader"
action="/tCouponManage/uploadPic"
list-type="picture-card"
- accept=".jpg,.jpeg,.png,.JPG,.JPEG"
+ accept="."
+ :file-list="imageUrl2"
:on-success="handleAvatarSuccess"
:on-remove="handleRemove">
<i class="el-icon-plus"></i>
</el-upload>
- </div>
+ <el-dialog :visible.sync="dialogVisible">
+ <img width="100%" :src="imageUrl2" alt="">
+ </el-dialog>
</div>
</div>
@@ -126,16 +122,20 @@
<link rel="stylesheet" href="${ctxPath}/js/elementui/index.css">
<script src="${ctxPath}/modular/system/tGoods/tGoods_info.js"></script>
<script>
+ let id = "${pictures}"
+ let obj = []
var vue2 = new Vue({
el: '#app',
data: {
autoUpload: true,//自动上传
imageUrl1: '',//模型数据，用于上传图片完成后图片预览
+ imageUrl2: [],
dialogVisible: false
},
methods: {
handleAvatarSuccess(res, file) {
- TGoodsInfoDlg.goodsPicArray.push(file.response);
+ file.url =file.response
+ TGoodsInfoDlg.goodsPicArray.push(file);
},
beforeAvatarUpload(file) {
const isLt2M = file.size / 1024 / 1024 < 10;
@@ -149,8 +149,23 @@
return item.uid != file.uid;
});
},
+ changeImg(){
+ var i = id.split(",")
+ for (let j = 0; j <i.length; j++) {
+ let obj={
+ fileName:i[j],
+ uuid:i[j],
+ url:i[j],
+ response:i[j],
+ }
+ this.imageUrl2.push(obj)
+ }
+ },
},
created() {
+ this.changeImg()
+ TGoodsInfoDlg.goodsPicArray = this.imageUrl2
+ console.log(TGoodsInfoDlg.goodsPicArray)
},
});
</script>
--
Gitblit v1.7.1