新主题

public/version.json

@@ -1,3 +1,3 @@
 {
-  "value": "20231025182154"
+  "value": "20231026110423"
 }

src/layout/index_bak.vue

@@ -1,407 +0,0 @@
-<template>
-    <el-container class="hc-layout-box">
-        <div v-show="MenuBarKey === 'home-index'" class="hc-layout-bg-box">
-            <img v-if="HomeTheme.bg" id="imagebox" :src="HomeTheme.bg" alt="" crossOrigin="anonymous">
-        </div>
-        <el-aside
-            :class="[isCollapse ? 'is-collapse' : '', MenuBarKey]" :width="isCollapse ? '90px' : '250px'"
-            class="hc-aside-box"
-        >
-            <div class="hc-aside-logo-box" @click="logoClick">
-                <img id="logo-icon" :src="appLogoIcon" alt="">
-                <img v-show="!isCollapse" id="logo-name" :src="appLogoName" alt="">
-            </div>
-            <div class="hc-aside-menu-box">
-                <el-scrollbar>
-                    <MenuBar
-                        :collapse="isCollapse" :cur="MenuBarKey" :datas="MenuBarData" :msg-count="msgCount"
-                        @change="MenuBarChange"
-                    />
-                </el-scrollbar>
-            </div>
-            <div class="hc-aside-bar-box">
-                <div :class="isCollapse ? '' : 'active'" @click="collapseChange(false)">
-                    <HcIcon name="menu-unfold" />
-                </div>
-                <div v-show="!isCollapse" :class="isCollapse ? 'active' : ''" @click="collapseChange(true)">
-                    <HcIcon name="menu-fold" />
-                </div>
-            </div>
-        </el-aside>
-        <el-container :class="MenuBarKey === 'home-index' ? 'home' : ''" class="hc-container-view">
-            <el-header class="hc-header-view">
-                <div id="hc-header-page-name" class="hc-header-page-name">
-                    {{ RoutesTitle }}
-                </div>
-                <div class="hc-header-top-menu-bar">
-                    <TopMenuBar />
-                </div>
-                <div class="hc-header-content">
-                    <div class="hc-header-cascader-box">
-                        <div class="project-name-box">
-                            {{ projectInfo.projectAlias }} / {{ contractInfo.name }}
-                        </div>
-                        <el-cascader
-                            ref="ElCascaderRef" v-model="projectValue"
-                            :clearable="userInfo?.role_id === '1123598816738675201'"
-                            :filterable="userInfo?.role_id === '1123598816738675201'"
-                            :options="projectContract"
-                            :props="projectProps" placeholder="请选择项目"
-                            @change="projectContractChange"
-                        />
-                    </div>
-                    <HelpInfoBar />
-                    <ConfigBar />
-                    <UserInfoBar />
-                </div>
-            </el-header>
-            <el-main id="hc-main-box" class="hc-main-box">
-                <router-view v-if="reloadRouter" v-slot="{ Component }">
-                    <transition name="fade-transform">
-                        <keep-alive :max="10" exclude="home,home-index,home-config,other-file-view,other-file-form">
-                            <component :is="Component" :msg-count="msgCount" />
-                        </keep-alive>
-                    </transition>
-                </router-view>
-            </el-main>
-        </el-container>
-    </el-container>
-</template>
-
-<script setup>
-import { nextTick, onMounted, ref, watch } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { useAppStore } from '~src/store'
-import MenuBar from './modules/MenuBar.vue'
-import HelpInfoBar from './modules/HelpInfoBar.vue'
-import UserInfoBar from './modules/UserInfoBar.vue'
-import ConfigBar from './modules/ConfigBar.vue'
-import TopMenuBar from './modules/TopMenuBar.vue'
-import { initButtons, initProjectContract } from '~sto/app'
-import website from '~src/config/index'
-import { setImageColorStyle } from 'js-fast-way'
-import { setAppName } from '~uti/tools'
-
-//初始组合式
-const router = useRouter()
-const useRoutes = useRoute()
-const useAppState = useAppStore()
-
-//路由参数
-const routerQuery = useRoutes?.query
-const reloadRouter = ref(true)
-const BarMenuKey = useRoutes?.name ?? 'home-index'
-const BarMenuTitle = useRoutes?.meta?.title ?? ''
-
-//系统信息
-const appTitle = ref(useAppState.getTitle)
-const appLogoIcon = ref(useAppState.getLogoIcon)
-const appLogoName = ref(useAppState.getLogoName)
-
-//主题和色调变量
-const HomeTheme = ref(useAppState.getHomeTheme)
-const AppColor = ref(useAppState.getColor)
-
-
-//顶部菜单数据和相关处理
-const MenuBarKey = ref(BarMenuKey)
-const RoutesName = ref(BarMenuKey)
-const RoutesTitle = ref(BarMenuTitle)
-const MenuBarData = ref(useAppState.getMenus)
-const isCollapse = ref(useAppState.getCollapse)
-const userInfo = ref(useAppState.getUserInfo)
-
-//项目合同段
-const projectInfo = ref({})
-const contractInfo = ref({})
-const projectContract = ref([])
-const projectValue = ref(null)
-const projectProps = ref({
-    value: 'id',
-    label: 'projectAlias',
-    children: 'contractInfoList',
-})
-
-//渲染完成
-onMounted(() => {
-    initButtons()
-    initProjectContract()
-    const info = useAppState.getProjectContract || []
-    projectContractData(info)
-    useAppState.barMenuName = BarMenuTitle
-    setIsCollapse(RoutesName.value)
-    setInitSocket()
-    setLogoImageColor()
-    setLogoNameColor(useAppState.getTheme)
-})
-
-//监听
-watch(() => [
-    useAppState.getProjectContract,
-    useAppState.getMenus,
-    useAppState.getHomeTheme,
-    useRoutes?.name,
-    useRoutes?.meta?.title,
-    useAppState.getCollapse,
-], ([projectContractArr, userMenus, theme, RouteName, RouteTitle, collapse]) => {
-    HomeTheme.value = theme
-    MenuBarData.value = userMenus
-    RoutesName.value = RouteName ?? 'home-index'
-    MenuBarKey.value = RouteName ?? 'home-index'
-    RoutesTitle.value = RouteTitle ?? ''
-    isCollapse.value = collapse
-    setIsCollapse(RoutesName.value)
-    projectContractData(projectContractArr || [])
-    useAppState.barMenuName = RouteTitle ?? ''
-    setAppName(appTitle.value)
-})
-
-//监听
-watch(() => [
-    useAppState.getTitle,
-    useAppState.getLogoIcon,
-    useAppState.getLogoName,
-    useAppState.getColor,
-], ([Title, LogoIcon, LogoName, ColorVal]) => {
-    appTitle.value = Title
-    appLogoIcon.value = LogoIcon
-    appLogoName.value = LogoName
-    AppColor.value = ColorVal
-    setLogoImageColor()
-})
-
-//设置Logo图片颜色
-const setLogoImageColor = () => {
-    setImageColorStyle('logo-icon', AppColor.value?.color)
-}
-
-const setLogoNameColor = (theme) => {
-    try {
-        let filter = 'invert(85%) sepia(91%) saturate(0%) hue-rotate(233deg) brightness(114%) contrast(101%)'
-        if (theme === 'light') {
-            filter = 'invert(0%) sepia(100%) saturate(0%) hue-rotate(235deg) brightness(107%) contrast(103%)'
-        }
-        document.getElementById('logo-name').style.filter = filter
-    } catch {
-    }
-}
-
-//设置折叠
-const setIsCollapse = (key) => {
-    if (key === 'data-fill-wbs') {
-        isCollapse.value = true
-        useAppState.setCollapse(true)
-    }
-}
-
-//是否折叠
-const collapseChange = (bool) => {
-    isCollapse.value = bool
-    useAppState.setCollapse(bool)
-}
-
-//处理项目合同段数据
-const projectContractData = (projectContractData) => {
-    if (projectContractData.length > 0) {
-        //处理别名
-        projectContractData.forEach(item => {
-            let contractArr = item['contractInfoList'] || []
-            contractArr.forEach(items => {
-                items['projectAlias'] = items['name']
-            })
-        })
-        //处理其他数据
-        projectContract.value = projectContractData
-        const projectId = useAppState.getProjectId //项目ID
-        const contractId = useAppState.getContractId //合同段ID
-        const UserProjectInfo = useAppState.getProjectInfo
-        const UserContractInfo = useAppState.getContractInfo
-        //查询缓存的选中ID是否存在
-        const pid = projectContractData.findIndex(item => Number(item.id) === Number(projectId))
-        const contractList = projectContractData[pid]?.contractInfoList || []
-        const cid = contractList.findIndex(item => Number(item.id) === Number(contractId))
-        //如果缓存的选中ID不存在
-        if (cid === -1) {
-            //取项目数组中的第一个数据
-            let letProjectInfo = projectContractData[0]
-            let contractInfoList = letProjectInfo?.contractInfoList || []
-            let letContractInfo = contractInfoList[0] || {}
-            projectValue.value = letContractInfo?.id
-            projectInfo.value = letProjectInfo
-            contractInfo.value = letContractInfo
-            //设置缓存
-            useAppState.setProjectInfo(letProjectInfo)
-            useAppState.setContractInfo(letContractInfo)
-            useAppState.setProjectId(letProjectInfo?.id)
-            useAppState.setContractId(letContractInfo?.id)
-            //发送消息
-            socketSend(letProjectInfo?.id + ',' + letContractInfo?.id)
-        } else {
-            projectValue.value = String(contractId)
-            projectInfo.value = UserProjectInfo
-            contractInfo.value = UserContractInfo
-            //发送消息
-            socketSend(projectId + ',' + contractId)
-        }
-    } else {
-        projectContract.value = []
-        projectValue.value = null
-        projectInfo.value = {}
-        contractInfo.value = {}
-    }
-}
-
-//项目被选择
-const ElCascaderRef = ref(null)
-const projectContractChange = (val) => {
-    if (val) {
-        const Nodes = ElCascaderRef.value.getCheckedNodes()
-        const UserProjectInfo = Nodes[0].parent.data
-        const UserContractInfo = Nodes[0].data
-        //缓存项目数据
-        useAppState.setProjectId(val[0])
-        useAppState.setContractId(val[1])
-        useAppState.setProjectInfo(UserProjectInfo)
-        useAppState.setContractInfo(UserContractInfo)
-        //更改界面更新
-        projectInfo.value = UserProjectInfo
-        contractInfo.value = UserContractInfo
-        window.$message?.info('切换了项目，数据更新中')
-        //发送消息
-        socketSend(val[0] + ',' + val[1])
-        //刷新路由
-        reloadRouter.value = false
-        nextTick(() => {
-            reloadRouter.value = true
-        })
-    }
-}
-
-//菜单被点击
-const MenuBarChange = (item) => {
-    MenuBarKey.value = item?.code
-    setIsCollapse(item?.code)
-    router.push({ name: item?.code })
-}
-
-//首页
-const logoClick = () => {
-    router.push({ name: 'home-index' })
-}
-
-//消息数量
-const msgCount = ref({
-    allCount: 0,
-    taskCount: 0,
-    messageCount: 0,
-    messageCount_1: 0,
-    messageCount_2: 0,
-    messageCount_3: 0,
-    messageCount_4: 0,
-    messageCount_5: 0,
-})
-
-//推送系统
-let socket
-const setInitSocket = () => {
-    const user_id = userInfo.value.user_id
-    socket = new WebSocket(website.socket + user_id)
-    try {
-        socket.onopen = function (evt) {
-            console.log('websocket链接成功')
-        }
-        socket.onclose = function (evt) {
-            console.log('websocket连接已断开')
-        }
-        socket.onmessage = function ({ data }) {
-            if (data) {
-                msgCount.value = JSON.parse(data)
-            }
-            console.log(data, '消息信息')
-        }
-        socket.onerror = function ({ data }) {
-            console.log('发生错误:', data)
-        }
-    } catch {
-    }
-}
-
-//发送消息
-const socketSend = (msg) => {
-    try {
-        if (socket) {
-            socket.send(msg)
-        } else {
-            setTimeout(() => {
-                socket.send(msg)
-            }, 1000)
-        }
-    } catch {
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "./layout.scss";
-</style>
-
-<style lang="scss">
-.hc-layout-box .hc-container-view {
-    .hc-header-view .hc-header-content .hc-header-cascader-box {
-        .el-cascader {
-            width: 100%;
-        }
-        .el-cascader .el-input .el-input__wrapper {
-            padding: 4px 15px;
-            border: 1px solid #00000000;
-            border-radius: 100px;
-            background: #f1f5f8;
-            color: #202532;
-            box-shadow: var(--hc-shadow);
-            .el-input__inner, .el-input__suffix {
-                color: #202532;
-            }
-        }
-        .el-cascader .el-input.is-focus .el-input__wrapper {
-            box-shadow: 4px 4px 8px 0 rgba(54, 92, 167, 0.15), -4px -4px 8px 0px #ffffff;
-        }
-        .el-cascader .el-input .icon-arrow-down {
-            font-size: 18px;
-            font-weight: bold;
-        }
-    }
-    &.home {
-        .hc-header-view .hc-header-content .hc-header-cascader-box {
-            .el-cascader .el-input .el-input__wrapper {
-                background-color: #00000000;
-                border: 1px solid white;
-                box-shadow: initial;
-                .el-input__inner, .el-input__suffix {
-                    color: white;
-                }
-            }
-            .el-cascader .el-input.is-focus .el-input__wrapper {
-                box-shadow: initial;
-            }
-        }
-        .hc-header-view .hc-header-top-menu-bar {
-            padding-left: 0;
-            .hc-top-menu-bar .bar-menu-content .bar-menu-btn {
-                background: rgba(255, 255, 255, .2);
-                border-color: rgba(255, 255, 255, .2);
-                color: rgba(255, 255, 255, .7);
-                backdrop-filter: blur(20px);
-                -webkit-backdrop-filter: blur(20px);
-                &:hover:not([class*='cur']) {
-                    background: var(--el-color-primary-light-9);
-                    color: #838791;
-                }
-                &:active:not([class*='cur']) {
-                    background: var(--el-color-primary-light-8);
-                    color: #838791;
-                }
-            }
-        }
-    }
-}
-</style>

src/layout/layout.scss

@@ -1,176 +0,0 @@
-.hc-layout-box {
-    position: relative;
-    height: 100vh;
-    width: 100%;
-    .hc-layout-bg-box {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        top: 0;
-        z-index: 0;
-        display: flex;
-        img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-    }
-    .hc-aside-box {
-        position: relative;
-        color: #838791;
-        background: #f1f5f8;
-        transition: 0.2s;
-        box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
-        border-radius: 0 60px 0 0;
-        z-index: 1;
-        .hc-aside-logo-box {
-            position: relative;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            transition: opacity 0.3s;
-            cursor: pointer;
-            margin: 32px 0;
-            left: -10px;
-            #logo-icon {
-                height: 35px;
-                width: 35px;
-            }
-            #logo-name {
-                height: 40px;
-                margin-left: 5px;
-            }
-            &:hover {
-                opacity: .8;
-            }
-        }
-        .hc-aside-menu-box {
-            position: relative;
-            height: calc(100% - 216px);
-            width: 100%;
-            overflow: hidden;
-            user-select: none;
-        }
-        .hc-aside-bar-box {
-            position: relative;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            padding: 24px 0;
-            margin-top: 24px;
-            transition: 0.2s;
-            &:before {
-                position: absolute;
-                content: '';
-                top: 0;
-                width: 100%;
-                height: 1px;
-                background-image: linear-gradient(90deg, rgba(102, 102, 102, 0.00) 11%, #dbe8f3 35%, #dbe8f3 64%, rgba(102, 102, 102, 0.00) 86%);
-            }
-            div {
-                position: relative;
-                width: 40px;
-                height: 40px;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                font-size: 26px;
-                transition: 0.1s;
-                &.active {
-                    color: white;
-                    background: var(--el-color-primary);
-                    border-radius: 6px;
-                    box-shadow: 3px 2px 8px 0 var(--hc-shadow-color-5);
-                }
-                &:not(.active) {
-                    cursor: pointer;
-                    &:hover {
-                        color: var(--el-color-primary);
-                    }
-                }
-                & + div {
-                    margin-left: 26px;
-                }
-            }
-        }
-        &.is-collapse {
-            border-radius: 0 50px 0 0;
-            .hc-aside-logo-box {
-                left: initial;
-            }
-        }
-        &.home-index {
-            color: white;
-            background: rgba(255, 255, 255, 0.35);
-            box-shadow: 0 2px 10px 0 rgba(32, 37, 50, 0.03);
-            backdrop-filter: blur(20px);
-            -webkit-backdrop-filter: blur(20px);
-            .hc-aside-menu-box .hc-aside-menu.el-menu {
-                --el-menu-text-color: white;
-            }
-        }
-    }
-    .hc-container-view {
-        position: relative;
-        z-index: 1;
-        .hc-header-view {
-            position: relative;
-            display: flex;
-            align-items: center;
-            flex-direction: row;
-            --el-header-padding: 0 24px;
-            --el-header-height: 66px;
-            .hc-header-page-name {
-                position: relative;
-                color: #cccccc;
-                font-size: 22px;
-                display: flex;
-                align-items: center;
-            }
-            .hc-header-top-menu-bar {
-                flex: 1;
-                position: relative;
-                display: flex;
-                align-items: center;
-                padding: 0 30px;
-                overflow: hidden;
-            }
-            .hc-header-content {
-                position: relative;
-                text-align: right;
-                display: flex;
-                align-items: center;
-                justify-content: flex-end;
-                max-width: 60%;
-                .hc-header-cascader-box {
-                    position: relative;
-                    margin-right: 30px;
-                    border-radius: 100px;
-                    flex: 1;
-                    .project-name-box {
-                        padding-right: 55px;
-                        position: relative;
-                        visibility: hidden;
-                        z-index: -1;
-                        height: 1px;
-                    }
-                }
-            }
-        }
-        .hc-main-box {
-            position: relative;
-            overflow: hidden;
-            height: 100%;
-            --el-main-padding: 24px;
-            margin-top: -18px;
-        }
-        &.home {
-            color: #ffffff;
-            .hc-header-view .hc-header-page-name {
-                display: none;
-            }
-        }
-    }
-}
-

src/styles/app/theme.scss

@@ -1,19 +1,10 @@
 //通用样式
 html {
-    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
     --hc-body-bg-color: #F5F5F5;
     --hc-bg-color: #ffffff;
     --hc-text-color: #333333;
     --hc-shadow: 4px 4px 8px 0 rgba(54,92,167,0.15), -4px -4px 8px 0 #ffffff;
-    //左侧菜单
-    .hc-layout-box .hc-aside-box .hc-aside-logo-box .logo-img-1 {
-        &.white {
-            display: block;
-        }
-        &.dark {
-            display: none;
-        }
-    }
+    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
 }
 
 //深色主题设置
@@ -21,846 +12,11 @@ html.dark {
     --hc-body-bg-color: #050c17;
     --hc-bg-color: #050c17;
     --hc-text-color: #7780A1;
-    --hc-shadow: 4px 4px 8px 0 rgba(0,0,0,0.15), -4px -4px 8px 0 #3d3d3d;
     --el-bg-color-overlay: #050c17;
     --hc-border-color: rgba(119, 128, 161, .2);
     --hc-label-color: #5A6382;
+    --hc-shadow: 4px 4px 8px 0 rgba(0,0,0,0.15), -4px -4px 8px 0 #3d3d3d;
     html, body, #app {
-        background: var(--el-bg-color-overlay);
-    }
-    //首页背景
-    .hc-layout-box .hc-layout-bg-box {
-        opacity: .1;
-    }
-    //左侧菜单
-    .hc-layout-box .hc-aside-box {
-        color: #5A6382;
-        background: var(--el-bg-color-overlay);
-        box-shadow: initial;
-        border: 1px solid var(--hc-border-color);
-        border-left: 0;
-        border-bottom: 0;
-        border-radius: 0 !important;
-        &.home-index {
-            color: #5A6382;
-            background: var(--el-bg-color-overlay);
-            backdrop-filter: initial;
-            -webkit-backdrop-filter: initial;
-        }
-        .hc-aside-logo-box .logo-img-1 {
-            &.white {
-                display: none;
-            }
-            &.dark {
-                display: block;
-            }
-        }
-        //菜单
-        .el-menu-item, .el-sub-menu__title {
-            color: #5A6382;
-        }
-        .el-menu-item.is-active {
-            color: inherit;
-            .hc-aside-menu-item {
-                color: var(--el-color-primary);
-                background-color: var(--hc-shadow-color-2);
-                box-shadow: none;
-                &::before, &::after {
-                    display: none;
-                }
-            }
-        }
-        .hc-aside-bar-box:before {
-            background-image: linear-gradient(90deg, rgba(102, 102, 102, 0) 11%, #2c2c2c 35%, #2c2c2c 64%, rgba(102, 102, 102, 0) 86%);
-        }
-        .hc-aside-menu-box {
-            .el-scrollbar__bar.is-horizontal {
-                display: none !important;
-            }
-        }
-        .hc-aside-menu.el-menu--collapse .el-menu-item.is-active .hc-aside-menu-item,
-        .hc-aside-menu.el-menu--collapse .el-sub-menu.is-active .hc-aside-menu-item
-        {
-            color: var(--el-color-primary) !important;
-            background: var(--hc-shadow-color-2);
-            box-shadow: none;
-        }
-        .hc-aside-menu.el-menu--collapse .el-sub-menu:not(.is-active):hover,
-        .hc-aside-menu.el-menu--collapse .el-menu-item:not(.is-active):hover {
-            .hc-aside-menu-item {
-                color: var(--el-color-primary);
-                background: var(--hc-shadow-color-2);
-            }
-        }
-    }
-    .aside-menu-popper.el-popper .el-menu--vertical .el-menu .el-menu-item,
-    .aside-menu-popper.el-popper .el-menu--vertical .el-menu .el-sub-menu {
-        &:hover {
-            background: var(--hc-shadow-color-2);
-        }
-    }
-    .hc-layout-box .hc-aside-box .hc-aside-bar-box div.active {
-        color: var(--el-color-primary);
-        background-color: var(--hc-shadow-color-2);
-        box-shadow: none;
-    }
-    //左栏
-    .hc-layout-box .hc-layout-left-box {
-        color: var(--el-text-color-primary);
-        background: var(--el-bg-color-overlay);
-        box-shadow: initial;
-        border: 1px solid var(--hc-border-color);
-    }
-    .hc-layout-box .hc-layout-left {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-    }
-    .hc-table-form-content .hc-table-forem-box,
-    .hc-table-form-content .hc-fixed-page,
-    .hc-table-form-content .hc-right-pian-box,
-    .hc-table-form-content .hc-footer-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-    }
-    //小图标时的菜单
-    .aside-menu-popper.el-popper .el-menu--vertical .el-menu {
-        background-color: var(--el-bg-color-overlay);
-        --el-menu-text-color: #5A6382;
-        color: #5A6382;
-    }
-    .aside-menu-popper.el-popper .el-menu--vertical .el-menu .el-sub-menu.is-active .el-sub-menu__title {
-        color: var(--el-color-primary);
-        background: transparent;
-    }
-    .aside-menu-popper.el-popper .el-menu--vertical .el-menu .el-menu-item.is-active .hc-aside-menu-item {
-        color: var(--el-color-primary);
-        background: var(--hc-shadow-color-2);
-    }
-    .aside-menu-popper.el-popper .el-menu--vertical .el-menu .el-sub-menu:not(.is-active) .el-sub-menu__title:hover {
-        color: var(--el-color-primary);
-        background: var(--hc-shadow-color-2);
-    }
-    .el-popper.is-light {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-    }
-    .el-cascader-panel {
-        --el-cascader-menu-text-color: var(--hc-label-color);
-        --el-cascader-node-background-hover: var(--hc-shadow-color-2);
-        .el-cascader-menu {
-            border-color: var(--hc-border-color);
-        }
-    }
-    //卡片
-    .el-card.hc-card-box {
-        box-shadow: none;
-        color: var(--hc-text-color);
-        border: 1px solid var(--hc-border-color);
-        .el-card__header {
-            border-bottom: 1px solid var(--hc-border-color);
-        }
-        .el-card__body .hc-card-action-box {
-            border-top: 1px solid var(--hc-border-color);
-            background-color: var(--el-bg-color-overlay);
-        }
-    }
-    //设置里的副标题
-    .hc-screenshot-box .item .label {
-        color: var(--hc-label-color);
-    }
-    //设置里的选择卡片
-    .hc-theme-box .item {
-        border: 1px solid var(--hc-border-color);
-        background-color: var(--el-bg-color-overlay);
-        &.active {
-            box-shadow: 4px 4px 8px 0 rgba(61,60,60,0.15), 0 0 8px 0 #1d1d1d;
-        }
-        .action {
-            background-color: var(--hc-bg-color);
-            border-top: 1px solid var(--hc-border-color);
-        }
-    }
-    .hc-layout-box .hc-container-view .hc-header-view .hc-header-top-menu-bar .hc-top-menu-bar .bar-menu-content .bar-menu-btn {
-        background: #0C1622;
-        color: #7780A1;
-        border-color: var(--hc-border-color);
-        &:hover:not([class*='cur']) {
-            color: var(--el-color-primary);
-            background: var(--hc-shadow-color-2);
-        }
-        &:active:not([class*='cur']) {
-            color: var(--el-color-primary);
-            background: var(--hc-shadow-color-2);
-        }
-        &.cur {
-            color: var(--el-color-primary);
-            background: var(--hc-shadow-color-2);
-            border-color: var(--hc-shadow-color-2);
-        }
-    }
-
-    //顶部项目合同下拉框
-    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input .el-input__wrapper {
-        background: #0C1622;
-        color: #7780A1;
-        border-color: var(--hc-border-color);
-        box-shadow: none;
-    }
-    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input.is-focus .el-input__wrapper {
-        box-shadow: none;
-    }
-    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input .el-input__wrapper .el-input__inner,
-    .hc-layout-box .hc-container-view .hc-header-view .hc-header-content .hc-header-cascader-box .el-cascader .el-input .el-input__wrapper .el-input__suffix {
-        color: #7780A1;
-    }
-    //顶部图标按钮
-    .header-icon-bar {
-        background: #0C1622;
-        color: #7780A1;
-        border-color: var(--hc-border-color);
-        box-shadow: none;
-    }
-    .el-dropdown {
-        color: var(--hc-text-color);
-    }
-    .el-dropdown-menu__item {
-        color: var(--hc-text-color);
-    }
-    //顶部用户信息
-    .user-info-bar {
-        .user-name, .arrow-icon {
-            color: var(--hc-text-color);
-        }
-        &:before {
-            border-color: var(--hc-border-color);
-        }
-    }
-    .header-pover-menu-list .list-item:hover {
-        color: var(--el-color-primary);
-        background: var(--hc-shadow-color-2);
-    }
-    .hc-layout-box .hc-layout-left-box .hc-project-box {
-        .hc-project-icon-box {
-            color: var(--hc-shadow-color-8);
-        }
-        .project-name-box {
-            .project-alias {
-                color: white;
-            }
-            .project-name {
-                color: var(--hc-text-color);
-            }
-        }
-    }
-    //树
-    .tree-line1 {
-        .el-tree-node:before, .el-tree-node:after {
-            border-color: var(--hc-shadow-color-3);
-        }
-    }
-    .data-custom-tree-node .submit-counts {
-        color: var(--hc-text-color) !important;
-    }
-    .data-custom-tree-node .menu-icon1 {
-        background: transparent;
-    }
-    .hc-context-menu-box {
-        background-color: var(--el-bg-color-overlay);
-        border: 2px solid var(--hc-border-color);
-        .hc-context-menu-item {
-            color: var(--hc-text-color);
-            &:hover {
-                color: var(--el-color-primary);
-                background: var(--hc-shadow-color-2);
-            }
-        }
-    }
-    .hc-layout-box .hc-layout-left-box .hc-tree-foot-tip-box .dot-view.black:before,
-    .hc-tree-mp-tip-box .dot-view:before{
-        border: 1px solid var(--hc-border-color);
-    }
-    .hc-expansion-contraction-tree {
-        color: var(--hc-label-color);
-        &:hover {
-            color: var(--el-color-primary);
-            background: var(--hc-shadow-color-1);
-        }
-    }
-
-    //输入框
-    .el-input, .el-date-editor {
-        --el-input-text-color: white;
-        --el-input-border-color: var(--hc-border-color);
-        --el-input-hover-border-color: var(--hc-shadow-color-5);
-        --el-input-placeholder-color: #4A5370;
-    }
-
-    .hc-table-form-action-tip .hc-alert {
-        background-color: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        box-shadow: none;
-    }
-
-    //按钮
-    .el-button--primary.is-link, .el-button--primary.is-plain, .el-button--primary.is-text {
-        --el-button-bg-color: var(--hc-shadow-color-3);
-        --el-button-hover-bg-color: var(--hc-shadow-color-6);
-    }
-    .el-button[hc-btn] {
-        border-color: var(--hc-border-color);
-        box-shadow: none;
-    }
-    .el-button[hc-btn].is-disabled:not([class*=el-button--]) {
-        --el-button-disabled-text-color: var(--el-color-info-light-5);
-        --el-button-disabled-bg-color: var(--el-color-info-light-9);
-    }
-    .text-gray-400 {
-        color: var(--hc-label-color);
-    }
-
-    .el-button[hc-btn]:not([class*=el-button--]) {
-        --el-button-bg-color: var(--hc-shadow-color-1);
-        --el-button-hover-bg-color: var(--hc-shadow-color-4);
-    }
-
-    .ui-drag-modal-box .ui-drag-modal-dialog {
-        background-color: var(--el-bg-color-overlay);
-        border: 3px solid var(--hc-border-color);
-    }
-    .ui-drag-modal-box .ui-drag-modal-dialog .ui-drag-modal-dialog-header .ui-drag-modal-dialog-extra .dialog-icon {
-        color: var(--hc-text-color);
-    }
-
-    .sort-node-body-box.list-group .list-group-item:hover {
-        background-color: var(--hc-shadow-color-3);
-    }
-
-    .copy-node-form-box {
-        border-color: var(--hc-border-color);
-    }
-
-    //日期范围
-    .el-date-editor .el-range-separator {
-        color: #89898a;
-    }
-
-    //切换卡片
-    .hc-sb-table .el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item {
-        background: var(--hc-shadow-color-1);
-        --el-text-color-primary: var(--hc-text-color);
-        &:after {
-            background-color: var(--hc-border-color);
-        }
-    }
-    .hc-sb-table .el-tabs .el-tabs__active-bar {
-        background: var(--el-bg-color-overlay);
-        &:after, &:before {
-            background: var(--el-bg-color-overlay);
-        }
-    }
-
-    //表格
-    .hc-table-ref-box {
-        border-color: var(--hc-border-color);
-        .el-table[hc] {
-            --el-table-bg-color: initial;
-            --el-table-border-color: var(--hc-border-color);
-            --el-table-header-bg-color: var(--el-bg-color-overlay);
-            --el-table-header-text-color: var(--hc-text-color);
-            --el-table-tr-bg-color: var(--el-bg-color-overlay);
-            --el-fill-color-lighter: #0F1825;
-            --el-table-text-color: white;
-            --el-table-row-hover-bg-color: #0F1825;
-        }
-        .el-table[hc].el-table--border {
-            --el-table-border-color: var(--hc-border-color);
-        }
-        .el-table__body-wrapper tr td.el-table-fixed-column--left,
-        .el-table__body-wrapper tr td.el-table-fixed-column--right,
-        .el-table__body-wrapper tr th.el-table-fixed-column--left,
-        .el-table__body-wrapper tr th.el-table-fixed-column--right,
-        .el-table__footer-wrapper tr td.el-table-fixed-column--left,
-        .el-table__footer-wrapper tr td.el-table-fixed-column--right,
-        .el-table__footer-wrapper tr th.el-table-fixed-column--left,
-        .el-table__footer-wrapper tr th.el-table-fixed-column--right,
-        .el-table__header-wrapper tr td.el-table-fixed-column--left,
-        .el-table__header-wrapper tr td.el-table-fixed-column--right,
-        .el-table__header-wrapper tr th.el-table-fixed-column--left,
-        .el-table__header-wrapper tr th.el-table-fixed-column--right {
-            --el-bg-color: inherit;
-        }
-    }
-    .task-tag-data-box, .el-form-item--large .el-form-item__content .form-item-div {
-        border-color: var(--hc-border-color);
-    }
-
-    //分页
-    .el-pagination {
-        --el-pagination-text-color: white;
-        --el-pagination-button-color: white;
-        --el-pagination-button-bg-color: #1B2433;
-    }
-    .card-page-box .el-pagination.is-background .btn-next, .card-page-box .el-pagination.is-background .btn-prev, .card-page-box .el-pagination.is-background .el-pager li {
-        border-color: var(--hc-border-color);
-    }
-    //弹窗
-    .el-overlay-dialog .el-dialog {
-        --el-dialog-border-radius: 10px;
-        background: var(--el-bg-color-overlay);
-        border: 3px solid var(--hc-border-color);
-        box-shadow: none;
-        .el-dialog__body {
-            color: var(--hc-text-color);
-        }
-        &.hc-modal-border {
-            .el-dialog__header {
-                border-color: var(--hc-border-color);
-            }
-            .el-dialog__footer {
-                border-color: var(--hc-border-color);
-            }
-        }
-    }
-    .el-message-box {
-        border-width: 3px;
-        background: var(--el-bg-color-overlay);
-        border-color: var(--hc-border-color);
-        box-shadow: none;
-        .el-button {
-            --el-button-border-color: var(--hc-border-color);
-            --el-button-text-color: var(--hc-text-color);
-            --el-button-hover-bg-color: var(--hc-shadow-color-3);
-            --el-button-hover-border-color: transparent;
-        }
-        .el-button--primary {
-            --el-button-text-color: var(--el-color-primary);
-            --el-button-bg-color: var(--hc-shadow-color-2);
-            --el-button-border-color: transparent;
-            --el-button-hover-bg-color: var(--el-color-primary-light-3);
-            --el-button-hover-border-color: var(--el-color-primary-light-3);
-        }
-    }
-
-    //表单
-    .el-form-item--large .el-form-item__content .form-item-dashed {
-        border-color: #4c4d4f;
-    }
-
-    //步进器
-    .hc-counter-box .counter-box {
-        color: var(--hc-text-color);
-        .counter-btn {
-            border-color: var(--hc-border-color);
-            color: var(--hc-text-color);
-            background-color: var(--el-bg-color-overlay);
-        }
-        .counter-btn[disabled=true] {
-            color: var(--hc-label-color);
-            background-color: var(--hc-bg-color);
-        }
-        .counter-val {
-            border-color: var(--hc-border-color);
-        }
-    }
-    //工单服务
-    .hc-order-service .order-service-content .content-box .comment-card-box {
-        border: 1px solid var(--hc-border-color);
-        background: var(--el-bg-color-overlay);
-        .card-content-box .user-info-box {
-            .text-lg {
-                color: white;
-            }
-            .text-gray {
-                color: var(--hc-text-color) !important;
-            }
-        }
-        .card-content-box .desc_para {
-            color: white;
-        }
-        .collapse-comment-box .user-comment-info-box .user-comment-box .user-comment-content-box {
-            color: var(--hc-text-color);
-        }
-    }
-
-    //选择任务人
-    .hc-tasks-user .tasks-user-box {
-        border-color: var(--hc-border-color);
-    }
-    .hc-tasks-user-modal-content-box .user-box .y-user-list-box .title-box,
-    .hc-tasks-user-modal-content-box .user-box .s-user-list-box .title-box {
-        border-color: var(--hc-border-color);
-        background-color: var(--hc-bg-color);
-        color: var(--hc-label-color);
-    }
-    .hc-tasks-user-modal-content-box .user-box .s-user-list-box {
-        border-color: var(--hc-border-color);
-    }
-    .hc-tasks-user-modal-content-box .user-box .y-user-list-box .user-list .user-item + .user-item,
-    .hc-tasks-user-modal-content-box .user-box .s-user-list-box .user-list .user-item + .user-item {
-        border-color: var(--hc-border-color);
-    }
-    .hc-tasks-user-modal-content-box .tree-box {
-        border-color: var(--hc-border-color);
-        .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
-            background-color: #454545;
-            color: #ffffff;
-        }
-    }
-    .sort-node-body-box.list-group {
-        border-color: var(--hc-border-color);
-        .list-group-item + .list-group-item{
-            border-color: var(--hc-border-color);
-        }
-    }
-    .sort-node-body-box.list-group.header .list-group-item {
-        background-color: var(--hc-bg-color);
-        color: var(--hc-label-color);
-    }
-    //左侧小菜单栏
-    .hc-menu-simple-box .item-box {
-        border: 1px solid var(--hc-border-color);
-        background: var(--el-bg-color-overlay);
-        .icon-box {
-            background-color: var(--hc-bg-color);
-            color: var(--hc-label-color);
-        }
-        .label-box {
-            color: var(--hc-label-color);
-        }
-        &.active {
-            box-shadow: none;
-            color: var(--el-color-primary);
-            background: var(--hc-shadow-color-2);
-            .label-box {
-                color: var(--el-color-primary);
-            }
-        }
-        &:hover:not(.active) {
-            .icon-box {
-                color: var(--hc-text-color);
-                background-color: var(--hc-bg-color);
-            }
-            .label-box {
-                color: var(--hc-text-color);
-                font-weight: 500;
-            }
-        }
-    }
-    //树
-    .el-tree.hc-tree-node {
-        --el-tree-node-hover-bg-color: var(--hc-bg-color);
-    }
-    .hc-tree-node.tree-line .el-tree-node.is-expanded.is-current.is-focusable {
-        background: #181c21;
-    }
-    .data-custom-tree-node .menu-icon {
-        background: initial;
-        color: var(--el-bg-color-overlay);
-    }
-    .hc-tree-node .data-custom-tree-node {
-        color: var(--hc-label-color);
-    }
-    .el-tree.hc-tree-node.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-        background-color: #181c21;
-        .data-custom-tree-node {
-            color: var(--hc-text-color);
-        }
-    }
-    //工程划分树
-    .hc-page-layout-box .hc-layout-left-box .hc-project-box {
-        border-color: var(--hc-border-color);
-    }
-    .hc-page-content-box.hc-division-page .project-info {
-        height: calc(100% - 346px);
-    }
-    .hc-page-content-box.hc-division-page .footer-box {
-        color: var(--el-text-color-primary);
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        box-shadow: initial;
-    }
-    .hc-import-temp-box .hc-import-node-tree-box .import-node-tree-box,
-    .hc-import-temp-box .hc-import-node-tree-box .import-node-tree-box .hc-tree-title-box {
-        border-color: var(--hc-border-color);
-    }
-    .hc-layout-box .hc-layout-left-box .hc-project-box,
-    .hc-layout-box .hc-layout-left-box .hc-tree-foot-tip-box {
-        border-color: var(--hc-border-color);
-    }
-
-    .copy-node-many-box, .copy-node-many-box .copy-node-many-tree {
-        border-color: var(--hc-border-color);
-    }
-
-    .data-fill-list-box .el-collapse .el-collapse-item {
-        background-color: var(--el-bg-color-overlay);
-        border-color: var(--hc-border-color);
-        .hc-collapse-item-header .item-title {
-            color: var(--hc-text-color);
-        }
-        .el-collapse-item__header .el-collapse-item__arrow {
-            color: var(--hc-text-color);
-        }
-    }
-    .data-fill-list-box .el-collapse .el-collapse-item.is-active .el-collapse-item__header.is-active {
-        background: var(--hc-bg-color);
-        .item-title, .el-collapse-item__arrow {
-            color: white;
-        }
-    }
-    .data-fill-list-box .data-fill-list-item-content .data-fill-table-tip-box {
-        border-color: var(--hc-border-color);
-    }
-    .data-fill-list-box .data-fill-list-item-content .data-fill-table-form-box {
-        border-color: var(--hc-border-color);
-    }
-    .data-fill-list-box .data-fill-list-item-content .hc-window-switch-box .icon-btn-view {
-        box-shadow: none;
-    }
-
-    //切换按钮
-    .hc-new-switch {
-        box-shadow: none;
-        background: transparent;
-        border: 1px solid var(--hc-border-color);
-        .switch-bg {
-            color: var(--hc-label-color);
-        }
-        .switch-bg.dots {
-            box-shadow: none;
-            color: var(--el-color-primary);
-            background: var(--hc-shadow-color-2);
-        }
-    }
-    .special-box, .adding-form-dialog-box .dialog-tree-box {
-        border-color: var(--hc-border-color);
-    }
-    //多级菜单
-    .el-menu.hc-ledger-query-menu {
-        --el-menu-text-color: var(--hc-label-color);
-        .el-sub-menu .el-menu-item.is-active {
-            background: var(--hc-bg-color);
-            border: 1px solid var(--hc-border-color);
-            color: var(--hc-text-color);
-            box-shadow: initial;
-        }
-        .el-sub-menu__title, .el-menu-item {
-            border-radius: 6px;
-            &:hover {
-                background: var(--hc-bg-color);
-                color: var(--hc-text-color);
-            }
-        }
-    }
-
-    //日历
-    .hc-date-calendar-box {
-        .hc-date-picker-box {
-            border-color: var(--hc-border-color);
-            .hc-date-btn-box .hc-div-btn {
-                box-shadow: initial;
-                border: 1px solid var(--hc-border-color);
-                background-color: var(--el-bg-color-overlay);
-                &:hover {
-                    background: var(--hc-bg-color);
-                }
-            }
-        }
-        .hc-date-dates {
-            .hc-date-dates-day {
-                color: var(--hc-label-color);
-                &:hover:not([class*='choice']):not([class*='excluded']):not([class*='selected']):not([class*='cur']) {
-                    background-color: var(--hc-bg-color);
-                    border: 2px solid var(--hc-border-color);
-                }
-            }
-            .hc-date-dates-day.selected {
-                border-color: var(--hc-border-color);
-            }
-            .hc-date-dates-day.choice {
-                box-shadow: initial;
-                border-color: var(--hc-border-color);
-            }
-            .hc-date-dates-day.excluded {
-                color: #5a5a5a;
-            }
-        }
-    }
-    .hc-user-time-box .tree-box {
-        border-color: var(--hc-border-color);
-    }
-    //进度统计
-    .hc-layout-box .hc-chart-content-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-    }
-    .hc-layout-box .hc-round-chart-card-box,
-    .hc-layout-box .hc-report-chart-card-box,
-    .hc-layout-box .hc-media-chart-card-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-    }
-    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-report-chart-box,
-    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-report-chart-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-    }
-    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-media-chart-box,
-    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-    }
-    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-title {
-        color: var(--hc-label-color);
-    }
-    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-ratio-box .ratio-num,
-    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-ratio-box .ratio-text .unit{
-        color: var(--hc-text-color);
-    }
-    .hc-layout-box .hc-round-chart .hc-round-chart-card-box .hc-card-content-box .card-amount-box .amount-item .num {
-        color: var(--hc-label-color);
-    }
-    .hc-layout-box .hc-chart-flex .hc-report-chart-card-box .hc-chart-title .title,
-    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-chart-title .title {
-        color: var(--hc-text-color);
-    }
-    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box .hc-media-pian-box {
-        background: var(--hc-bg-color);
-        border-color: var(--hc-border-color);
-    }
-    .hc-layout-box .hc-chart-flex .hc-media-chart-card-box .hc-media-chart-box .hc-media-pian-box .item .num {
-        color: var(--hc-label-color);
-    }
-    //影像资料
-    .hc-layout-box .hc-layout-content-box .hc-table-col-item .content-box .title {
-        color: var(--hc-text-color);
-    }
-    //平曲线右上角图标按钮
-    .hc-layout-box .hc-extra-icon-btn {
-        color: var(--hc-label-color);
-    }
-
-    //首件工程
-    .hc-first-item-node-layout .node-action,
-    .hc-first-item-node-layout .node-content .node-form,
-    .hc-first-item-node-layout .node-content .node-file {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-    }
-
-    //个人中心
-    .hc-layout-box .hc-layout-left-box .user-avatar-box .user-avatar {
-        border: 1px solid var(--hc-border-color);
-        box-shadow: initial;
-    }
-    .hc-layout-box .hc-layout-left-box .user-avatar-box .user-name {
-        color: var(--hc-text-color);
-    }
-    .hc-layout-box .hc-layout-content-box .hc-card-foot-box {
-        background: var(--el-bg-color-overlay);
-        border: 1px solid var(--hc-border-color);
-        color: var(--hc-label-color);
-        box-shadow: initial;
-        border-bottom: 0;
-    }
-    .el-menu.hc-project-menu .el-sub-menu {
-        border-color: var(--hc-border-color);
-        .el-sub-menu__title {
-            color: var(--hc-label-color);
-        }
-    }
-    .el-menu.hc-project-menu .el-sub-menu.is-opened .el-sub-menu__title {
-        background: var(--hc-bg-color);
-        color: var(--hc-text-color);
-    }
-    .el-menu.hc-project-menu .el-menu-item.is-active {
-        background: #4e4e4e;
-        color: var(--hc-text-color);
-    }
-    .el-menu.hc-project-menu .el-sub-menu .el-sub-menu__title,
-    .el-menu.hc-project-menu .el-sub-menu .el-menu-item {
-        &:hover {
-            background: var(--hc-bg-color);
-            color: var(--hc-text-color);
-        }
-    }
-
-        //材料进场
-    .hc-switch-tab-content {
-        border-color: var(--hc-border-color);
-    }
-    .hc-links-sample-modal-box .hc-links-sample-tree-box {
-        border-color: var(--hc-border-color);
-    }
-
-    //月报汇总表格
-    .hc-table-ref-box .el-table.hc-table-diy-box {
-        --el-table-bg-color: initial;
-        --el-table-header-bg-color: var(--hc-bg-color);
-        --el-table-header-text-color: var(--hc-label-color);
-        --el-table-tr-bg-color: var(--el-bg-color-overlay);
-        --el-fill-color-light: #363535;
-        --el-table-text-color: var(--hc-text-color);
-        --el-table-row-hover-bg-color: #454545;
-    }
-    .hc-table-ref-box .el-table.hc-table-diy-box.el-table--border {
-        --el-table-border-color: var(--hc-border-color);
-    }
-    .hc-table-ref-box .el-table.hc-table-diy-box thead.is-group tr:last-of-type th:nth-of-type(2)::before {
-        background-color: var(--hc-border-color);
-    }
-
-    .hc-page-layout-box .hc-layout-left-box.menu .hc-menu-header-box {
-        border-color: var(--hc-border-color);
-    }
-    .hc-menu-simple-box .item-box .menu-icon {
-        background: initial;
-    }
-
-    .data-fill-list-box .data-fill-list-item-content .data-fill-table-tip-box .table-tip-foot {
-        background: var(--el-bg-color-overlay);
-    }
-
-    .hc-order-service .order-service-content .page-top-btn {
-        color: var(--el-color-primary);
-        background: var(--hc-shadow-color-2);
-    }
-
-    .time-line-box .el-timeline.hc-time-line .el-timeline-item.primary .el-timeline-item__wrapper .el-timeline-item__content .reply-name {
-        color: var(--el-color-primary);
-    }
-
-    //表单颜色
-    .hc-table-form-data-item .hc-excel-table-form, .hc-excel-table-form-view {
-        .el-input, .el-date-editor {
-            --el-input-text-color: #606266;
-            --el-input-hover-border: #c0c4cc;
-            --el-input-border-color: #dcdfe6;
-            --el-input-bg-color: #ffffff;
-            --el-input-icon-color: #a8abb2;
-            --el-input-placeholder-color: #a8abb2;
-            --el-input-hover-border-color: #c0c4cc;
-            --el-input-clear-hover-color: #909399;
-        }
-        .el-date-editor .el-range-input {
-            color: #4c4e50;
-        }
-        .el-radio, .el-checkbox {
-            color: #606266;
-        }
-    }
-    .el-overlay {
-        background-color: rgb(255 255 255/0.05);
-        backdrop-filter: blur(4px);
+        //background: var(--el-bg-color-overlay);
     }
 }

src/views/tasks/hc-data.vue

@@ -31,7 +31,7 @@
         </HcTabsSimple>
 
         <!-- 任务审核 -->
-        <hc-new-dialog v-model="showTaskReviewModal" is-table width="80vw">
+        <hc-new-dialog v-model="showTaskReviewModal" is-table widths="80vw">
             <template #header="{ titleId, titleClass }">
                 <div class="hc-card-header flex items-center">
                     <div :id="titleId" :class="titleClass">任务审核 【已开启电签】</div>