From 5a187a7aeecc07c8a335e4f2914c38020fb84325 Mon Sep 17 00:00:00 2001
From: Administrator <15274802129@163.com>
Date: Mon, 26 May 2025 14:58:19 +0800
Subject: [PATCH] feat(mall): 新增会员标识管理功能
---
src/main/resources/templates/febs/views/modules/levelView/labelAdd.html | 231 +++++++++++++++
src/main/resources/templates/febs/views/modules/levelView/labelInfo.html | 256 +++++++++++++++++
src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelUpdateDto.java | 24 +
src/main/resources/templates/febs/views/modules/levelView/labelList.html | 199 +++++++++++++
src/main/java/cc/mrbird/febs/mall/entity/HappyMemberLabel.java | 32 ++
src/main/java/cc/mrbird/febs/mall/service/AdminMemberLevelService.java | 7
src/main/java/cc/mrbird/febs/mall/controller/memberLevel/AdminHappyMemberLevelController.java | 31 ++
src/main/java/cc/mrbird/febs/mall/mapper/HappyMemberLabelMapper.java | 7
src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelDto.java | 7
src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelAddDto.java | 24 +
src/main/java/cc/mrbird/febs/mall/service/impl/AdminMemberLevelServiceImpl.java | 31 ++
src/main/java/cc/mrbird/febs/mall/controller/memberLevel/ViewHappyMemberLevelController.java | 35 ++
12 files changed, 884 insertions(+), 0 deletions(-)
diff --git a/src/main/java/cc/mrbird/febs/mall/controller/memberLevel/AdminHappyMemberLevelController.java b/src/main/java/cc/mrbird/febs/mall/controller/memberLevel/AdminHappyMemberLevelController.java
index ab54e7d..ed96941 100644
--- a/src/main/java/cc/mrbird/febs/mall/controller/memberLevel/AdminHappyMemberLevelController.java
+++ b/src/main/java/cc/mrbird/febs/mall/controller/memberLevel/AdminHappyMemberLevelController.java
@@ -45,6 +45,37 @@
private final RedisUtils redisUtils;
/**
+ * 会员标识-列表
+ * @return
+ */
+ @GetMapping("labelList")
+ public FebsResponse labelList(AdminMemberLabelDto dto, QueryRequest request) {
+
+ Map<String, Object> data = getDataTable(adminMemberLevelService.getLabelListInPage(dto, request));
+ return new FebsResponse().success().data(data);
+ }
+ /**
+ * 会员标识-新增
+ */
+ @PostMapping("labelAdd")
+ @ControllerEndpoint(operation = " 会员标识-新增", exceptionMessage = "操作失败")
+ public FebsResponse labelAdd(@RequestBody @Valid AdminMemberLabelAddDto dto) {
+
+ return adminMemberLevelService.labelAdd(dto);
+ }
+
+
+ /**
+ * 会员标识-更新
+ */
+ @PostMapping("labelUpdate")
+ @ControllerEndpoint(operation = "会员标识-更新", exceptionMessage = "操作失败")
+ public FebsResponse labelUpdate(@RequestBody @Valid AdminMemberLabelUpdateDto dto) {
+
+ return adminMemberLevelService.labelUpdate(dto);
+ }
+
+ /**
* 会员等级-列表
* @return
*/
diff --git a/src/main/java/cc/mrbird/febs/mall/controller/memberLevel/ViewHappyMemberLevelController.java b/src/main/java/cc/mrbird/febs/mall/controller/memberLevel/ViewHappyMemberLevelController.java
index 9f5cd3e..362fe38 100644
--- a/src/main/java/cc/mrbird/febs/mall/controller/memberLevel/ViewHappyMemberLevelController.java
+++ b/src/main/java/cc/mrbird/febs/mall/controller/memberLevel/ViewHappyMemberLevelController.java
@@ -7,6 +7,7 @@
import cc.mrbird.febs.mall.entity.*;
import cc.mrbird.febs.mall.mapper.HappyActivityCategoryMapper;
import cc.mrbird.febs.mall.mapper.HappyActivityOptionMapper;
+import cc.mrbird.febs.mall.mapper.HappyMemberLabelMapper;
import cc.mrbird.febs.mall.mapper.HappySaleLevelMapper;
import cc.mrbird.febs.mall.service.AdminMemberLevelService;
import cc.mrbird.febs.mall.service.IAdminHappyActivityService;
@@ -26,6 +27,40 @@
private final AdminMemberLevelService adminMemberLevelService;
private final HappySaleLevelMapper happySaleLevelMapper;
+ private final HappyMemberLabelMapper happyMemberLabelMapper;
+
+ /**
+ * 会员标识列表
+ */
+ @GetMapping("labelList")
+ @RequiresPermissions("labelList:view")
+ public String labelList() {
+ return FebsUtil.view("modules/levelView/labelList");
+ }
+
+ /**
+ * 会员标识新增
+ * @return
+ */
+ @GetMapping(value = "/labelAdd")
+ @RequiresPermissions("labelAdd:add")
+ public String labelAdd() {
+ return FebsUtil.view("modules/levelView/labelAdd");
+ }
+
+ /**
+ * 会员标识编辑
+ * @param id
+ * @param model
+ * @return
+ */
+ @GetMapping("labelInfo/{id}")
+ @RequiresPermissions("labelInfo:view")
+ public String labelInfo(@PathVariable long id, Model model) {
+ HappyMemberLabel happyMemberLabel = happyMemberLabelMapper.selectById(id);
+ model.addAttribute("happyMemberLabel", happyMemberLabel);
+ return FebsUtil.view("modules/levelView/labelInfo");
+ }
/**
* 会员等级列表
diff --git a/src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelAddDto.java b/src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelAddDto.java
new file mode 100644
index 0000000..988b490
--- /dev/null
+++ b/src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelAddDto.java
@@ -0,0 +1,24 @@
+package cc.mrbird.febs.mall.dto.memberLevel;
+
+import lombok.Data;
+
+import java.math.BigDecimal;
+@Data
+public class AdminMemberLabelAddDto {
+
+ private String name;
+
+ private Integer code;
+
+ private Integer upgradeScore;
+
+ private BigDecimal minePercent;
+
+ private BigDecimal otherPercent;
+
+ private String content;
+
+ private String iconPng;
+
+ private String headerPng;
+}
diff --git a/src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelDto.java b/src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelDto.java
new file mode 100644
index 0000000..6fa09f5
--- /dev/null
+++ b/src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelDto.java
@@ -0,0 +1,7 @@
+package cc.mrbird.febs.mall.dto.memberLevel;
+
+import lombok.Data;
+
+@Data
+public class AdminMemberLabelDto {
+}
diff --git a/src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelUpdateDto.java b/src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelUpdateDto.java
new file mode 100644
index 0000000..4134d65
--- /dev/null
+++ b/src/main/java/cc/mrbird/febs/mall/dto/memberLevel/AdminMemberLabelUpdateDto.java
@@ -0,0 +1,24 @@
+package cc.mrbird.febs.mall.dto.memberLevel;
+
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+@Data
+public class AdminMemberLabelUpdateDto {
+ private Long id;
+
+ private String name;
+
+ private Integer upgradeScore;
+
+ private BigDecimal minePercent;
+
+ private BigDecimal otherPercent;
+
+ private String content;
+
+ private String iconPng;
+
+ private String headerPng;
+}
diff --git a/src/main/java/cc/mrbird/febs/mall/entity/HappyMemberLabel.java b/src/main/java/cc/mrbird/febs/mall/entity/HappyMemberLabel.java
new file mode 100644
index 0000000..345f994
--- /dev/null
+++ b/src/main/java/cc/mrbird/febs/mall/entity/HappyMemberLabel.java
@@ -0,0 +1,32 @@
+package cc.mrbird.febs.mall.entity;
+
+import cc.mrbird.febs.common.entity.BaseEntity;
+import com.baomidou.mybatisplus.annotation.TableName;
+import lombok.Data;
+
+import java.math.BigDecimal;
+
+@Data
+@TableName("happy_member_label")
+public class HappyMemberLabel extends BaseEntity {
+ /**
+ *
+ `name` varchar(100) DEFAULT NULL COMMENT '名称',
+ `code` int(11) DEFAULT NULL COMMENT '编码',
+ `upgrade_score` int(11) DEFAULT NULL COMMENT '备用',
+ `mine_percent` decimal(20,2) DEFAULT NULL COMMENT '备用',
+ `other_percent` decimal(20,2) DEFAULT NULL COMMENT '备用',
+ `content` text COMMENT '宣传内容',
+ `icon_png` varchar(200) DEFAULT NULL COMMENT '会员图标',
+ `header_png` varchar(200) DEFAULT NULL COMMENT '宣传海报',
+ */
+
+ private String name;
+ private Integer code;
+ private Integer upgradeScore;
+ private BigDecimal minePercent;
+ private BigDecimal otherPercent;
+ private String content;
+ private String iconPng;
+ private String headerPng;
+}
diff --git a/src/main/java/cc/mrbird/febs/mall/mapper/HappyMemberLabelMapper.java b/src/main/java/cc/mrbird/febs/mall/mapper/HappyMemberLabelMapper.java
new file mode 100644
index 0000000..f22041e
--- /dev/null
+++ b/src/main/java/cc/mrbird/febs/mall/mapper/HappyMemberLabelMapper.java
@@ -0,0 +1,7 @@
+package cc.mrbird.febs.mall.mapper;
+
+import cc.mrbird.febs.mall.entity.HappyMemberLabel;
+import com.baomidou.mybatisplus.core.mapper.BaseMapper;
+
+public interface HappyMemberLabelMapper extends BaseMapper<HappyMemberLabel> {
+}
diff --git a/src/main/java/cc/mrbird/febs/mall/service/AdminMemberLevelService.java b/src/main/java/cc/mrbird/febs/mall/service/AdminMemberLevelService.java
index b98105f..87d6799 100644
--- a/src/main/java/cc/mrbird/febs/mall/service/AdminMemberLevelService.java
+++ b/src/main/java/cc/mrbird/febs/mall/service/AdminMemberLevelService.java
@@ -3,6 +3,7 @@
import cc.mrbird.febs.common.entity.FebsResponse;
import cc.mrbird.febs.common.entity.QueryRequest;
import cc.mrbird.febs.mall.dto.memberLevel.*;
+import cc.mrbird.febs.mall.entity.HappyMemberLabel;
import cc.mrbird.febs.mall.entity.HappyMemberLevel;
import cc.mrbird.febs.mall.entity.HappySaleLevel;
import com.baomidou.mybatisplus.core.metadata.IPage;
@@ -12,10 +13,16 @@
IPage<HappyMemberLevel> getLevelListInPage(AdminMemberLevelDto dto, QueryRequest request);
+ IPage<HappyMemberLabel> getLabelListInPage(AdminMemberLabelDto dto, QueryRequest request);
+
FebsResponse levelAdd(AdminMemberLevelAddDto dto);
+ FebsResponse labelAdd(AdminMemberLabelAddDto dto);
+
FebsResponse levelUpdate(AdminMemberLevelUpdateDto dto);
+ FebsResponse labelUpdate(AdminMemberLabelUpdateDto dto);
+
FebsResponse levelAll();
IPage<HappySaleLevel> getSaleLevelListInPage(AdminSaleLevelDto dto, QueryRequest request);
diff --git a/src/main/java/cc/mrbird/febs/mall/service/impl/AdminMemberLevelServiceImpl.java b/src/main/java/cc/mrbird/febs/mall/service/impl/AdminMemberLevelServiceImpl.java
index 3022675..b95426d 100644
--- a/src/main/java/cc/mrbird/febs/mall/service/impl/AdminMemberLevelServiceImpl.java
+++ b/src/main/java/cc/mrbird/febs/mall/service/impl/AdminMemberLevelServiceImpl.java
@@ -5,8 +5,10 @@
import cc.mrbird.febs.common.enumerates.StateUpDownEnum;
import cc.mrbird.febs.mall.dto.memberLevel.*;
import cc.mrbird.febs.mall.entity.HappyActivityCategory;
+import cc.mrbird.febs.mall.entity.HappyMemberLabel;
import cc.mrbird.febs.mall.entity.HappyMemberLevel;
import cc.mrbird.febs.mall.entity.HappySaleLevel;
+import cc.mrbird.febs.mall.mapper.HappyMemberLabelMapper;
import cc.mrbird.febs.mall.mapper.HappyMemberLevelMapper;
import cc.mrbird.febs.mall.mapper.HappySaleLevelMapper;
import cc.mrbird.febs.mall.service.AdminMemberLevelService;
@@ -32,6 +34,7 @@
private final HappyMemberLevelMapper happyMemberLevelMapper;
private final HappySaleLevelMapper happySaleLevelMapper;
+ private final HappyMemberLabelMapper happyMemberLabelMapper;
@Override
public IPage<HappyMemberLevel> getLevelListInPage(AdminMemberLevelDto dto, QueryRequest request) {
@@ -39,6 +42,16 @@
LambdaQueryWrapper<HappyMemberLevel> lambdaQueryWrapper = new LambdaQueryWrapper<>();
lambdaQueryWrapper.orderByAsc(HappyMemberLevel::getId);
Page<HappyMemberLevel> happyMemberLevelPage = happyMemberLevelMapper.selectPage(page, lambdaQueryWrapper);
+ return happyMemberLevelPage;
+ }
+
+ @Override
+ public IPage<HappyMemberLabel> getLabelListInPage(AdminMemberLabelDto dto, QueryRequest request) {
+
+ Page<HappyMemberLabel> page = new Page<>(request.getPageNum(), request.getPageSize());
+ LambdaQueryWrapper<HappyMemberLabel> lambdaQueryWrapper = new LambdaQueryWrapper<>();
+ lambdaQueryWrapper.orderByAsc(HappyMemberLabel::getId);
+ Page<HappyMemberLabel> happyMemberLevelPage = happyMemberLabelMapper.selectPage(page, lambdaQueryWrapper);
return happyMemberLevelPage;
}
@@ -51,6 +64,14 @@
}
@Override
+ public FebsResponse labelAdd(AdminMemberLabelAddDto dto) {
+ HappyMemberLabel happyMemberLabel = new HappyMemberLabel();
+ BeanUtil.copyProperties(dto, happyMemberLabel);
+ happyMemberLabelMapper.insert(happyMemberLabel);
+ return new FebsResponse().success().message("操作成功");
+ }
+
+ @Override
public FebsResponse levelUpdate(AdminMemberLevelUpdateDto dto) {
HappyMemberLevel happyMemberLevel = happyMemberLevelMapper.selectById(dto.getId());
if (ObjectUtil.isNotNull(happyMemberLevel)) {
@@ -61,6 +82,16 @@
}
@Override
+ public FebsResponse labelUpdate(AdminMemberLabelUpdateDto dto) {
+ HappyMemberLabel happyMemberLabel = happyMemberLabelMapper.selectById(dto.getId());
+ if (ObjectUtil.isNotNull(happyMemberLabel)) {
+ BeanUtil.copyProperties(dto, happyMemberLabel);
+ happyMemberLabelMapper.updateById(happyMemberLabel);
+ }
+ return new FebsResponse().success().message("操作成功");
+ }
+
+ @Override
public FebsResponse levelAll() {
List<HappyMemberLevel> happyMemberLevels = happyMemberLevelMapper.selectList(
new LambdaQueryWrapper<HappyMemberLevel>()
diff --git a/src/main/resources/templates/febs/views/modules/levelView/labelAdd.html b/src/main/resources/templates/febs/views/modules/levelView/labelAdd.html
new file mode 100644
index 0000000..05e2415
--- /dev/null
+++ b/src/main/resources/templates/febs/views/modules/levelView/labelAdd.html
@@ -0,0 +1,231 @@
+<div class="layui-fluid layui-anim febs-anim" id="febs-label-add" lay-title="新增">
+ <div class="layui-row febs-container">
+ <div class="layui-col-md12">
+ <div class="layui-fluid" id="member-label-add">
+ <form class="layui-form" action="" lay-filter="member-label-add-form">
+ <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
+ <ul class="layui-tab-title">
+ <li class="layui-this">基础信息</li>
+ </ul>
+ <div class="layui-tab-content">
+ <div class="layui-tab-item layui-show">
+ <div class="layui-row layui-col-space10 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="name" lay-verify="required"
+ placeholder="" autocomplete="off" class="layui-input">
+ </div>
+ </div>
+ </div>
+ <div class="layui-row layui-col-space10 layui-form-item">
+ <div class="layui-col-lg6">
+ <label class="layui-form-label febs-form-item-require">会员标识:</label>
+ <div class="layui-input-block">
+ <div class="layui-upload">
+ <button type="button" class="layui-btn layui-btn-normal layui-btn" id="iconPngUploadButton">上传</button>
+ <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
+ <div class="layui-upload-list" id="iconPngUpload"></div>
+ </blockquote>
+ </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="iconPng" lay-verify="required" name="iconPng" autocomplete="off" class="layui-input" readonly>
+ </div>
+ </div>
+ </div>
+ <div class="layui-row layui-col-space10 layui-form-item">
+ <div class="layui-col-lg6">
+ <label class="layui-form-label febs-form-item-require">宣传海报:</label>
+ <div class="layui-input-block">
+ <div class="layui-upload">
+ <button type="button" class="layui-btn layui-btn-normal layui-btn" id="headerPngUploadButton">上传</button>
+ <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
+ <div class="layui-upload-list" id="headerPngUpload"></div>
+ </blockquote>
+ </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="headerPng" lay-verify="required" name="headerPng" autocomplete="off" class="layui-input" readonly>
+ </div>
+ </div>
+ </div>
+<!-- <div class="layui-form-item">-->
+<!-- <label class="layui-form-label febs-form-item-require">升级:</label>-->
+<!-- <div class="layui-form-mid">积分达到</div>-->
+<!-- <div class="layui-input-inline" style="width: 80px">-->
+<!-- <input type="text" name="upgradeScore" lay-verify="required" autocomplete="off" class="layui-input" >-->
+<!-- </div>-->
+<!-- <div class="layui-form-mid">之后,升级。</div>-->
+<!-- </div>-->
+
+<!-- <blockquote class="layui-elem-quote blue-border">奖励规则</blockquote>-->
+<!-- <div class="layui-form-item">-->
+<!-- <label class="layui-form-label febs-form-item-require">规则一:</label>-->
+<!-- <div class="layui-form-mid">用户下单,点击确认收货后,返还支付金额乘以</div>-->
+<!-- <div class="layui-input-inline" style="width: 80px">-->
+<!-- <input type="text" name="minePercent" lay-verify="required" autocomplete="off" class="layui-input" >-->
+<!-- </div>-->
+<!-- <div class="layui-form-mid">的积分数量。</div>-->
+<!-- </div>-->
+<!-- <div class="layui-form-item">-->
+<!-- <label class="layui-form-label febs-form-item-require">规则二:</label>-->
+<!-- <div class="layui-form-mid">好友下单,点击确认收货后,返还用户支付金额乘以</div>-->
+<!-- <div class="layui-input-inline" style="width: 80px">-->
+<!-- <input type="text" name="otherPercent" lay-verify="required" autocomplete="off" class="layui-input" >-->
+<!-- </div>-->
+<!-- <div class="layui-form-mid">的积分数量。</div>-->
+<!-- </div>-->
+
+ <div class="layui-form-item">
+ <label class="layui-form-label febs-form-item-require">说明:</label>
+ <div class="layui-input-block">
+ <div style="border: 1px solid #ccc;">
+ <div id="memberLevel-toolbar-container" class="toolbar"></div>
+ <div id="memberLevel-text-container" class="text" style="height: 450px;"></div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+ <div class="layui-form-item febs-hide">
+ <button class="layui-btn" lay-submit="" lay-filter="member-label-form-submit" id="submit">保存</button>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+</div>
+<style>
+ .blue-border {
+ border-left-color: #2db7f5;
+ font-size: 18px;
+ }
+ .layui-table-cell {
+ height:auto;
+ }
+</style>
+
+<!-- 表格操作栏 end -->
+<script data-th-inline="javascript">
+ layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree','dropdown', 'laydate', 'layedit', 'upload', 'element', 'table', 'xmSelect','jquery'], function () {
+ var $ = layui.jquery,
+ febs = layui.febs,
+ layer = layui.layer,
+ table = layui.table,
+ formSelects = layui.formSelects,
+ treeSelect = layui.treeSelect,
+ form = layui.form,
+ laydate = layui.laydate,
+ eleTree = layui.eleTree,
+ $view = $('#member-label-add'),
+ layedit = layui.layedit,
+ upload = layui.upload,
+ validate = layui.validate,
+ element = layui.element;
+
+ form.render();
+
+ const E = window.wangEditor;
+ const editor = new E('#memberLevel-toolbar-container', '#memberLevel-text-container'); // 传入两个元素
+ editor.config.showLinkImg = false;
+ editor.config.uploadFileName = 'file';
+ editor.config.customUploadImg = function (files, insertImgFn) {
+ // files 是 input 中选中的文件列表
+ // insertImgFn 是获取图片 url 后,插入到编辑器的方法
+ // 上传图片,返回结果,将图片插入到编辑器中
+ for (let i = 0; i < files.length; i++){
+ var form = new FormData();
+ form.append("file", files[0]);
+ $.ajax({
+ url:'/admin/goods/uploadFileBase64',
+ type: "post",
+ processData: false,
+ contentType: false,
+ data: form,
+ dataType: 'json',
+ success(res) {
+ // 上传代码返回结果之后,将图片插入到编辑器中
+ insertImgFn(res.data.src, res.data.title, '')
+ }
+ })
+ }
+ };
+ editor.create();
+
+ //图片上传
+ upload.render({
+ elem: '#iconPngUploadButton'
+ ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
+ ,accept: 'file' //普通文件
+ ,size: 10240 //限制文件大小,单位 KB
+ ,before: function(obj){
+ //预读本地文件示例,不支持ie8
+ obj.preview(function(index, file, result){
+ $('#iconPngUpload').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
+ });
+ }
+ ,done: function(res){
+ $("#iconPng").val(res.data.src);
+ }
+ });
+
+ //图片上传
+ upload.render({
+ elem: '#headerPngUploadButton'
+ ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
+ ,accept: 'file' //普通文件
+ ,size: 10240 //限制文件大小,单位 KB
+ ,before: function(obj){
+ //预读本地文件示例,不支持ie8
+ obj.preview(function(index, file, result){
+ $('#headerPngUpload').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
+ });
+ }
+ ,done: function(res){
+ $("#headerPng").val(res.data.src);
+ }
+ });
+ formSelects.render();
+ form.on('submit(member-label-form-submit)', function (data) {
+ data.field.content = editor.txt.html();
+ $.ajax({
+ 'url':ctx + 'admin/level/labelAdd',
+ '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-label').find('#query').click();
+ }else{
+ febs.alert.warn(data.message);
+ }
+ },
+ 'error':function () {
+ febs.alert.warn('服务器繁忙');
+ }
+ })
+ return false;
+ });
+
+ });
+</script>
diff --git a/src/main/resources/templates/febs/views/modules/levelView/labelInfo.html b/src/main/resources/templates/febs/views/modules/levelView/labelInfo.html
new file mode 100644
index 0000000..d2980af
--- /dev/null
+++ b/src/main/resources/templates/febs/views/modules/levelView/labelInfo.html
@@ -0,0 +1,256 @@
+<div class="layui-fluid layui-anim febs-anim" id="febs-label-Info" lay-title="编辑">
+ <div class="layui-row febs-container">
+ <div class="layui-col-md12">
+ <div class="layui-fluid" id="memberLabel-info">
+ <form class="layui-form" action="" lay-filter="memberLabel-info-form">
+ <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
+ <ul class="layui-tab-title">
+ <li class="layui-this">基础信息</li>
+ </ul>
+ <div class="layui-tab-content">
+ <input type="text" name="id"
+ placeholder="" autoComplete="off" class="layui-input febs-hide">
+ <div class="layui-tab-item layui-show">
+ <div class="layui-row layui-col-space10 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="name" lay-verify="required"
+ placeholder="" autocomplete="off" class="layui-input">
+ </div>
+ </div>
+ </div>
+ <div class="layui-row layui-col-space10 layui-form-item">
+ <div class="layui-col-lg6">
+ <label class="layui-form-label febs-form-item-require">会员标识:</label>
+ <div class="layui-input-block">
+ <div class="layui-upload">
+ <button type="button" class="layui-btn layui-btn-normal layui-btn" id="iconPngUploadButton">上传</button>
+ <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
+ <div class="layui-upload-list" id="iconPngUpload"></div>
+ </blockquote>
+ </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="iconPng" lay-verify="required" name="iconPng" autocomplete="off" class="layui-input" readonly>
+ </div>
+ </div>
+ </div>
+ <div class="layui-row layui-col-space10 layui-form-item">
+ <div class="layui-col-lg6">
+ <label class="layui-form-label febs-form-item-require">宣传海报:</label>
+ <div class="layui-input-block">
+ <div class="layui-upload">
+ <button type="button" class="layui-btn layui-btn-normal layui-btn" id="headerPngUploadButton">上传</button>
+ <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
+ <div class="layui-upload-list" id="headerPngUpload"></div>
+ </blockquote>
+ </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="headerPng" lay-verify="required" name="headerPng" autocomplete="off" class="layui-input" readonly>
+ </div>
+ </div>
+ </div>
+ <!-- <div class="layui-form-item">-->
+ <!-- <label class="layui-form-label febs-form-item-require">升级:</label>-->
+ <!-- <div class="layui-form-mid">积分达到</div>-->
+ <!-- <div class="layui-input-inline" style="width: 80px">-->
+ <!-- <input type="text" name="upgradeScore" lay-verify="required" autocomplete="off" class="layui-input" >-->
+ <!-- </div>-->
+ <!-- <div class="layui-form-mid">之后,升级。</div>-->
+ <!-- </div>-->
+
+ <!-- <blockquote class="layui-elem-quote blue-border">奖励规则</blockquote>-->
+ <!-- <div class="layui-form-item">-->
+ <!-- <label class="layui-form-label febs-form-item-require">规则一:</label>-->
+ <!-- <div class="layui-form-mid">用户下单,点击确认收货后,返还支付金额乘以</div>-->
+ <!-- <div class="layui-input-inline" style="width: 80px">-->
+ <!-- <input type="text" name="minePercent" lay-verify="required" autocomplete="off" class="layui-input" >-->
+ <!-- </div>-->
+ <!-- <div class="layui-form-mid">的积分数量。</div>-->
+ <!-- </div>-->
+ <!-- <div class="layui-form-item">-->
+ <!-- <label class="layui-form-label febs-form-item-require">规则二:</label>-->
+ <!-- <div class="layui-form-mid">好友下单,点击确认收货后,返还用户支付金额乘以</div>-->
+ <!-- <div class="layui-input-inline" style="width: 80px">-->
+ <!-- <input type="text" name="otherPercent" lay-verify="required" autocomplete="off" class="layui-input" >-->
+ <!-- </div>-->
+ <!-- <div class="layui-form-mid">的积分数量。</div>-->
+ <!-- </div>-->
+
+ <div class="layui-form-item">
+ <label class="layui-form-label febs-form-item-require">说明:</label>
+ <div class="layui-input-block">
+ <div style="border: 1px solid #ccc;">
+ <div id="memberLevel-toolbar-container" class="toolbar"></div>
+ <div id="memberLevel-text-container" class="text" style="height: 450px;"></div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ <div class="layui-form-item febs-hide">
+ <button class="layui-btn" lay-submit="" lay-filter="memberLabel-info-form-submit" id="submit">保存</button>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+</div>
+<style>
+ .blue-border {
+ border-left-color: #2db7f5;
+ font-size: 18px;
+ }
+ .layui-table-cell {
+ height:auto;
+ }
+ .layui-upload-list {
+ margin: 0 !important;
+ }
+ .multi-images {
+ margin: 0 5px !important;
+ }
+</style>
+<!-- 表格操作栏 end -->
+<script data-th-inline="javascript">
+ layui.use(['febs', 'form', 'validate','formSelects', 'table', 'upload'], function () {
+ var $ = layui.jquery,
+ febs = layui.febs,
+ layer = layui.layer,
+ table = layui.table,
+ form = layui.form,
+ formSelects = layui.formSelects,
+ $view = $('#memberLabel-info'),
+ happyMemberLabel = [[${happyMemberLabel}]],
+ upload = layui.upload,
+ validate = layui.validate;
+
+ const E = window.wangEditor;
+ const editor = new E('#memberLevel-toolbar-container', '#memberLevel-text-container'); // 传入两个元素
+ editor.config.showLinkImg = false;
+ editor.config.uploadFileName = 'file';
+ editor.config.customUploadImg = function (files, insertImgFn) {
+ // files 是 input 中选中的文件列表
+ // insertImgFn 是获取图片 url 后,插入到编辑器的方法
+ // 上传图片,返回结果,将图片插入到编辑器中
+ for (let i = 0; i < files.length; i++){
+ var form = new FormData();
+ form.append("file", files[0]);
+ $.ajax({
+ url:'/admin/goods/uploadFileBase64',
+ type: "post",
+ processData: false,
+ contentType: false,
+ data: form,
+ dataType: 'json',
+ success(res) {
+ // 上传代码返回结果之后,将图片插入到编辑器中
+ insertImgFn(res.data.src, res.data.title, '')
+ }
+ })
+ }
+ };
+ editor.create();
+ //图片上传
+ upload.render({
+ elem: '#iconPngUploadButton'
+ ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
+ ,accept: 'file' //普通文件
+ ,size: 10240 //限制文件大小,单位 KB
+ ,before: function(obj){
+ //预读本地文件示例,不支持ie8
+ obj.preview(function(index, file, result){
+ $('#iconPngUpload').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
+ });
+ }
+ ,done: function(res){
+ $("#iconPng").val(res.data.src);
+ }
+ });
+
+ //图片上传
+ upload.render({
+ elem: '#headerPngUploadButton'
+ ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
+ ,accept: 'file' //普通文件
+ ,size: 10240 //限制文件大小,单位 KB
+ ,before: function(obj){
+ //预读本地文件示例,不支持ie8
+ obj.preview(function(index, file, result){
+ $('#headerPngUpload').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
+ });
+ }
+ ,done: function(res){
+ $("#headerPng").val(res.data.src);
+ }
+ });
+
+ form.render();
+ inithappyMemberLabel();
+
+ formSelects.render();
+
+ function inithappyMemberLabel() {
+ console.log("happyMemberLabel:", happyMemberLabel); // 调试信息
+ form.val("memberLabel-info-form", {
+ "id": happyMemberLabel.id,
+ "name": happyMemberLabel.name,
+ "upgradeScore": happyMemberLabel.upgradeScore,
+ "minePercent": happyMemberLabel.minePercent,
+ "otherPercent": happyMemberLabel.otherPercent,
+ });
+
+
+ $('#iconPngUpload').append('<img src="' + happyMemberLabel.iconPng + '" alt="" class="layui-upload-img single-image" style="width: 130px">');
+ $("#iconPng").val(happyMemberLabel.iconPng);
+
+
+ $('#headerPngUpload').append('<img src="' + happyMemberLabel.headerPng + '" alt="" class="layui-upload-img single-image" style="width: 130px">');
+ $("#headerPng").val(happyMemberLabel.headerPng);
+ editor.txt.html(happyMemberLabel.content);
+
+ }
+
+ form.on('submit(memberLabel-info-form-submit)', function (data) {
+ data.field.content = editor.txt.html();
+ $.ajax({
+ 'url':ctx + 'admin/level/labelUpdate',
+ '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-label').find('#query').click();
+ }else{
+ febs.alert.warn(data.message);
+ }
+ },
+ 'error':function () {
+ febs.alert.warn('服务器繁忙');
+ }
+ })
+ return false;
+ });
+
+ });
+</script>
\ No newline at end of file
diff --git a/src/main/resources/templates/febs/views/modules/levelView/labelList.html b/src/main/resources/templates/febs/views/modules/levelView/labelList.html
new file mode 100644
index 0000000..5593004
--- /dev/null
+++ b/src/main/resources/templates/febs/views/modules/levelView/labelList.html
@@ -0,0 +1,199 @@
+<div class="layui-fluid layui-anim febs-anim" id="febs-label" lay-title="会员标识管理">
+ <div class="layui-row febs-container">
+ <div class="layui-col-md12">
+ <div class="layui-card">
+ <div class="layui-card-body febs-table-full">
+ <form class="layui-form layui-table-form" lay-filter="memberLevel-table-form">
+ <div class="layui-row">
+ <div class="layui-col-md10">
+ <div class="layui-form-item">
+ </div>
+ </div>
+ <div class="layui-col-md2 layui-col-sm12 layui-col-xs12 table-action-area">
+ <div class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain table-action" id="query">
+ <i class="layui-icon"></i>
+ </div>
+ <div class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain table-action" id="reset">
+ <i class="layui-icon"></i>
+ </div>
+ </div>
+ </div>
+ </form>
+ <table lay-filter="memberLabelTable" lay-data="{id: 'memberLabelTable'}"></table>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<!-- 表格操作栏 start -->
+<script type="text/html" id="user-option">
+ <span shiro:lacksPermission="list:view,add:add,votesActivityUpdate:update">
+ <span class="layui-badge-dot febs-bg-orange"></span> 无权限
+ </span>
+ <a lay-event="edit" shiro:hasPermission="votesActivityUpdate:update"><i
+ class="layui-icon febs-edit-area febs-blue"></i></a>
+</script>
+
+<script type="text/html" id="memberLabelToolbar">
+ <div class="layui-btn-container">
+ <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="labelAdd:add" lay-event="labelAdd">新增</button>
+ </div>
+</script>
+
+<script type="text/html" id="memberLabelOption">
+ <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="labelInfo:view" lay-event="labelInfoEvent">编辑</button>
+</script>
+
+<style>
+ .layui-form-onswitch {
+ background-color: #5FB878 !important;
+ }
+</style>
+<!-- 表格操作栏 end -->
+<script data-th-inline="none" type="text/javascript">
+ // 引入组件并初始化
+ layui.use([ 'jquery', 'form', 'table', 'febs'], function () {
+ var $ = layui.jquery,
+ febs = layui.febs,
+ form = layui.form,
+ table = layui.table,
+ $view = $('#febs-label'),
+ $query = $view.find('#query'),
+ $reset = $view.find('#reset'),
+ $searchForm = $view.find('form'),
+ sortObject = {field: 'phone', type: null},
+ tableIns;
+
+ form.render();
+
+ // 表格初始化
+ initmemberLabelTable();
+
+ // 初始化表格操作栏各个按钮功能
+ table.on('tool(memberLabelTable)', function (obj) {
+ console.log("触发事件:", obj.event); // 调试信息
+ var data = obj.data,
+ layEvent = obj.event;
+
+ if (layEvent === 'seeIconPng') {
+ var t = $view.find('#seeIconPng'+data.id+'');
+ //页面层
+ layer.open({
+ type: 1,
+ title: "会员标识",
+ skin: 'layui-layer-rim', //加上边框
+ area: ['100%', '100%'], //宽高
+ shadeClose: true, //开启遮罩关闭
+ end: function (index, layero) {
+ return false;
+ },
+ content: '<div style="text-align:center"><img src="' + $(t).attr('src') + '" /></div>'
+ });
+ }
+
+ if (layEvent === 'seeHeaderPng') {
+ var t = $view.find('#seeHeaderPng'+data.id+'');
+ //页面层
+ layer.open({
+ type: 1,
+ title: "宣传图片",
+ skin: 'layui-layer-rim', //加上边框
+ area: ['100%', '100%'], //宽高
+ shadeClose: true, //开启遮罩关闭
+ end: function (index, layero) {
+ return false;
+ },
+ content: '<div style="text-align:center"><img src="' + $(t).attr('src') + '" /></div>'
+ });
+ }
+ if (layEvent === 'labelInfoEvent') {
+ febs.modal.open('编辑','modules/levelView/labelInfo/' + data.id, {
+ btn: ['提交', '取消'],
+ area: ['100%', '100%'],
+ yes: function (index, layero) {
+ $('#febs-label-Info').find('#submit').trigger('click');
+ },
+ btn2: function () {
+ layer.closeAll();
+ }
+ });
+ }
+ });
+
+ // 初始化表格操作栏各个按钮功能
+ table.on('toolbar(memberLabelTable)', function (obj) {
+ let data = obj.data,
+ layEvent = obj.event;
+ console.log("触发事件:", obj.event); // 调试信息
+ if(layEvent === 'labelAdd'){
+ febs.modal.open('新增', 'modules/levelView/labelAdd/', {
+ btn: ['提交', '取消'],
+ area:['100%','100%'],
+ yes: function (index, layero) {
+ $('#febs-label-add').find('#submit').trigger('click');
+ },
+ btn2: function () {
+ layer.closeAll();
+ }
+ });
+ }
+ });
+
+ function initmemberLabelTable() {
+ tableIns = febs.table.init({
+ elem: $view.find('table'),
+ id: 'memberLabelTable',
+ url: ctx + 'admin/level/labelList',
+ toolbar:"#memberLabelToolbar",
+ defaultToolbar:[],
+ cols: [[
+ {type: 'numbers', title: '', width: 80},
+ {title: '操作', toolbar: '#memberLabelOption', minWidth: 200, align: 'center'},
+ {field: 'name', title: '名称', minWidth: 150,align:'center'},
+ {field: 'iconPng',title: '会员标识',
+ templet: function (d) {
+ return '<a lay-event="seeIconPng">' +
+ '<img id="seeIconPng' + d.id + '" src="' + d.iconPng +
+ '" alt="图片" style="width: 50px; height: 50px; object-fit: cover; border-radius: 5px; cursor: pointer;">' +
+ '</a>';
+ },
+ minWidth: 150,align: 'center'},
+ {field: 'headerPng',title: '宣传图片',
+ templet: function (d) {
+ return '<a lay-event="seeHeaderPng">' +
+ '<img id="seeHeaderPng' + d.id + '" src="' + d.headerPng +
+ '" alt="图片" style="width: 50px; height: 50px; object-fit: cover; border-radius: 5px; cursor: pointer;">' +
+ '</a>';
+ },
+ minWidth: 150,align: 'center'},
+ // {field: 'upgradeScore', title: '升级需要积分', minWidth: 150,align:'center'},
+ // {field: 'minePercent', title: '自己返还比例', minWidth: 150,align:'center'},
+ // {field: 'otherPercent', title: '好友返还比例', minWidth: 150,align:'center'},
+ ]]
+ });
+ }
+
+
+ // 查询按钮
+ $query.on('click', function () {
+ var params = $.extend(getQueryParams(), {field: sortObject.field, order: sortObject.type});
+ tableIns.reload({where: params, page: {curr: 1}});
+ });
+
+ // 刷新按钮
+ $reset.on('click', function () {
+ $searchForm[0].reset();
+ sortObject.type = 'null';
+ tableIns.reload({where: getQueryParams(), page: {curr: 1}, initSort: sortObject});
+ });
+ // 获取查询参数
+ function getQueryParams() {
+ return {
+ // name: $searchForm.find('input[name="name"]').val().trim(),
+ // state: $searchForm.find("select[name='state']").val(),
+ // categoryId: $searchForm.find("select[name='categoryId']").val(),
+ };
+ }
+
+ })
+</script>
--
Gitblit v1.9.1