<template>
  <!--  <el-config-provider :locale="locale">-->
  <router-view />
  <!--  </el-config-provider>-->

  <reset-pwd ref="resetPwdRef" />
</template>

<script setup>
import useSettingsStore from '@/store/modules/settings'
import { handleThemeStyle } from '@/utils/theme'
import { nextTick, onMounted, watch } from 'vue'
import useUserStore from '@/store/modules/user'
import ResetPwd from '@/views/system/user/profile/components/resetPwd'
import { getCurrentInstance } from '@vue/runtime-core'
// import { ElConfigProvider } from 'element-plus'
// import locale from 'element-plus/lib/locale/lang/zh-cn'

const userStore = useUserStore()
const { proxy } = getCurrentInstance()

onMounted(() => {
  document.body.style.setProperty('--el-color-primary', '#453DEA')
  // 鼠标移动到按钮上方时显示的颜色，默认蓝色，可以和primary设置的颜色不一样
  document.body.style.setProperty('--el-color-primary-light-3', '#8623FC')

  document.body.style.setProperty('--el-color-success', '#29c490')
  document.body.style.setProperty('--el-color-success-light-3', '#54d0a6')
  // danger
  document.body.style.setProperty('--el-color-danger', '#d51515')
  document.body.style.setProperty('--el-color-danger-light-3', '#d44')
  // warning
  document.body.style.setProperty('--el-color-warning', '#e6a23c')
  document.body.style.setProperty('--el-color-warning-light-3', '#ebb563')

  nextTick(() => {
    // 初始化主题样式
    handleThemeStyle(useSettingsStore().theme)
  })
})

watch(() => userStore.user?.changePassFlag, (val) => {
  if (val === '1') {
    proxy.$modal.confirm('密码长期未更新，请及时更新').then(() => {
      proxy.$refs['resetPwdRef'].open()
    })
  }
})

</script>
<style lang="scss">
.app-container{
  background-color: #F5F7F9;
  padding:20px;
  min-height: calc(100vh - 85px);
}

/* 搜索栏 */
.from-Card{
  background-color: #fff;
  padding: 20px;
}
.btn-card{
  padding: 20px;
  background: #fff;
  border-radius: 10px;

}
/* 表格 */
.table{
  background-color: #fff;
  padding:0 20px 10px;
  position: relative;

}

.box{
  background: #fff;
  border-radius: 5px;
  padding: 10px;
}

/* 分页 */
.foot{
  background-color: #fff;
  height: 50px;
}


.btn-top{
  margin-top: 10px;
}
.el-table{
  background: url("@/assets/admin/tableBg.png") #F5FBFE no-repeat top;
  background-color:#F5FBFE!important;
  background-size: 750px;
  --el-bg-color:#F5FBFE;
  --el-table-border-color:#e1e4ec;
  --el-fill-color-blank:transparent;
  --el-fill-color-light:#fff;
}

// 审核通过添加背景色
.success-row{
  --el-table-tr-bg-color:  rgba(41, 196, 144,.15);
}

.totalCost{
  font-weight: 700;
  font-size: 16px;
  margin-top: 10px;
  position: absolute;
  bottom: 30px;
  left: 20px;
  z-index: 999;

  span{
    color: orange;
    margin-right: 20px;
  }

}

// 禁选背景色
.disabled-row{
  --el-table-tr-bg-color:  rgba(36, 37, 37,0.1);
}
</style>