<!--
 * @Author: 李佐宁 lizuoning@yuan-info.com
 * @Date: 2022-07-05 16:20:25
 * @LastEditors: 曹文丽
 * @LastEditTime: 2023-09-01 18:15:20
-->
<template>
  <el-config-provider :locale="locale">
    <router-view></router-view>
  </el-config-provider>
</template>

<script setup lang="ts">
import { ElConfigProvider } from "element-plus";
import zhCn from "element-plus/lib/locale/lang/zh-cn";
import { mapMapping } from "@/assets/map/provinceData";
const mapData = mapMapping();
const locale = zhCn;
if (mapData) {
  document.body.id = mapData.en;
  if (mapData.bgTransparent) {
    document.body.classList.add("transparent");
  }
}
</script>

<style>
#shandong .ya-bg-color {
  background-image: url("@/assets/image/screen_bg.png");
}

body.transparent,
body.transparent .ya-bg-color {
  background: transparent !important;
}

.ya-page-container {
  margin-bottom: 5px !important;
}
</style>

<style lang="scss">
body {

  // background-image: url('./themebg.jpg');
  // background-size: 100% 100%;
  .el-popper.is-dark.ya-form-label-tooltip {
    max-width: 250px;
  }

  // 隐藏删除图标
  .el-message-box__status.el-message-box-icon--error {
    display: none;
  }

  .el-message-box__status+.el-message-box__message {
    padding: 0;
  }
}

.el-notification.ya-notify {
  --el-notification-width: 460px;
  --el-notification-padding: 24px 24px 16px 24px;
  --el-notification-title-color: rgba(255, 255, 255);
  --el-notification-radius: 2px;

  .el-notification__title {
    font-weight: 500;
    color: #fff;
  }

  .ya-change-pwd-notify-content {
    display: flex;
    flex-direction: column;

    .top {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.65);
      font-weight: 400;
      display: inline-flex;

      .change-pwd-text {
        display: inline-flex;
        color: #0095ff;
        text-decoration: underline;
        cursor: pointer;
      }
    }

    .bottom {
      margin-top: 24px;
      display: flex;
      flex-direction: row-reverse;
    }
  }
}

.custom-upload-tip {
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  background: rgba(0, 149, 255, 0.08);
  border-radius: 3px;
}

.custom-upload-tip .custom-upload-tip-icon {
  font-size: 16px;
  color: #0095ff;
  margin-right: 4px;
  margin-top: 2px;
}

.custom-upload-tip .custom-upload-tip-right p {
  line-height: 22px;
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 14px;
  color: #fff !important;
}

.custom-upload-tip .custom-upload-tip-right .download-template {
  display: inline-flex;
  width: auto;
  height: 18px;
  text-align: center;
  cursor: pointer;
  color: #0095ff;
  border-bottom: 1.5px solid #0095ff;
}

.custom-upload-block {
  width: 100%;
  margin-top: 16px;
}

.el-range-editor.el-input__wrapper {
  background-color: transparent;
}

.el-range-editor.el-input__wrapper:hover {
  box-shadow: 0 0 0 1px #0095ff inset !important;
}

