From 56aaf185c6c906f74549a7551b29b1b107d69819 Mon Sep 17 00:00:00 2001
From: zhaoxiaohao <913652501@qq.com>
Date: Tue, 18 Aug 2020 09:53:26 +0800
Subject: [PATCH] 修改样式
---
kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/system/sysArea.html | 118 ++++++++++++++++++++++++++++++----------------------------
1 files changed, 61 insertions(+), 57 deletions(-)
diff --git a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/system/sysArea.html b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/system/sysArea.html
index ffcbc98..0e688d6 100644
--- a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/system/sysArea.html
+++ b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/system/sysArea.html
@@ -2,15 +2,15 @@
<div class="layui-card-header">
<h2 class="header-title">地区管理</h2>
<span class="layui-breadcrumb pull-right">
- <a href="#!console">首页</a>
- <a><cite>地区管理</cite></a>
+ <a href="#!console">首页</a>
+ <a><cite>地区管理</cite></a>
</span>
</div>
<div class="layui-card-body">
<div class="layui-form toolbar"> 
- <input id="area-search-value" class="layui-input search-input" type="text" placeholder="输入地区名称"/> 
+ <input id="area-search-value" class="layui-input search-input" type="text" placeholder="按地区名称" /> 
<button id="area-btn-search" class="layui-btn icon-btn"><i class="layui-icon"></i>搜索</button>
- <button id="area-btn-add" class="layui-btn icon-btn"><i class="layui-icon"></i>添加</button>
+ <button id="area-btn-add" class="layui-btn icon-btn permissions" permissions="save-area"><i class="layui-icon"></i>添加</button>
<button id="area-btn-expand" class="layui-btn">全部展开</button>
<button id="area-btn-fold" class="layui-btn">全部折叠</button>
</div>
@@ -21,8 +21,8 @@
<!-- 表格操作列 -->
<script type="text/html" id="area-table-bar">
- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
- <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
+ <a class="layui-btn layui-btn-primary layui-btn-xs permissions" permissions="save-area" lay-event="edit">编辑</a>
+ <a class="layui-btn layui-btn-danger layui-btn-xs permissions" permissions="del-sysarea" lay-event="del">删除</a>
</script>
<!-- 表格状态列 -->
@@ -32,16 +32,17 @@
</script>
<script>
- layui.use(['form', 'table', 'util', 'config', 'admin', 'formSelects', 'treetable'],function () {
- let table = layui.table;
+ layui.use(['form', 'util', 'config', 'admin', 'treetable', 'table'], function () {
let layer = layui.layer;
let admin = layui.admin;
let treetable = layui.treetable;
let config = layui.config;
let form = layui.form;
+ let table = layui.table;
// 渲染表格
var renderTable = function (param) {
+ layer.load(2);
if (param) {
param.access_token = config.getToken().access_token;
} else {
@@ -59,72 +60,75 @@
where: param,
page: false,
cols: [[
- {field: 'areaName', minWidth: 200, title: '区域名称'},
- {field: 'areaCh', align: 'center', title: '拼音'},
- {field: 'areaShortname', minWidth: 80, title: '简称'},
- {field: 'areaCitycode', title: '区号'},
- {field: 'areaZipcode', title: '邮编'},
- {field: 'sort', width: 80, align: 'center', title: '排序号'},
+ { field: 'areaName', width: "10%",align: 'center', title: '区域名称' },
+ { field: 'areaCh',width: "10%",align: 'center', title: '拼音' },
+ { field: 'areaShortname',width: "10%",align: 'center', title: '简称' },
+ { field: 'areaCitycode',width: "10%",align: 'center', title: '区号' },
+ { field: 'areaZipcode',width: "10%",align: 'center', title: '邮编' },
+ { field: 'sort', width: "10%",align: 'center', title: '排序号' },
{
- field: 'areaLeveltype', width: 80, align: 'center', templet: function (d) {
- switch(d.areaLeveltype){
+ field: 'areaLeveltype', width: "10%",align: 'center', templet: function (d) {
+ switch (d.areaLeveltype) {
case 0:
- return '<span class="layui-badge layui-bg-red">国家</span>';
- break;
+ return '<span class="layui-badge layui-bg-red">国家</span>';
+ break;
case 1:
- return '<span class="layui-badge layui-bg-blue">省/行政区</span>';
- break;
+ return '<span class="layui-badge layui-bg-blue">省/行政区</span>';
+ break;
case 2:
- return '<span class="layui-badge layui-bg-gray">市</span>';
- break;
+ return '<span class="layui-badge layui-bg-gray">市</span>';
+ break;
case 3:
- return '<span class="layui-badge layui-bg-green">区/县</span>';
- break;
+ return '<span class="layui-badge layui-bg-green">区/县</span>';
+ break;
}
}, title: '级别'
},
- {field: 'enabled', width: 100,sort: true, templet: '#area-tpl-state', title: '状态'},
- {templet: '#area-table-bar', width: 120, align: 'center', title: '操作'}
- ]]
+ { field: 'enabled', width: "10%",align: 'center', sort: true, templet: '#area-tpl-state', title: '状态' },
+ { templet: '#area-table-bar', width: "10%",align: 'center', title: '操作' }
+ ]],
+ done: function (res) {
+ layer.closeAll('loading');
+ permissionsInput(res,config);
+ }
});
};
renderTable();
// 修改状态
form.on('switch(area-tpl-state)', function (obj) {
- layer.load(2);
- admin.req('api-user/sysarea/updateEnabled', {
- id: obj.elem.value,
- enabled: obj.elem.checked ? true : false
- }, function (data) {
- layer.closeAll('loading');
- if (data.code == 0) {
- layer.msg(data.msg, {icon: 1, time: 500});
- } else {
- layer.msg(data.msg, {icon: 2, time: 500});
- $(obj.elem).prop('checked', !obj.elem.checked);
- form.render('checkbox');
- }
- }, 'GET');
+ layer.load(2);
+ admin.req('api-user/sysarea/updateEnabled', {
+ id: obj.elem.value,
+ enabled: obj.elem.checked ? true : false
+ }, function (data) {
+ layer.closeAll('loading');
+ if (data.code == 0) {
+ layer.msg(data.msg, { icon: 1, time: 2000 });
+ } else {
+ layer.msg(data.msg, { icon: 2, time: 2000 });
+ $(obj.elem).prop('checked', !obj.elem.checked);
+ form.render('checkbox');
+ }
+ }, 'GET');
});
// 工具条点击事件
table.on('tool(area-table)', function (obj) {
if (obj.event === 'del') { // 删除
layer.confirm('确定要删除吗？', function (i) {
- layer.close(i);
- layer.load(2);
- admin.req('api-user/sysarea/'+obj.data.id, {}, function (data) {
- layer.closeAll('loading');
- layer.msg(data.msg, {icon: 1, time: 800},function(){
- renderTable();
- });
- obj.del();
- }, 'DELETE');
- });
+ layer.close(i);
+ layer.load(2);
+ admin.req('api-user/sysarea/' + obj.data.id, {}, function (data) {
+ layer.closeAll('loading');
+ layer.msg(data.msg, { icon: 1, time: 800 }, function () {
+ renderTable();
+ });
+ obj.del();
+ }, 'DELETE');
+ });
}
- else if(obj.event=='edit')
- {
+ else if (obj.event == 'edit') {
showEditModel(obj.data);
}
});
@@ -132,7 +136,7 @@
// 显示编辑弹窗
var showEditModel = function (data) {
let title = data ? '修改区域' : '添加区域';
- if (!data){
+ if (!data) {
data = {};
}
admin.putTempData('t_area', data);
@@ -157,13 +161,13 @@
$(this).css('background-color', 'rgba(250,230,160,0.5)');
if (searchCount === 0) {
$('.layui-tab-item.layui-show').stop(true);
- $('.layui-tab-item.layui-show').animate({scrollTop: $(this).offset().top - 150}, 500);
+ $('.layui-tab-item.layui-show').animate({ scrollTop: $(this).offset().top - 150 }, 500);
}
searchCount++;
}
});
if (keyword !== '' && searchCount === 0) {
- layer.msg("没有匹配结果", {icon: 5, time: 500});
+ layer.msg("没有匹配结果", { icon: 5, time: 2000 });
} else {
treetable.expandAll('#area-table');
}
@@ -180,4 +184,4 @@
showEditModel();
});
});
-</script>
+</script>
\ No newline at end of file
--
Gitblit v1.8.0