Commit bdd53d59 by Java-曹文达

页面优化

parent ed961437
...@@ -49,6 +49,14 @@ ...@@ -49,6 +49,14 @@
.layui-table th{ .layui-table th{
text-align: center; text-align: center;
} }
body .layui-layer-rim .layui-layer-btn a{
background-color:#005ba7;
color: white;
}
body .layui-layer-btn div{
margin-top: 35px;
}
body .demo-class .layui-layer-btn a{background:#005ba7;}
</style> </style>
<body style="width: 100%;"> <body style="width: 100%;">
<input type="hidden" id="pages"> <input type="hidden" id="pages">
...@@ -314,7 +322,10 @@ ...@@ -314,7 +322,10 @@
function gotoDetails(name,position,department,code,createdTime){ function gotoDetails(name,position,department,code,createdTime){
var content = '<div><p>人员名称:'+name+'</p><p>职位:'+position+'</p><p>部门:'+department+'</p><p>所属组织编码:'+code+'</p><p>加入时间:'+createdTime+'</p></div>'; var content = '<div><p>人员名称:'+name+'</p><p>职位:'+position+'</p><p>部门:'+department+'</p><p>所属组织编码:'+code+'</p><p>加入时间:'+createdTime+'</p></div>';
layer.alert(content) layer.open({
skin: 'demo-class',
content:content
});
} }
/*条件查询*/ /*条件查询*/
...@@ -396,11 +407,11 @@ ...@@ -396,11 +407,11 @@
function edit(id) { function edit(id) {
var pId = $("#pid").val(); var pId = $("#pid").val();
if (pId==1||pId==''){ if (pId==1||pId==''){
var content = '<div style="margin-top: 13px;margin-left: 27px;"><span ><b>组织名称:</b><input type="text" value="" placeholder="请输入组织名称" name="oName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 16px;"/></span><br>\n' + var content = '<div style="margin-bottom:35px;margin-top: 13px;margin-left: 27px;"><span ><b>组织名称:</b><input type="text" value="" placeholder="请输入组织名称" name="oName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 16px;"/></span><br>\n' +
'\t\t<span ><b>组织简写(英):</b><input type="text" value="" placeholder="请输入组织简写" name="abbreviationName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;"/></span><br>\n'; '\t\t<br><span ><b>组织简写(英):</b><input type="text" value="" placeholder="请输入组织简写" name="abbreviationName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;"/></span><br>\n';
}else { }else {
var content = '<div style="margin-top: 13px;margin-left: 27px;"><span ><b>人员名称:</b><input type="text" value="" placeholder="请输入人员名称" name="oName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 16px;"/></span><br>\n' + var content = '<div style="margin-top: 13px;margin-left: 27px;"><span ><b>人员名称:</b><input type="text" value="" placeholder="请输入人员名称" name="oName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 16px;"/></span><br>\n' +
'\t\t<span ><b style="margin-left: 32px;">职位:</b><input type="text" value="" placeholder="请输入职位" name="position" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px; margin-left: 16px;"/></span><br>\n'; '\t\t<br><span ><b style="margin-left: 28px;margin-top: 10px">职位:</b><input type="text" value="" placeholder="请输入职位" name="position" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px; margin-left: 16px;"/></span><br>\n';
} }
//联系方式验证规则 //联系方式验证规则
var tel=/^[1][3,4,5,6,7,8,9][0-9]{9}$/; var tel=/^[1][3,4,5,6,7,8,9][0-9]{9}$/;
...@@ -412,8 +423,8 @@ ...@@ -412,8 +423,8 @@
type: 1, type: 1,
title:'添加组织', title:'添加组织',
skin:'layui-layer-rim', skin:'layui-layer-rim',
area:['360px', '330px'], area:['360px', '300px'],
btnAlign: 'c',
content: content content: content
, ,
btn:['保存','取消'], btn:['保存','取消'],
...@@ -463,8 +474,8 @@ ...@@ -463,8 +474,8 @@
type: 1, type: 1,
title:'添加组织', title:'添加组织',
skin:'layui-layer-rim', skin:'layui-layer-rim',
area:['360px', '330px'], area:['360px', '300px'],
btnAlign: 'c',
content: content content: content
, ,
btn:['保存','取消'], btn:['保存','取消'],
...@@ -517,16 +528,16 @@ ...@@ -517,16 +528,16 @@
var pId = $("#pid").val(); var pId = $("#pid").val();
var id = $("#id").val(); var id = $("#id").val();
if (type==1){ if (type==1){
var content = '<div style="margin-top: 13px;margin-left: 27px;"><span ><b>组织名称:</b><input type="text" value="" placeholder="请输入组织名称" name="oName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 26px;"/></span><br>\n' + var content = '<div style="margin-bottom: 45px;margin-top: 13px;margin-left: 27px;"><span ><b>组织名称:</b><input type="text" value="" placeholder="请输入组织名称" name="oName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 26px;"/></span><br>\n' +
'\t\t<span ><b>组织简写(英):</b><input type="text" value="" placeholder="请输入组织简写" name="abbreviationName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;"/></span><br>\n'; '\t\t<br><span ><b>组织简写(英):</b><input type="text" value="" placeholder="请输入组织简写" name="abbreviationName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;"/></span><br>\n';
}else if (pId==1&& type==2){ }else if (pId==1&& type==2){
var content = '<div style="margin-top: 13px;margin-left: 27px;"><span ><b>人员名称:</b><input type="text" value="" placeholder="请输入人员名称" name="oName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 16px;"/></span><br>\n' + var content = '<div style="margin-top: 13px;margin-left: 27px;"><span ><b>人员名称:</b><input type="text" value="" placeholder="请输入人员名称" name="oName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 16px;"/></span><br>\n' +
'\t\t<span ><b>所在部门:</b><select name="areaId" id="areaId" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 16px;width: 159px;"></select></span><br>\n' + '\t\t<br><span ><b>所在部门:</b><select name="areaId" id="areaId" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 16px;width: 159px;"></select></span><br>\n' +
'\t\t<span ><b style="margin-left: 32px;">职位:</b><input type="text" value="" placeholder="请输入职位" name="position" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px; margin-left: 16px;"/></span><br>\n'; '\t\t<br><span ><b style="margin-left: 28px;margin-top: 10px">职位:</b><input type="text" value="" placeholder="请输入职位" name="position" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px; margin-left: 16px;"/></span><br>\n';
} }
else { else {
var content = '<div style="margin-top: 13px;margin-left: 27px;"><span ><b>人员名称:</b><input type="text" value="" placeholder="请输入人员名称" name="oName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 16px;"/></span><br>\n' + var content = '<div style="margin-bottom: 45px;margin-top: 13px;margin-left: 27px;"><span ><b>人员名称:</b><input type="text" value="" placeholder="请输入人员名称" name="oName" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px;margin-left: 16px;"/></span><br>\n' +
'\t\t<span ><b style="margin-left: 32px;">职位:</b><input type="text" value="" placeholder="请输入职位" name="position" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px; margin-left: 16px;"/></span><br>\n'; '\t\t<br><span ><b style="margin-left: 28px;margin-top: 10px">职位:</b><input type="text" value="" placeholder="请输入职位" name="position" style="color: black;height: 30px;border: 1px solid #EEEEEE;text-indent: 5px; margin-left: 16px;"/></span><br>\n';
} }
//联系方式验证规则 //联系方式验证规则
var tel=/^[1][3,4,5,6,7,8,9][0-9]{9}$/; var tel=/^[1][3,4,5,6,7,8,9][0-9]{9}$/;
...@@ -556,8 +567,8 @@ ...@@ -556,8 +567,8 @@
type: 1, type: 1,
title:'添加组织', title:'添加组织',
skin:'layui-layer-rim', skin:'layui-layer-rim',
area:['360px', '330px'], area:['360px', '300px'],
btnAlign: 'c',
content: content content: content
, ,
btn:['保存','取消'], btn:['保存','取消'],
...@@ -600,8 +611,8 @@ ...@@ -600,8 +611,8 @@
type: 1, type: 1,
title:'添加部门人员', title:'添加部门人员',
skin:'layui-layer-rim', skin:'layui-layer-rim',
area:['360px', '330px'], area:['360px', '300px'],
btnAlign: 'c',
content: content content: content
, ,
btn:['保存','取消'], btn:['保存','取消'],
...@@ -646,10 +657,9 @@ ...@@ -646,10 +657,9 @@
type: 1, type: 1,
title:'添加部门人员', title:'添加部门人员',
skin:'layui-layer-rim', skin:'layui-layer-rim',
area:['360px', '330px'], area:['360px', '300px'],
btnAlign: 'c',
content: content content: content,
,
btn:['保存','取消'], btn:['保存','取消'],
btn1: function (index,layero) { btn1: function (index,layero) {
var name = $("[name='oName']").val(); var name = $("[name='oName']").val();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment