新增质检报告栏目
此提交包含在：
@@ -6,26 +6,29 @@ import java.util.Date;
|
|||||||
|
|
||||||
/**
|
/**
|
||||||
* 产品知识点；
|
* 产品知识点；
|
||||||
*
|
|
||||||
* @author Administrator
|
|
||||||
*
|
*
|
||||||
|
* @author Administrator
|
||||||
*/
|
*/
|
||||||
@Data
|
@Data
|
||||||
public class StandardMemo {
|
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 Date updateDate;
|
||||||
/**
|
/**
|
||||||
* 附件
|
* 附件
|
||||||
*/
|
*/
|
||||||
private String title;
|
private String title;
|
||||||
|
/**
|
||||||
|
* 描述
|
||||||
|
*/
|
||||||
|
private String memo;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,6 +12,9 @@
|
|||||||
<if test="content != null and content != ''">
|
<if test="content != null and content != ''">
|
||||||
content like '%${content}%'
|
content like '%${content}%'
|
||||||
</if>
|
</if>
|
||||||
|
<if test="type != null and type != ''">
|
||||||
|
type = '${type}'
|
||||||
|
</if>
|
||||||
</where>
|
</where>
|
||||||
order by id
|
order by id
|
||||||
</select>
|
</select>
|
||||||
|
|||||||
@@ -17,8 +17,8 @@
|
|||||||
|
|
||||||
<insert id="addStandardMemo" parameterType="lingtao.net.bean.StandardMemo">
|
<insert id="addStandardMemo" parameterType="lingtao.net.bean.StandardMemo">
|
||||||
insert into tbl_standard_memo
|
insert into tbl_standard_memo
|
||||||
(content, createBy, createDate, title)
|
(content, createBy, createDate, title, memo)
|
||||||
values (#{content}, #{createBy}, now(), #{title})
|
values (#{content}, #{createBy}, now(), #{title}, #{memo})
|
||||||
</insert>
|
</insert>
|
||||||
|
|
||||||
<update id="updateStandardMemoById" parameterType="lingtao.net.bean.StandardMemo">
|
<update id="updateStandardMemoById" parameterType="lingtao.net.bean.StandardMemo">
|
||||||
@@ -36,6 +36,9 @@
|
|||||||
<if test="title != null">
|
<if test="title != null">
|
||||||
title = #{title,jdbcType=VARCHAR},
|
title = #{title,jdbcType=VARCHAR},
|
||||||
</if>
|
</if>
|
||||||
|
<if test="memo != null">
|
||||||
|
memo = #{memo,jdbcType=VARCHAR},
|
||||||
|
</if>
|
||||||
</set>
|
</set>
|
||||||
where id = #{id,jdbcType=INTEGER}
|
where id = #{id,jdbcType=INTEGER}
|
||||||
</update>
|
</update>
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ layui.use(['element', 'table', 'laydate', 'form'], function () {
|
|||||||
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
||||||
},*/
|
},*/
|
||||||
where: {
|
where: {
|
||||||
content: ''
|
type: '1',content: ''
|
||||||
},
|
},
|
||||||
cellMinWidth: 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
cellMinWidth: 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||||
cols: [[{
|
cols: [[{
|
||||||
|
|||||||
@@ -105,7 +105,7 @@
|
|||||||
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
||||||
},*/
|
},*/
|
||||||
where: {
|
where: {
|
||||||
content: ''
|
content: '', type: "1"
|
||||||
},
|
},
|
||||||
cellMinWidth: 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
cellMinWidth: 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||||
cols: [[{
|
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">
|
<a class="layui-btn layui-btn-xs" lay-event="view">
|
||||||
<i class="layui-icon layui-icon-view" style="color:white;font-size:20px"></i>复制
|
<i class="layui-icon layui-icon-view" style="color:white;font-size:20px"></i>复制
|
||||||
</a>
|
</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>
|
</script>
|
||||||
<body>
|
<body>
|
||||||
<br>
|
<br>
|
||||||
@@ -90,29 +92,14 @@
|
|||||||
},
|
},
|
||||||
cellMinWidth: 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
cellMinWidth: 80, // 全局定义常规单元格的最小宽度，layui 2.2.1 新增
|
||||||
cols: [[{
|
cols: [[{
|
||||||
type: 'numbers',
|
|
||||||
title: '序号',
|
|
||||||
width: 50,
|
|
||||||
fixed: "left"
|
|
||||||
}, {
|
|
||||||
field: 'title',
|
field: 'title',
|
||||||
title: '标题',
|
title: '产品',
|
||||||
}, {
|
}, {
|
||||||
field: 'content',
|
field: 'content',
|
||||||
title: '内容',
|
title: '内容',
|
||||||
}, {
|
}, {
|
||||||
field: 'createBy',
|
field: 'memo',
|
||||||
align: 'center',
|
title: '备注',
|
||||||
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',
|
fixed: 'right',
|
||||||
title: '操作',
|
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) {
|
table.on('tool(informationTable)', function (obj) {
|
||||||
let data = obj.data;
|
let data1 = obj.data;
|
||||||
if (obj.event === 'view') {
|
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 的任意代码
|
// 在此处输入 layer 的任意代码
|
||||||
navigator.clipboard.writeText(data.content);
|
navigator.clipboard.writeText(data.content);
|
||||||
layer.msg('复制成功！', {icon: 6, offset: 'auto', time: 1000});
|
layer.msg('复制成功！', {icon: 6, offset: 'auto', time: 1000});
|
||||||
|
|||||||
@@ -62,7 +62,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</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">
|
<script type="text/javascript">
|
||||||
function viewImage(item) {
|
function viewImage(item) {
|
||||||
let html = "<div style='width: 100%;height: 100%;display: flex;align-items: center;justify-content: center'>";
|
let html = "<div style='width: 100%;height: 100%;display: flex;align-items: center;justify-content: center'>";
|
||||||
@@ -103,6 +108,7 @@
|
|||||||
page: {
|
page: {
|
||||||
layout: ['count', 'prev', 'page', 'next', 'skip', 'limit']
|
layout: ['count', 'prev', 'page', 'next', 'skip', 'limit']
|
||||||
},
|
},
|
||||||
|
lineStyle: 'height: 81px;', // 定义表格的多行样式
|
||||||
limits: [10, 30, 50, 80, 100, 999],
|
limits: [10, 30, 50, 80, 100, 999],
|
||||||
/*request : {
|
/*request : {
|
||||||
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
'limitName' : 'pageSize' // 分页每页条数默认字段改为pageSize
|
||||||
|
|||||||
@@ -29,8 +29,8 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
||||||
<script type="text/html" id="barDemo">
|
<script type="text/html" id="toolbarDemo">
|
||||||
|
<span style="color: #FF5722;font-weight: bold">未经注册商标所有人许可，在同一种商品上使用与其注册商标相同的商标，情节严重的，处三年以下有期徒刑或拘役并处罚金。情节特别严重的，处三年以上七年以下有期徒刑并处罚金。</span>
|
||||||
</script>
|
</script>
|
||||||
<body>
|
<body>
|
||||||
<br>
|
<br>
|
||||||
@@ -52,6 +52,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
<table class="layui-hide" id="informationTable" lay-filter="informationTable"></table>
|
<table class="layui-hide" id="informationTable" lay-filter="informationTable"></table>
|
||||||
|
<style>
|
||||||
|
.layui-table-body .layui-table tr{
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
function viewImage(item) {
|
function viewImage(item) {
|
||||||
let html = "<div style='width: 100%;height: 100%;display: flex;align-items: center;justify-content: center'>";
|
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>
|
||||||
新增問題並參考
封鎖使用者