|
@@ -0,0 +1,96 @@
|
|
|
+<template>
|
|
|
+ <div class="full nav-page">
|
|
|
+ <div class="flex flex-wrap">
|
|
|
+ <div class="radius-base m-b-base m-r-base nav-card">决策分析</div>
|
|
|
+ <router-link v-show="hasPermissions('/analysis/monitoring')" to="/analysis/monitoring">
|
|
|
+ <div class="radius-base fill-blank m-b-base m-r-base nav-item">
|
|
|
+ <div class="full-w">
|
|
|
+ <img class="nav-img" src="@img/科目管理.png" alt="" />
|
|
|
+ <div class="m-t-extra-base nav-title">监控</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </router-link>
|
|
|
+ <router-link v-show="hasPermissions('/analysis/statistics')" to="/analysis/statistics">
|
|
|
+ <div class="radius-base fill-blank m-b-base m-r-base nav-item">
|
|
|
+ <div class="full-w">
|
|
|
+ <img class="nav-img" src="@img/科目管理.png" alt="" />
|
|
|
+ <div class="m-t-extra-base nav-title">统计</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </router-link>
|
|
|
+ <router-link v-show="hasPermissions('/analysis/personnel-statistics')" to="/analysis/personnel-statistics">
|
|
|
+ <div class="radius-base fill-blank m-b-base m-r-base nav-item">
|
|
|
+ <div class="full-w">
|
|
|
+ <img class="nav-img" src="@img/科目管理.png" alt="" />
|
|
|
+ <div class="m-t-extra-base nav-title">人员数据统计</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </router-link>
|
|
|
+ <router-link v-show="hasPermissions('/analysis/personnel-compare')" to="/analysis/personnel-compare">
|
|
|
+ <div class="radius-base fill-blank m-b-base m-r-base nav-item">
|
|
|
+ <div class="full-w">
|
|
|
+ <img class="nav-img" src="@img/科目管理.png" alt="" />
|
|
|
+ <div class="m-t-extra-base nav-title">人员对比</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </router-link>
|
|
|
+ <router-link v-show="hasPermissions('/analysis/marking-progress')" to="/analysis/marking-progress">
|
|
|
+ <div class="radius-base fill-blank m-b-base m-r-base nav-item">
|
|
|
+ <div class="full-w">
|
|
|
+ <img class="nav-img" src="@img/科目管理.png" alt="" />
|
|
|
+ <div class="m-t-extra-base nav-title">评卷进度统计</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </router-link>
|
|
|
+ <router-link v-show="hasPermissions('/analysis/group-monitoring')" to="/analysis/group-monitoring">
|
|
|
+ <div class="radius-base fill-blank m-b-base m-r-base nav-item">
|
|
|
+ <div class="full-w">
|
|
|
+ <img class="nav-img" src="@img/科目管理.png" alt="" />
|
|
|
+ <div class="m-t-extra-base nav-title">小组长监控</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </router-link>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup lang="ts" name="QualityNav">
|
|
|
+/** 质量统计导航页 */
|
|
|
+import useNavPermissions from '@/hooks/useNavPermissions'
|
|
|
+
|
|
|
+const { hasPermissions } = useNavPermissions()
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+.nav-page {
|
|
|
+ padding: 80px 80px 0 80px;
|
|
|
+ .nav-card {
|
|
|
+ width: 410px;
|
|
|
+ height: 180px;
|
|
|
+ background: url(@img/nav-page-card.png) no-repeat center center / cover;
|
|
|
+ padding: 32px;
|
|
|
+ font-size: 22px;
|
|
|
+ color: $color--white;
|
|
|
+ }
|
|
|
+ .nav-item {
|
|
|
+ width: 200px;
|
|
|
+ height: 180px;
|
|
|
+ text-align: center;
|
|
|
+ display: flex;
|
|
|
+ place-items: center;
|
|
|
+ cursor: pointer;
|
|
|
+ &:hover {
|
|
|
+ box-shadow: 0px 0px 8px $ShadowColor;
|
|
|
+ }
|
|
|
+ .nav-img {
|
|
|
+ width: 64px;
|
|
|
+ height: 64px;
|
|
|
+ }
|
|
|
+ .nav-title {
|
|
|
+ color: $PrimaryPlusFontColor;
|
|
|
+ font-size: $MediumFont;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|