From 220d2c325fe8206a26dfe6969d76344e9c1a18b3 Mon Sep 17 00:00:00 2001
From: dougang <78125310@kidgrow.com>
Date: Fri, 18 Dec 2020 15:34:31 +0800
Subject: [PATCH] 优化样式
---
kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/company.html | 145 ++++++++++++++++++++++++++++++++---------------
1 files changed, 98 insertions(+), 47 deletions(-)
diff --git a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/company.html b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/company.html
index 3bf5dd7..9714231 100644
--- a/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/company.html
+++ b/kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/opration/company.html
@@ -8,9 +8,9 @@
</div>
<div class="layui-card-body">
<div class="layui-form toolbar">
- <input id="app-edit-search" class="layui-input search-input" type="text" placeholder="请输入公司名称" /> 
+ <input id="app-edit-search" class="layui-input search-input" type="text" placeholder="按公司名称" /> 
<button id="app-btn-search" class="layui-btn icon-btn"><i class="layui-icon"></i>搜索</button>
- <button id="user-btn-add" class="layui-btn icon-btn"><i class="layui-icon"></i>添加</button>
+ <button id="user-btn-add" class="layui-btn icon-btn permissions" permissions="syscompany-edit"><i class="layui-icon"></i>添加</button>
</div>
<!-- 数据表格 -->
@@ -21,12 +21,12 @@
<!-- 表格操作列 -->
<script type="text/html" id="company-table-bar">
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看详情</a>
- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
- <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="del">删除</a>
+ <a class="layui-btn layui-btn-xs permissions" permissions="syscompany-edit" lay-event="edit">编辑</a>
+ <a class="layui-btn layui-btn-xs permissions" permissions="syscompany-del" lay-event="del">删除</a>
</script>
<!-- 表格状态列 -->
<script type="text/html" id="company-tpl-state">
- <input type="checkbox" lay-filter="company-tpl-state" value="{{d.id}}" lay-skin="switch" lay-text="正常|以停用"
+ <input type="checkbox" lay-filter="company-tpl-state" value="{{d.id}}" lay-skin="switch" lay-text="正常|已停用"
{{d.enabled==true?'checked':''}}/>
</script>
<!-- 表单弹窗 -->
@@ -36,7 +36,7 @@
<div class="layui-form-item">
<label class="layui-form-label">租户</label>
<div class="layui-input-block">
- <select id="tenantId" name="tenantId" placeholder="选择一个应用" >
+ <select id="tenantId" name="tenantId" placeholder="选择一个应用" lay-verify="required" required >
<option value="">-请选择-</option>
</select>
</div>
@@ -44,7 +44,7 @@
<div class="layui-form-item">
<label class="layui-form-label">选择组织</label>
<div class="layui-input-block">
- <select id="orgId" name="orgId" placeholder="选择一个应用" >
+ <select id="orgId" name="orgId" placeholder="选择一个应用" lay-verify="required" required >
<option value="">-请选择-</option>
</select>
</div>
@@ -59,13 +59,16 @@
<div class="layui-form-item">
<label class="layui-form-label">所在地区</label>
<div class="layui-input-block">
- <select id="sheng" name="companyArea" placeholder="省份" lay-filter="sheng">
+ <input name="companyProvince" id="companyProvince" type="hidden" class="layui-input" maxlength="20"/>
+ <select id="sheng" placeholder="省份" lay-filter="sheng" ay-verify="required" required>
<option value="">-请选择-</option>
</select>
- <select id="shi" name="companyArea" placeholder="城市" lay-filter="shi">
+ <input name="companyCity" id="companyCity" type="hidden" class="layui-input" maxlength="20"/>
+ <select id="shi" placeholder="城市" lay-filter="shi" ay-verify="required" required>
<option value="">-请选择-</option>
</select>
- <select id="xian" name="companyArea" placeholder="区县" >
+ <input name="companyArea" id="companyArea" type="hidden" class="layui-input" maxlength="20"/>
+ <select id="xian" placeholder="区县"lay-filter="xian" ay-verify="required" required>
<option value="">-请选择-</option>
</select>
</div>
@@ -103,7 +106,7 @@
</div>
<div class="layui-form-item model-form-footer">
<button class="layui-btn layui-btn-primary" ew-event="closeDialog" type="button">取消</button>
- <button class="layui-btn" id="sure" lay-filter="user-form-submit" lay-submit>保存</button>
+ <button class="layui-btn permissions" permissions="syscompany-edit" id="sure" lay-filter="user-form-submit" lay-submit>保存</button>
</div>
</form>
</script>
@@ -138,7 +141,7 @@
})
form.render();
} else {
- layer.msg(data.msg, { icon: 2, time: 500 });
+ layer.msg(data.msg, { icon: 2, time: 2000 });
}
}, 'Post');
@@ -161,16 +164,19 @@
page: true,
cols: [[
{ type: 'numbers' },
- { field: 'companyName', width: 180, sort: true, title: '公司名称' },
- { field: 'sheng', width: 200, sort: true, title: '省' },
- { field: 'shi', width: 180, sort: true, title: '市' },
- { field: 'xian', width: 300, sort: true, title: '区县' },
- { field: 'companyTel', width: 250, align: 'center', sort: true, title: '联系方式' },
- { field: 'tenantId', width: 250, align: 'center', sort: true, title: '应用' },
- { field: 'enabled', width: 250, align: 'center', templet: '#company-tpl-state', sort: true, title: '状态' },
- { field: 'createTime', width: 250, sort: true, title: '时间', templet: "<div>{{layui.util.toDateString(d.createTime, 'yyyy年MM月dd日 HH:mm:ss')}}</div>" },
- { field: 'id', width: 250, align: 'center', toolbar: '#company-table-bar', sort: true, title: '操作' },
- ]]
+ { field: 'companyName', width: 180, title: '公司名称' },
+ { field: 'companyProvince', width: 200, title: '省' },
+ { field: 'companyCity', width: 180, title: '市' },
+ { field: 'companyArea', width: 300, title: '区县' },
+ { field: 'companyTel', width: 250, align: 'center', title: '联系方式' },
+ { field: 'tenantId', width: 250, align: 'center', title: '应用' },
+ { field: 'enabled', width: 250, align: 'center', templet: '#company-tpl-state', title: '状态' },
+ { field: 'createTime', width: 250, title: '时间', templet: "<div>{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd HH:mm')}}</div>" },
+ { field: 'id', width: 250, align: 'center', toolbar: '#company-table-bar', title: '操作' },
+ ]],
+ done:function(res){
+ permissionsInput(res,config);
+ }
});
// 修改company状态
@@ -182,10 +188,10 @@
}, function (data) {
layer.closeAll('loading');
if (data.code == 0) {
- layer.msg(data.msg, { icon: 1, time: 500 });
- //table.reload('table-user', {});
+ layer.msg(data.msg, { icon: 1, time: 2000 });
+ table.reload('table-user', {});
} else {
- layer.msg(data.msg, { icon: 2, time: 500 });
+ layer.msg(data.msg, { icon: 2, time: 2000 });
$(obj.elem).prop('checked', !obj.elem.checked);
form.render('checkbox');
}
@@ -196,43 +202,76 @@
*
*/
//获取省份
- var getSheng = function (obj, id) {
+ var sheng = {};
+ var getSheng = function (obj, id, checkValue) {
admin.req('api-user/sysarea/getListByMap', { area_leveltype: obj }, function (data) {
layer.closeAll('loading');
if (0 === data.code) {
let selected = false;
clientsAll = data.data;
+ sheng = data.data;
$.each(data.data, function (index, item) {
- if (config.clientId === item.clientId) {
+ if (checkValue == item.areaName) {
selected = true;
} else {
selected = false;
}
//往下拉菜单里添加元素
- $('#' + id).append(new Option(item.areaName, item.id, false, selected));
+ $('#' + id).append(new Option(item.areaName, item.id, true, selected));
})
- form.render();
+ form.render('select', id);
} else {
- layer.msg(data.msg, { icon: 2, time: 500 });
+ layer.msg(data.msg, { icon: 2, time: 2000 });
}
}, 'GET');
}
form.on('select(sheng)', function (data) {
+ $.each(sheng, function (index, item) {
+ if (data.value == item.id) {
+ $("#companyProvince").val(item.areaName);
+ }
+ })
+
+ //补充市的数据
getShi_and_xian(data.value, "shi");
});
form.on('select(shi)', function (data) {
+ $.each(shi_name, function (index, item) {
+ if (data.value == item.id) {
+ $("#companyCity").val(item.areaName);
+ }
+ })
+ //补充县的数据
getShi_and_xian(data.value, "xian");
});
-
- var getShi_and_xian = function (obj, id) {
+ form.on('select(xian)', function (data) {
+ $.each(xian_name, function (index, item) {
+ if (data.value == item.id) {
+ $("#companyArea").val(item.areaName);
+ }
+ })
+ });
+ var shi_name = {};
+ var xian_name = {};
+ var getShi_and_xian = function (obj, id, checkValue) {
admin.req('api-user/sysarea/getListByMap', { area_parent_id: obj }, function (data) {
layer.closeAll('loading');
if (0 === data.code) {
let selected = false;
$('#' + id).empty();
+ //
+ if (id == "shi") {
+ shi_name = data.data
+ $("#companyCity").val(shi_name[0].areaName);
+ }
+ if (id == "xian") {
+ xian_name = data.data
+ $("#companyArea").val(xian_name[0].areaName);
+ }
+
$.each(data.data, function (index, item) {
- if (config.clientId === item.clientId) {
+ if (checkValue === item.areaName) {
selected = true;
} else {
selected = false;
@@ -242,7 +281,7 @@
})
form.render();
} else {
- layer.msg(data.msg, { icon: 2, time: 500 });
+ layer.msg(data.msg, { icon: 2, time: 2000 });
}
}, 'GET');
}
@@ -268,7 +307,7 @@
})
form.render();
} else {
- layer.msg(data.msg, { icon: 2, time: 500 });
+ layer.msg(data.msg, { icon: 2, time: 2000 });
}
}, 'GET');
}
@@ -291,7 +330,7 @@
})
form.render();
} else {
- layer.msg(data.msg, { icon: 2, time: 500 });
+ layer.msg(data.msg, { icon: 2, time: 2000 });
}
}, 'GET');
}
@@ -310,10 +349,10 @@
admin.req('api-user/syscompany/' + obj.data.id, {}, function (data) {
layer.closeAll('loading');
if (data.code == 0) {
- layer.msg(data.msg, { icon: 1, time: 500 });
+ layer.msg(data.msg, { icon: 1, time: 2000 });
table.reload('app-table', {});
} else {
- layer.msg(data.msg, { icon: 2, time: 500 });
+ layer.msg(data.msg, { icon: 2, time: 2000 });
}
}, 'delete');
});
@@ -353,7 +392,7 @@
//将组织填充
getorganization();
//将省份填充
- getSheng(1, "sheng");
+ getSheng(1, "sheng", data.companyProvince);
// getSheng(2, "shi");
// getSheng(3, "xian");
//图片
@@ -386,14 +425,26 @@
$('#sure').hide();
}
form.val('app-form', data);
- $('#sheng').val(data.shengId);
+ //将市填充
+ var shengId = "";
+ $.each(sheng, function (index, item) {
+ if (data.companyProvince === item.areaName) {
+ shengId = item.id;
+ }
+ })
+ if (data.companyCity) {
+ getShi_and_xian(shengId, "shi", data.companyCity)
+ }
+ var shiId = "";
- getShi_and_xian(data.shengId,"shi")
- $('#shi').val(data.shiId);
-
- getShi_and_xian(data.shiId,"xian")
- $('#xian').val(data.xianId);
-
+ $.each(shi_name, function (index, item) {
+ if (data.companyCity === item.areaName) {
+ shiId = item.id;
+ }
+ })
+ if (data.companyArea) {
+ getShi_and_xian(shiId, "xian", data.companyArea)
+ }
$('#app-form').attr('method', 'POST');
} else {
@@ -410,7 +461,7 @@
layer.closeAll();
table.reload('app-table', {});
} else {
- layer.msg(data.msg, { icon: 2, time: 500 });
+ layer.msg(data.msg, { icon: 2, time: 2000 });
}
}, "POST");
return false;
--
Gitblit v1.8.0