@import "../base/fonts";
/**
  * @Time 2019/11/11
  * @Author Tx
  * @Description 系统设置模块-修正页面样式
  */
@mixin setStyleAframeSystem($project) {

  /******角色权限****/
  .mta-RolePermissions {
    .addRoleDLWrap{
      //新增弹窗- 管理权限 box
      .el-form-item{width: 100%;}
      .RolePerDL-box {
        height: 300px;
        width: 100%;
        border: 1px solid #DCDFE6;
        border-radius: 4px;
        margin-top: 5px;
        padding: 10px 5px;
        overflow: auto;
      }
    }
    .el-row-height{height: 400px}
    @media screen and (max-height: 800px){
      .el-row-height{height: 360px}
      .addRoleDLWrap{
        .RolePerDL-box {
          height: 280px;
          margin-top: 4px;
          padding: 8px 0;
        }
        .mta-formFieldset fieldset{
          padding-bottom: 5px;
        }
      }
    }
    @media screen and (max-height: 700px){
      .el-row-height{height: 330px}
      .addRoleDLWrap{
        .RolePerDL-box {
          height: 260px;
          margin-top: 2px;
          padding: 5px 0;
        }
        .mta-formFieldset fieldset{
          padding-bottom: 2px;
        }
      }
    }
  }
  /***** 用户管理范围 ******/
  .mta-UserPermission {
    .treeWrap {
      flex: 1;
      display: flex;
      overflow: auto;
      max-height: 300px;

      .el-tree {
        flex: 1;
      }
    }
  }
  /***** 租户配置 ***********/
  .mta-TenantConfig {
    //img-box
    .mta-grid-box-image {
      position: relative;
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      margin-right: 50px;

      .aliUpload-note-word{
        width: 20px;
        height: 20px;
        background-image: url("../../../assets/images/icons/note-word.svg");
        position: absolute;
        right: 10px;
        top: 0px;
        background-position: center;
        background-repeat: no-repeat;
      }
      .picture-size-h5{
        margin: 6px 0;
      }
      .delete-btn{
        width: 140px;
        margin: 0 20px;
      }
    }
    .management-content-wrap {

        .first-title-div {
          margin-bottom: 10px;
        }

      .mta-grid-box {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;

        p {
          margin-top: 0;
          margin-bottom: 0;
          @include setFontBase(-2);
        }

      }

      .box-top {
        margin-top: 20px;
      }
      //底部输入区域
      .mta-grid-box2 {

        > div {
          display: flex;
          flex-direction: row;
          margin-bottom: 20px;

          > span {
            width: 140px;
            line-height: 40px;
            text-align: right;
            padding-right: 4px;
            @include setFontBase(-2);
          }
        }
      }
      //el-tab
      .el-tab-pane.first-pane {
        height: calc(100vh - 310px);
        overflow: auto;

        .el-row {
          margin-bottom: 20px;
        }
      }

      .tenantConfig-btn-box {
        text-align: center;
      }

      > div {
        height: calc(100vh - 240px);
        overflow: hidden;
      }
    }

    //首页banner-box
    .index-banner-row{
      display: flex;
    }
    .index-banner-box{
      margin-right: 50px;
    }
    .img-chose-box{
      width: 180px;
      height: 180px;
      margin-bottom: 2px;
      border: 1px dashed #d9d9d9;
      border-radius: 6px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      img{
        max-width: 100%;
        height: auto;
        display: block;
      }
    }

    .el-tabs__content {
      max-height: calc(100vh - 90px);
      overflow: auto;
    }

    .el-checkbox__input.is-checked + .el-checkbox__label {
      @include setThemeColorBase("color",1);
    }
    /***宽度响应式***/
    @media screen and (max-width: 1440px){
      .management-content-wrap {
        //p文字
        .mta-grid-box {
          p {
            @include setFontBase(-4);
            min-width: 160px;
            white-space: nowrap;
          }
          .mta-grid-box-image {
            margin-right: 30px;
            .delete-btn{
              width: 100px;
            }
            p {
              min-width: 160px;
              white-space: nowrap;
            }
          }
        }
        .mta-grid-box2 {

          > div {
            margin-bottom: 10px;
            //input框前文字
            > span {
              line-height: 36px;
              @include setFontBase(-4);
            }
            //input框
            .el-input{
              .el-input__inner{
                height: 36px;
                line-height: 36px;
                @include setFontBase(-7);
              }
            }
          }
          //单选按钮文字
          .el-radio__label{
            @include setFontBase(-7);
          }
        }
        //保存按钮
        .tenantConfig-btn-box{
          .el-button{@include setFontBase(-7);}
        }
        //el-row
        .el-tab-pane.first-pane .el-row{
          margin-bottom: 10px;
        }
        //上传文件框大小
        .mta-image .avatar-uploader-icon{
          width: 140px;
          height: 140px;
          line-height: 140px;
        }
    }
      //首页banner-box
      .index-banner-box{
        margin-right: 55px;
      }
      .img-chose-box{
        width: 140px;
        height: 140px;
      }
    }
    /***高度响应式***/
    @media screen and (max-height: 800px) {
      .management-content-wrap {
        padding: 10px 10px 5px;
        > div {
          height: calc(100vh - 215px);
        }
        //主要区域高度
        .el-tab-pane.first-pane{
          height: calc(100vh - 255px);
        }
      }
    }
  }
  /*****角色菜单绑定*****/
  .mta-formFieldset {
    .bt_legend i {
      @include setThemeColorBase("background-color",1);
    }

    .el-checkbox__input.is-checked + .el-checkbox__label {
      @include setThemeColorBase("color",1);
    }
  }
  //  describe: 权限配置 author: Wgy date:2019-11-25
  .mta-accessConfig {

    .addRoleDLWrap{
      //新增弹窗- 管理权限 box
      .response-title{
        margin-top: 15px;
      }
      .RolePerDL-box {
        height: 50px;
        width: 100%;
        border: 1px solid #DCDFE6;
        border-radius: 4px;
        margin-top: 5px;
        padding: 10px 5px;
        overflow: auto;
      }
    }
    .accessConfig-dialog{
      .el-input{width: 180px;}
    }
  }
}


