platform-b2c/src/main/webapp/resources/view/sso/staffManagement.html

<style>
  .count .count01 {
    display: block;
  }

  /*account*/
  .user-role > .role-item {
    float: left;
  }

  .user-role > .role-item > .icon {
    text-align: center;
    color: #333;
    padding: 1px 3px;
    border-radius: 50%;
    border: 1px solid #333;
  }

  .user-role > .role-item > .icon.info {
    color: #56a022;
    border: 1px solid #56a022;
  }

  .user-role > .role-item > .icon.warning {
    color: #8a6d3b;
    border: 1px solid #8a6d3b;
  }

  .row-operator > .operator-menu a:hover {
    color: #fff;
  }

  .row-operator > .operator-menu {
    right: 100%;
    left: inherit;
  }

  .row-operator2 {
    position: relative;
  }

  .row-operator2 > .operator-menu2 {
    position: absolute;
    width: 140px;
    height: 60;
    line-height: 30px;
    padding: 0 10px;
    top: 30;
    background-color: #333;
    border-radius: 0 3px 3px 0;
    opacity: 0;
    right: 0;
  }

  .row-operator2 > .operator-menu2 a {
    color: #fff;
  }

  .row-operator2 > .operator-menu2 a:hover {
    color: #56a022;
  }

  .row-operator2:hover > .operator-menu2 {
    z-index: 100;
    height: 60px;
    opacity: .75;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
  }

  .row-operator2 > .operator-menu3 {
    position: absolute;
    width: 125px;
    height: 60px;
    line-height: 30px;
    padding: 0 10px;
    top: 30px;
    background-color: #333;
    border-radius: 0 3px 3px 0;
    opacity: 0;
  }

  .row-operator2 > .operator-menu3 a {
    color: #fff;
  }

  .row-operator2 > .operator-menu3 a:hover {
    color: #56a022;
  }

  .row-operator2:hover > .operator-menu3 {
    z-index: 100;
    height: 40px;
    opacity: .75;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
  }

  .title-div .row-operator2 ul li a {
    color: #fff;
  }

  .title-div .row-operator2 ul li a:hover {
    color: #fff;
  }

  .title-div .pull-right {
    float: right;
    margin-right: 15px;
    font-weight: normal;
  }

  .title-div .pull-right a {
    font-weight: normal;
    font-size: 14px;
    color: #5078cb;
  }

  .member-list.table > tbody > tr {
    height: 50px;
  }

  .public-tab.table > thead > tr > th {
    border-bottom: #e8e8e8 1px solid !important;
  }

  .member-list.table > tbody > tr > td a {
    font-size: 14px;
    color: #5078cb;
  }

  .member-list.table > tbody > tr > td a:hover {
    color: #5078cb;
  }

  .user-list {
    padding-bottom: 50px;
  }

  .member-list {
    margin-bottom: 20px;
  }

  .user-list .search .form-control {
    height: 36px;
    border: #bfbfbf 1px solid;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 10px;
  }

  .user-list .search .input-group-addon {
    width: 70px;
    height: 36px;
    display: inline-block;
    background: #5078cb;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    color: #fff;
    padding: 0;
    border: none;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: -4px;
  }

  .user-list-head .row-operator2 a {
    color: #5078cb;
  }

  .user-list-head .pull-right {
    margin-right: 10px;
  }

  select.input-sm {
    line-height: inherit;
  }

  .user-list-head .pull-right .btn-success[disabled] {
    background: #5078cb;
    border: none;
  }

  .user-list-head .pull-right .text-simple {
    color: #5078cb;
    font-weight: 500;
  }

  .user-list-head .row-operator2 ul li {
    line-height: 30px;
    padding: 0;
    margin-top: 0;
    text-align: center;
  }

  .user-list-head .row-operator2 ul li a {
    color: #fff;
  }

  .user-list-head .row-operator2 ul li a:hover {
    color: #fff;
  }

  .count_basic ul li div.fl {
    width: 90px;
  }

  .basic_title span.fr button {
    width: 40px;
    line-height: 40px;
    color: #5078cb;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    border: none;
    background: none;
    font-size: 14px;
  }

  .count_basic .col-sm-10 .form-control {
    border-radius: inherit;
  }

    .role-info .check-act input{
        display: none;
    }
    .role-info .check-act label{
        width: 12px;
        height: 12px;
        display: inline-block;
        background: url(static/img/icon/check-rule.png) no-repeat;
        position: relative;
        top: 1px;
    }
    .role-info .check-act label{
        background-position: -48px 0;
    }
    .role-info .check-act input:checked + label{
        background-position: -31px 0;
    }

    table.role-info{
        width:100%;
        box-sizing: border-box;
        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:first-of-type tr:hover {
        background: #f1f5ff;
        cursor: default;
    }
    table.role-info tbody tr:nth-child(even){
        background: #f1f5ff;
    }
    table.role-info tbody tr {
        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;
        opacity:1;
    }
    table.role-info tbody >tr>td{
        font-size: 14px;
        color: #666;
        border-bottom: 1px solid #dae5fd;
        border-right: 1px solid #dae5fd;
        border-left: 1px solid #dae5fd;
        height: 40px;
        vertical-align: middle;
        text-align: center;
    }
    table.role-info tbody:last-child >tr>td {
        border: none;
    }
    .auth-info-area {
        padding: 10px;
    }
    .auth-info-area .role-info .role-tag-area {
        padding: 5px 0 0 13px;
        text-align: left!important;
    }
    .auth-info-area .role-info .role-tag-area .role-tag {
        color: #fff;
        width: 25px;
        height: 25px;
        display: inline-block;
        line-height: 25px;
        border-radius: 2px;
        text-align: center;
    }
    .user_right .bgcolor-1 {
        background: #89aefa !important;
    }
    .user_right .bgcolor-2 {
        background: #f7b73c !important;
    }
    .user_right .bgcolor-3 {
        background: #01d9ce !important;
    }
    .user_right .bgcolor-4 {
        background: #ff6769 !important;
    }
    .user_right .bgcolor-5 {
        background: #ff8050 !important;
    }
    .user_right  .bgcolor-6 {
        background: #64bfe9 !important;
    }
    .user_right .bgcolor-7 {
        background: #4bc701 !important;
    }
    .auth-info-area .role-info .submit-area span {
        font-size: 12px;
        display: inline-block;
        cursor: pointer;
    }
    .auth-info-area .role-info .submit-area span:last-child {
        width: 50px;
        height: 24px;
        background: #5078cb;
        line-height: 24px;
        color: #fff;
        margin-left: 5px;
    }
    .auth-info-area .role-info tr td.edit-btn-area a, .auth-info-area .role-info tr td.edit-btn-area span{
        color: #5078cb;
        cursor: pointer;
        display: block;
        line-height: 26px;
    }
    .auth-info-header {
        height: 40px;
        line-height: 40px;
        background: #f5f8fe;
        margin-top: 7px;
        padding-right: 24px;
    }
    .auth-info-header >div {
        display: inline-block;
        float: right;
    }
    .auth-info-header .addUser-group {
        position: relative;
    }
    .auth-info-header .addUser-group .addUser-btn {
        cursor: pointer;
    }
    .auth-info-header .addUser-group .addUser-btn img {
        position: relative;
        top: -4px;
        margin-right: 2px;
    }
    .auth-info-header .addUser-group .addUser-btn span {
        font-size: 12px;
    }
    .auth-info-header .addUser-group .addUser-expand {
        position: absolute;
        right: -24px;
        height: 54px;
        width: 121px;
        box-shadow: 1.5px 2.598px 7px 0px rgb( 0, 0, 0 );
        background: #fff;
    }
    .auth-info-header .addUser-group .addUser-expand >div {
        height: 27px;
        line-height: 27px;
        font-size: 12px;
        cursor: pointer;
        margin-left: 5px;
    }
    .auth-info-header .addUser-group .addUser-expand >div:hover {
        color: #5a7fce;
    }
    .auth-info-header .addUser-group .addUser-expand >div i {
        color: #dfe0e1;
        font-size: 14px;
    }
    .auth-info-header .addUser-group .addUser-expand >div:hover i {
        color: #5a7fce;
    }
    .auth-info-header .searchUser-group {
        margin-right: 50px;
        margin-top: 4px;
        height: 32px;
        line-height: 32px;
    }
    .auth-info-header .searchUser-group span {
        width: 58px;
        height: 32px;
        display: inline-block;
        line-height: 32px;
        text-align: center;
        background: #5078cb;
        color: #fff;
        font-size: 14px;
        float: right;
        cursor: pointer;
    }
    .auth-info-header .searchUser-group input {
        width: 330px;
        height: 32px;
        line-height: 32px;
        float: right;
        padding-left: 5px;
        border: 1px solid #5078cb;
    }
    .auth-info-header .searchUser-group >div {
        background: #fff;
        display: inline-block;
        height: 30px;
        margin-right: 5px;
        vertical-align: middle;
    }
    .auth-info-header .searchUser-group >div >select {
        opacity:1;
        width: 90px;
        height: 32px;
        font-size: 14px;
        padding-left: 5px;
        position: relative;
        top: -3px;
        border: 1px solid #5078cb;
        background: url(static/img/vendor/images/xiala-blue.jpg) no-repeat;
        background-position: 72px 11px;
    }
    .auth-info-area ul {
        width: auto;
        margin: 0 0 20px 0;
    }
    .auth-info-area ul li {
        width: auto;
        height: auto;
        line-height: inherit;
        margin: 0;
        border-bottom: none;
        font-size: 12px;
    }
    .auth-info-area ul li a {
        width: auto;
        float: left;
    }
    .auth-info-area .record-line {
        margin-right: 22px;
    }
    .role-manage {
        padding: 0 14px;
    }
    .role-manage p {
        font-size: 14px;
        font-weight: bold;
    }
    .role-manage >p {
        margin: 20px 9px;
    }
    .role-manage >p.self-header {
        margin-top: 30px;
    }
    .role-manage .default-role-area {
        padding: 0 9px 10px 9px;
        border-bottom: 2px solid #fde7bd;
    }
    .role-manage .default-role-box {
        width: 190px;
        height: 114px;
        display: inline-block;
        background: #89aefa;
        color: #fff;
        padding: 12px 10px;
        vertical-align: middle;
        margin-right: 50px;
        margin-bottom: 20px;
        border-radius: 3px;
        cursor: pointer;
    }
    .role-manage .default-role-box p {
        text-align: center;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .role-manage .default-role-box span {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre-wrap;
        word-break: normal;
        height: 55px;
        width: 100%;
        display: block;
    }
    .role-manage .define-role-area {
        margin-bottom: 28px;
    }
    .role-manage .define-role-area .add-role-box {
        background: #f4fff9;
        color: #4aca80;
        border: 2px dashed #4aca80;
    }
    .role-manage .define-role-area .add-role-box i {
        font-size: 40px;
        color: #fff;
        background: #4aca80;
        border-radius: 100%;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 37px;
        text-align: center;
        position: relative;
        top: -20px;
        left: -5px;
    }
    .role-manage .define-role-area .add-role-box >div {
        display: inline-block;
        width: 121px;
    }
    .auth-info-area .role-info .role-tag-area.detail-role-tag .role-tag {
        margin-right: 5px;
        margin-bottom: 5px;
        float: left;
    }
    .user_right .bgimg-1 {
        background: url(static/img/vendor/authority/role-bg-1.jpg)no-repeat;
    }
    .user_right .bgimg-2 {
        background: url(static/img/vendor/authority/role-bg-2.jpg)no-repeat;
    }
    .user_right .bgimg-3 {
        background: url(static/img/vendor/authority/role-bg-3.jpg)no-repeat;
    }
    .user_right .bgimg-4 {
        background: url(static/img/vendor/authority/role-bg-4.jpg)no-repeat;
    }
    .user_right .bgimg-5 {
        background: url(static/img/vendor/authority/role-bg-5.jpg)no-repeat;
    }
    /*新增*/
    #account_manager a {
      text-decoration: none;
    }

  #account_manager a:hover {
    text-decoration: none;
  }
  li .fi {
    float: left;
  }
  li .fr {
    width: 89%;
    color: #666;
  }
  .rt_menu{
    border-bottom: #e8e8e8 1px solid;
    background: #ecf2fd;
  }
  .rt_menu span{
    margin-left: 30px;
    color: #323232;
    font-size: 14px;
  }
  .count01 .count-content{
    width: 100%;
    background: #fff;
  }
  .count01 .count-content ul{
    width: 94%;
  }
  .count01 .count-content ul li{
    border-bottom: none;
  }
  .count-content ul li div.fl{
    width: 90px;
  }
  .rt_menu span.fr button{
    width: 40px;
    line-height: 40px;
    color: #5078cb;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    border: none;
    background: none;
    font-size: 14px;
  }
  .count-content .col-sm-10 .form-control{
    border-radius: inherit;
    margin-top: 12px;
  }
  .count01 ul li span h5 img {
    margin-top: 20px;
    margin-left: 0;
  }
  .count01 ul li span h5 img.ok-icon {
    margin-top: 25px;
  }
  .count01 ul li span>span {
    color: #666;
    margin-left: 0;
  }
  .count01 > ul li >a {
    background: #fff;
    color: #5078cb;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 7px;
    margin-top: 16px;
    margin-right: 7px;
  }
  .count01 ul li >a.mall-btn-default {
    background: #5078cb;
    color: #fff;
  }
  .count01 ul li.safe-level>span >span {
    display: inline-block;
    height: 14px;
    line-height: 14px;
    background: rgb(255, 90, 0);
    color: #fff;
    margin-right: 1px;
    width: 64px;
    margin-left: 0px;
    font-size: 12px;
    text-align: center;
    position: relative;
    bottom: 1px;
  }
  .count01 ul li.safe-level>span >span:nth-child(3) {
    background: rgb(255,171,44);
  }
  .count01 ul li.safe-level>span>i {
    margin-left: 13px;
    color: #666;
  }
  .count01 ul li.safe-level .last-login {
    float: right;
    font-size: 12px;
    color: #666;
    margin-right: 7px;
  }
  .count01 ul li span font {
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
    margin-right: 0;
  }
  .count01 ul li span h5 {
    width: 30px;
  }
  .count01 ul li.safe-level .safe-remind {
    float: right;
    margin-right: 87px;
  }
  .count01 ul li.safe-level .safe-remind a {
    color: #ff0000;
    float: none !important;
  }
  .rt_menu span.last-login {
    font-size: 12px;
    margin: 0 22px 0 0;
    font-weight: normal;
  }
  .rt_menu span.last-login span {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
  }
  .count01 ul li.active-safe-box {
    background: #fef2f2;
    border: 1px solid #faaebe;
  }
  .bind-enter-tab {
    width: 999px;
    margin: 15px auto 5px;
  }
  .bind-enter-tab thead {
    background: #8eb0f5;
    color: #fff;
    height: 38px;
    line-height: 38px;
  }
  .bind-enter-tab th {
    font-size: 14px;
    font-weight: normal;
  }
  .bind-enter-tab tbody .default-row {
    height: 50px;
    line-height: 50px;
    color: #666;
    background: #fff;
    text-align: center;
    border: 1px solid #e8efff;
    border-top: none;
  }
  .bind-enter-tab tbody .default-row:nth-child(even) {
    background: #f1f5ff;
  }
  .bind-enter-tab tbody .default-row:hover {
    background: #f1f5ff;
  }
  .bind-enter-tab tbody .default-row td {
    font-size: 14px;
    border-right: 1px solid #e8efff;
  }
  .bind-enter-tab tbody .default-row td:last-child {
    border-right: none;
  }
  .bind-enter-tab .operate-btn {
    color: #5078cb;
  }
  .bind-en {
    background: #fff;
    padding-top: 7px;
  }
  .bind-en .pull-right {
    margin-right: 18px;
    position: relative;
    line-height: 39px;
  }
  .bind-en .pull-right .form-control {
    width: 388px;
    height: 32px;
    display: inline-block;
    border-radius: 0;
    padding: 0 68px 0 10px;
    position: absolute;
    right: 0;
    top: 4px;
  }
  .bind-en .pull-right button {
    width: 58px;
    height: 32px;
    background: #5078cb;
    color: #fff;
    border-radius: 0;
    position: absolute;
    right: 0;
    top: 4px;
  }
  .bind-enter-tab .grey {
    height: 156px;
    text-align: center;
    border: 1px solid #e8efff;
    font-size: 14px;
  }
  .bind-enter-tab .grey img {
    margin-right: 15px;
  }
  .white {
    background-color: white;
  }
