From 640ff18d2d7f4be02ddb7f8f75e899f05545eb98 Mon Sep 17 00:00:00 2001
From: puzhibing <393733352@qq.com>
Date: 星期一, 05 二月 2024 11:56:52 +0800
Subject: [PATCH] 更新bug修改
---
cloud-server-management/src/main/webapp/WEB-INF/view/system/tGoods/TGoods_edit.html | 45 ++++++++++++++++++++++++++++++---------------
1 files changed, 30 insertions(+), 15 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..1af87a0 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
@@ -44,6 +44,7 @@
<div class="form-horizontal" id="carInfoForm">
<div id="b1">
<input id="goodsId" value="${id}" hidden="hidden">
+ <input id="nums" value="${item.num}" hidden="hidden">
<#input id="name" name="商品名称" type="text" value="${item.name}" readonly="true" />
<#avatar id="cover" name="商品封面:" avatarImg="${item.cover}" />
@@ -53,41 +54,36 @@
<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>
-
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">发放数量：</label>
<div class="col-sm-9">
- <input class="form-control" id="quantityIssued" name="quantityIssued" type="text" value="${item.quantityIssued}">
+ <input class="form-control" id="quantityIssued" name="quantityIssued" type="number" value="${item.quantityIssued}">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">限领数量：</label>
<div class="col-sm-9">
- <input class="form-control" id="pickUpQuantity" name="pickUpQuantity" type="text" value="${item.pickUpQuantity}">
+ <input class="form-control" id="pickUpQuantity" name="pickUpQuantity" type="number" value="${item.pickUpQuantity}">
</div>
</div>
@@ -101,7 +97,7 @@
<div class="form-group">
<label class="col-sm-3 control-label">排序：</label>
<div class="col-sm-9">
- <input class="form-control" id="sort" name="sort" type="text" value="${item.sort}">
+ <input class="form-control" id="sort" name="sort" type="number" value="${item.sort}">
</div>
</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