|
|
@@ -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>
|
|
|
<!--收货地址-->
|