<template>
  <router-view/>
</template>

<script setup>
import useSettingsStore from '@/store/modules/settings'
import {handleThemeStyle} from '@/utils/theme'

onMounted(() => {
  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme)
  })
})
</script>
<style lang="scss">
//自定义样式覆盖el-table
.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {
  background-color: var(--el-color-primary-light-9) !important;
}

//自定义搜索加载动画
.other-search-enter-from, .other-search-leave-to {
  opacity: 0;
  transform: translateX(20px);
}

.other-search-enter-active {
  transition: all .5s;
}

.other-search-leave-active {
  transition: all .6s;
}

.el-dialog {
  .task-title {
    height: 30px;
    font-weight: 900;
  }

  .custom-block {
    padding: 8px 16px;
    background-color: rgba(var(--el-color-primary-rgb), .1);
    border-radius: 4px;
    border-left: 5px solid var(--el-color-primary);
    margin-top: 16px;
  }

  .draggable-group {
    height: calc(100% - 30px);
    overflow-y: auto;
    border: 1px solid #e7eaec;
    border-radius: 4px;

    .dragClass {
      background-color: rgba(var(--el-color-primary-rgb), .1);
    }

    .list-group-item {
      border-bottom: none;
      cursor: pointer;
      padding: 10px 20px;
      font-size: 14px;
      display: flex;
      align-items: center;
      user-select: none;

      i {
        margin-right: 5px;
      }

      &:hover {
        background-color: rgba(var(--el-color-primary-rgb), .1);
      }

      &:last-child {
        border-bottom: none;
      }

      &:first-child {
        border-top: none;
      }
    }
  }

  &.file-upload {
    .el-upload {
      border: 1px dashed var(--el-border-color);
      border-radius: 6px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transition: var(--el-transition-duration-fast);
    }
  }

  .el-dialog__body {
    .file-uploader {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  }
}

.test-log {
  .el-drawer__body {
    padding: 0;
    padding-right: 30px;
  }
}

.test-config {
  .el-drawer__header {
    margin-bottom: 20px;
  }

  .el-drawer__body {
    padding: 0 20px;
  }
}
</style>