// demo 测试代码 基础组件库后面删除
#anhui {
  .ya-layout .ya-page-container {
    margin: 16px;
  }

  .LatestSecurityEventsDialog {
    width: 1187px;

    border: 1px solid #44829c;

    .el-dialog__header {
      border-color: #44829c;
    }

    .el-dialog__body {
      padding: 0;
      max-height: unset;
    }

    .custom-dialog-content {
      position: initial;
      padding: 0 0 120px 0;
      height: auto;

      .custom-dialog-content-top {
        padding: 64px 59px 23px;
      }

      .custom-dialog-content-center {
        border: none;

        .table {
          margin: 0 33px;

          .dialog-value {
            width: 337px;
          }
        }

        .table,
        .dialog-label,
        .dialog-value {
          border-color: #44829c;
        }
      }
    }
  }

  .DistributionSecurityIncidentsDialog {
    .custom-dialog-content {
      position: inherit;
      width: auto;
    }
  }

  .attackTopThree .ya-item {
    background-image: url("@/assets/image/screen/icon_cyclinder_anhui.png");
  }

  .chart-box .ya-chart-map .ya-box-bg {
    background-image: url("@/assets/image/screen/icon_map_bg_anhui.png");
  }

  .top-content {
    .custom-round-tab {
      &::before {
        height: 0;
      }
    }

    .ya-content {
      .ya-card {
        border: none;

        .title-box {
          border: none;
          background-color: transparent;
        }
      }
    }
  }

  .commonCard {
    border: 1px solid #44829c;
    background: none;
    box-shadow: none;
    padding: 0;

    .title-box {
      background: none;
      padding: 10px 16px;
      border-bottom: 1px solid #44829c;
      background: #233460;
      height: 46px;
      box-sizing: border-box;
      align-items: center;

      .title {
        margin-left: 0;
        border: none;
        height: auto;
        background: none;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #5fc8db;
        text-shadow: none;
      }
    }

    .unit {
      color: #5fc8db;

      .untit-bottom {
        height: 0;
      }
    }

    .title-center,
    &.ya-ddos .title-center {
      padding: 0 16px 16px;
    }
  }

  .custom-screen-container .custom-screen-content .left {
    padding: 0;
  }

  .yaLeft-item {
    .ya-center {
      .ya-center-left {
        .ya-label {
          span {
            background: #088489;
            color: #9ef7fa;
          }
        }
      }
    }
  }

  .ya-border {
    border-color: #9ef7fa !important;
  }

  .ya-icon {
    color: #9ef7fa;
  }

  .is-checked {
    --el-switch-on-color: #088489 !important;
  }

  .dialog-content {
    .el-dialog {
      border: 1px solid #44829c;

      .el-dialog__body {
        padding: 0;
      }

      .ya-dialog-title {
        font-size: 16px;
        color: #5fc8db;
        padding: 12px 15px;
        background: #233460;
        border-bottom: 1px solid #44829c;
      }

      .el-dialog__footer {
        .is-plain {
          background: rgba(216, 216, 216, 0);
          border: 1px solid #049da3;
          color: #0adde5;
        }
      }
    }
  }

  .icon-tishi {
    color: #5fc8db;
  }

  .el-drawer .el-drawer__header .el-drawer__title {
    color: #5fc8db;
  }

  .block {
    .scope-box {
      .scope-box-item {
        .top {
          .name {
            // color: #ffffff;
          }

          .count {
            // color: #acaab2;
          }
        }

        .progress-bar {
          // margin-bottom: 2px;
        }
      }
    }
  }

  .jasper-circle-name {
    color: #fff;
  }

  .otherTwo-progress-bar-box {
    .otherTwo-progress-bar-box-number {
      margin-left: 0;
    }
  }

  .progress .progress-bar-box {
    padding: 12px 0;
    background: none;
    border: none;
  }

  .custom-screen-block {
    .safe-block-height6 {
      .attack-box-item {
        .name {
          color: #fff;
        }
      }
    }

    .module-block-center-flex {
      .left {
        .name {
          color: #fff;

          .count {
            color: #acaab2;
          }
        }
      }
    }
  }

  .safe-block-height2 {
    .overall-dis-box {
      .ya-box {
        .item-box {
          .name {
            color: #fff;
          }
        }
      }
    }
  }

  .warn-view-content-item-flex-down-text {
    color: #74f8fd;
  }

  .searchcontent {
    .active {
      border-bottom-color: #74f8fd;
    }
  }

  // 日期控件样式
  .custom-switch-box1 {
    border: none;
    background: none !important;

    // margin-top: 9px;
    .custom-round-tab-item {
      background: #2d3b6d;
      border: 1px solid #68d9e4;
      color: #74f8fd !important;
      box-sizing: border-box;
      // margin-left: 15px;
    }

    .ya-primary-bg-color {
      background: none !important;
    }
  }

  // 僵尸事件分析样式
  // .custom-row-item-height {
  //   border: 1px solid;
  // }
  .domain-tampering-attack-page .data-chose {
    margin-bottom: 16px;
  }
}

.ya-parmty-color {
  color: rgba(140, 236, 255, 1) !important;
}

.ya-text-color {
  color: #9aefff !important;
}</style>
