From 7804a7fa8eff2d3086eb32bb7a2fadb9fdcb36ab Mon Sep 17 00:00:00 2001
From: Administrator <15274802129@163.com>
Date: Tue, 19 Aug 2025 11:19:25 +0800
Subject: [PATCH] feat(mall): 双击删除图片功能
---
src/main/resources/templates/febs/views/modules/banner/platformBannerDetail.html | 73 ++++++++++++++++++++++++++++++++++++
1 files changed, 72 insertions(+), 1 deletions(-)
diff --git a/src/main/resources/templates/febs/views/modules/banner/platformBannerDetail.html b/src/main/resources/templates/febs/views/modules/banner/platformBannerDetail.html
index 57b2bf0..9ab453c 100644
--- a/src/main/resources/templates/febs/views/modules/banner/platformBannerDetail.html
+++ b/src/main/resources/templates/febs/views/modules/banner/platformBannerDetail.html
@@ -49,6 +49,7 @@
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
<div class="layui-upload-list" id="bannerImgUpload"></div>
</blockquote>
+ <div class="layui-word-aux">双击图片删除</div>
</div>
</div>
</div>
@@ -61,6 +62,29 @@
</div>
</div>
</div>
+
+<!-- <div class="layui-row layui-col-space10 layui-form-item">-->
+<!-- <div class="layui-col-lg6">-->
+<!-- <label class="layui-form-label">背景图片：</label>-->
+<!-- <div class="layui-input-block">-->
+<!-- <div class="layui-upload">-->
+<!-- <button type="button" class="layui-btn layui-btn-normal layui-btn" id="bannerImgUploadButtonBack">上传</button>-->
+<!-- <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">-->
+<!-- <div class="layui-upload-list" id="bannerImgUploadBack"></div>-->
+<!-- </blockquote>-->
+<!-- <div class="layui-word-aux">双击图片删除</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-row layui-col-space10 layui-form-item febs-hide">-->
+<!-- <div class="layui-col-lg6">-->
+<!-- <label class="layui-form-label">背景图片链接：</label>-->
+<!-- <div class="layui-input-block">-->
+<!-- <input type="text" id="imageBackUrl" name="imageBackUrl" autocomplete="off" class="layui-input" readonly>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
<div class="layui-row layui-col-space10 layui-form-item">
<div class="layui-col-lg6">
@@ -156,8 +180,49 @@
}
,done: function(res){
$("#imageUrl").val(res.data.src);
+
+ imgUnBind(".single-image");
+ imgSingleBind("#imageUrl");
}
});
+
+ //图片上传
+ upload.render({
+ elem: '#bannerImgUploadButtonBack'
+ ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
+ ,accept: 'file' //普通文件
+ ,size: 10240 //限制文件大小，单位 KB
+ ,before: function(obj){
+ //预读本地文件示例，不支持ie8
+ obj.preview(function(index, file, result){
+ $('#bannerImgUploadBack').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
+ });
+ }
+ ,done: function(res){
+ $("#imageBackUrl").val(res.data.src);
+
+ imgUnBind(".single-image");
+ imgSingleBind("#imageBackUrl");
+ }
+ });
+
+ function imgSingleBind(idName) {
+ $(".single-image").each(function(index, element) {
+ $(this).on("dblclick", function() {
+ var imgThumb = $(".single-image")[index];
+ $(imgThumb).remove();
+ $(idName).val("");
+
+ imgUnBind(".single-image");
+ imgSingleBind(idName);
+ });
+ })
+ }
+ function imgUnBind(className) {
+ $(className).each(function() {
+ $(this).unbind('dblclick');
+ })
+ }
form.render();
//(下拉框)
@@ -183,6 +248,7 @@
"id": banner.id,
"name": banner.name,
"imageUrl": banner.imageUrl,
+ "imageBackUrl": banner.imageBackUrl,
"isInside": banner.isInside,
"jumpUrl": banner.jumpUrl,
"isTop": banner.isTop,
@@ -193,13 +259,18 @@
$('#bannerImgUpload').append('<img src="' + banner.imageUrl + '" alt="" class="layui-upload-img single-image" style="width: 130px">');
$("#imageUrl").val(banner.imageUrl);
+ imgSingleBind("#imageUrl");
+
+ $('#bannerImgUploadBack').append('<img src="' + banner.imageBackUrl + '" alt="" class="layui-upload-img single-image" style="width: 130px">');
+ $("#imageBackUrl").val(banner.imageBackUrl);
+ imgSingleBind("#imageBackUrl");
}
form.on('submit(banner-info-form-submit)', function (data) {
febs.post(ctx + 'admin/banner/platformBannerConfirm', data.field, function () {
layer.closeAll();
febs.alert.success('操作成功');
- $('#febs-banner').find('#reset').click();
+ $('#febs-banner').find('#query').click();
});
return false;
});
--
Gitblit v1.9.1