<!--
|
* @Description:
|
* @Version: 2.0
|
* @Autor: wuyun
|
* @Date: 2024-06-21 09:37:45
|
* @LastEditors: wuyun
|
* @LastEditTime: 2024-09-06 16:45:02
|
-->
|
<template>
|
<el-config-provider :locale="lang">
|
<router-view v-if="isRouterAlive"></router-view>
|
</el-config-provider>
|
</template>
|
<script setup lang="ts">
|
// import zhCn from 'element-plus/lib/locale/lang/zh-cn'
|
import zhCn from 'element-plus/es/locale/lang/zh-cn'
|
import * as echarts from 'echarts'
|
import { provide } from 'vue'
|
import { useUserInfo } from '@/stores/modules/userInfo'
|
const userStore = useUserInfo()
|
provide('echarts', echarts)
|
|
const lang = zhCn
|
const isRouterAlive = ref(true)
|
const reload = () => {
|
isRouterAlive.value = false
|
nextTick(() => {
|
isRouterAlive.value = true
|
})
|
}
|
provide('reload', reload)
|
|
setInterval(() => {
|
// 这个判断代表登录成功后才开始写入时间
|
if(userStore.getAdminToken) {
|
localStorage.setItem('lastRecordTime', new Date().getTime().toString())
|
}
|
}, 1000)
|
</script>
|
<style lang="scss">
|
@use './styles/vars.scss';
|
|
#app {
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
-webkit-font-smoothing: antialiased;
|
-moz-osx-font-smoothing: grayscale;
|
text-align: center;
|
color: #2c3e50;
|
margin-top: 60px;
|
}
|
|
.el-dialog {
|
display: flex;
|
flex-direction: column;
|
margin: 0 !important;
|
position: absolute;
|
top: 50%;
|
left: 50%;
|
transform: translate(-50%, -50%);
|
}
|
|
.el-dialog__body {
|
padding-top: 5px !important;
|
}
|
.videoResetDialog{
|
.el-dialog__body {
|
display: flex;
|
align-items: center !important;
|
justify-content: center !important;
|
}
|
}
|
.resetDialog {
|
width: 90vw !important;
|
height:89.5vh !important;
|
background-color: transparent !important;
|
box-shadow: none !important;
|
|
.el-dialog__body {
|
overflow: auto;
|
height: 100%;
|
background-color: #2f2e2e;
|
padding: 0 !important;
|
}
|
.el-dialog__header {
|
margin-right: 0;
|
padding: 10px 0px 10px 10px !important;
|
background-color: #006bb8;
|
.el-dialog__title {
|
color: #fff !important;
|
font-weight: 600;
|
}
|
.el-dialog__headerbtn {
|
top: 15px ;
|
right: 15px;
|
.el-dialog__close {
|
color: #fff !important;
|
font-size: 20px !important;
|
}
|
}
|
}
|
.el-dialog__footer {
|
padding: 0 !important;
|
}
|
}
|
ul li {
|
list-style-type: none;
|
list-style: none;
|
}
|
|
.el-tooltip__popper {
|
max-width: 60vw !important;
|
}
|
.el-tooltip__popper,
|
.el-tooltip__popper.is-dark {
|
max-width: 60% !important;
|
line-height: 24px;
|
}
|
|
// 苹果电脑列没对齐
|
.el-table {
|
border-collapse: collapse;
|
}
|
.rowBtnDiv .normal-btn,.action-btns .normal-btn{
|
padding: 8px 4px !important;
|
}
|
/* Tooltip 宽度与换行控制（Element Plus Teleport 到 body，需要 deep 选择器） */
|
.tooltip-wrap{
|
max-width: 340px !important;
|
}
|
.tooltip-wrap .el-tooltip__content {
|
max-width: 340px !important;
|
white-space: normal !important;
|
word-break: break-word;
|
overflow-wrap: anywhere;
|
}
|
</style>
|
