platform-b2c/src/main/webapp/resources/view/sso/ssoInfo.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{
        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;
    }
    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: 15px;
    }
    .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;
    }
    .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;
    }
    .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 {
        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: 40px;
    color: #666;
    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;
  }
  .com_tab ul li{
    margin-left: 0px;
    position: relative;
  }
  .com_tab ul li.active a{
    border-bottom: #fff;
    background: #5078cb;
    color: #fff;
  }
  .com_tab ul li::after{
    background: url('static/img/vendor/images/downicon.png');
    width: 11px;
    height: 6px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    content: ' ';
    margin-left: -5px;
    display: none;
  }
  .com_tab ul li.active:after{
    display: block
  }
</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;
  }
    .count .basic_title{
        background: #ecf2fd;
    }
  .count .basic_title span{
      margin-left:30px;
  }
  .count .count_basic > ul{
      margin-left:30px;
  }
</style>
<!--右侧主体部分-->
<div class="count user_right fr" ng-click="hideList()">
    <!--安全设置-->
    <div class="count_center">
        <div class="count_list">
            <!-- 基本信息-->
            <div style="background: #fff">
                <div class="count01" style="margin-bottom: 0 !important;">
                    <div class="count_basic">
                        <p class="basic_title"><span>企业信息</span>
                            <!--<span class="fr"><a href="#">修改</a><a href="#">提交</a><a href="#">删除</a></span>-->
                            <span class="fr">
                                <button ng-if="!updateState"  ng-click="changeToUpdate(true)">修改</button>
                                <button ng-if="updateState"  ng-click="saveUpdate()">保存</button>
                                <button ng-if="updateState" ng-click="changeToUpdate(false)" style="color: #f00">取消</button>
                            </span>
                    </p>
                <ul>
                  <li>
                    <div class="fl">企业名称</div>
                    <div class="fr"><span
                        ng-bind="enterpriseInfo.enName || '暂无信息'"></span>
                    </div>
                  </li>
                  <!--<li>
                    <div class="fl">企业简称</div>
                    <div class="col-sm-10" ng-if="updateState"><input type="text" class="form-control"
                                                                      title="企业简称"
                                                                      ng-disabled=" !updateState"
                                                                      ng-model="enterpriseInfo.enShortname"/>
                    </div>
                    <div class="fr" ng-if="!updateState"><span
                        ng-bind="enterpriseInfo.enShortname || '暂无信息'"></span></div>
                  </li>-->
                  <!--<li>
                      <div class="fl">营业执照</div>
                      <div class="fr"><img src="static/img/vendor/images/company_zz.jpg" alt=""></div>
                  </li>-->
                  <li>
                    <div class="fl">营业执照号</div>
                    <div class="fr"><span
                        ng-bind="enterpriseInfo.enBussinessCode || '暂无信息'"></span></div>
                  </li>
                  <li>
                    <div class="fl">注册地址</div>
                    <div class="col-sm-10" ng-if="updateState"><input type="text" class="form-control"
                                                                      title="企业地址"
                                                                      ng-disabled="enterpriseInfo.enValidCode == 2"
                                                                      ng-model="enterpriseInfo.enAddress"/>
                    </div>
                    <div class="fr" ng-if="!updateState"><span
                        ng-bind="enterpriseInfo.enAddress || '暂无信息'"></span></div>
                  </li>
                  <li>
                    <div class="fl">官网地址</div>
                    <div class="col-sm-10" ng-if="updateState"><input type="text" class="form-control"
                                                                      title="官网地址"
                                                                      ng-disabled=" !updateState"
                                                                      ng-model="enterpriseInfo.enUrl"/>
                    </div>
                    <div class="fr" ng-if="!updateState"><span
                        ng-bind="enterpriseInfo.enUrl || '暂无信息'"></span></div>
                  </li>
                  <li>
                    <div class="fl">所属行业</div>
                    <div class="col-sm-10" ng-if="updateState">
                        <div class="content" ng-mouseenter="enterInput()"  ng-mouseleave="leaveInput()">
                          <input ng-model="enterpriseInfo.enIndustry" title="所属行业" ng-disabled=" !updateState"
                                 class="area-bg form-control input-xs" type="text"
                                 ng-click="selectProfession()">
                          </input>
                        </div>

                        <div ng-show="showProfession" ng-mouseenter="enterList()" ng-mouseleave="leaveList()" class="area-list">
                            <div class="choose-body">
                              <div class="choose-item">
                                <ul class="list-unstyled">
                                  <li ng-repeat="(key, value) in profession[0]" ng-class="{active: key == active[0]}">
                                    <a ng-click="onItemClick(key, 0, value)">
                                      <span style="width: 90%;overflow: hidden; white-space: nowrap; float: left">{{key}}</span>
                                      <span class="caret" ></span>
                                    </a>
                                  </li>
                                </ul>
                              </div>
                            </div>
                            <div class="choose-body" ng-show="profession[1]">
                              <div class="choose-item">
                                <ul class="list-unstyled">
                                  <li ng-repeat="(key, value) in profession[1]" ng-class="{active: key == active[1]}">
                                    <a ng-click="onItemClick(key, 1, value)">
                                      <span style="width: 90%;overflow: hidden; white-space: nowrap; float: left">{{key}}</span>
                                      <span ng-show="!isString(value)" class="caret" ></span>
                                    </a>
                                  </li>
                                </ul>
                              </div>
                            </div>
                            <div class="choose-body" ng-show="profession[2]" style="border-left:0;">
                              <div class="choose-item">
                                <ul class="list-unstyled">
                                  <li ng-repeat="(key, value) in profession[2]" ng-class="{active: key == active[2]}">
                                    <a ng-click="onItemClick(key, 2, value)">
                                      <span style="width: 90%;overflow: hidden; white-space: nowrap; float: left">{{key}}</span>
                                      <span ng-show="!isString(value)" class="caret" ></span>
                                    </a>
                                  </li>
                                </ul>
                              </div>
                            </div>
                            <div class="choose-body" ng-show="professionArray.length > 0" style="border-left:0;">
                              <div class="choose-item">
                                <ul class="list-unstyled">
                                  <li ng-repeat="value in professionArray" ng-class="{active: false}">
                                    <a ng-click="onItemClick(null, -1, value)" style="white-space: nowrap">{{value}}</a>
                                  </li>
                                </ul>
                              </div>
                            </div>
                        </div>
                    </div>
                    <div class="fr" ng-if="!updateState"><span ng-bind="enterpriseInfo.enIndustry || '暂无信息'"></span></div>
                  </li>
                  <li>
                    <div class="fl">经营范围</div>
                    <div class="col-sm-10">
                      <div class="business_scope">
                        <ul class="list-inline">
                          <li ng-repeat="(key, value) in enBusinessScope track by $index"><span>{{value}}</span><i ng-if="updateState" class="fa fa-close" ng-click="clearBusinessScope(key)"></i></li>
                          <li ng-if="enBusinessScope.length === 0"><span>无标签信息</span></li>
                        </ul>
                      </div>
                      <div class="input-group" style="width:50%;" ng-if="updateState">
                        <input class="form-control"
                               ng-model="_scope.businessScope"
                               maxlength="10"
                               placeholder="请输入不大于10个字符" type="text"/>
                        <div class="input-group-addon" ng-click="addBusinessScope(businessScope)">
                          <span>添加标签</span>
                        </div>
                      </div>
                    </div>
                  </li>
                   <!-- <li>
                        <div class="fl">企业简介</div>
                        <div class="col-sm-10" ng-if="updateState">
                            <textarea class="form-control" style="border-radius: inherit;resize: none;height: 200px;" title="description" ng-model="enterpriseInfo.description" maxlength="500" required></textarea>
                        </div>
                        <div class="fr" ng-if="!updateState"><span
                                ng-bind="enterpriseInfo.description || '暂无信息'"></span></div>
                    </li>-->
                </ul>
                <!--<div class="deal-btn" ng-if="userInfo.sys">-->
                <!--<button type="button" class="edit btn btn-primary" ng-if=" !updateState"  ng-click="changeToUpdate(true)">修改</button>-->
                <!--<button type="button" class="edit btn btn-primary" ng-if=" updateState"  ng-click="saveUpdate()">保存</button>-->
                <!--<button type="button" class="off btn btn-primary" ng-if="updateState" ng-click="changeToUpdate(false)">取消</button>-->
                <!--</div>-->
              </div>
              <!--管理员信息-->
              <div class="count_basic">
                <p class="basic_title"><span>管理员信息</span>
                  <!--<span class="fr"><a href="#">修改</a><a href="#">提交</a><a href="#">删除</a></span>-->
                </p>

                <ul>
                  <li>
                    <div class="fl">姓&nbsp;&nbsp;名</div>
                    <div class="fr"><span ng-bind="adminInfo.userName || '暂无信息'"></span></div>
                  </li>
                  <!--<li>
                      <div class="fl">身份证件号</div>
                      <div class="fr"><span><input type="text" class="input02" placeholder="例如：36012199920025665" ></span></div>
                  </li>-->
                  <!--<li>
                      <div class="fl">手持证件照</div>
                      <div class="fr">
                          <div class="card_photo">
                              <span class="fl"><img src="static/img/vendor/images/card_img.png"/></span>
                              <span class="fr"><a href="#"><img src="static/img/vendor/images/card_load.jpg"/></a><input type="file"></span>
                          </div>
                      </div>
                  </li>-->
                  <li>
                    <div class="fl">手机号</div>
                    <div class="fr"><span ng-bind="adminInfo.userTel || '暂无信息'"></span></div>
                  </li>
                  <!--<li>
                      <div class="fl">手机验证码</div>
                      <div class="fr">
                          <input type="text" class="yzm01" placeholder="输入验证码">
                          <a href="###" class="getyzm01">获取验证码<span></span></a>
                      </div>
                  </li>-->
                  <li>
                    <div class="fl">邮箱</div>
                    <div class="fr"><span ng-bind="adminInfo.userEmail || '暂无信息'"></span></div>
                  </li>
                  <!--<li>
                      <div class="fl">QQ号</div>
                      <div class="fr"><span><input type="text" class="input02" placeholder="例如：1323232323" ></span></div>
                  </li>
                  <li>
                      <div class="fl">居住地址</div>
                      <div class="fr"><span class="map"><i class="icon-map-marker"></i><input type="text" class="input02" placeholder="填写总部所在地详细地址" ></span></div>
                  </li>-->
                </ul>
              </div>
            </div>
          </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>