Browse Source

人员信息筛选栏样式

yangc 8 years ago
parent
commit
f280959b5b

+ 148 - 19
src/main/webapp/resources/view/vendor/forstore/vendor_account_management.html

@@ -207,7 +207,7 @@
         display: inline-block;
         background: url(static/img/icon/check-rule.png) no-repeat;
         position: relative;
-        top: 7px;
+        top: 1px;
     }
     .role-info .check-act label{
         background-position: -48px 0;
@@ -215,6 +215,56 @@
     .role-info .check-act input:checked + label{
         background-position: -31px 0;
     }
+
+    table.role-info{
+        box-sizing: border-box;
+        border: #dae5fd 1px solid;
+        border-bottom: none;
+    }
+    table.role-info thead{
+        height: 38px;
+        width: 100%;
+        background: #89aefa;
+        line-height: 38px;
+    }
+    table.role-info thead>tr th{
+        color: #fff;
+        font-weight: normal;
+        font-size: 14px;
+        text-align: center;
+        border-bottom: none;
+        vertical-align: middle;
+    }
+    table.role-info tbody tr:nth-child(even){
+        background: #f1f5ff;
+    }
+    table.role-info tbody tr.role-filter {
+        height: 50px;
+        line-height: 50px;
+    }
+    table.role-info tbody tr.role-filter td input,table.role-info tbody tr.role-filter td select {
+        width: 80%;
+        padding-left: 5px;
+        height: 28px;
+        border: 1px solid #d3d4d3;
+        border-radius: 0;
+    }
+    table.role-info tbody tr.role-filter td select {
+        background: url("static/img/vendor/images/xiala.png") no-repeat;
+        background-position: 30px 9px;
+    }
+    table.role-info tbody>tr>td{
+        font-size: 14px;
+        color: #666;
+        border-bottom: 1px solid #dae5fd;
+        border-right: 1px solid #dae5fd;
+        height: 40px;
+        vertical-align: middle;
+        text-align: center;
+    }
+    .auth-info-area {
+        padding: 15px;
+    }
 </style>
 <!--右侧主体部分-->
 <div class="count user_right fr">
@@ -478,24 +528,103 @@
             <!--权限管理-->
             <div class="count01 clearfix" ng-if="tab=='auth'">
                 <!--<div class="power_title">员工账号及权限管理</div>-->
-                <table class="role-info">
-                    <thead>
-                    <tr>
-                        <th width="80">
-                            <lable class="check-act">
-                                <input type="checkbox" id="checkAll"/>
-                                <label for="checkAll"></label>
-                            </lable>
-                            全选</th>
-                        <th width="120">UU账号</th>
-                        <th width="250">姓名</th>
-                        <th width="200">性别</th>
-                        <th width="200">手机号</th>
-                        <th width="200">邮箱</th>
-                        <th width="200">角色</th>
-                    </tr>
-                    </thead>
-                </table>
+                <div class="auth-info-area">
+                    <table class="role-info">
+                        <thead>
+                        <tr>
+                            <th width="64">
+                                <lable class="check-act">
+                                    <input type="checkbox" id="checkAll"/>
+                                    <label for="checkAll"></label>
+                                </lable>
+                                全选</th>
+                            <th width="134">UU账号</th>
+                            <th width="92">姓名</th>
+                            <th width="58">性别</th>
+                            <th width="124">手机号</th>
+                            <th width="198">邮箱</th>
+                            <th width="224">角色</th>
+                            <th width="98">角色</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr class="role-filter">
+                            <td>
+                                <lable class="check-act">
+                                    <input type="checkbox" id="check0"/>
+                                    <label for="check0"></label>
+                                </lable>
+                            </td>
+                            <td>系统生成</td>
+                            <td>
+                                <input type="text" placeholder="用户名">
+                            </td>
+                            <td>
+                                <select>
+                                    <option value=""></option>
+                                    <option value="M">男</option>
+                                    <option value="F">女</option>
+                                </select>
+                            </td>
+                            <td>
+                                <input type="text" placeholder="手机号">
+                            </td>
+                            <td>
+                                <input type="text" placeholder="邮箱">
+                            </td>
+                            <td>
+                                <span class="role-flag">管</span>
+                            </td>
+                            <td>s</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <lable class="check-act">
+                                    <input type="checkbox" id="check1"/>
+                                    <label for="check1"></label>
+                                </lable>
+                            </td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <lable class="check-act">
+                                    <input type="checkbox" id="check2"/>
+                                    <label for="check2"></label>
+                                </lable>
+                            </td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                        </tr>
+                        <tr>
+                            <td>
+                                <lable class="check-act">
+                                    <input type="checkbox" id="check3"/>
+                                    <label for="check3"></label>
+                                </lable>
+                            </td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                            <td>s</td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
             </div>
         </div>
         <!--收货地址-->