From 7e6bbd05a75b07cb0717812d0b51aad128361012 Mon Sep 17 00:00:00 2001 From: Helius <wangdoubleone@gmail.com> Date: Thu, 19 May 2022 18:43:42 +0800 Subject: [PATCH] fix some problem --- src/main/resources/templates/febs/views/modules/goods/goodsList.html | 153 ++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 120 insertions(+), 33 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/goods/goodsList.html b/src/main/resources/templates/febs/views/modules/goods/goodsList.html index 6ccd99b..bd804bb 100644 --- a/src/main/resources/templates/febs/views/modules/goods/goodsList.html +++ b/src/main/resources/templates/febs/views/modules/goods/goodsList.html @@ -28,6 +28,18 @@ </div> </form> <table lay-filter="userTable" lay-data="{id: 'userTable'}"></table> + <style type="text/css"> + .layui-table-cell{ + text-align:center; + height: auto; + white-space: nowrap; /*文本不会换行,在同一行显示*/ + overflow: hidden; /*超出隐藏*/ + text-overflow: ellipsis; /*省略号显示*/ + } + .layui-table img{ + max-width:100px + } + </style> </div> </div> </div> @@ -41,6 +53,32 @@ <a lay-event="edit" shiro:hasPermission="user:update"><i class="layui-icon febs-edit-area febs-blue"></i></a> </script> +<script type="text/html" id="upOrDownSwitch"> + {{# if(d.isSale === 1) { }} + <input type="checkbox" value={{d.id}} lay-text="上架|下架" checked lay-skin="switch" lay-filter="upOrDownSwitch"> + {{# } else { }} + <input type="checkbox" value={{d.id}} lay-text="上架|下架" lay-skin="switch" lay-filter="upOrDownSwitch"> + {{# } }} +</script> +<script type="text/html" id="isSkuFormat"> + {{# if(d.isSku === 1) { }} + <span>是</span> + {{# } else { }} + <span>否</span> + {{# } }} +</script> +<script type="text/html" id="goodsTypeFormat"> + {{# if(d.isNormal === 1) { }} + <span>普通商品</span> + {{# } else { }} + <span>套餐</span> + {{# } }} +</script> +<style> + .layui-form-onswitch { + background-color: #5FB878 !important; + } +</style> <!-- 表格操作栏 end --> <script data-th-inline="none" type="text/javascript"> // 引入组件并初始化 @@ -73,12 +111,44 @@ } if (layEvent === 'upGoods') { febs.modal.confirm('上架', '确认上架该商品?', function () { - downGoods(data.id); + upGoods(data.id); }); } - if (layEvent === 'see') { - febs.modal.open( '个人信息', 'modules/mallMember/detail/' + data.id, { + if (layEvent === 'delGoods') { + febs.modal.confirm('删除', '确认删除该商品?', function () { + delGoods(data.id); + }); + } + if (layEvent === 'detailGoods') { + febs.modal.open( '商品详情', 'modules/goods/detailGoods/' + data.id, { maxmin: true, + }); + } + if (layEvent === 'goodsUpdate') { + febs.modal.open('编辑', 'modules/goods/goodsUpdateNew/' + data.id, { + btn: ['提交', '取消'], + area:['100%','100%'], + yes: function (index, layero) { + $('#febs-update').find('#submit').trigger('click'); + }, + btn2: function () { + layer.closeAll(); + } + }); + } + if (layEvent === 'seeImgThumb') { + var t = $view.find('#seeImgThumb'+data.id+''); + //页面层 + layer.open({ + type: 1, + title: "图片", + skin: 'layui-layer-rim', //加上边框 + area: ['80%', '80%'], //宽高 + shadeClose: true, //开启遮罩关闭 + end: function (index, layero) { + return false; + }, + content: '<div style="text-align:center"><img src="' + $(t).attr('src') + '" /></div>' }); } }); @@ -88,15 +158,18 @@ $query.click(); }); } - - + function delGoods(id) { + febs.get(ctx + 'admin/goods/delMallGoods/' + id, null, function () { + febs.alert.success('删除成功'); + $query.click(); + }); + } function upGoods(id) { febs.get(ctx + 'admin/goods/upMallGoods/' + id, null, function () { febs.alert.success('上架成功'); $query.click(); }); } - // 查询按钮 $query.on('click', function () { @@ -112,54 +185,68 @@ }); $add.on('click', function () { - febs.view.tab.change("/modules/goods/goodsAddNew/"); + febs.modal.open('新增商品', 'modules/goods/goodsAddNew/', { + btn: ['提交', '取消'], + area:['100%','100%'], + yes: function (index, layero) { + $('#febs-goods-add').find('#submit').trigger('click'); + }, + btn2: function () { + layer.closeAll(); + } + }); }); function initTable() { tableIns = febs.table.init({ elem: $view.find('table'), id: 'userTable', - url: ctx + 'admin/goods/goodsList', + url: ctx + 'admin/goods/goodsList?goodsType=1', cols: [[ + {field: 'goodsNo', title: '商品编号', minWidth: 150,align:'left'}, {field: 'goodsName', title: '商品名称', minWidth: 150,align:'left'}, - // {field: 'accountType', title: '账号类型', - // templet: function (d) { - // if (d.accountType === 2) { - // return '<span style="color:red;">测试账号</span>' - // } else if (d.accountType === 1) { - // return '<span style="color:green;">正常账号</span>' - // }else{ - // return '' - // } - // }, minWidth: 80,align:'center'}, - // {field: 'accountStatus', title: '账号状态', - // templet: function (d) { - // if (d.accountStatus === 1) { - // return '<span style="color:green;">正常</span>' - // } else if (d.accountStatus === 2) { - // return '<span style="color:red;">禁用</span>' - // }else{ - // return '' - // } - // }, minWidth: 80,align:'center'}, - // {field: 'createdTime', title: '注册时间', minWidth: 180,align:'center'}, + {field: 'thumb', title: '缩略图', + templet: function (d) { + return '<a lay-event="seeImgThumb"><img id="seeImgThumb'+d.id+'" src="'+d.thumb+'" alt=""></a>'; + }, minWidth: 150,align:'center'}, + {field: 'categaryName', title: '分类', minWidth: 150,align:'left'}, + {field: 'isSale', title: '是否上架', templet: '#upOrDownSwitch', minWidth: 130,align:'center'}, + {templet:"#goodsTypeFormat", title: '商品类型', minWidth: 150,align:'left'}, + {templet:"#isSkuFormat", title: '是否多规格', minWidth: 150,align:'left'}, + {field: 'presentPrice', title: '现价', minWidth: 150,align:'left'}, + {field: 'originalPrice', title: '原价', minWidth: 150,align:'left'}, + {field: 'stock', title: '商品库存', minWidth: 150,align:'left'}, + {field: 'skuVolume', title: '商品销量', minWidth: 150,align:'left'}, {title: '操作', templet: function (d) { if (d.isSale === 1) { - return '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="downGoods" shiro:hasPermission="user:update">下架</button>' + return ''; + // return '<button class="layui-btn layui-btn-normal layui-btn-xs febs-bg-orange" lay-event="downGoods" shiro:hasPermission="user:update">下架</button>' + // + '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="detailGoods" shiro:hasPermission="user:update">详情</button>' }else{ - return '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="upGoods" shiro:hasPermission="user:update">上架</button>' + // '<button class="layui-btn layui-btn-normal layui-btn-xs febs-bg-green" lay-event="upGoods" shiro:hasPermission="user:update">上架</button>' + return '' + + '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="goodsUpdate" shiro:hasPermission="user:update">编辑</button>' + + '<button class="layui-btn layui-btn-normal layui-btn-xs febs-bg-red" lay-event="delGoods" shiro:hasPermission="user:update">删除</button>' } - },minWidth: 300,align:'center'} + },minWidth: 160,align:'center'} ]] }); } + form.on('switch(upOrDownSwitch)', function (data) { + if (data.elem.checked) { + upGoods(data.value); + } else { + downGoods(data.value); + } + }) + // 获取查询参数 function getQueryParams() { return { - name: $searchForm.find('input[name="goodsName"]').val().trim(), + goodsName: $searchForm.find('input[name="goodsName"]').val().trim(), }; } -- Gitblit v1.9.1