</style>

<style>
  .count_basic .choose-body {
    display: table;
    width: 33.333333%;
    margin-top: 10px;
    padding: 10px;
    table-layout: fixed;
    border-collapse: separate;
    border: 1px solid #ccc;
    position: relative;
    background: #fff;
    z-index: 1000;
    padding-right: 2px;
    float:left;
  }

  .count_basic .choose-body>.choose-item {
    display: table-cell;
  }

  .count_basic .choose-body>.choose-item>ul {
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    width:100%;
    margin:0;
  }

  .count_basic .choose-body>.choose-item>ul>li {
    line-height: 30px;
    position: relative;
    margin:0;
  }

  .count_basic .choose-body>.choose-item>ul>li.active a {
    color: #3c7cf5;
    background: #e8f0ff;
  }

   .count_basic .choose-body>.choose-item>ul>li>a {
      display: block;
      color: #666666;
      margin:0;
       width:100%;
       text-align:left;
       overflow:hidden;
       background: #fff;
    }

  .count_basic .choose-body>.choose-item .caret {
    float: right;
    margin-top: 14px;
    margin-right: 8px;
    border-left: 3px solid;
    border-right: none;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
  }

  .count_basic .area-bg{
    background: url("static/img/all/dot.png") no-repeat 732px center;
  }
  .count_basic .area-list{
    position: absolute;
    top: 26px;
    left: 15px;
    width: 756px;
  }

  .count_basic .business_scope{
    padding-bottom:10px;
  }
  .count_basic .business_scope ul{
    width:100%;
    margin:0;
    margin-left:-10px;
  }
  .count_basic .business_scope ul li{
    position:relative;
    width:auto;
    padding:0 10px;
    margin:0 10px;
    float:none;
    background: #5078cb;
    border-radius:5px;
    text-align: center;
    line-height: 25px;
  }
  .count_basic .business_scope ul li span{
    color:#fff;
  }
  .count_basic .business_scope ul li i{
    position:absolute;
    right:-10px;
    top:-10px;
    cursor:pointer;
    display:inline-block;
    width:20px;
    height:20px;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    color:red;
    border-radius:50%;
    background: #eee;
  }
