【新增】首页弹出弹窗广告新增自定义上传图片和链接链接地址。

This commit is contained in:
大灰灰
2022-11-26 00:21:17 +08:00
parent 80067c13d8
commit d445a7ee52
6 changed files with 93 additions and 7 deletions

View File

@@ -77,6 +77,30 @@
<input type="radio" lay-filter="showIndexPopupWindow" name="showIndexPopupWindow" value="2" title="不开启" {{d.data.configs['showIndexPopupWindow']['sValue']==="2" ? 'checked':''}}>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{{d.data.configs['indexPopupWindowHrefUrl']['sKey']}}</label>
<div class="layui-input-inline layui-inline-7">
<input type="text" name="indexPopupWindowHrefUrl" value="{{d.data.configs['indexPopupWindowHrefUrl']['sValue']}}" lay-verify="title" autocomplete="off" placeholder="请输入链接地址" class="layui-input">
</div>
<div class="layui-form-mid layui-word-aux">点击弹窗广告后跳转的小程序地址或者外部URl地址需要在小程序业务域名增加外部URL的域名</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">{{d.data.configs['indexPopupWindowImageUrl']['sKey']}}</label>
<div class="layui-input-inline layui-inline-5">
<input type="hidden" name="indexPopupWindowImageUrl" id="indexPopupWindowImageUrl" value="{{d.data.configs['indexPopupWindowImageUrl']['sValue']}}" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
<div class="layui-upload">
<button type="button" class="layui-btn" id="upIndexPopupWindowImageUrlBtn">上传图片</button>
<div class="layui-upload-list">
<img class="layui-upload-img" id="viewIndexPopupWindowImageUrlImgBox" src="{{d.data.configs['indexPopupWindowImageUrl']['sValue'] ? d.data.configs['indexPopupWindowImageUrl']['sValue']:'/static/images/common/empty.png'}}">
<p id="viewShareTextBox"></p>
</div>
</div>
</div>
<div class="layui-form-mid layui-word-aux">微信小程序首页分享的图片</div>
</div>
<blockquote class="layui-elem-quote" style="padding-top: 20px;line-height: 30px;">
控制个人中心面板是否显示以下组件按钮
</blockquote>
@@ -922,7 +946,7 @@
//开启调试情况下获取接口赋值数据
if (debug) { console.log(d); }
indexData = d.data;
layui.use(['admin', 'form', 'coreHelper', 'element', 'table', 'util', 'view', 'table', 'cropperImg'], function () {
layui.use(['admin', 'form', 'coreHelper', 'element', 'table', 'util', 'view', 'table', 'cropperImg', 'upload'], function () {
var $ = layui.$
, setter = layui.setter
, admin = layui.admin
@@ -932,6 +956,7 @@
, table = layui.table
, util = layui.util
, view = layui.view
, upload = layui.upload
, cropperImg = layui.cropperImg
, router = layui.router()
, search = router.search;
@@ -1001,6 +1026,26 @@
}
});
});
//首页弹窗广告图片
upload.render({
elem: '#upIndexPopupWindowImageUrlBtn'
, url: layui.setter.apiUrl + 'Api/Tools/UploadFiles'
, done: function (res) {
if (res.code > 0) {
return layer.msg('上传失败');
}
layer.msg('上传成功');
$('#viewIndexPopupWindowImageUrlImgBox').attr('src', res.data.fileUrl);
$("#indexPopupWindowImageUrl").val(res.data.fileUrl);
}
, error: function () {
var viewTextBox = $('#viewTextBox');
viewTextBox.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
viewTextBox.find('.demo-reload').on('click', function () {
uploadInst.upload();
});
}
});
//退货区域显示处理
var reshipAreaId = 0;