|
@@ -0,0 +1,246 @@
|
|
|
+let form, table, upload;
|
|
|
+layui.config({
|
|
|
+ base: 'js/encryption/'
|
|
|
+}).use(['layer', 'form', 'jquery', 'table', 'upload', 'ajax'], function () {
|
|
|
+ layer = layui.layer;
|
|
|
+ upload = layui.upload;
|
|
|
+ table = layui.table;
|
|
|
+ form = layui.form;
|
|
|
+ $ = layui.jquery;
|
|
|
+ ly = layui.ajax;
|
|
|
+
|
|
|
+ // 主要表格
|
|
|
+ table.render({
|
|
|
+ elem: '#participleTable',
|
|
|
+ url: PAGE_BASIC + '/api/participle/list',
|
|
|
+ toolbar: '#participleTable_toolbar', //开启头部工具栏,并为其绑定左侧模板
|
|
|
+ page: true,
|
|
|
+ cols: [
|
|
|
+ [{
|
|
|
+ type: 'numbers',
|
|
|
+ title: '序号'
|
|
|
+ }, {
|
|
|
+ field: 'participleContent',
|
|
|
+ title: '热词内容',
|
|
|
+ }, {
|
|
|
+ field: 'createTime',
|
|
|
+ title: '创建时间'
|
|
|
+ }, {
|
|
|
+ fixed: 'right',
|
|
|
+ title: '操作',
|
|
|
+ toolbar: '#participleTable_bar',
|
|
|
+ width: 250
|
|
|
+ }]
|
|
|
+ ]
|
|
|
+ });
|
|
|
+
|
|
|
+ //头工具栏事件(主要表格)
|
|
|
+ table.on('toolbar(participleTable)', function (obj) {
|
|
|
+ // var checkStatus = table.checkStatus(obj.config.id);
|
|
|
+ switch (obj.event) {
|
|
|
+ case 'add': //新增
|
|
|
+ $(".main").addClass("layui-hide").removeClass("layui-show");
|
|
|
+ $(".add").addClass("layui-show").removeClass("layui-hide");
|
|
|
+ $('#submit').attr('submitType', 'insert');
|
|
|
+ $(".add .header_title span").html("新增");
|
|
|
+ $('#participleInfo')[0].reset();
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ //监听行工具事件(主要表格)
|
|
|
+ table.on('tool(participleTable)', function (obj) {
|
|
|
+ let data = obj.data;
|
|
|
+ //console.log(obj)
|
|
|
+ if (obj.event === 'del') {
|
|
|
+ layer.confirm('是否确认删除', function (index) {
|
|
|
+ deleteExplainArea(data.id);
|
|
|
+ layer.close(index);
|
|
|
+ });
|
|
|
+ } else if (obj.event === 'edit') {
|
|
|
+ $(".main").addClass("layui-hide").removeClass("layui-show");
|
|
|
+ $(".add").addClass("layui-show").removeClass("layui-hide");
|
|
|
+ $(".add .header_title span").html("编辑");
|
|
|
+ $('#submit').attr('submitType', 'update');
|
|
|
+ $('#participleInfo')[0].reset();
|
|
|
+ // 数据初始化
|
|
|
+ echoExplainAreaInfo(data.id);
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 验证表单
|
|
|
+ form.verify({
|
|
|
+ participleContent: function (value, item) {
|
|
|
+ if (!value.trim()) {
|
|
|
+ return '分词内容不能为空';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 监听提交按钮
|
|
|
+ form.on('submit(submit)', function (data) {
|
|
|
+ let submitType = data.elem.getAttribute("submitType");
|
|
|
+ // 新增
|
|
|
+ if (submitType == 'insert') {
|
|
|
+ addExplainArea();
|
|
|
+ return false;
|
|
|
+ } else if (submitType == 'update') {
|
|
|
+ updateExplainArea();
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 查询
|
|
|
+ $(".search_btn").click(function () {
|
|
|
+ let queryValue = $.trim($("#queryValue").val());
|
|
|
+ table.reload('participleTable', {
|
|
|
+ where: {
|
|
|
+ "participleContent": queryValue
|
|
|
+ },
|
|
|
+ page: {
|
|
|
+ curr: 1 //重新从第 1 页开始
|
|
|
+ }
|
|
|
+ }); //只重载数据
|
|
|
+ });
|
|
|
+
|
|
|
+ //基础数据搜索回车事件
|
|
|
+ $('#queryValue').bind('keypress', function (event) {
|
|
|
+ if (event.keyCode == "13") {
|
|
|
+ $(".search_btn").click();
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 返回
|
|
|
+ $(".back").click(function () {
|
|
|
+ $(".main").addClass("layui-show").removeClass("layui-hide");
|
|
|
+ $(".add").addClass("layui-hide").removeClass("layui-show");
|
|
|
+ $('.show-content').empty()
|
|
|
+ });
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 回显讲解区域
|
|
|
+ * @param id
|
|
|
+ */
|
|
|
+ function echoExplainAreaInfo(id) {
|
|
|
+ let index = layer.load(2);
|
|
|
+ ly.ajax({
|
|
|
+ type: 'GET',
|
|
|
+ url: PAGE_BASIC + '/api/participle/find/' + id,
|
|
|
+ dataType: 'json',
|
|
|
+ success: function (json) {
|
|
|
+ if (json.result) {
|
|
|
+ let data = json.data
|
|
|
+ $('#id').val(data.id)
|
|
|
+ $('#participleContent').val(data.participleContent)
|
|
|
+ form.render();
|
|
|
+ } else {
|
|
|
+ layer.msg("数据获取失败");
|
|
|
+ }
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ error: function (msg) {
|
|
|
+ layer.close(index);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+});
|
|
|
+
|
|
|
+/**
|
|
|
+ * 新增智能讲解
|
|
|
+ */
|
|
|
+function addExplainArea() {
|
|
|
+ let postData = form.val('participleInfo');
|
|
|
+ console.log(postData)
|
|
|
+ let index = layer.load(2);
|
|
|
+ ly.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: PAGE_BASIC + '/api/participle/addBean',
|
|
|
+ dataType: 'json',
|
|
|
+ data: postData,
|
|
|
+ success: function (json) {
|
|
|
+ if (json.result) {
|
|
|
+ layer.msg("新增成功");
|
|
|
+ $(".main").addClass("layui-show").removeClass("layui-hide");
|
|
|
+ $(".add").addClass("layui-hide").removeClass("layui-show");
|
|
|
+ $('.show-content').empty()
|
|
|
+ reloadTable();
|
|
|
+ } else {
|
|
|
+ layer.msg("新增失败");
|
|
|
+ }
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ error: function (msg) {
|
|
|
+ layer.close(index);
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * 编辑讲解区域
|
|
|
+ */
|
|
|
+function updateExplainArea() {
|
|
|
+ let postData = form.val('participleInfo');
|
|
|
+ let index = layer.load(2);
|
|
|
+ ly.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: PAGE_BASIC + '/api/participle/updateBean',
|
|
|
+ dataType: 'json',
|
|
|
+ data: postData,
|
|
|
+ success: function (json) {
|
|
|
+ if (json.result) {
|
|
|
+ layer.msg("编辑成功");
|
|
|
+ $(".main").addClass("layui-show").removeClass("layui-hide");
|
|
|
+ $(".add").addClass("layui-hide").removeClass("layui-show");
|
|
|
+ $('.show-content').empty()
|
|
|
+ reloadTable();
|
|
|
+ } else {
|
|
|
+ layer.msg("编辑失败");
|
|
|
+ }
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ error: function (msg) {
|
|
|
+ layer.close(index);
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * 删除讲解区域
|
|
|
+ * @param id
|
|
|
+ */
|
|
|
+function deleteExplainArea(id) {
|
|
|
+ let index = layer.load(2);
|
|
|
+ ly.ajax({
|
|
|
+ type: 'POST',
|
|
|
+ url: PAGE_BASIC + '/api/participle/deleteById',
|
|
|
+ dataType: 'json',
|
|
|
+ data: {
|
|
|
+ "id": id,
|
|
|
+ },
|
|
|
+ success: function (json) {
|
|
|
+ if (json.result) {
|
|
|
+ layer.msg("删除成功");
|
|
|
+ reloadTable();
|
|
|
+ } else {
|
|
|
+ layer.msg("删除失败");
|
|
|
+ }
|
|
|
+ layer.close(index);
|
|
|
+ },
|
|
|
+ error: function (msg) {
|
|
|
+ layer.close(index);
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+/**
|
|
|
+ * 重载数据表格
|
|
|
+ */
|
|
|
+function reloadTable() {
|
|
|
+ table.reload('participleTable', {
|
|
|
+ page: {
|
|
|
+ curr: 1 //重新从第 1 页开始
|
|
|
+ }
|
|
|
+ }); //只重载数据
|
|
|
+}
|
|
|
+
|