新增质检报告栏目

2025-09-01 10:06:51 +08:00
parent 20e61c01fd
commit 58c7ea9e36
12 changed files with 756 additions and 40 deletions
@@ -6,26 +6,29 @@ import java.util.Date;

 /**
 * 产品知识点；
- * 
- * @author Administrator
 *
+ * @author Administrator
 */
@Data
 public class StandardMemo {

-	private Integer id;
+    private Integer id;

-	private String content;
+    private String content;

-	private String createBy;
+    private String createBy;

-	private Date createDate;
+    private Date createDate;

-	private String updateBy;
+    private String updateBy;

-	private Date updateDate;
-	/**
-	 * 附件
-	 */
-	private String title;
+    private Date updateDate;
+    /**
+     * 附件
+     */
+    private String title;
+    /**
+     * 描述
+     */
+    private String memo;
 }
@@ -12,6 +12,9 @@
 			<if test="content != null and content != ''">
 				content like '%${content}%'
 			</if>
+			<if test="type != null and type != ''">
+				type = '${type}'
+			</if>
 		</where>
 		order by id 
 	</select>
@@ -17,8 +17,8 @@

    <insert id="addStandardMemo" parameterType="lingtao.net.bean.StandardMemo">
        insert into tbl_standard_memo
-            (content, createBy, createDate, title)
-        values (#{content}, #{createBy}, now(), #{title})
+            (content, createBy, createDate, title, memo)
+        values (#{content}, #{createBy}, now(), #{title}, #{memo})
    </insert>

    <update id="updateStandardMemoById" parameterType="lingtao.net.bean.StandardMemo">
@@ -36,6 +36,9 @@
            <if test="title != null">
                title = #{title,jdbcType=VARCHAR},
            </if>
+            <if test="memo != null">
+                memo = #{memo,jdbcType=VARCHAR},
+            </if>
        </set>
        where id = #{id,jdbcType=INTEGER}
    </update>
@@ -22,7 +22,7 @@ layui.use(['element', 'table', 'laydate', 'form'], function () {
            'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
        },*/
        where: {
-            content: ''
+            type: '1',content: ''
        },
        cellMinWidth: 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
        cols: [[{
@@ -105,7 +105,7 @@
                'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
            },*/
            where: {
-                content: ''
+                content: '', type: "1"
            },
            cellMinWidth: 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
            cols: [[{
@@ -0,0 +1,90 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>添加产品须知</title>
+    <%@include file="/views/common.jsp" %>
+    <style>
+        .layui-input, .layui-input-inline {
+            width: 350px
+        }
+    </style>
+</head>
+<body>
+<div class="layui-input-block layui-form" style="margin-top: 30px">
+    <form class="layui-form " action="">
+        <input type="hidden" name="id" id="id">
+        <div class="layui-form-item">
+            <label class="layui-form-label">产品名称</label>
+            <div class="layui-input-inline">
+                <input type="text" name="title" placeholder="请输入产品名称" class="layui-input" lay-verify="required"/>
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">备注</label>
+            <div class="layui-input-inline">
+                <input type="text" name="memo" placeholder="请输入备注" class="layui-input"/>
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">内容</label>
+            <div class="layui-input-inline">
+                <textarea type="text" name="content" placeholder="请输入内容" class="layui-textarea" lay-verify="required" style="width: 300px;"></textarea>
+            </div>
+        </div>
+        <input type="hidden" name="type" class="layui-input" value="1">
+        <div class="layui-form-item">
+            <div class="layui-input-block">
+                <button class="layui-btn" lay-submit="" lay-filter="enadd">确认添加</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+        </div>
+    </form>
+</div>
+<script>
+
+    layui.use(['form', 'layer'], function () {
+        var $ = layui.$,
+            form = layui.form,
+            layer = layui.layer;
+
+        //监听提交
+        form.on('submit(enadd)', function (data) {
+            let id = document.getElementsByName("id")[0].value;
+
+            let url = id == "" ? '${path}/addStandard' : '${path}/updateStandard';
+            $.ajax({
+                url: url,
+                dataType: 'json',
+                data: $(data.form).serialize(),
+                type: 'post',
+                success: function (data) {
+                    if (data.code == 200) {
+                        layer.msg('录入成功！', {
+                            icon: 6,
+                            offset: "auto",
+                            time: 2000
+                        });//提示框
+                    } else {
+                        layer.msg('录入失败！', {
+                            icon: 5,
+                            offset: "auto",
+                            time: 2000
+                        });//提示框
+                    }
+                    setTimeout(function () {
+                        var index = parent.layer.getFrameIndex(window.name);//获取窗口索引
+                        parent.layer.close(index);//关闭弹出层
+                        parent.layui.table.reload("informationTableAll"); //重新加载页面表格
+                    }, 2100);
+                }
+            })
+            return false;
+        });
+    })
+</script>
+</body>
+</html>
@@ -39,7 +39,9 @@
    <a class="layui-btn layui-btn-xs" lay-event="view">
        <i class="layui-icon layui-icon-view" style="color:white;font-size:20px"></i>复制
    </a>
-
+    <a class="layui-btn layui-btn-xs" lay-event="edit">
+        <i class="layui-icon layui-icon-edit" style="color:white;font-size:20px"></i>修改
+    </a>
 </script>
 <body>
 <br>
@@ -90,29 +92,14 @@
            },
            cellMinWidth: 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
            cols: [[{
-                type: 'numbers',
-                title: '序号',
-                width: 50,
-                fixed: "left"
-            }, {
                field: 'title',
-                title: '标题',
+                title: '产品',
            }, {
                field: 'content',
                title: '内容',
            }, {
-                field: 'createBy',
-                align: 'center',
-                width: 150,
-                title: '创建人'
-            }, {
-                field: 'createDate',
-                title: '创建时间',
-                width: 220,
-                align: 'center',
-                templet: function (d) {
-                    return d.createDate != null ? layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss") : "";
-                }
+                field: 'memo',
+                title: '备注',
            }, {
                fixed: 'right',
                title: '操作',
@@ -145,9 +132,42 @@
        });


+        table.on('toolbar(informationTable)', function (obj) {
+            switch (obj.event) {
+                case 'add':
+                    layer.open({
+                        type: 2,
+                        title: "添加文件名",
+                        fix: false, //不固定
+                        maxmin: true,
+                        skin: 'layui-layer-molv',
+                        area: ['45%', '70%'],
+                        content: './addMemo.jsp',
+                    });
+                    break;
+            }
+            ;
+        });
        table.on('tool(informationTable)', function (obj) {
-            let data = obj.data;
-            if (obj.event === 'view') {
+            let data1 = obj.data;
+            if (obj.event === 'edit') {
+                layer.open({
+                    type: 2,
+                    title: "修改文件名",
+                    area: ['45%', '70%'],
+                    skin: 'layui-layer-molv',
+                    content: './addMemo.jsp',
+                    success: function (layero, index) {
+                        var body = layer.getChildFrame('body', index);
+                        body.find('#id').val(data1.id);
+                        body.find('input[name="title"]').val(data1.title);
+                        body.find('input[name="memo"]').val(data1.memo);
+                        body.find('textarea[name="content"]').val(data1.content);
+
+                        layui.form.render();
+                    }
+                });
+            } else  if (obj.event === 'view') {
                // 在此处输入 layer 的任意代码
                navigator.clipboard.writeText(data.content);
                layer.msg('复制成功！', {icon: 6, offset: 'auto', time: 1000});
@@ -62,7 +62,12 @@
        </div>
    </div>
 </form>
-<table class="layui-hide" id="informationTable" lay-filter="informationTable"></table>
+<table class="layui-hide" id="informationTable" lay-filter="informationTable" lay-size="lg"></table>
+<style>
+    .layui-table-body .layui-table tr{
+        height: 80px;
+    }
+</style>
 <script type="text/javascript">
    function viewImage(item) {
        let html = "<div style='width: 100%;height: 100%;display: flex;align-items: center;justify-content: center'>";
@@ -103,6 +108,7 @@
            page: {
                layout: ['count', 'prev', 'page', 'next', 'skip', 'limit']
            },
+            lineStyle: 'height: 81px;', // 定义表格的多行样式
            limits: [10, 30, 50, 80, 100, 999],
            /*request : {
                'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
@@ -29,8 +29,8 @@
 </head>


-<script type="text/html" id="barDemo">
-
+<script type="text/html" id="toolbarDemo">
+<span style="color: #FF5722;font-weight: bold">未经注册商标所有人许可，在同一种商品上使用与其注册商标相同的商标，情节严重的，处三年以下有期徒刑或拘役并处罚金。情节特别严重的，处三年以上七年以下有期徒刑并处罚金。</span>
 </script>
 <body>
 <br>
@@ -52,6 +52,11 @@
 	</div>
 </form>
 <table class="layui-hide" id="informationTable" lay-filter="informationTable"></table>
+<style>
+	.layui-table-body .layui-table tr{
+		height: 80px;
+	}
+</style>
 <script type="text/javascript">
 	function viewImage(item) {
 		let html = "<div style='width: 100%;height: 100%;display: flex;align-items: center;justify-content: center'>";
@@ -0,0 +1,146 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>添加产品须知</title>
+    <%@include file="/views/common.jsp" %>
+    <style>
+        .layui-input, .layui-input-inline {
+            width: 350px
+        }
+    </style>
+</head>
+<body>
+<div class="layui-input-block layui-form" style="margin-top: 30px">
+    <form class="layui-form " action="">
+        <input type="hidden" name="id" id="id">
+        <div class="layui-form-item">
+            <label class="layui-form-label">内容</label>
+            <div class="layui-input-inline">
+                <textarea type="text" name="content" placeholder="请输入内容" class="layui-textarea"
+                          lay-verify="required" style="width: 300px;"></textarea>
+            </div>
+        </div>
+        <input type="hidden" name="type" class="layui-input" value="2">
+        <div class="layui-form-item">
+            <label class="layui-form-label">图片或视频</label>
+            <div class="layui-input-inline">
+                <button type="button" class="layui-btn" id="uploaderImage">上传</button>
+                <input type="file" id="upload" style="display: none"/>
+                <input name="attachment" type="hidden" id="images"/>
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label" style="color: #FF5722">点击图片可以删除</label>
+            <div class="layui-input-inline" id="preview" style="display: flex;"></div>
+        </div>
+        <div class="layui-form-item">
+            <div class="layui-input-block">
+                <button class="layui-btn" lay-submit="" lay-filter="enadd">确认添加</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+        </div>
+    </form>
+</div>
+<script src="${path}/js/alioss.js"></script>
+<script src="${path}/js/ossUploader.js"></script>
+<script>
+    function delImage(index) {
+        layer.confirm('是否确认删除该图片', {
+            btn: ['确定', '关闭'] //按钮
+        }, function (layIndex) {
+            let textImage = $("#images").val();
+            let list = textImage == "" ? [] : textImage.split(",");
+            list.splice(index, 1);
+            $("#images").val(list.join(","));
+            previewImage($("#images").val());
+            layer.close(layIndex);
+        }, function () {
+        });
+
+    }
+
+    $("#images").val("");
+    $("#preview").empty();
+
+    function previewImage(textImage) {
+        let textImageList = textImage == "" ? [] : textImage.split(",");
+        let html = "";
+        textImageList.forEach((item, index) => {
+            if (item != "" && (item.indexOf(".mp4") > -1 || item.indexOf(".MP4") > -1)) {
+                html += "<video src='" + item + "' class='layui-upload-img' style='width: 50px;height: 50px;margin-right: 5px;' onclick='delImage(\"" + index + "\")'/>";
+            } else if (item != "") {
+                html += "<img src='" + item + "' class='layui-upload-img' style='width: 50px;height: 50px;margin-right: 5px;' onclick='delImage(\"" + index + "\")'/>";
+            }
+        })
+        $("#preview").empty().append(html);
+
+    }
+
+
+    async function putObject(file) {
+        try {
+            const result = await uploadFile(file);
+            let textImage = $("#images").val();
+            let list = textImage == "" ? [] : textImage.split(",");
+            list.push(result);
+            $("#images").val(list.join(","));
+            previewImage($("#images").val());
+        } catch (e) {
+            console.log(e);
+        }
+    }
+
+    document.getElementById('uploaderImage').addEventListener('click', function (e) {
+        document.getElementById('upload').click();
+    });
+    document.getElementById('upload').addEventListener('change', function (e) {
+        const file = e.target?.files[0];
+        putObject(file);
+        document.getElementById('upload').value = "";
+    });
+
+    layui.use(['form', 'layer'], function () {
+        var $ = layui.$,
+            form = layui.form,
+            layer = layui.layer;
+
+        //监听提交
+        form.on('submit(enadd)', function (data) {
+            let id = document.getElementsByName("id")[0].value;
+            let url = id == "" ? '${path}/addInformation' : '${path}/updateInformation';
+            $.ajax({
+                url: url,
+                dataType: 'json',
+                data: $(data.form).serialize(),
+                type: 'post',
+                success: function (data) {
+                    if (data.code == 200) {
+                        layer.msg('录入成功！', {
+                            icon: 6,
+                            offset: "auto",
+                            time: 2000
+                        });//提示框
+                    } else {
+                        layer.msg('录入失败！', {
+                            icon: 5,
+                            offset: "auto",
+                            time: 2000
+                        });//提示框
+                    }
+                    setTimeout(function () {
+                        var index = parent.layer.getFrameIndex(window.name);//获取窗口索引
+                        parent.layer.close(index);//关闭弹出层
+                        parent.layui.table.reload("informationTableAll"); //重新加载页面表格
+                    }, 2100);
+                }
+            })
+            return false;
+        });
+    })
+</script>
+</body>
+</html>
@@ -0,0 +1,266 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>产品知识列表</title>
+    <%@include file="/views/common.jsp" %>
+    <style type="text/css">
+        .layui-table-cell {
+            height: 32px;
+            line-height: 32px;
+        }
+
+        .layui-table td, .layui-table th, .layui-table-header, .layui-table-page, .layui-table-tool, .layui-table-total, .layui-table-view {
+            border-color: #6666;
+            font-size: 16px;
+        }
+
+        .ztree * {
+            font-size: 20px;
+        }
+
+        .edge .layui-edge {
+            right: 35px;
+        }
+    </style>
+</head>
+
+<script type="text/html" id="toolbarDemo">
+    <div class="layui-btn-container demoTable">
+        <button class="layui-btn layui-btn-sm" lay-event="add">
+            <i class="layui-icon layui-icon-add-circle-fine" style="font-size:20px;font-weight:bold"> </i> 新增内容
+        </button>
+    </div>
+</script>
+<script type="text/html" id="barDemo">
+    <a class="layui-btn layui-btn-xs" lay-event="edit">
+        <i class="layui-icon layui-icon-edit" style="color:white;font-size:20px"></i>编辑
+    </a>
+    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">
+        <i class="layui-icon layui-icon-delete"></i>删除
+    </a>
+</script>
+<body>
+<br>
+<form class="layui-form" action="">
+    <div class="layui-inline">
+        <label class="layui-form-label">内容</label>
+        <div class="layui-input-inline">
+            <input type="text" id="content" name="content" placeholder="请输入内容"
+                   autocomplete="off" class="layui-input">
+        </div>
+    </div>
+    <div class="layui-inline">
+        <div class="layui-input-inline">
+            <button class="layui-btn" id="searchBtn" lay-submit lay-filter="formDemo" style="margin-left: 15px">
+                <i class="layui-icon layui-icon-search"></i> 查询
+            </button>
+            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+        </div>
+    </div>
+</form>
+<table class="layui-hide" id="informationTable" lay-filter="informationTable" lay-size="lg"></table>
+<style>
+    .layui-table-body .layui-table tr {
+        height: 80px;
+    }
+</style>
+<script type="text/javascript">
+    function viewImage(item) {
+        let html = "<div style='width: 100%;height: 100%;display: flex;align-items: center;justify-content: center'>";
+        if (item != "" && (item.indexOf(".mp4") > -1 || item.indexOf(".MP4") > -1)) {
+            html += "<video src='" + item + "' class='layui-upload-img' controls style='width: 400px;height: 400px;margin-right: 5px;'/>";
+        } else if (item != "") {
+            html += "<img src='" + item + "' class='layui-upload-img' style='width: 400px;height: 400px;margin-right: 5px;'/>";
+        }
+        html += "</div>";
+        layer.open({
+            type: 1,
+            title: false,
+            closeBtn: 0,
+            offset: 'auto',
+            area: ['400px', '400px'],
+            skin: 'layui-layer-nobg', //没有背景色
+            shadeClose: true,
+            content: html
+        });
+    }
+
+    layui.use(['element', 'table', 'laydate', 'form'], function () {
+        var $ = layui.jquery;
+        var table = layui.table;
+        var laydate = layui.laydate;
+        var element = layui.element;
+        var form = layui.form;
+
+        // 生成表格
+        table.render({
+            elem: '#informationTable',
+            url: '../../../../getInformations',
+            toolbar: '#toolbarDemo',
+            title: '用户表',// 导出文件名
+            id: 'informationTableAll',
+            // 开启分页
+            // page	: true,
+            page: {
+                layout: ['count', 'prev', 'page', 'next', 'skip', 'limit']
+            },
+            lineStyle: 'height: 81px;', // 定义表格的多行样式
+            limits: [10, 30, 50, 80, 100, 999],
+            /*request : {
+                'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
+            },*/
+            where: {
+                type: '2', content: ''
+            },
+            cellMinWidth: 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
+            cols: [[{
+                type: 'numbers',
+                title: '序号',
+                width: 50,
+                fixed: "left"
+            }, {
+                field: 'content',
+                title: '属性',
+
+            }, {
+                field: 'content',
+                title: '图片视频',
+                templet: function (d) {
+                    let html = "<div style='width: 100%;height: 100%;display: flex;align-items: center;justify-content: center'>";
+                    if (d.attachment) {
+                        let list = d.attachment.split(",");
+                        for (let i = 0; i < list.length; i++) {
+                            let item = list[i];
+                            if (item != "" && (item.indexOf(".mp4") > -1 || item.indexOf(".MP4") > -1)) {
+                                html += "<video src='" + item + "' class='layui-upload-img'  style='width: 40px;height: 40px;margin-right: 5px;' onclick='viewImage(\"" + item + "\")'/>";
+                            } else if (item != "") {
+                                html += "<img src='" + item + "' class='layui-upload-img' style='width: 40px;height: 40px;margin-right: 5px;' onclick='viewImage(\"" + item + "\")'/>";
+                            }
+                        }
+                    }
+                    html += "</div>";
+                    return html;
+                }
+            }, {
+                field: 'createBy',
+                align: 'center',
+                width: 150,
+                title: '创建人'
+            }, {
+                field: 'createDate',
+                title: '创建时间',
+                width: 220,
+                align: 'center',
+                templet: function (d) {
+                    return d.createDate != null ? layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss") : "";
+                }
+            }, {
+                fixed: 'right',
+                title: '操作',
+                align: 'center',
+                width: 150,
+                toolbar: '#barDemo'
+            }]],
+            parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
+                return {
+                    "code": 0, //解析接口状态
+                    "msg": "", //解析提示文本
+                    "count": res.data.list.total,//解析数据长度
+                    "data": res.data.list.list//解析数据列表
+                };
+            }
+        });
+
+        //点击查询按钮，重载表格
+        $('#searchBtn').on('click', function () {
+            table.reload('informationTableAll', {
+                method: 'get',
+                where: {
+                    content: $("#content").val()
+                },
+                page: {
+                    curr: 1
+                }
+            });
+            return false;
+        });
+
+        table.on('toolbar(informationTable)', function (obj) {
+            switch (obj.event) {
+                case 'add':
+                    layer.open({
+                        type: 2,
+                        title: "添加规范",
+                        fix: false, //不固定
+                        maxmin: true,
+                        skin: 'layui-layer-molv',
+                        area: ['45%', '70%'],
+                        content: './addQuality.jsp',
+                    });
+                    break;
+            }
+            ;
+        });
+
+        table.on('tool(informationTable)', function (obj) {
+            var data1 = obj.data;
+            if (obj.event === 'edit') {
+                layer.open({
+                    type: 2,
+                    title: "修改规范",
+                    area: ['45%', '70%'],
+                    skin: 'layui-layer-molv',
+                    content: './addQuality.jsp',
+                    success: function (layero, index) {
+                        var body = layer.getChildFrame('body', index);
+                        body.find('#id').val(data1.id);
+                        body.find('input[name="type"]').val(data1.type);
+                        body.find('textarea[name="content"]').val(data1.content);
+
+                        body.find('#images').val(data1.attachment);
+                        let textImage = data1.attachment;
+                        if (textImage) {
+                            let textImageList = textImage == "" ? [] : textImage.split(",");
+                            let html = "";
+                            textImageList.forEach((item, index) => {
+                                if (item != "" && (item.indexOf(".mp4") > -1 || item.indexOf(".MP4") > -1)) {
+                                    html += "<video src='" + item + "' class='layui-upload-img' style='width: 50px;height: 50px;margin-right: 5px;' onclick='delImage(\"" + index + "\")'/>";
+                                } else if (item != "") {
+                                    html += "<img src='" + item + "' class='layui-upload-img' style='width: 50px;height: 50px;margin-right: 5px;' onclick='delImage(\"" + index + "\")'/>";
+                                }
+                            })
+                            body.find("#preview").empty().append(html);
+                        }
+                        layui.form.render();
+                    }
+                });
+            } else if (obj.event === 'del') {
+                layer.confirm('确定要删除该数据么？', {icon: 3, title: "提示"}, function (index) {
+                    $.ajax({
+                        url: "../../../../deleteTipContent",
+                        data: {'id': data1.id},
+                        type: "post",
+                        //dataType:"json",
+                        success: function (data) {
+                            if (data.code == 200) {
+                                layer.msg('删除成功！', {icon: 6, offset: "auto", time: 1000});//提示框
+                            } else {
+                                layer.msg('删除失败！', {icon: 5, offset: "auto", time: 1000});//提示框
+                            }
+                            setTimeout(function () {
+                                location.reload();//重新加载页面
+                            }, 1100);
+                        }
+                    });
+                    return false;
+                });
+            }
+        })
+    })
+</script>
+</body>
+</html>
@@ -0,0 +1,174 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8"
+         pageEncoding="UTF-8" %>
+<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>产品知识列表</title>
+    <%@include file="/views/common.jsp" %>
+    <style type="text/css">
+        .layui-table-cell {
+            height: 32px;
+            line-height: 32px;
+        }
+
+        .layui-table td, .layui-table th, .layui-table-header, .layui-table-page, .layui-table-tool, .layui-table-total, .layui-table-view {
+            border-color: #6666;
+            font-size: 16px;
+        }
+
+        .ztree * {
+            font-size: 20px;
+        }
+
+        .edge .layui-edge {
+            right: 35px;
+        }
+    </style>
+</head>
+
+
+<script type="text/html" id="toolbarDemo">
+</script>
+<body>
+<br>
+<form class="layui-form" action="">
+    <div class="layui-inline">
+        <label class="layui-form-label">内容</label>
+        <div class="layui-input-inline">
+            <input type="text" id="content" name="content" placeholder="请输入内容"
+                   autocomplete="off" class="layui-input">
+        </div>
+    </div>
+    <div class="layui-inline">
+        <div class="layui-input-inline">
+            <button class="layui-btn" id="searchBtn" lay-submit lay-filter="formDemo" style="margin-left: 15px">
+                <i class="layui-icon layui-icon-search"></i> 查询
+            </button>
+            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+        </div>
+    </div>
+</form>
+<table class="layui-hide" id="informationTable" lay-filter="informationTable"></table>
+<style>
+    .layui-table-body .layui-table tr {
+        height: 80px;
+    }
+</style>
+<script type="text/javascript">
+    function viewImage(item) {
+        let html = "<div style='width: 100%;height: 100%;display: flex;align-items: center;justify-content: center'>";
+        if (item != "" && (item.indexOf(".mp4") > -1 || item.indexOf(".MP4") > -1)) {
+            html += "<video src='" + item + "' class='layui-upload-img' controls style='width: 400px;height: 400px;margin-right: 5px;'/>";
+        } else if (item != "") {
+            html += "<img src='" + item + "' class='layui-upload-img' style='width: 400px;height: 400px;margin-right: 5px;'/>";
+        }
+        html += "</div>";
+        layer.open({
+            type: 1,
+            title: false,
+            closeBtn: 0,
+            offset: 'auto',
+            area: ['400px', '400px'],
+            skin: 'layui-layer-nobg', //没有背景色
+            shadeClose: true,
+            content: html
+        });
+    }
+
+    layui.use(['element', 'table', 'laydate', 'form'], function () {
+        var $ = layui.jquery;
+        var table = layui.table;
+        var laydate = layui.laydate;
+        var element = layui.element;
+        var form = layui.form;
+
+        // 生成表格
+        table.render({
+            elem: '#informationTable',
+            url: '../../../../getInformations',
+            toolbar: '#toolbarDemo',
+            title: '用户表',// 导出文件名
+            id: 'informationTableAll',
+            // 开启分页
+            // page	: true,
+            page: {
+                layout: ['count', 'prev', 'page', 'next', 'skip', 'limit']
+            },
+            limits: [10, 30, 50, 80, 100, 999],
+            /*request : {
+                'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
+            },*/
+            where: {
+                content: '', type: '2'
+            },
+            cellMinWidth: 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
+            cols: [[{
+                type: 'numbers',
+                title: '序号',
+                width: 50,
+                fixed: "left"
+            },{
+                field: 'content',
+                title: '内容',
+            }, {
+                field: 'content',
+                title: '图片视频',
+                templet: function (d) {
+                    let html = "<div style='width: 100%;height: 100%;display: flex;align-items: center;justify-content: center'>";
+                    if (d.attachment) {
+                        let list = d.attachment.split(",");
+                        for (let i = 0; i < list.length; i++) {
+                            let item = list[i];
+                            if (item != "" && (item.indexOf(".mp4") > -1 || item.indexOf(".MP4") > -1)) {
+                                html += "<video src='" + item + "' class='layui-upload-img'  style='width: 40px;height: 40px;margin-right: 5px;' onclick='viewImage(\"" + item + "\")'/>";
+                            } else if (item != "") {
+                                html += "<img src='" + item + "' class='layui-upload-img' style='width: 40px;height: 40px;margin-right: 5px;' onclick='viewImage(\"" + item + "\")'/>";
+                            }
+                        }
+                    }
+                    html += "</div>";
+                    return html;
+                }
+            }, {
+                field: 'createBy',
+                align: 'center',
+                width: 150,
+                title: '创建人'
+            }, {
+                field: 'createDate',
+                title: '创建时间',
+                width: 220,
+                align: 'center',
+                templet: function (d) {
+                    return d.createDate != null ? layui.util.toDateString(d.createDate, "yyyy-MM-dd HH:mm:ss") : "";
+                }
+            }]],
+            parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
+                return {
+                    "code": 0, //解析接口状态
+                    "msg": "", //解析提示文本
+                    "count": res.data.list.total,//解析数据长度
+                    "data": res.data.list.list//解析数据列表
+                };
+            }
+        });
+
+        //点击查询按钮，重载表格
+        $('#searchBtn').on('click', function () {
+            table.reload('informationTableAll', {
+                method: 'get',
+                where: {
+                    content: $("#content").val()
+                },
+                page: {
+                    curr: 1
+                }
+            });
+            return false;
+        });
+    })
+</script>
+</body>
+</html>