调整页面样式

src/main/webapp/WEB-INF/jsp/admin/member/inc.jsp

 <%@ page contentType="text/html;charset=UTF-8" language="java"%>
 <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/layui/css/layui.css" media="all">
 <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/font-awesome/css/font-awesome.css"/>
+<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/common/css/common.css" media="all">
 <style>
 	body {
 		margin: 10px;

src/main/webapp/WEB-INF/jsp/admin/user/batchUpdate.jsp

@@ -20,11 +20,6 @@
         .layui-form-item > .layui-input-block > input {
             width: 20%;
         }
-        #openFlag {
-            border: 1px solid #ccc;
-            width: 278%;
-            height: 38px
-        }
 
         body .layui-table, body .layui-table-view {
             margin: 0;
@@ -109,7 +104,7 @@
                     <input type="text" name="unitname" id="unitname" lay-verify="required"
                            class="layui-input">
                     <input type="text" id="unitcode" Name="unitcode" style="display: none;">
-                    <span class="layui-btn" id="checkPer" style="position: relative; top: -38px;left: 182px;"
+                    <span class="layui-btn" id="checkPer"
                           onclick="checkTree('myUnitTree');">选择单位</span>
                     <div id="myUnitTree" style="display: none">
                         <ul id="unit" class="ztree"></ul>
@@ -122,7 +117,7 @@
                     <input type="text" name="roleName" id="roleName" lay-verify="required"
                            class="layui-input">
                     <input type="text" id="roleId" Name="roleId" style="display: none;">
-                    <span class="layui-btn" id="checkRolePid" style="position: relative; top: -38px;left: 182px;"
+                    <span class="layui-btn" id="checkRolePid"
                           onclick="checkTree('myRoleTree');">选择角色</span>
                     <div id="myRoleTree" style="display: none">
                         <ul id="roleTree" class="ztree"></ul>
@@ -236,6 +231,10 @@
                 $(this).addClass("layui-form-checked");
             }
         });
+        $("#openFlag").width($("#username").width());
+        $(window).resize(function () {
+            $("#openFlag").width($("#username").width());
+        })
     });
     function removeUser(obj) {
         var checkboxs, origin, target, num = 0;

src/main/webapp/WEB-INF/jsp/admin/user/list.jsp

@@ -19,19 +19,7 @@
         .layui-form-item>.layui-input-block>input{
             width: 20%;
         }
-        #openFlag{
-            height: 30px;
-            line-height: 1.3;
-            line-height: 38px\9;
-            border-width: 1px;
-            border-style: solid;
-            background-color: #fff;
-            border-radius: 6px;
-            display: block;
-            width: 100%;
-            padding-left: 10px;
-        }
-        .searchDiv .layui-input{height:30px;}
+
         .searchDiv label{padding:3px 15px;}
     </style>
 </head>
@@ -101,7 +89,7 @@
                         <input type="text" name="unitname" id="unitname" lay-verify="required"
                                class="layui-input">
                         <input type="text" id="unitcode" Name="unitcode" style="display: none;">
-                        <span class="layui-btn" id="checkPer" style="position: relative; top: -30px;left: 182px;" onclick="checkTree('myUnitTree');">选择单位</span>
+                        <span class="layui-btn" id="checkPer"  onclick="checkTree('myUnitTree');">选择单位</span>
                         <div id="myUnitTree" style="display: none">
                             <ul id="unit" class="ztree"></ul>
                         </div>
@@ -113,7 +101,7 @@
                         <input type="text" name="roleName" id="roleName" lay-verify="required"
                                class="layui-input">
                         <input type="text" id="roleId" Name="roleId" style="display: none;">
-                        <span class="layui-btn" id="checkRolePid" style="position: relative; top: -30px;left: 182px;" onclick="checkTree('myRoleTree');">选择角色</span>
+                        <span class="layui-btn" id="checkRolePid" onclick="checkTree('myRoleTree');">选择角色</span>
                         <div id="myRoleTree" style="display: none">
                             <ul id="roleTree" class="ztree"></ul>
                         </div>

src/main/webapp/WEB-INF/jsp/admin/user/update.jsp

@@ -26,7 +26,7 @@
                 <a href="${pageContext.request.contextPath}/admin/user/index">用户列表</a>
                 <a><cite>修改用户</cite></a>
             </span>
-                <a class="layui-btn layui-btn-normal" style="line-height:1.0em;margin-top:-3px;float:right"
+                <a class="layui-btn layui-btn-mini" style="line-height:1.0em;margin-top:-3px;float:right"
                    href="javascript:location.reload()" title="刷新">
                     <i class="fa fa-refresh line-size"></i></a>
             </div>

src/main/webapp/resources/common/css/common.css

@@ -11,4 +11,22 @@
 }
 .layui-elem-quote{
     line-height: 14px;
+}
+.searchDiv .layui-btn,.layui-btn-mini,.demoTable .layui-btn{height:30px;line-height: 30px;}
+.searchDiv .layui-input {
+    height: 30px;
+}
+.searchDiv #checkPer,.searchDiv #checkRolePid{ position: relative; top: -30px;left: 182px;}
+#openFlag{
+    height: 30px;
+    line-height: 1.3;
+    line-height: 38px\9;
+    border-width: 1px;
+    border-style: solid;
+    border-color: #e6e6e6;
+    background-color: #fff;
+    border-radius: 6px;
+    display: block;
+    width: 100%;
+    padding-left: 10px;
 }
\ No newline at end of file