<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
import { setAppVueThis } from '@/utils/selectOptionWebsit.js'
export default {
  name: 'App',
  data() {
    return {
      selectOptionWebsitVal: ''
    }
  },
  created() {
    setAppVueThis(this)
  },
  methods: {}
}
</script>

<style lang="scss">
.el-tree {
  .is-current {
    & > div:nth-child(1) {
      & > .custom-tree-node {
        color: #409eff !important;
      }
    }
  }
}
.el-dialog {
  margin-bottom: 15vh !important;
}
.el-dialog__header {
  background: #eef2f8 !important;
}
.el-input {
  .el-button {
    color: #fff !important;
    background-color: #409eff !important;
    border-color: transparent !important;
  }
}
.el-select-dropdown {
  z-index: 999999 !important;
}

.diy-dialog {
  .el-dialog__header {
    padding: 0 !important;
  }
  .el-dialog__headerbtn {
    z-index: 9999999;
  }
  .el-dialog__body {
    padding: 0 !important;
  }
  .box-card {
    margin-bottom: 0 !important;
  }
  .el-table-column--selection {
    .cell {
      padding: 0 10px !important;
    }
  }
  .el-form-item__label {
    padding-bottom: 0 !important;
  }
  .el-table__cell {
    padding: 0 !important;
  }
  .is-center {
    .text-view {
      div {
        width: 100%;
        text-align: center !important;
      }
    }
  }
}
.cartographer {
  .el-dialog__wrapper {
    width: 100% !important;
    height: calc(100% - 5px) !important;
    position: absolute !important;
    top: 5px !important;
  }
  .el-dialog {
    margin: 0 !important;
    width: 100%;
    height: 100%;
  }
  .el-dialog__body {
    width: 100%;
    height: calc(100% - 55px - 58px);
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
  }
  .el-dialog__headerbtn {
    z-index: 99999 !important;
  }
  .el-dialog__footer {
    background: #fff !important;
  }
}
.cartographer_big {
  .el-dialog__wrapper {
    width: 100% !important;
    height: calc(100% - 5px) !important;
    position: absolute !important;
    top: 5px !important;
  }
  .el-dialog {
    margin: 0 !important;
    width: 100%;
    height: 100%;
  }
  .el-dialog__body {
    width: 100%;
    height: calc(100% - 55px);
    position: relative;
    box-sizing: border-box;
    padding: 0px;
    overflow-y: auto;
  }
  .el-dialog__headerbtn {
    z-index: 99999 !important;
  }
  .el-dialog__footer {
    background: #fff !important;
  }
}

.custom-tree-node {
  .el-input__inner {
    border: none !important;
    padding: 0 !important;
    width: auto !important;
  }
}

.el-card__header {
  .el-tabs__header {
    margin-bottom: 0;
    overflow: hidden;
  }
}
.custom-popper11 {
  width: 370px !important;
}
.custom-popper11 .el-picker-panel {
  max-width: 100vw !important;
  max-height: 100vh !important;
  overflow: auto !important;
  position: fixed !important;
  z-index: 9999 !important;
}

.el-picker-panel__body-wrapper {
  max-height: 80vh !important; /* 适当减小高度以避免溢出 */
  overflow-y: auto !important;
}
.el-dialog__headerbtn {
  top: 10px !important;
}
</style>