</style>
<!--右侧主体部分-->
<div class="count user_right fr" ng-click="hideList()">
    <div class="count_center">
        <div class="com_tab">
            <ul class="fl">
                <li ng-class="{'active': tab=='auth'}"><a ng-click="checkTab('auth')">员工管理</a></li>
                <li ng-class="{'active': tab=='bind'}" ng-if="isAdmin"><a ng-click="checkTab('bind')">申请绑定</a></li>
            </ul>
        </div>
        <!-- 人员信息 -->
        <div class="count01 clearfix" ng-if="tab=='auth'">
            <!--<div class="power_title">员工账号及权限管理</div>-->
            <div class="auth-info-header">
                <div class="addUser-group">
                    <!--<i class="fa fa-user-plus fa-fw"></i>-->
                    <div class="addUser-btn" ng-mouseenter="setInSelect(true)" ng-mouseleave="setInSelect(false)">
                        <img src="static/img/vendor/images/addUser.png" alt="">
                        <span>新增用户</span>
                    </div>
                    <div class="addUser-expand" ng-show="inSelect" ng-mouseenter="setInSelect(true)" ng-mouseleave="setInSelect(false)">
                        <div ng-click="setAddingUser(true)">
                            <i class="fa fa-plus-circle"></i>
                            <span>添加未注册用户</span>
                        </div>
                        <div ng-click="addExistUser()">
                            <i class="fa fa-plus-circle"></i>
                            <span>添加已注册用户</span>
                        </div>
                    </div>
                </div>
                <div class="searchUser-group">
                    <span ng-click="onSearch(keyword, filterRole)">搜索</span>
                    <input type="text" ng-keyup="onKeyUpSearch(keyword, filterRole, $event)" ng-model="keyword" placeholder="输入人员姓名/手机/邮箱进行搜索"/>
                    <div>
                        <select ng-model="filterRole" ng-change="onSearch(keyword,filterRole)">
                            <option value="all" selected="selected">全部角色</option>
                            <option ng-repeat="role1 in existRoles.defaults" value="{{role1.id}}" >{{role1.desc}}</option>
                            <option ng-repeat="role2 in existRoles.custom" value="{{role2.id}}" >{{role2.desc}}</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="auth-info-area">
                <form name="newUserForm"></form>
                <table class="role-info" ng-table="tableParams">
                    <thead>
                    <tr>
                        <!-- <th width="64">
                             <lable class="check-act">
                                 <input type="checkbox" id="checkAll" ng-checked="isCheckAll" ng-click="doCheckAll()"/>
                                 <label for="checkAll"></label>
                             </lable>
                             全选</th>-->
                        <!--<th width="143">UU账号</th>-->
                        <th width="101">姓名</th>
                        <!--<th width="67">性别</th>-->
                        <th width="133">手机</th>
                        <th width="207">邮箱</th>
                        <th width="188">商城角色</th>
                        <th width="188">b2b角色</th>
                        <th width="107">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="role-filter" ng-show="addingUser">
                        <!--<td>
                            <lable class="check-act">
                                <input type="checkbox" id="check0"/>
                                <label for="check0"></label>
                            </lable>
                        </td>-->
                        <!--<td>系统生成</td>-->
                        <td>
                            <input type="text" ng-model="newUser.userName" required placeholder="用户名">
                        </td>
                        <!--<td>-->
                            <!--<select ng-model="newUser.userSex" ng-init="newUser.userSex='M'" >-->
                                <!--<option value="M">男</option>-->
                                <!--<option value="F">女</option>-->
                            <!--</select>-->
                        <!--</td>-->
                        <td ng-class="{'has-error': userTelError, 'has-success': userTelSuccess}">
                            <input ng-model="newUser.userTel"
                                   ng-blur="telValid(newUser.userTel)" required name="newUserTel"
                                   ng-pattern="/^1\d{10}$/" type="text" placeholder="手机">
                        </td>
                        <td ng-class="{'has-error': userEmailError, 'has-success': userEmailSuccess}">
                            <input ng-model="newUser.userEmail" ng-pattern="/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/"
                                   name="newUserEmail" type="text"
                                   placeholder="邮箱">
                        </td>
                        <td class="role-tag-area">
                            <span class="role-tag bgcolor-5">普</span>
                        </td>
                        <td class="role-tag-area">
                            <!--<span class="role-tag bgcolor-5">普</span>-->
                        </td>
                        <td class="submit-area">
                            <span ng-click="setAddingUser(false)" >取消</span>
                            <span ng-click="addUser(newUser)">确定</span>
                        </td>
                    </tr>
                    <tr ng-repeat="user in users track by $index">
                        <!-- <td>
                             <lable class="check-act">
                                 <input type="checkbox" id="{{'check1'+$index+1}}" ng-checked="user.checked" ng-click="checkUser(user)"/>
                                 <label for="{{'check1'+$index+1}}"></label>
                             </lable>
                         </td>-->
                        <!--<td>{{user.userUU}}</td>-->
                        <td>{{user.userName}}</td>
                        <!--<td>{{user.userSex != null ? (user.userSex == 'M' || user.userSex == '男' ? '男' : '女') : '-'}}</td>-->
                        <td>{{user.userTel}}</td>
                        <td>{{user.userEmail}}</td>
                        <td class="role-tag-area detail-role-tag">
                            <span ng-repeat="role in user.roles track by $index" ng-if="$index < 6 || user.roles.length == 7" class="role-tag bgcolor-{{role.color || 1}}">{{role.desc.substring(0,1)}}</span>
                            <span class="role-tag bgcolor-6" ng-if="user.roles.length > 7">...</span>
                        </td>
                        <td class="role-tag-area detail-role-tag">
                            <span ng-repeat="role in user.b2bRoles track by $index" ng-if="$index < 6 || user.roles.length == 7" class="role-tag bgcolor-{{role.color || 1}}">{{role.desc.substring(0,1)}}</span>
                            <span class="role-tag bgcolor-6" ng-if="user.roles.length > 7">...</span>
                        </td>
                        <!--<td class="edit-btn-area">
                            <a>编辑 </a><span>|</span><a> 删除</a>
                        </td>-->
                        <td class="edit-btn-area">
                            <!--<a class="operator-trigger" href="javascript:void(0);"><i class="fa fa-pencil fa-lg" ng-show="(userInfo.sys && enterprise.enAdminuu != user.userUU) || users.length == 1"></i></a>-->
                            <div ng-if="user.userUU != userInfo.userUU">  <!--&& enterprise.enAdminuu != user.userUU-->
                                <span ng-click="addVendor(user)" title="客户分配">B2B客户分配</span>
                                <span ng-click="editUserRole(user)" title="角色分配"><i></i>角色分配</span>
                                <span ng-click="setShowDelUserFlag(true, user)" title="删除"><i></i>删除</span>
                            </div>
                            <div ng-if="user.userUU == userInfo.userUU">
                                <span disabled="false" title="客户分配" style="color: #606168; cursor: not-allowed;"><i></i>B2B客户分配</span>
                                <span disabled="false" title="角色分配" style="color: #606168; cursor: not-allowed;"><i></i>角色分配</span>
                                <span disabled="false" title="删除" style="color: #606168; cursor: not-allowed;"><i></i>删除</span>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                    <tbody ng-if="users.length > 0">
                    <tr style="height: 30px;">
                        <td colspan="9" style="border-bottom: none; padding: 0;">
                            <div class="record-line text-right">
                                显示<span ng-bind="pageParam.start || 0"></span>-<span ng-bind="pageParam.end || 0"></span>条，共 <span ng-bind="pageParam.all"></span> 条
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="com-del-box" ng-if="showDelUserFlag">
                <div class="title">
                    <a @click="delFlag=false"><i class="fa fa-close fa-lg" ng-click="setShowDelUserFlag(false)"></i></a>
                </div>
                <div class="content">
                    <p><i class="fa fa-exclamation-circle"></i>确定删除该用户吗？</p>
                    <div><a ng-click="setShowDelUserFlag(false)">取消</a><a ng-click="removeUser(delUser)">确认</a></div>
                </div>
            </div>
        </div>
        <!-- 申请绑定 -->
        <div class="clearfix bind-en" ng-if="tab=='bind'">
            <div class="rt_menu">
                <span class="pull-right"><input type="text" ng-model="searchParams.keyword" ng-keyup="keyUpApply()" class="form-control" placeholder="用户名/手机"/><button class="btn" ng-click="searchApply()">搜索</button> </span></span>
            </div>
            <table class="bind-enter-tab" ng-table="applyToEnterpriseTableParams">
                <thead>
                <tr>
                    <th>用户名</th>
                    <!--<th>UU账号</th>-->
                    <th>手机</th>
                    <th>邮箱</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr class="default-row" ng-repeat="item in content">
                    <td class="user-name" ng-bind="item.user.vipName || '-'"></td>
                    <!--<td ng-bind="item.user.userUU || '-'"></td>-->
                    <td ng-bind="item.user.mobile || '-'"></td>
                    <td ng-bind="item.user.email || '-'"></td>
                    <td>
                        <a class="operate-btn" ng-click="auditApply(1, item.id, item.user.userUU)">同意</a>
                        <a class="operate-btn" ng-click="auditApply(0, item.id, item.user.userUU)">|&nbsp;拒绝</a>
                    </td>
                </tr>
                <tr class="num" ng-if="content && content.length > 0">
                    <td colspan="5">
                        <span class="last-login pull-right">显示<span ng-bind="page.size * (page.number - 1) + 1"></span>-<span ng-bind="page.size * (page.number - 1) + page.numberOfElements"></span>条，共<span ng-bind="page.totalElements"></span>条</span>
                    </td>
                </tr>
                <tr ng-if="!content || !content.length">
                    <td colspan="5" class="grey white">
                        <img src="static/img/all/empty-cart.png">暂无申请信息
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
      </div>
    </div>
