From c2f95b0b9090a2394b5b068582b932a5e57b86aa Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期二, 05 九月 2023 18:19:37 +0800
Subject: [PATCH] 雷达图 新增综合风险排名 数据接入配置
---
src/components/layout/AppAside.vue | 77 +++++++++++++++-----------------------
1 files changed, 30 insertions(+), 47 deletions(-)
diff --git a/src/components/layout/AppAside.vue b/src/components/layout/AppAside.vue
index 80fabe8..6ae8ff1 100644
--- a/src/components/layout/AppAside.vue
+++ b/src/components/layout/AppAside.vue
@@ -1,33 +1,22 @@
<script>
import { isCollapse } from './isCollapse';
-import { selectedName } from './selectName';
export default {
data() {
return {
menuHeight: '600px',
isCollapseAside: isCollapse,
- selected: selectedName,
- optionClick: [
- ' 鏁版嵁椋庨櫓妯″瀷',
- '鏁版嵁椋庨櫓鎺掑悕',
- '椋炶宸℃',
- '绔欑偣瀹℃牳杈呭姪',
- '鍘嗗彶鏁版嵁绠＄悊',
- '鏁版嵁鎺ュ叆绠＄悊',
- '涓氬姟鎶ヨ〃',
- '鏁版嵁鎺ュ叆閰嶇疆',
- ]
};
},
methods:{
calMenuHeight() {
const h1 = this.$refs.headerRef.$el.offsetHeight;
- return `calc(100vh - ${h1}px `;
+ return `calc(100vh - ${h1}px - 8px`;
},
},
mounted(){
this.menuHeight = this.calMenuHeight();
+ console.log('meta:',this.$route.matched);
}
};
</script>
@@ -41,24 +30,17 @@
class="el-menu-vertical-demo"
default-active="2"
text-color="#fff"
- @open="handleOpen"
- @close="handleClose"
router
:collapse="isCollapseAside"
>
<el-row ref="headerRef" class="header">
- <el-space>
<el-link href="/hdata" class="logo" >
- <!-- <img src="@/assets/companylogo.png" alt="" /> -->
<h1>鍦ㄧ嚎鐩戞祴鏁版嵁璐ㄩ噺璇勪及涓庨闄╁垎鏋�</h1>
-
</el-link>
-
- </el-space>
- <div class="line">
- </div>
+
</el-row>
+ <hr/>
<el-scrollbar :height="menuHeight">
<el-sub-menu index="1">
@@ -67,14 +49,19 @@
<span class="parent-title">椋庨櫓璇勪及</span>
</template>
- <el-menu-item index="avgDay" @click="selected = optionClick[0]">
+ <el-menu-item index="avgDay" >
<el-icon><i-ep-Stopwatch /></el-icon>
鏁版嵁椋庨櫓妯″瀷
</el-menu-item>
- <el-menu-item index="analysis" @click="selected = optionClick[1]">
+ <el-menu-item index="analysis" >
<el-icon><i-ep-Stopwatch /></el-icon>
- 鏁版嵁椋庨櫓鎺掑悕
+ 鏁版嵁鎺掑悕娓呭崟
+ </el-menu-item><el-menu-item index="riskrank" >
+ <el-icon><i-ep-Stopwatch /></el-icon>
+ 缁煎悎椋庨櫓鎺掑悕
</el-menu-item>
+
+
</el-sub-menu>
@@ -83,12 +70,12 @@
<el-icon><i-ep-Histogram /></el-icon>
<span class="parent-title">绾夸笂宸℃</span>
</template>
- <el-menu-item index="edata" @click="selected = optionClick[2]">
+ <el-menu-item index="edata" >
<el-icon><i-ep-Bell /></el-icon>
椋炶宸℃
</el-menu-item>
- <el-menu-item index="testdata" @click="selected = optionClick[3]">
+ <el-menu-item index="testData">
<el-icon><i-ep-Bell /></el-icon>
绔欑偣瀹℃牳杈呭姪
</el-menu-item>
@@ -102,32 +89,33 @@
</template>
- <el-menu-item index="hdata" @click="selected = optionClick[4]">
+ <el-menu-item index="hdata" >
<el-icon><i-ep-Histogram /></el-icon>
鍘嗗彶鏁版嵁绠＄悊
</el-menu-item>
- <!-- <el-menu-item index="management" @click="selected = optionClick[5]">
+
+ <!-- <el-menu-item index="management" >
<el-icon><i-ep-Histogram /></el-icon>
鏁版嵁鎺ュ叆绠＄悊
</el-menu-item>
- <el-menu-item index="report" @click="selected = optionClick[6]">
+ <el-menu-item index="report" >
<el-icon><i-ep-Histogram /></el-icon>
涓氬姟鎶ヨ〃
</el-menu-item> -->
</el-sub-menu>
- <!-- <el-sub-menu index="4">
+ <el-sub-menu index="4">
<template #title>
<el-icon><i-ep-DataLine /></el-icon>
<span class="parent-title">閰嶇疆绠＄悊</span>
</template>
- <el-menu-item index="setting" @click="selected = optionClick[7]">
+ <el-menu-item index="setting" >
<el-icon><i-ep-Histogram /></el-icon>
鏁版嵁鎺ュ叆閰嶇疆
</el-menu-item>
- </el-sub-menu> -->
+ </el-sub-menu>
</el-scrollbar>
</el-menu>
@@ -137,8 +125,6 @@
<style lang="scss" scoped>
.el-aside {
background-color: #2876aa;
-
-
height: 100vh;
width: auto;
}
@@ -148,16 +134,17 @@
width: 220px;
border-right: none;
-
&.el-menu--collapse {
//渚ц竟鏍忔姌鍙犳椂鐨勬牱寮�
width: 65px;
-
& h1 {
//鎶樺彔鏃堕殣钘廻1鏂囧瓧
display: none;
}
& span {
+ display: none;
+ }
+ & hr {
display: none;
}
}
@@ -171,10 +158,11 @@
text-decoration: none;
color: black;
margin-left: 20px;
- img {
- width: 32px;
- height: 32px;
- }
+ margin-right: 20px;
+ // img {
+ // width: 32px;
+ // height: 32px;
+ // }
}
@@ -188,10 +176,5 @@
font-weight: bold;
font-size: 18px;
}
-// .line {
-// width: 180px;
-// border: 1px solid rgb(255,255,255,0.2);
-// margin: 0px;
-// padding: 0px;
-// }
+
</style>
--
Gitblit v1.9.3