From 7eb522243fb5dce2b7268fdf0927409d5a3b0d70 Mon Sep 17 00:00:00 2001 From: Helius <wangdoubleone@gmail.com> Date: Tue, 30 Jan 2024 11:40:52 +0800 Subject: [PATCH] fix --- src/main/resources/templates/febs/views/modules/vip/vipConfig-edit.html | 291 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 291 insertions(+), 0 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/vip/vipConfig-edit.html b/src/main/resources/templates/febs/views/modules/vip/vipConfig-edit.html new file mode 100644 index 0000000..2c7cd52 --- /dev/null +++ b/src/main/resources/templates/febs/views/modules/vip/vipConfig-edit.html @@ -0,0 +1,291 @@ +<style> + #vipConfig-edit { + padding: 20px 25px 25px 0; + } + + #vipConfig-edit .layui-treeSelect .ztree li a, .ztree li span { + margin: 0 0 2px 3px !important; + } + #vipConfig-edit #data-permission-tree-block { + border: 1px solid #eee; + border-radius: 2px; + padding: 3px 0; + } + #vipConfig-edit .layui-treeSelect .ztree li span.button.switch { + top: 1px; + left: 3px; + } + #vipConfig-edit img{ + max-width:100px + } + +</style> +<div class="layui-fluid" id="febs-vipConfig-edit"> + <form class="layui-form" action="" lay-filter="vipConfig-edit-form"> + <div class="layui-form-item"> + <input type="text" name="id" lay-verify="required" autocomplete="off" class="layui-input febs-hide" > + <div class="layui-col-lg6"> + <label class="layui-form-label febs-form-item-require">会员名称:</label> + <div class="layui-input-block"> + <input type="text" name="name" lay-verify="required" autocomplete="off" class="layui-input" > + </div> + </div> + + <div class="layui-col-lg6"> + <label class="layui-form-label febs-form-item-require">会员等级:</label> + <div class="layui-input-block"> + <input type="number" name="level" lay-verify="required" autocomplete="off" class="layui-input" > + </div> + </div> + </div> + + <div class="layui-form-item"> + + <div class="layui-col-lg6"> + <label class="layui-form-label febs-form-item-require">会员编码:</label> + <div class="layui-input-block"> + <input type="text" name="code" lay-verify="required" autocomplete="off" class="layui-input" > + </div> + </div> + </div> + + <div class="layui-form-item"> + <label class="layui-form-label">主图:</label> + <div class="layui-input-block"> + <button type="button" class="layui-btn" id="imageUpload" style="background-color: #009688; margin-bottom: 2px">图片上传</button> + <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;"> + <div class=" layui-upload-list view-images" id="thumbImage"> + </div> + </blockquote> + <div class="febs-hide"> + <input type="text" id="thumb" name="thumb" autocomplete="off" class="layui-input" readonly> + </div> + </div> + </div> + + <div class="layui-form-item"> + <div class="layui-col-lg4"> + <label class="layui-form-label febs-form-item-require">有效期:</label> + <div class="layui-input-block"> + <input type="number" name="validTime" lay-verify="required" autocomplete="off" class="layui-input" > + </div> + </div> + <div class="layui-col-lg2"> + <select name="validType" class="valid-type" lay-filter="valid-type-select"> + <option value="day">日</option> + <option value="month">月</option> + <option value="year">年</option> + </select> + </div> + </div> + + <div id="layui-form-item"> + <div class="layui-col-lg6"> + <label class="layui-form-label febs-form-item-require">成为会员条件:</label> + <div class="layui-input-block"> + <select name="type" class="valid-type" lay-filter="type-select"> + <option value="1">指定商品</option> + <option value="2">时间区间内消费金额</option> + </select> + </div> + </div> + + <div class="layui-col-lg6" id="targetGoods"> + <label class="layui-form-label febs-form-item-require">指定商品:</label> + <div class="layui-input-block"> + <input type="text" id="selectGoods" name="targetName" placeholder="点击选择商品" autocomplete="off" class="layui-input" > + <input type="text" id="selectGoodsId" name="targetId" placeholder="点击选择商品" autocomplete="off" class="layui-input febs-hide" > + </div> + </div> + + <div class="layui-col-lg6 febs-hide" id="targetShopping"> + <div class="layui-input-inline layui-col-lg2"> + <input type="text" name="times" autocomplete="off" class="layui-input" > + </div> + <div class="layui-form-mid">月内,消费</div> + <div class="layui-input-inline layui-col-lg2"> + <input type="text" name="amount" autocomplete="off" class="layui-input" > + </div> + <div class="layui-form-mid">金额</div> + </div> + </div> + + <div class="layui-form-item"> + <label class="layui-form-label febs-form-item-require">选择会员权益:</label> + <div class="layui-input-block"> +<!-- <select name="benefitsIds" class="vip-benefits-list" id="vip-benefits-list">--> +<!-- </select>--> + <div id="vip-benefits-list"></div> + </div> + </div> + + <div class="layui-form-item febs-hide"> + <button class="layui-btn" lay-submit="" lay-filter="vipConfig-edit-form-submit" id="submit"></button> + </div> + </form> +</div> + +<script data-th-inline="javascript"> + layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree','layedit', 'laydate', 'upload', 'xmSelect'], function () { + var $ = layui.$, + febs = layui.febs, + layer = layui.layer, + upload = layui.upload, + formSelects = layui.formSelects, + form = layui.form, + laydate = layui.laydate, + layedit = layui.layedit, + vipConfigData = [[${configData}]] + $view = $('#vipConfig-edit'), + validate = layui.validate; + + var benefitsList = xmSelect.render({ + el: '#vip-benefits-list', + prop: { + name: 'name', + value: 'id', + }, + data: [] + }) + + + //(下拉框) + $.get(ctx + 'admin/vip/benefits/findAllBenefits', function (data) { + benefitsList.update({ + data : data.data, + autoRow: true, + }); + + initValue(); + }); + + form.render(); + + formSelects.render(); + form.on('submit(vipConfig-edit-form-submit)', function (data) { + data.field.benefitsIds = benefitsList.getValue('valueStr'); + $.ajax({ + 'url':ctx + 'admin/vip/config/addOrEdit', + 'type':'post', + 'dataType':'json', + 'headers' : {'Content-Type' : 'application/json;charset=utf-8'}, //接口json格式 + 'traditional': true,//ajax传递数组必须添加属性 + 'data':JSON.stringify(data.field), + 'success':function (data) { + if(data.code==200){ + layer.closeAll(); + febs.alert.success(data.message); + $('#febs-vip-level').find('#reset').click(); + }else{ + febs.alert.warn(data.message); + } + }, + 'error':function () { + febs.alert.warn('服务器繁忙'); + } + }) + return false; + }); + + form.on('select(type-select)', function(data) { + if (data.value == 1) { + $("#targetGoods").show(); + $("#targetShopping").hide(); + } else { + $("#targetGoods").hide(); + $("#targetShopping").show(); + } + }) + + upload.render({ + elem: '#imageUpload' + ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 + ,multiple: false + ,before: function(obj){ + //预读本地文件示例,不支持ie8 + obj.preview(function(index, file, result){ + $('#thumbImage').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img" style="width: 100px">') + }); + } + ,done: function(res){ + $("#thumb").val(res.data.src); + } + }); + + + bindUpload(); + function bindUpload() { + upload.render({ + elem: '.upload' + ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口 + ,accept: 'file' + ,before: function(obj){ + layer.msg('上传中', {icon: 16, time: 0}); + } + ,done: function(res){ + var item = this.item; + //如果上传失败 + if(res.code !== 0){ + return layer.msg('上传失败'); + } + + // $(item).parent().prev().find('input').val(res.data[0]); + $("#videoUrl").val(res.data.src); + layer.msg('上传完毕', {icon: 1}); + } + ,error: function(err){ + return layer.msg('上传失败'); + } + }); + } + + $("#selectGoods").on('click', function() { + febs.modal.open('选择商品', 'modules/vip/config/goodsSelect/' + -1, { + btn: ['提交', '取消'], + yes: function (index, layero) { + $('#febs-select-goods').find('#goods-select-form-submit').trigger('click'); + layer.close(index); + }, + btn2: function () { + } + }); + }) + + window.setConfigGoodsSelect = function(tableIndex, data) { + $("#selectGoods").val(data.goodsName); + $("#selectGoodsId").val(data.id); + } + + function initValue() { + form.val("vipConfig-edit-form", { + "id": vipConfigData.id, + "name": vipConfigData.name, + "level": vipConfigData.level, + "type" : vipConfigData.type, + "validTime": vipConfigData.validTime, + "validType": vipConfigData.validType, + "targetName":vipConfigData.targetName, + "targetId":vipConfigData.targetId, + "times" : vipConfigData.times, + "amount" : vipConfigData.amount, + "code" : vipConfigData.code, + }); + + $('#thumbImage').html('<img src="'+ vipConfigData.thumb +'" class="layui-upload-img" style="width: 100px">') + $("#thumb").val(vipConfigData.thumb); + + if (vipConfigData.type == 1) { + $("#targetGoods").show(); + $("#targetShopping").hide(); + } else { + $("#targetGoods").hide(); + $("#targetShopping").show(); + } + + var arr = [] + arr.push(vipConfigData.benefitsIdList) + console.log(vipConfigData.benefitsIdList) + benefitsList.setValue(vipConfigData.benefitsIdList); + } + }); +</script> \ No newline at end of file -- Gitblit v1.9.1