<!--开发中占位页面-->
<template>
    <div class="performance-appraisal home-page">
        <div class="performance-appraisal-content">
            <el-empty :image="emptyImage" description="功能正在开发中，请稍后回来查看。"></el-empty>
        </div>
    </div>
</template>

<script lang="ts" setup>
import emptyImage from '@/assets/img/common/computer-troubleshooting-pana.png'
</script>

<style lang="scss" scoped>
.performance-appraisal {
    width: 100%;
    height: 100%;
    box-sizing: border-box;

    .performance-appraisal-content {
        width: 100%;
        height: 100%;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;

        :deep(.el-empty) {
            user-select: none;

            .el-empty__image {
                width: 460px;

                img {
                    -webkit-user-drag: none;
                    margin-top: -50px;
                }
            }

            .el-empty__description {
                p {
                    font-size: 18px;
                    color: var(--theme-text-inverse);
                }
            }
        }
    }
}
</style>
