| | |
| | | var pageCurr; |
| | | var pageCount = 0; |
| | | layui.config({ |
| | | base: baseUrl + "/static/layui/lay/modules/" |
| | | }).use(['table','laydate', 'form', 'admin', 'xmSelect'], function(){ |
| | | var table = layui.table; |
| | | var $ = layui.jquery; |
| | | var layer = layui.layer; |
| | | var layDate = layui.laydate; |
| | | var form = layui.form; |
| | | var admin = layui.admin; |
| | | var xmSelect = layui.xmSelect; |
| | | |
| | | // 数据渲染 |
| | | tableIns = table.render({ |
| | | elem: '#@{SIMPLEENTITYNAME}', |
| | | headers: {token: localStorage.getItem('token')}, |
| | | url: baseUrl+'/@{SIMPLEENTITYNAME}/page/auth', |
| | | page: true, |
| | | limit: 15, |
| | | limits: [15, 30, 50, 100, 200, 500], |
| | | toolbar: '#toolbar', |
| | | cellMinWidth: 50, |
| | | height: 'full-120', |
| | | cols: [[ |
| | | {type: 'checkbox'} |
| | | @{JSTABLECONTENT} |
| | | ,{fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width:120} |
| | | ]], |
| | | request: { |
| | | pageName: 'curr', |
| | | pageSize: 'limit' |
| | | }, |
| | | parseData: function (res) { |
| | | return { |
| | | 'code': res.code, |
| | | 'msg': res.msg, |
| | | 'count': res.data.total, |
| | | 'data': res.data.records |
| | | } |
| | | }, |
| | | response: { |
| | | statusCode: 200 |
| | | }, |
| | | done: function(res, curr, count) { |
| | | if (res.code === 403) { |
| | | top.location.href = baseUrl+"/"; |
| | | } |
| | | pageCurr=curr;pageCount=count; |
| | | limit(); |
| | | } |
| | | }); |
| | | |
| | | // 监听排序事件 |
| | | table.on('sort(@{SIMPLEENTITYNAME})', function (obj) { |
| | | var searchData = {}; |
| | | $.each($('#search-box [name]').serializeArray(), function() { |
| | | searchData[this.name] = this.value; |
| | | }); |
| | | searchData['orderByField'] = obj.field; |
| | | searchData['orderByType'] = obj.type; |
| | | tableIns.reload({ |
| | | where: searchData, |
| | | page: {curr: 1} |
| | | }); |
| | | }); |
| | | |
| | | // 监听头工具栏事件 |
| | | table.on('toolbar(@{SIMPLEENTITYNAME})', function (obj) { |
| | | var checkStatus = table.checkStatus(obj.config.id).data; |
| | | switch(obj.event) { |
| | | case 'addData': |
| | | showEditModel(); |
| | | break; |
| | | case 'deleteData': |
| | | if (checkStatus.length === 0) { |
| | | layer.msg('请选择要删除的数据', {icon: 2}); |
| | | return; |
| | | } |
| | | del(checkStatus.map(function (d) { |
| | | return d.@{PRIMARYKEYCOLUMN0}; |
| | | })); |
| | | break; |
| | | case 'exportData': |
| | | admin.confirm('确定导出Excel吗', {shadeClose: true}, function(){ |
| | | var titles=[]; |
| | | var fields=[]; |
| | | obj.config.cols[0].map(function (col) { |
| | | if (col.type === 'normal' && col.hide === false && col.toolbar == null) { |
| | | titles.push(col.title); |
| | | fields.push(col.field); |
| | | } |
| | | }); |
| | | var exportData = {}; |
| | | $.each($('#search-box [name]').serializeArray(), function() { |
| | | exportData[this.name] = this.value; |
| | | }); |
| | | var param = { |
| | | '@{SIMPLEENTITYNAME}': exportData, |
| | | 'fields': fields |
| | | }; |
| | | $.ajax({ |
| | | url: baseUrl+"/@{SIMPLEENTITYNAME}/export/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: JSON.stringify(param), |
| | | dataType:'json', |
| | | contentType:'application/json;charset=UTF-8', |
| | | method: 'POST', |
| | | success: function (res) { |
| | | layer.closeAll(); |
| | | if (res.code === 200) { |
| | | table.exportFile(titles,res.data,'xls'); |
| | | } else if (res.code === 403) { |
| | | top.location.href = baseUrl+"/"; |
| | | } else { |
| | | layer.msg(res.msg, {icon: 2}) |
| | | } |
| | | } |
| | | }); |
| | | }); |
| | | break; |
| | | } |
| | | }); |
| | | |
| | | // 监听行工具事件 |
| | | table.on('tool(@{SIMPLEENTITYNAME})', function(obj){ |
| | | var data = obj.data; |
| | | switch (obj.event) { |
| | | case 'edit': |
| | | showEditModel(data); |
| | | break; |
| | | case "del": |
| | | del([data.@{PRIMARYKEYCOLUMN0}]); |
| | | break; |
| | | } |
| | | }); |
| | | |
| | | /* 弹窗 - 新增、修改 */ |
| | | function showEditModel(mData) { |
| | | admin.open({ |
| | | type: 1, |
| | | area: '600px', |
| | | title: (mData ? '修改' : '添加') + '', |
| | | content: $('#editDialog').html(), |
| | | success: function (layero, dIndex) { |
| | | layDateRender(mData); |
| | | form.val('detail', mData); |
| | | form.on('submit(editSubmit)', function (data) { |
| | | var loadIndex = layer.load(2); |
| | | $.ajax({ |
| | | url: baseUrl+"/@{SIMPLEENTITYNAME}/"+(mData?'update':'add')+"/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: data.field, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | layer.close(loadIndex); |
| | | if (res.code === 200){ |
| | | layer.close(dIndex); |
| | | layer.msg(res.msg, {icon: 1}); |
| | | tableReload(); |
| | | } else if (res.code === 403){ |
| | | top.location.href = baseUrl+"/"; |
| | | }else { |
| | | layer.msg(res.msg, {icon: 2}); |
| | | } |
| | | } |
| | | }) |
| | | return false; |
| | | }); |
| | | $(layero).children('.layui-layer-content').css('overflow', 'visible'); |
| | | layui.form.render('select'); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | /* 删除 */ |
| | | function del(ids) { |
| | | layer.confirm('确定要删除选中数据吗?', { |
| | | skin: 'layui-layer-admin', |
| | | shade: .1 |
| | | }, function (i) { |
| | | layer.close(i); |
| | | var loadIndex = layer.load(2); |
| | | $.ajax({ |
| | | url: baseUrl+"/@{SIMPLEENTITYNAME}/delete/auth", |
| | | headers: {'token': localStorage.getItem('token')}, |
| | | data: {ids: ids}, |
| | | method: 'POST', |
| | | success: function (res) { |
| | | layer.close(loadIndex); |
| | | if (res.code === 200){ |
| | | layer.msg(res.msg, {icon: 1}); |
| | | tableReload(); |
| | | } else if (res.code === 403){ |
| | | top.location.href = baseUrl+"/"; |
| | | } else { |
| | | layer.msg(res.msg, {icon: 2}); |
| | | } |
| | | } |
| | | }) |
| | | }); |
| | | } |
| | | |
| | | // 搜索 |
| | | form.on('submit(search)', function (data) { |
| | | pageCurr = 1; |
| | | tableReload(true); |
| | | }); |
| | | |
| | | // 重置 |
| | | form.on('submit(reset)', function (data) { |
| | | pageCurr = 1; |
| | | clearFormVal($('#search-box')); |
| | | tableReload(true); |
| | | }); |
| | | |
| | | // 时间选择器 |
| | | function layDateRender(data) { |
| | | setTimeout(function () { |
| | | layDate.render({ |
| | | elem: '.layui-laydate-range' |
| | | ,type: 'datetime' |
| | | ,range: true |
| | | }); |
| | | @{JSDATECONTENT} |
| | | }, 300); |
| | | } |
| | | layDateRender(); |
| | | |
| | | @{JSFOREIGNKEYCONTENT} |
| | | |
| | | }); |
| | | |
| | | // 关闭动作 |
| | | $(document).on('click','#data-detail-close', function () { |
| | | parent.layer.closeAll(); |
| | | }); |
| | | |
| | | function tableReload(search) { |
| | | if (pageCount === 0 || search) { |
| | | let searchData = {}; |
| | | $.each($('#search-box [name]').serializeArray(), function() { |
| | | searchData[this.name] = this.value; |
| | | }); |
| | | tableIns.reload({ |
| | | where: searchData, |
| | | page: {curr: pageCurr} |
| | | }); |
| | | } else { |
| | | $(".layui-laypage-btn")[0].click(); |
| | | } |
| | | } |
| | | var pageCurr;
|
| | | var pageCount = 0;
|
| | | layui.config({
|
| | | base: baseUrl + "/static/layui/lay/modules/"
|
| | | }).use(['table','laydate', 'form', 'admin', 'xmSelect'], function(){
|
| | | var table = layui.table;
|
| | | var $ = layui.jquery;
|
| | | var layer = layui.layer;
|
| | | var layDate = layui.laydate;
|
| | | var form = layui.form;
|
| | | var admin = layui.admin;
|
| | | var xmSelect = layui.xmSelect;
|
| | |
|
| | | // 数据渲染
|
| | | tableIns = table.render({
|
| | | elem: '#@{SIMPLEENTITYNAME}',
|
| | | headers: {token: localStorage.getItem('token')},
|
| | | url: baseUrl+'/@{SIMPLEENTITYNAME}/page/auth',
|
| | | page: true,
|
| | | limit: 15,
|
| | | limits: [15, 30, 50, 100, 200, 500],
|
| | | toolbar: '#toolbar',
|
| | | cellMinWidth: 50,
|
| | | height: 'full-120',
|
| | | cols: [[
|
| | | {type: 'checkbox'}
|
| | | @{JSTABLECONTENT}
|
| | | ,{fixed: 'right', title:'操作', align: 'center', toolbar: '#operate', width:120}
|
| | | ]],
|
| | | request: {
|
| | | pageName: 'curr',
|
| | | pageSize: 'limit'
|
| | | },
|
| | | parseData: function (res) {
|
| | | return {
|
| | | 'code': res.code,
|
| | | 'msg': res.msg,
|
| | | 'count': res.data.total,
|
| | | 'data': res.data.records
|
| | | }
|
| | | },
|
| | | response: {
|
| | | statusCode: 200
|
| | | },
|
| | | done: function(res, curr, count) {
|
| | | if (res.code === 403) {
|
| | | top.location.href = baseUrl+"/";
|
| | | }
|
| | | pageCurr=curr;pageCount=count;
|
| | | limit();
|
| | | }
|
| | | });
|
| | |
|
| | | // 监听排序事件
|
| | | table.on('sort(@{SIMPLEENTITYNAME})', function (obj) {
|
| | | var searchData = {};
|
| | | $.each($('#search-box [name]').serializeArray(), function() {
|
| | | searchData[this.name] = this.value;
|
| | | });
|
| | | searchData['orderByField'] = obj.field;
|
| | | searchData['orderByType'] = obj.type;
|
| | | tableIns.reload({
|
| | | where: searchData,
|
| | | page: {curr: 1}
|
| | | });
|
| | | });
|
| | |
|
| | | // 监听头工具栏事件
|
| | | table.on('toolbar(@{SIMPLEENTITYNAME})', function (obj) {
|
| | | var checkStatus = table.checkStatus(obj.config.id).data;
|
| | | switch(obj.event) {
|
| | | case 'addData':
|
| | | showEditModel();
|
| | | break;
|
| | | case 'deleteData':
|
| | | if (checkStatus.length === 0) {
|
| | | layer.msg('请选择要删除的数据', {icon: 2});
|
| | | return;
|
| | | }
|
| | | del(checkStatus.map(function (d) {
|
| | | return d.@{PRIMARYKEYCOLUMN0};
|
| | | }));
|
| | | break;
|
| | | case 'exportData':
|
| | | admin.confirm('确定导出Excel吗', {shadeClose: true}, function(){
|
| | | var titles=[];
|
| | | var fields=[];
|
| | | obj.config.cols[0].map(function (col) {
|
| | | if (col.type === 'normal' && col.hide === false && col.toolbar == null) {
|
| | | titles.push(col.title);
|
| | | fields.push(col.field);
|
| | | }
|
| | | });
|
| | | var exportData = {};
|
| | | $.each($('#search-box [name]').serializeArray(), function() {
|
| | | exportData[this.name] = this.value;
|
| | | });
|
| | | var param = {
|
| | | '@{SIMPLEENTITYNAME}': exportData,
|
| | | 'fields': fields
|
| | | };
|
| | | $.ajax({
|
| | | url: baseUrl+"/@{SIMPLEENTITYNAME}/export/auth",
|
| | | headers: {'token': localStorage.getItem('token')},
|
| | | data: JSON.stringify(param),
|
| | | dataType:'json',
|
| | | contentType:'application/json;charset=UTF-8',
|
| | | method: 'POST',
|
| | | success: function (res) {
|
| | | layer.closeAll();
|
| | | if (res.code === 200) {
|
| | | table.exportFile(titles,res.data,'xls');
|
| | | } else if (res.code === 403) {
|
| | | top.location.href = baseUrl+"/";
|
| | | } else {
|
| | | layer.msg(res.msg, {icon: 2})
|
| | | }
|
| | | }
|
| | | });
|
| | | });
|
| | | break;
|
| | | }
|
| | | });
|
| | |
|
| | | // 监听行工具事件
|
| | | table.on('tool(@{SIMPLEENTITYNAME})', function(obj){
|
| | | var data = obj.data;
|
| | | switch (obj.event) {
|
| | | case 'edit':
|
| | | showEditModel(data);
|
| | | break;
|
| | | case "del":
|
| | | del([data.@{PRIMARYKEYCOLUMN0}]);
|
| | | break;
|
| | | }
|
| | | });
|
| | |
|
| | | /* 弹窗 - 新增、修改 */
|
| | | function showEditModel(mData) {
|
| | | admin.open({
|
| | | type: 1,
|
| | | area: '600px',
|
| | | title: (mData ? '修改' : '添加') + '',
|
| | | content: $('#editDialog').html(),
|
| | | success: function (layero, dIndex) {
|
| | | form.val('detail', mData);
|
| | | layDateRender(mData);
|
| | | form.on('submit(editSubmit)', function (data) {
|
| | | var loadIndex = layer.load(2);
|
| | | $.ajax({
|
| | | url: baseUrl+"/@{SIMPLEENTITYNAME}/"+(mData?'update':'add')+"/auth",
|
| | | headers: {'token': localStorage.getItem('token')},
|
| | | data: data.field,
|
| | | method: 'POST',
|
| | | success: function (res) {
|
| | | layer.close(loadIndex);
|
| | | if (res.code === 200){
|
| | | layer.close(dIndex);
|
| | | layer.msg(res.msg, {icon: 1});
|
| | | tableReload();
|
| | | } else if (res.code === 403){
|
| | | top.location.href = baseUrl+"/";
|
| | | }else {
|
| | | layer.msg(res.msg, {icon: 2});
|
| | | }
|
| | | }
|
| | | })
|
| | | return false;
|
| | | });
|
| | | $(layero).children('.layui-layer-content').css('overflow', 'visible');
|
| | | layui.form.render('select');
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | /* 删除 */
|
| | | function del(ids) {
|
| | | layer.confirm('确定要删除选中数据吗?', {
|
| | | skin: 'layui-layer-admin',
|
| | | shade: .1
|
| | | }, function (i) {
|
| | | layer.close(i);
|
| | | var loadIndex = layer.load(2);
|
| | | $.ajax({
|
| | | url: baseUrl+"/@{SIMPLEENTITYNAME}/delete/auth",
|
| | | headers: {'token': localStorage.getItem('token')},
|
| | | data: {ids: ids},
|
| | | method: 'POST',
|
| | | success: function (res) {
|
| | | layer.close(loadIndex);
|
| | | if (res.code === 200){
|
| | | layer.msg(res.msg, {icon: 1});
|
| | | tableReload();
|
| | | } else if (res.code === 403){
|
| | | top.location.href = baseUrl+"/";
|
| | | } else {
|
| | | layer.msg(res.msg, {icon: 2});
|
| | | }
|
| | | }
|
| | | })
|
| | | });
|
| | | }
|
| | |
|
| | | // 搜索
|
| | | form.on('submit(search)', function (data) {
|
| | | pageCurr = 1;
|
| | | tableReload(true);
|
| | | });
|
| | |
|
| | | // 重置
|
| | | form.on('submit(reset)', function (data) {
|
| | | pageCurr = 1;
|
| | | clearFormVal($('#search-box'));
|
| | | tableReload(true);
|
| | | });
|
| | |
|
| | | // 时间选择器
|
| | | function layDateRender(data) {
|
| | | setTimeout(function () {
|
| | | layDate.render({
|
| | | elem: '.layui-laydate-range'
|
| | | ,type: 'datetime'
|
| | | ,range: true
|
| | | });
|
| | | @{JSDATECONTENT}
|
| | | }, 100);
|
| | | }
|
| | | layDateRender();
|
| | |
|
| | | @{JSFOREIGNKEYCONTENT}
|
| | |
|
| | | });
|
| | |
|
| | | // 关闭动作
|
| | | $(document).on('click','#data-detail-close', function () {
|
| | | parent.layer.closeAll();
|
| | | });
|
| | |
|
| | | function tableReload(search) {
|
| | | if (pageCount === 0 || search) {
|
| | | let searchData = {};
|
| | | $.each($('#search-box [name]').serializeArray(), function() {
|
| | | searchData[this.name] = this.value;
|
| | | });
|
| | | tableIns.reload({
|
| | | where: searchData,
|
| | | page: {curr: pageCurr}
|
| | | });
|
| | | } else {
|
| | | $(".layui-laypage-btn")[0].click();
|
| | | }
|
| | | }
|