From 8b5cb61e3445d6caddf6b1d72f3e1810d1f91845 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Wed, 19 Feb 2025 11:09:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E8=B0=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../evaluate/template/evaluateTemplate.html   | 411 +++++++++---------
 1 file changed, 214 insertions(+), 197 deletions(-)
diff --git a/src/main/resources/static/pages/evaluate/template/evaluateTemplate.html b/src/main/resources/static/pages/evaluate/template/evaluateTemplate.html
index 1c9d8fc..ec262a1 100644
--- a/src/main/resources/static/pages/evaluate/template/evaluateTemplate.html
+++ b/src/main/resources/static/pages/evaluate/template/evaluateTemplate.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html lang="">
+
 <head>
     <title>评价模板配置</title>
-    <link rel="stylesheet" href="../../../layui/css/layui.css"/>
+    <link rel="stylesheet" href="../../../layui/css/layui.css" />
     <style type="text/css">
         .widget-toolbar a {
             vertical-align: middle;
@@ -26,214 +27,230 @@
             display: none !important;
         }
 
-        .layui-input, .layui-textarea {
+        .layui-input,
+        .layui-textarea {
             display: block;
             width: 100%;
             padding: 7px;
         }
     </style>
 </head>
+
 <body>
-<div class="layui-container" style="width: 100%;height: 100%;padding: 10px">
-    <form id="baseForm" class="layui-form" method="POST" onsubmit="return false;">
-        <div class="layui-inline" style="width: 100%;display: flex;flex-direction: row">
-            <input type="text" name="name" id="name" placeholder="请输入模板名称" class="layui-input"
-                   style="width: 15%" autocomplete="off"
-                   maxlength="30">
-            <input id="createUser" type="text" name="createUser" placeholder="请输入创建人" autocomplete="off"
-                   class="layui-input" style="margin-left: 10px;width: 15%"/>
-            <button id='searchBtn' class="layui-btn layui-btn-warm" title="过滤" type="button"
-                    style="margin-left: 10px;"
-                    onclick="search(1)">
-                搜索
-            </button>
-            <button class="layui-btn" title="重置" type="button" onclick="search(2)">重置</button>
+    <div class="layui-container" style="width: 100%;height: 100%;padding: 10px">
+        <form id="baseForm" class="layui-form" method="POST" onsubmit="return false;">
+            <div class="layui-inline" style="width: 100%;display: flex;flex-direction: row">
+                <input type="text" name="name" id="name" placeholder="请输入模板名称" class="layui-input" style="width: 15%"
+                    autocomplete="off" maxlength="30">
+                <input id="createUser" type="text" name="createUser" placeholder="请输入创建人" autocomplete="off"
+                    class="layui-input" style="margin-left: 10px;width: 15%" />
+                <button id='searchBtn' class="layui-btn layui-btn-warm" title="过滤" type="button"
+                    style="margin-left: 10px;" onclick="search(1)">
+                    搜索
+                </button>
+                <button class="layui-btn" title="重置" type="button" onclick="search(2)">重置</button>
 
-            <button class="layui-btn " title="新增" type="button"
-                    onclick="add()">
-                新增模板
-            </button>
+                <button class="layui-btn " title="新增" type="button" onclick="add()">
+                    新增模板
+                </button>
+            </div>
+        </form>
+        <div id="tree-table-box">
+            <table id="baseTable" class="layui-table" lay-filter="test"></table>
         </div>
-    </form>
-    <div id="tree-table-box">
-        <table id="baseTable" class="layui-table" lay-filter="test"></table>
     </div>
-</div>
-<script src="../../../js/publicJs.js"></script>
-<script type="text/javascript" src="../../../js/libs/jquery-2.1.1.min.js"></script>
-<script type="text/javascript" src="../../../js/jq.js"></script>
-<script type="text/javascript" src="../../../js/my/permission.js"></script>
-<script src="../../../layui/layui.js"></script>
-<script type="text/javascript">
-    let layer, laydate, table;
-    let obj = {};
-    $(function () {
-        layui.use(['layer', 'laydate', 'table'], function () {
-            layer = layui.layer;
-            laydate = layui.laydate;
-            table = layui.table;
-            initTable();
-        });
-    });
-
-    function search(type) {
-        if (type === 1) {
-        } else {
-            $("#name").val("");
-            $("#createUser").val("");
-        }
-        table.reload('baseTable', {
-            url: ctxPath + '/setTemplate/getTemplateList',
-            page: {
-                curr: 1
-            },
-            where: {
-                name: $("#name").val(),
-                createUser: $("#createUser").val(),
-            }
-        });
-    }
-
-    function initTable() {
-        //渲染表格
-        table.render({
-            elem: '#baseTable'
-            , url: ctxPath + '/setTemplate/getTemplateList' //数据接口
-            , method: 'get' //方式默认是get
-            , toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
-            , where: {} //post请求必须加where ，post请求需要的参数
-            , cellMinWidth: 80
-            , cols: [[ //表头
-                {
-                    field: 'number', width: 80, title: '序号', align: 'center', type: 'numbers'
-                }
-                , {field: 'name', align: 'center', title: '模板名称'}
-                , {field: 'createUser', align: 'center', title: '创建人'}
-                , {field: 'createTime', align: 'center', title: '创建时间'}
-                , {field: 'version', align: 'center', title: '版本'},
-                {
-                    fixed: 'right', width: 180, title: '操作', align: 'center', templet: d => {
-                        let text = "";
-                        text += '<div style="display: flex;justify-content: flex-start;">';
-                        text +=
-                            '<a lay-event="view" style="color: #009688;cursor: pointer;font-size: 15px"' +
-                            '  id="view">查看</a>';
-                        text +=
-                            '<a lay-event="edit" style="color: #009688;cursor: pointer;font-size: 15px;margin-left: 10px"' +
-                            '  id="edit">编辑</a>';
-                        if (d.isUse  == '0'){
-                            text +=
-                                '<a lay-event="del" style="color: #009688;cursor: pointer;font-size: 15px;margin-left: 10px"' +
-                                '  id="del">删除</a>';
-                        }
-                        text += '</div>';
-                        return text;
-                    }
-                },
-            ]]
-            , id: 'baseTable'
-            , page: true //开启分页
-
-            , loading: true //数据加载中。。。
-            , limits: [10, 20, 100]  //一页选择显示3,5或10条数据
-            , limit: 10  //一页显示5条数据
-            , response: {
-                statusCode: 200 //规定成功的状态码，默认：0
-            }, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
-                let result;
-                if (res.data !== '' && res.data != null && res.data !== "null") {
-                    if (this.page.curr) {
-                        result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
-                    } else {
-                        result = res.data.slice(0, this.limit);
-                    }
-                }
-                return {
-                    "code": res.code, //解析接口状态
-                    "msg": res.msg, //解析提示文本
-                    "count": res.count, //解析数据长度
-                    "data": result, //解析数据列表
-                };
-            },
-            toolbar: "#toolbar"
-        });
-        //监听工具条
-        table.on('tool(test)', function (obj) {
-            var data = obj.data;
-            if (obj.event === 'edit') {
-                edit(data);
-            } else if (obj.event === 'del') {
-                del(data);
-            } else if (obj.event === 'view') {
-                view(data);
-            }
-        });
-    }
-
-    function openPage(title, url) {
-        //如果是查看页面，不需要弹出层的确定按钮
-        const layerOptions = {
-            type: 2,
-            title: title,
-            content: url,
-            maxmin: false,
-            area: ['90%', '95%'],
-            success: function (layero, index) {}
-        };
-
-        if (title === '查看模板') {
-            layer.open(layerOptions);
-        } else {
-            layerOptions.btn = ["确定"];
-            layerOptions.yes = function (index, layero) {
-                //提交子页面时执行
-                // 获取弹出层中的form表单元素
-                const formSubmit = layer.getChildFrame('form', index);
-                // 查找class样式为submitBtn的按钮
-                const submited = formSubmit.find('button.subBtn');
-                // 触发点击事件，会对表单进行验证，验证成功则提交表单，失败则返回错误信息
-                submited.click();
-            };
-            layer.open(layerOptions);
-        }
-    }
-
-    function add() {
-        openPage('新增模板', './evaluateTemplateFrom.html?id=0&type=add');
-    }
-
-    function view(data) {
-        localStorage.setItem("jsonTxt", data.jsonTxt);
-        localStorage.setItem("templateName", data.name);
-        openPage('查看模板', './evaluateTemplateFrom.html?id=' + data.id + '&type=view');
-    }
-
-    function edit(data) {
-        localStorage.setItem("jsonTxt", data.jsonTxt);
-        localStorage.setItem("templateName", data.name);
-        openPage('修改模板', './evaluateTemplateFrom.html?id=' + data.id + '&type=edit&version=' + data.version);
-    }
-
-    function del(data) {
-        layer.confirm('确认删除吗？', function (index) {
-            $.ajax({
-                type: "POST",
-                url: ctxPath + '/setTemplate/deleteTemplateById',
-                data: {id: data.id},
-                success: function (data) {
-                    layer.close(index);
-                    if (data.res === 1) {
-                        layer.msg(data.resMsg, {icon: 1, time: 2000});
-                        search(1);
-                    } else {
-                        layer.msg(data.resMsg, {icon: 2, time: 2000});
-                    }
-                }
+    <script src="../../../js/publicJs.js"></script>
+    <script type="text/javascript" src="../../../js/libs/jquery-2.1.1.min.js"></script>
+    <script type="text/javascript" src="../../../js/jq.js"></script>
+    <script type="text/javascript" src="../../../js/my/permission.js"></script>
+    <script src="../../../layui/layui.js"></script>
+    <script type="text/javascript">
+        let layer, laydate, table;
+        let obj = {};
+        $(function () {
+            layui.use(['layer', 'laydate', 'table'], function () {
+                layer = layui.layer;
+                laydate = layui.laydate;
+                table = layui.table;
+                initTable();
             });
         });
-    }
+
+        function search(type) {
+            if (type === 1) {
+            } else {
+                $("#name").val("");
+                $("#createUser").val("");
+            }
+            table.reload('baseTable', {
+                url: ctxPath + '/setTemplate/getTemplateList',
+                page: {
+                    curr: 1
+                },
+                where: {
+                    name: $("#name").val(),
+                    createUser: $("#createUser").val(),
+                }
+            });
+        }
+
+        function initTable() {
+            //渲染表格
+            table.render({
+                elem: '#baseTable'
+                , url: ctxPath + '/setTemplate/getTemplateList' //数据接口
+                , method: 'get' //方式默认是get
+                , toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
+                , where: {} //post请求必须加where ，post请求需要的参数
+                , cellMinWidth: 80
+                , cols: [[ //表头
+                    {
+                        field: 'number', width: 80, title: '序号', align: 'center', type: 'numbers'
+                    }
+                    , { field: 'name', align: 'center', title: '模板名称' }
+                    , { field: 'createUser', align: 'center', title: '创建人' }
+                    , { field: 'createTime', align: 'center', title: '创建时间' }
+                    , { field: 'version', align: 'center', title: '版本' },
+                    , {
+                        field: 'isEnable', align: 'center', title: '启用状态',
+                        templet: function (d) {
+                            // 根据 isUse 字段的值决定开关的状态
+                            return '<input type="checkbox" lay-filter="switchTest" lay-skin="switch" lay-text="启用|禁用" ' + (d.isEnable == '0' ? 'checked' : '') + '>';
+                        }
+                    },
+                    {
+                        fixed: 'right', width: 180, title: '操作', align: 'center', templet: d => {
+                            let text = "";
+                            text += '<div style="display: flex;justify-content: flex-start;">';
+                            text +=
+                                '<a lay-event="view" style="color: #009688;cursor: pointer;font-size: 15px"' +
+                                '  id="view">查看</a>';
+                            text +=
+                                '<a lay-event="edit" style="color: #009688;cursor: pointer;font-size: 15px;margin-left: 10px"' +
+                                '  id="edit">编辑</a>';
+                            if (d.isUse == '0') {
+                                text +=
+                                    '<a lay-event="del" style="color: #009688;cursor: pointer;font-size: 15px;margin-left: 10px"' +
+                                    '  id="del">删除</a>';
+                            }
+                            text += '</div>';
+                            return text;
+                        }
+                    },
+                ]]
+                , id: 'baseTable'
+                , page: true //开启分页
+
+                , loading: true //数据加载中。。。
+                , limits: [10, 20, 100]  //一页选择显示3,5或10条数据
+                , limit: 10  //一页显示5条数据
+                , response: {
+                    statusCode: 200 //规定成功的状态码，默认：0
+                }, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
+                    let result;
+                    if (res.data !== '' && res.data != null && res.data !== "null") {
+                        if (this.page.curr) {
+                            result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
+                        } else {
+                            result = res.data.slice(0, this.limit);
+                        }
+                    }
+                    return {
+                        "code": res.code, //解析接口状态
+                        "msg": res.msg, //解析提示文本
+                        "count": res.count, //解析数据长度
+                        "data": result, //解析数据列表
+                    };
+                },
+                toolbar: "#toolbar",
+                // 监听开关事件
+                done: function () {
+                    layui.form.on('switch(switchTest)', function (obj) {
+                        var status = obj.elem.checked ? '开' : '关';
+                        // 这里可以添加你更新启用状态的逻辑，向服务器发送修改请求
+                        // console.log('状态更新为：' + status);
+                        alert('状态更新为：' + status)
+                    });
+                }
+            });
+            //监听工具条
+            table.on('tool(test)', function (obj) {
+                var data = obj.data;
+                if (obj.event === 'edit') {
+                    edit(data);
+                } else if (obj.event === 'del') {
+                    del(data);
+                } else if (obj.event === 'view') {
+                    view(data);
+                }
+            });
+        }
+
+        function openPage(title, url) {
+            //如果是查看页面，不需要弹出层的确定按钮
+            const layerOptions = {
+                type: 2,
+                title: title,
+                content: url,
+                maxmin: false,
+                area: ['90%', '95%'],
+                success: function (layero, index) { }
+            };
+
+            if (title === '查看模板') {
+                layer.open(layerOptions);
+            } else {
+                layerOptions.btn = ["确定"];
+                layerOptions.yes = function (index, layero) {
+                    //提交子页面时执行
+                    // 获取弹出层中的form表单元素
+                    const formSubmit = layer.getChildFrame('form', index);
+                    // 查找class样式为submitBtn的按钮
+                    const submited = formSubmit.find('button.subBtn');
+                    // 触发点击事件，会对表单进行验证，验证成功则提交表单，失败则返回错误信息
+                    submited.click();
+                };
+                layer.open(layerOptions);
+            }
+        }
+
+        function add() {
+            openPage('新增模板', './evaluateTemplateFrom.html?id=0&type=add');
+        }
+
+        function view(data) {
+            localStorage.setItem("jsonTxt", data.jsonTxt);
+            localStorage.setItem("templateName", data.name);
+            openPage('查看模板', './evaluateTemplateFrom.html?id=' + data.id + '&type=view');
+        }
+
+        function edit(data) {
+            localStorage.setItem("jsonTxt", data.jsonTxt);
+            localStorage.setItem("templateName", data.name);
+            openPage('修改模板', './evaluateTemplateFrom.html?id=' + data.id + '&type=edit&version=' + data.version);
+        }
+
+        function del(data) {
+            layer.confirm('确认删除吗？', function (index) {
+                $.ajax({
+                    type: "POST",
+                    url: ctxPath + '/setTemplate/deleteTemplateById',
+                    data: { id: data.id },
+                    success: function (data) {
+                        layer.close(index);
+                        if (data.res === 1) {
+                            layer.msg(data.resMsg, { icon: 1, time: 2000 });
+                            search(1);
+                        } else {
+                            layer.msg(data.resMsg, { icon: 2, time: 2000 });
+                        }
+                    }
+                });
+            });
+        }
 
 
-</script>
+    </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
