From 8a7aee11d533a1664d88c3fe03bf0404164b4de9 Mon Sep 17 00:00:00 2001
From: Administrator <15274802129@163.com>
Date: Tue, 22 Jul 2025 17:14:09 +0800
Subject: [PATCH] style(clothesType): 优化列表页面样式和功能
---
src/main/resources/templates/febs/views/modules/clothesType/socialList.html | 75 +++++++++++++++++++++++++++++++++----
1 files changed, 66 insertions(+), 9 deletions(-)
diff --git a/src/main/resources/templates/febs/views/modules/clothesType/socialList.html b/src/main/resources/templates/febs/views/modules/clothesType/socialList.html
index 375fa07..bf0c22d 100644
--- a/src/main/resources/templates/febs/views/modules/clothesType/socialList.html
+++ b/src/main/resources/templates/febs/views/modules/clothesType/socialList.html
@@ -44,6 +44,23 @@
</div>
</form>
<table lay-filter="scTable" lay-data="{id: 'scTable'}"></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
+ }
+
+ ::-webkit-scrollbar {
+ height: 20px !important;
+ background-color: #f4f4f4;
+ }
+ </style>
</div>
</div>
</div>
@@ -56,6 +73,13 @@
</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="commentStateSwitch">
+ {{# if(d.commentState === 1) { }}
+ <input type="checkbox" value={{d.id}} lay-text="允许|禁止" checked lay-skin="switch" lay-filter="commentStateSwitch">
+ {{# } else { }}
+ <input type="checkbox" value={{d.id}} lay-text="允许|禁止" lay-skin="switch" lay-filter="commentStateSwitch">
+ {{# } }}
</script>
<script type="text/html" id="scStateSwitch">
{{# if(d.socialState === 1) { }}
@@ -91,6 +115,7 @@
<script type="text/html" id="activityOption">
<button class="layui-btn layui-btn-normal layui-btn-sm" type="button" lay-event="scUpdateEvent">编辑</button>
<button class="layui-btn layui-btn-normal layui-btn-sm" type="button" lay-event="museEvent">设计灵感</button>
+ <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" lay-event="commentEvent">查看评论</button>
<button class="layui-btn layui-btn-danger layui-btn-sm" type="button" lay-event="scDeleteEvent">删除</button>
</script>
@@ -154,6 +179,11 @@
}
});
}
+ if (layEvent === 'commentEvent') {
+ febs.modal.open('评论','modules/clothesType/socialComment/' + data.id, {
+ area:['100%','100%'],
+ });
+ }
if (layEvent === 'museEvent') {
febs.modal.open('编辑','modules/clothesType/socialMuseUpdate/' + data.id, {
btn: ['提交', '取消'],
@@ -195,6 +225,20 @@
$query.click();
});
}
+
+ form.on('switch(commentStateSwitch)', function (data) {
+ if (data.elem.checked) {
+ commentStateSwitch(data.value,1);
+ } else {
+ commentStateSwitch(data.value,0);
+ }
+ })
+ function commentStateSwitch(id,state) {
+ febs.get(ctx + 'admin/clothesType/commentStateSwitch/' + id+'/' + state, null, function (data) {
+ febs.alert.success(data.message);
+ $query.click();
+ });
+ }
function delAct(id) {
febs.get(ctx + 'admin/clothesType/socialDelete/' + id, null, function (data) {
febs.alert.success(data.message);
@@ -228,15 +272,28 @@
url: ctx + 'admin/clothesType/socialList',
toolbar:"#scToolbar",
defaultToolbar:[],
- cols: [[
- {type: 'numbers', title: '', width: 80},
- {title: '操作', toolbar: '#activityOption', minWidth: 200, align: 'center'},
- {field: 'name', title: '发布人', minWidth: 150,align:'left'},
- {field: 'socialTitle', title: '标题', minWidth: 150,align:'left'},
- {field: 'socialState', title: '状态', templet: '#scStateSwitch', minWidth: 130,align:'center'},
- {field: 'hotState', title: '显示首页', templet: '#scHotStateSwitch', minWidth: 130,align:'center'},
- {templet:"#socialDelFlagFormat", title: '是否删除', minWidth: 140,align:'left'},
- ]]
+ cols:
+ [
+ [
+ {type: 'numbers', title: '序号', rowspan: 2, width: 80},
+ {title: '操作', toolbar: '#activityOption', minWidth: 400, rowspan: 2,align: 'center'},
+ {field: 'name', title: '发布人', minWidth: 150,rowspan: 2,align:'center'},
+ {field: 'socialTitle', title: '标题', minWidth: 150,rowspan: 2,align:'center'},
+ {align: 'center', title: '点赞', colspan: 2},
+ {align: 'center', title: '收藏', colspan: 2},
+ {field: 'commentState', title: '允许评论', templet: '#commentStateSwitch', minWidth: 130,rowspan: 2,align:'center'},
+ {field: 'socialState', title: '状态', templet: '#scStateSwitch', minWidth: 130,rowspan: 2,align:'center'},
+ {field: 'hotState', title: '显示首页', templet: '#scHotStateSwitch', minWidth: 130,rowspan: 2,align:'center'},
+ {templet:"#socialDelFlagFormat", title: '是否删除', minWidth: 140,rowspan: 2,align:'center'},
+ {align: 'center', title: '', colspan: 4},
+ ],
+ [
+ {field: 'likeCnt', title: '点赞', minWidth: 150,align:'center'},
+ {field: 'likeCntReal', title: '点赞数量', minWidth: 150,align:'center'},
+ {field: 'collectCnt', title: '收藏', minWidth: 150,align:'center'},
+ {field: 'collectCntReal', title: '收藏数量', minWidth: 150,align:'center'},
+ ]
+ ]
});
}
--
Gitblit v1.9.1