From e268357d7b54492319f657fef30f9a6c33175c9f Mon Sep 17 00:00:00 2001 From: xiaoyong931011 <15274802129@163.com> Date: Sun, 26 Sep 2021 19:07:54 +0800 Subject: [PATCH] 20210926 --- src/main/resources/templates/febs/views/modules/product/categoryList.html | 29 +++++++++++++++++++++++++++++ 1 files changed, 29 insertions(+), 0 deletions(-) diff --git a/src/main/resources/templates/febs/views/modules/product/categoryList.html b/src/main/resources/templates/febs/views/modules/product/categoryList.html index 82e37f1..77ed76e 100644 --- a/src/main/resources/templates/febs/views/modules/product/categoryList.html +++ b/src/main/resources/templates/febs/views/modules/product/categoryList.html @@ -28,6 +28,16 @@ </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: normal; + } + .layui-table img{ + max-width:100px + } + </style> </div> </div> </div> @@ -78,6 +88,21 @@ } }); } + if (layEvent === 'seeImges') { + var t = $view.find('#seeImges'+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>' + }); + } }); @@ -114,6 +139,10 @@ cols: [[ {field: 'name', title: '名称', minWidth: 150,align:'left'}, {field: 'parentName', title: '父级名称', minWidth: 150,align:'left'}, + {field: 'image', title: '图片', + templet: function (d) { + return '<a lay-event="seeImges"><img id="seeImges'+d.id+'" src="'+d.image+'" alt=""></a>'; + }, minWidth: 100,align:'center'}, {title: '操作', templet: function (d) { return '<button class="layui-btn layui-btn-normal layui-btn-xs" lay-event="see" shiro:hasPermission="user:update">编辑</button>' -- Gitblit v1.9.1