</div>
<style>
  .com-del-box {
    position: fixed;
    z-index: 2;
    height: 152px;
    opacity: 1;
    background-color: white;
    width: 310px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    margin: -155px 0 0 -75px;
    top: 55%;
    left: 50%;
  }

  .com-del-box .title {
    height: 30px;
    background-color: #5078cb;
    text-align: right;
    padding-right: 15px;
    line-height: 30px;
  }

  .com-del-box .title a {
    color: white;
    font-size: 16px;
  }

  .com-del-box .content {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  .com-del-box .content p {
    line-height: 50px;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .com-del-box .content p i {
    color: #5078cb;
    font-size: 16px;
    margin-right: 10px;
  }

  .com-del-box .content div {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

  .com-del-box .content div a {
    width: 55px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    font-size: 14px;
  }

  .com-del-box .content div a:first-child {
    background: #b4b5b9;
    color: #333;
    margin-right: 10px;
  }

  .com-del-box .content div a:last-child {
    background: #5078cb;
    color: #fff;
  }

  .com-del-box .content div a:hover {
    background: #3f7ae3;
    color: #fff;
  }
</style>
<div class="com-del-box" style="display: none;">
  <div class="title">
    <a @click="delFlag=false"><i class="fa fa-close fa-lg"></i></a>
  </div>
  <div class="content">
    <p><i class="fa fa-exclamation-circle"></i>是否删除此地址</p>
    <div><a ng-click="">取消</a><a ng-click="">确认</a></div>
  </div>
</div>