@import "./mixins.scss";

// 图片容器图片自适应居中
.j-img-box {
  .j-auto-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}

// 文件图片
.j-img-icon {
  background-repeat: no-repeat;
  background-position: center center;

  &.j-img-ai {
    background-image: url("#{$--cdn-images}/uploadFile/i_ai_big.png");
  }

  &.j-img-cdr {
    background-image: url("#{$--cdn-images}/uploadFile/i_cdr_big.png");
  }

  &.j-img-doc {
    background-image: url("#{$--cdn-images}/uploadFile/i_doc_big.png");
  }

  &.j-img-flv {
    background-image: url("#{$--cdn-images}/uploadFile/i_video_big.png");
  }

  &.j-img-folder {
    background-image: url("#{$--cdn-images}/uploadFile/i_folder_big.png");
  }

  &.j-img-id {
    background-image: url("#{$--cdn-images}/uploadFile/i_id_big.png");
  }

  &.j-img-pdf {
    background-image: url("#{$--cdn-images}/uploadFile/i_pdf_big.png");
  }

  &.j-img-pic {
    background-image: url("#{$--cdn-images}/uploadFile/i_pic_big.png");
  }

  &.j-img-ppt {
    background-image: url("#{$--cdn-images}/uploadFile/i_ppt_big.png");
  }

  &.j-img-psd {
    background-image: url("#{$--cdn-images}/uploadFile/i_psd_big.png");
  }

  &.j-img-txt {
    background-image: url("#{$--cdn-images}/uploadFile/i_txt_big.png");
  }

  &.j-img-unknow {
    background-image: url("#{$--cdn-images}/uploadFile/i_unknow_big.png");
  }

  &.j-img-video {
    background-image: url("#{$--cdn-images}/uploadFile/i_video_big.png");
  }

  &.j-img-voice {
    background-image: url("#{$--cdn-images}/uploadFile/i_voice_big.png");
  }

  &.j-img-wav {
    background-image: url("#{$--cdn-images}/uploadFile/i_voice_big.png");
  }

  &.j-img-xls {
    background-image: url("#{$--cdn-images}/uploadFile/i_xls_big.png");
  }

  &.j-img-zip {
    background-image: url("#{$--cdn-images}/uploadFile/i_zip_big.png");
  }
}

// 占位图
.j-not-data {
  @include center;
  flex-direction: column;

  > div {
    width: 160px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;

    &.j-art {
      background-image: url("#{$--cdn-images}/common/pic_none_art.png");
    }

    &.j-data {
      background-image: url("#{$--cdn-images}/common/pic_none_data.png");
    }

    &.j-hostory {
      background-image: url("#{$--cdn-images}/common/pic_none_hostory.png");
    }

    &.j-menu {
      background-image: url("#{$--cdn-images}/common/pic_none_menu.png");
    }

    &.j-permission {
      background-image: url("#{$--cdn-images}/common/pic_none_permission.png");
    }

    // 切图导致的类名拼写错误，为保证向下兼容，不能删除
    &.j-sreach,
    &.j-search {
      background-image: url("#{$--cdn-images}/common/pic_nothing.png");
    }

    &.j-student {
      background-image: url("#{$--cdn-images}/common/pic_none_student.png");
    }

    &.j-trail-notice {
      background-image: url("#{$--cdn-images}/common/pic_none_trail_notice.png");
    }
  }

  p {
    padding-top: 15px;
    @include removeSpace($--font-xs);
    color: $--color-c2;
    padding-bottom: 0;
    margin: 0;
  }
}

// 导入导出类名
.j-gif-style {
  @include center;
  flex-direction: column;
  width: 308px;
  height: 174px;
  background-color: $--color-c5;

  > div {
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    width: 160px;
    height: 82px;

    &.importing {
      background-image: url("#{$--cdn-images}/common/importing.gif");
    }

    &.import-success {
      background-image: url("#{$--cdn-images}/common/import-success.gif");
    }

    &.phoning {
      background-image: url("#{$--cdn-images}/common/loading.gif");
    }

    &.phone-fail {
      background-image: url("#{$--cdn-images}/common/loading_fail.gif");
    }

    &.phone-success {
      background-image: url("#{$--cdn-images}/common/loading_success.gif");
    }

    &.copying {
      background-image: url("#{$--cdn-images}/common/copy.gif");
    }

    &.copy-fail {
      background-image: url("#{$--cdn-images}/common/copy_fail.gif");
    }

    &.copy-success {
      background-image: url("#{$--cdn-images}/common/copy_success.gif");
    }

    &.sketching {
      background-image: url("#{$--cdn-images}/common/sketch.gif");
    }

    &.sketch-fail {
      background-image: url("#{$--cdn-images}/common/sketch_fail.gif");
    }

    &.sketch-success {
      background-image: url("#{$--cdn-images}/common/sketch_success.gif");
    }
  }

  p {
    @include removeSpace($--font-s);
    text-align: center;
  }
}