wgh/coreshoppro
1
0
Fork 0
mirror of http://git.coreshop.cn/jianweie/coreshoppro.git synced 2025-12-06 20:03:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

后台【新增】：商品维护封面图增加【追加到图集】的按钮，方便单张图片的商品图片可以复用，不需要重复上传。

Browse Source
This commit is contained in:
大灰灰
2025-05-04 22:00:34 +08:00
parent 3308a49977
commit 76484aceb8
2 changed files with 36 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
CoreCms.Net.Web.Admin/wwwroot/views/good/goods/create.html
View File

@@ -150,10 +150,11 @@
<div class="layui-input-inline layui-inline-10"> <div class="layui-input-inline layui-inline-10">
<input name="goods[image]" id="goodImage" size="15" lay-verify="required" autocomplete="off" class="layui-input" lay-reqText="请上传【封面图】" /> <input name="goods[image]" id="goodImage" size="15" lay-verify="required" autocomplete="off" class="layui-input" lay-reqText="请上传【封面图】" />
</div> </div>
<div class="layui-input-inline"> <div class="layui-input-inline layui-inline-6">
<div class="layui-upload"> <div class="layui-upload">
<button type="button" class="layui-btn" id="upBtn">裁剪上传</button> <button type="button" class="layui-btn" id="upBtn">裁剪上传</button>
<button type="button" class="layui-btn" id="upBtnOriginalByGood">原图上传</button> <button type="button" class="layui-btn" id="upBtnOriginalByGood">原图上传</button>
<button type="button" class="layui-btn layui-bg-orange" id="addToAlbum">追加到图集</button>
<div class="layui-upload-list"> <div class="layui-upload-list">
<img class="layui-upload-img" id="viewImgBox" src="{{ layui.setter.noImagePicUrl }}"> <img class="layui-upload-img" id="viewImgBox" src="{{ layui.setter.noImagePicUrl }}">
<p id="viewTextBox"></p> <p id="viewTextBox"></p>
@@ -886,6 +887,22 @@
} }
}); });
//追加到图集
$('#addToAlbum').click(function () {
var goodImage = $('#goodImage').val();
if (!!!goodImage) {
layer.msg('请先上传封面图');
return;
}
imgs.push(goodImage);
$('#imageIds').val(imgs);
var getTpl = image_tpl.innerHTML, view = document.getElementById('upload-more-list');
laytpl(getTpl).render(imgs, function (html) {
view.innerHTML = html;
});
layer.msg('追加成功');
});
//图集上传 //图集上传
$('#upBtnimageIds').click(function () { $('#upBtnimageIds').click(function () {
cropperImg.cropImg({ cropperImg.cropImg({

19
CoreCms.Net.Web.Admin/wwwroot/views/good/goods/edit.html
View File

@@ -146,10 +146,11 @@
<div class="layui-input-inline layui-inline-10"> <div class="layui-input-inline layui-inline-10">
<input name="goods[image]" id="goodImage" lay-verify="required" size="15" value="{{d.data.model.image }}" autocomplete="off" class="layui-input" lay-reqText="请上传【封面图】" /> <input name="goods[image]" id="goodImage" lay-verify="required" size="15" value="{{d.data.model.image }}" autocomplete="off" class="layui-input" lay-reqText="请上传【封面图】" />
</div> </div>
<div class="layui-input-inline"> <div class="layui-input-inline layui-inline-6">
<div class="layui-upload"> <div class="layui-upload">
<button type="button" class="layui-btn" id="upBtn">裁剪上传</button> <button type="button" class="layui-btn" id="upBtn">裁剪上传</button>
<button type="button" class="layui-btn" id="upBtnOriginalByGood">原图上传</button> <button type="button" class="layui-btn" id="upBtnOriginalByGood">原图上传</button>
<button type="button" class="layui-btn layui-bg-orange" id="addToAlbum">追加到图集</button>
<div class="layui-upload-list"> <div class="layui-upload-list">
<img class="layui-upload-img" id="viewImgBox" src="{{d.data.model.image || layui.setter.noImagePicUrl }}"> <img class="layui-upload-img" id="viewImgBox" src="{{d.data.model.image || layui.setter.noImagePicUrl }}">
<p id="viewTextBox"></p> <p id="viewTextBox"></p>
@@ -969,6 +970,22 @@
} }
}); });
//追加到图集
$('#addToAlbum').click(function () {
var goodImage = $('#goodImage').val();
if (!!!goodImage) {
layer.msg('请先上传封面图');
return;
}
imgs.push(goodImage);
$('#imageIds').val(imgs);
var getTpl = image_tpl.innerHTML, view = document.getElementById('upload-more-list');
laytpl(getTpl).render(imgs, function (html) {
view.innerHTML = html;
});
layer.msg('追加成功');
});
//图集上传 //图集上传
$('#upBtnimageIds').click(function () { $('#upBtnimageIds').click(function () {
cropperImg.cropImg({ cropperImg.cropImg({