From 5ef0c59622041bd323506e5ccc50516c280d3ad0 Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期四, 18 四月 2024 17:07:46 +0800 Subject: [PATCH] 菜单更新 --- src/components/wggl/left/czll.vue | 239 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 227 insertions(+), 12 deletions(-) diff --git a/src/components/wggl/left/czll.vue b/src/components/wggl/left/czll.vue index eadc73f..7b84e81 100644 --- a/src/components/wggl/left/czll.vue +++ b/src/components/wggl/left/czll.vue @@ -7,7 +7,7 @@ :unique-opened="true" @select="handleSelect" class="el-menu-vertical-demo"> - <el-submenu index="1"> + <!-- <el-submenu index="1"> <template slot="title"> <i class="el-icon-location"></i> <span>棰戣氨鎬佸娍鍒嗘瀽</span> @@ -64,9 +64,90 @@ </template> <el-menu-item-group> <el-menu-item index="5-1">鏁版嵁鍒嗘瀽鎶ュ憡</el-menu-item> - + </el-menu-item-group> + </el-submenu> --> + <el-submenu index="6"> + <template slot="title"> + <i class="el-icon-location"></i> + <span>鏁版嵁璧勬簮绠$悊瀛愮郴缁�</span> + </template> + <el-menu-item-group> + <el-menu-item index="6-1">閫氱敤妯$増绠$悊</el-menu-item> + <el-menu-item index="6-2">閫氫俊璧勬簮绠$悊</el-menu-item> + <el-menu-item index="6-3">閫氫俊缃戠郴绠$悊</el-menu-item> + <el-menu-item index="6-4">閫氫俊鎯冲畾绠$悊</el-menu-item> + <el-menu-item index="6-5">澶氬獟浣撶礌鏉愮鐞�</el-menu-item> + <el-menu-item index="6-6">浠跨湡妯″瀷绠$悊</el-menu-item> + <el-menu-item index="6-7">鐢ㄦ埛绠$悊鍜岀郴缁熻缃�</el-menu-item> </el-menu-item-group> </el-submenu> + <el-submenu index="7"> + <template slot="title"> + <i class="el-icon-location"></i> + <span>缁煎悎鎬佸娍鏄剧ず瀛愮郴缁�</span> + </template> + <el-menu-item-group> + <el-menu-item index="7-1">鐩綍绠$悊</el-menu-item> + + <!-- + <el-submenu index="7-2"> + <template slot="title">ZC鐜鏄剧ず</template> + <el-menu-item index="7-2-1">涓滃崡娌挎捣銆乀D</el-menu-item> + </el-submenu> + <el-submenu index="7-3"> + <template slot="title">閫氫俊鎬佸娍鏄剧ず</template> + <el-menu-item index="7-3-1">鍩虹珯銆佺洃娴嬬珯</el-menu-item> + </el-submenu> --> + <el-menu-item index="7-4">淇℃伅閾捐矾鏄剧ず</el-menu-item> + <el-menu-item index="7-5">浣滄垬鎬佸娍鏄剧ず</el-menu-item> + <el-menu-item index="7-6">鎯冲畾璧勬枡鏄剧ず</el-menu-item> + <el-menu-item index="7-7">鎬佸娍鏄剧ず鎺у埗</el-menu-item> + <el-menu-item index="7-8">澶氬獟浣撶礌鏉愭祻瑙�</el-menu-item> + <!-- <el-menu-item index="7-9">鎬佸娍鏍囩粯</el-menu-item> --> + <el-submenu> + <template slot="title">鎬佸娍鏍囩粯</template> + <el-menu-item index="7-9-1">鍐涙爣鏍囩粯</el-menu-item> + <el-menu-item index="7-9-2">鍥惧厓鏍囩粯</el-menu-item> + <el-menu-item index="7-9-3">妯″瀷鏍囩粯</el-menu-item> + </el-submenu> + </el-menu-item-group> + </el-submenu> + <!-- <el-submenu index="8"> + <template slot="title"> + <i class="el-icon-location"></i> + <span>閫氫俊鏂规绛瑰垝瀛愮郴缁�</span> + </template> + <el-menu-item-group> + <el-menu-item index="8-1">閫氫俊鏂规绠$悊</el-menu-item> + <el-menu-item index="8-2">閫氫俊鏂规鎷熷埗</el-menu-item> + <el-menu-item index="8-3">閫氫俊缃戠郴鏋勫缓</el-menu-item> + <el-menu-item index="8-4">閫氫俊鏂规璁茶瘎</el-menu-item> + </el-menu-item-group> + </el-submenu> + <el-submenu index="9"> + <template slot="title"> + <i class="el-icon-location"></i> + <span>閫氫俊鏁堣兘璇勪及瀛愮郴缁�</span> + </template> + <el-menu-item-group> + <el-menu-item index="9-1">閫氫俊姣佷激褰卞搷璇勪及</el-menu-item> + <el-menu-item index="9-2">閫氫俊骞叉壈褰卞搷璇勪及</el-menu-item> + <el-menu-item index="9-3">杈呭姪璁$畻鍒嗘瀽</el-menu-item> + </el-menu-item-group> + </el-submenu> + <el-submenu index="10"> + <template slot="title"> + <i class="el-icon-location"></i> + <span>浣滄垬琛屽姩褰卞搷鍒嗘瀽瀛愮郴缁�</span> + </template> + <el-menu-item-group> + <el-menu-item index="10-1">鎯呮姤閾捐矾琛屽姩褰卞搷鍒嗘瀽</el-menu-item> + <el-menu-item index="10-2">鎸囨尌閾捐矾琛屽姩褰卞搷鍒嗘瀽</el-menu-item> + <el-menu-item index="10-3">鎵撳嚮閾捐矾琛屽姩褰卞搷鍒嗘瀽</el-menu-item> + <el-menu-item index="10-4">淇濋殰閾捐矾琛屽姩褰卞搷鍒嗘瀽鍜岃瘎浼板垎鏋愮粨鏋滃睍绀� + </el-menu-item> + </el-menu-item-group> + </el-submenu> --> </el-menu> </div> @@ -93,7 +174,7 @@ </div> </div> </template> - + <script> let gdMap=null; let dxMap=null; @@ -124,13 +205,13 @@ }, methods: { handleSelect (key,keyPath) { - var val=keyPath[1] + var val=keyPath[1]; switch(val) { case "1-3": this.nowchoose=2; bus.$emit("showdio",this.nowchoose); break; - case "1-2"://null + case "1-2": //null this.nowchoose=7; bus.$emit("showdio",this.nowchoose); break; @@ -138,7 +219,7 @@ this.nowchoose=1; bus.$emit("showdio",this.nowchoose); break; - case "2-6"://null + case "2-6": //null this.nowchoose=8; bus.$emit("showdio",this.nowchoose); break; @@ -146,16 +227,16 @@ this.nowchoose=3; bus.$emit("showdio",this.nowchoose); break; - case "2-4"://null + case "2-4": //null this.nowchoose=9; bus.$emit("showdio",this.nowchoose); break; - case "2-3"://null + case "2-3": //null this.nowchoose=10; bus.$emit("showdio",this.nowchoose); break; case "2-2": - this.nowchoose='1-4'; + this.nowchoose="1-4"; bus.$emit("showdio",this.nowchoose); break; @@ -173,6 +254,140 @@ break; case "3-1": this.nowchoose=6; + bus.$emit("showdio",this.nowchoose); + break; + + case "4-1": + this.nowchoose="4-1"; + bus.$emit("showdio",this.nowchoose); + break; + case "4-2": + this.nowchoose="4-2"; + bus.$emit("showdio",this.nowchoose); + break; + case "4-3": + this.nowchoose="4-3"; + bus.$emit("showdio",this.nowchoose); + break; + case "4-4": + this.nowchoose="4-4"; + bus.$emit("showdio",this.nowchoose); + break; + case "4-5": + this.nowchoose="4-5"; + bus.$emit("showdio",this.nowchoose); + break; + case "5-1": + this.nowchoose="5-1"; + bus.$emit("showdio",this.nowchoose); + break; + case "6-1": + this.nowchoose="6-1"; + bus.$emit("showdio",this.nowchoose); + break; + case "6-2": + this.nowchoose="6-2"; + bus.$emit("showdio",this.nowchoose); + break; + case "6-3": + this.nowchoose="6-3"; + bus.$emit("showdio",this.nowchoose); + break; + case "6-4": + this.nowchoose="6-4"; + bus.$emit("showdio",this.nowchoose); + break; + case "6-5": + this.nowchoose="6-5"; + bus.$emit("showdio",this.nowchoose); + break; + case "6-6": + this.nowchoose="6-6"; + bus.$emit("showdio",this.nowchoose); + break; + case "6-7": + this.nowchoose="6-7"; + bus.$emit("showdio",this.nowchoose); + break; + + case "7-1": + this.nowchoose="7-1"; + bus.$emit("showdio",this.nowchoose); + break; + case "7-2-1": + this.nowchoose="7-2-1"; + bus.$emit("showdio",this.nowchoose); + break; + case "7-3-1": + this.nowchoose="7-3-1"; + bus.$emit("showdio",this.nowchoose); + break; + case "7-4": + this.nowchoose="7-4"; + bus.$emit("showdio",this.nowchoose); + break; + case "7-5": + this.nowchoose="7-5"; + bus.$emit("showdio",this.nowchoose); + break; + case "7-6": + this.nowchoose="7-6"; + bus.$emit("showdio",this.nowchoose); + break; + case "7-7": + this.nowchoose="7-7"; + bus.$emit("showdio",this.nowchoose); + break; + case "7-8": + this.nowchoose="7-8"; + bus.$emit("showdio",this.nowchoose); + break; + case "7-9-1": + this.nowchoose="7-9-1"; + bus.$emit("showdio",this.nowchoose); + break; + case "8-1": + this.nowchoose="8-1"; + bus.$emit("showdio",this.nowchoose); + break; + case "8-2": + this.nowchoose="8-2"; + bus.$emit("showdio",this.nowchoose); + break; + case "8-3": + this.nowchoose="8-3"; + bus.$emit("showdio",this.nowchoose); + break; + case "8-4": + this.nowchoose="8-4"; + bus.$emit("showdio",this.nowchoose); + break; + case "9-1": + this.nowchoose="9-1"; + bus.$emit("showdio",this.nowchoose); + break; + case "9-2": + this.nowchoose="9-2"; + bus.$emit("showdio",this.nowchoose); + break; + case "9-3": + this.nowchoose="9-3"; + bus.$emit("showdio",this.nowchoose); + break; + case "10-1": + this.nowchoose="10-1"; + bus.$emit("showdio",this.nowchoose); + break; + case "10-2": + this.nowchoose="10-2"; + bus.$emit("showdio",this.nowchoose); + break; + case "10-3": + this.nowchoose="10-3"; + bus.$emit("showdio",this.nowchoose); + break; + case "10-4": + this.nowchoose="10-4"; bus.$emit("showdio",this.nowchoose); break; } @@ -264,7 +479,7 @@ }, }; </script> - + <style scoped> .content { /* height: 2000px; */ @@ -275,7 +490,7 @@ flex-direction: column; } .container { - width: 400px; + width: 500px; margin-left: 100px; height: 1600px; display: flex; @@ -376,4 +591,4 @@ height: 190px; background: transparent; } -</style> +</style> \ No newline at end of file -- Gitblit v1.9.3