From 5ecab86c4c2db019e47830c048246bb125aecbd5 Mon Sep 17 00:00:00 2001
From: gaosp <gaosp>
Date: 星期一, 15 一月 2024 20:47:40 +0800
Subject: [PATCH] udpate
---
src/container/home/index.vue | 61 ++++++++++++++++--------------
1 files changed, 32 insertions(+), 29 deletions(-)
diff --git a/src/container/home/index.vue b/src/container/home/index.vue
index c1ca005..511cfac 100644
--- a/src/container/home/index.vue
+++ b/src/container/home/index.vue
@@ -4,7 +4,7 @@
<div class="menu-container">
<ul class="">
<li :class="activeId ==='1' ? 'active' : ''" @click="navigateTo('1')">鐘舵�佺洃鎺�</li>
- <li :class="activeId ==='0' ? 'active' : ''" @click="navigateTo('0')">澶у睆灞曠ず</li>
+ <li :class="activeId ==='preview' ? 'active' : ''" @click="navigateTo('preview')">澶у睆灞曠ず</li>
<li :class="activeId ==='2' ? 'active' : ''" @click="navigateTo('2')">
<span>
杞﹂棿鍦板浘
@@ -15,20 +15,20 @@
<span>
杞﹂棿鍒楄〃<i class="el-icon-caret-bottom"></i>
</span>
- <ul v-if="showSub">
- <li v-for="item in workshopList" :key="item.id" @click.stop="navigateTo('3',item)">{{ item.name }}</li>
+ <ul v-if="showSub" class="sub">
+ <li v-for="item in workshopList" :key="item.id" @click.stop="navigateTo('workshop',item)">{{ item.name }}</li>
</ul>
</li>
<li :class="activeId ==='4' ? 'active' : ''" @click="navigateTo('4')">
<span>
璁惧淇濆吇<i class="el-icon-caret-bottom"></i>
</span>
- <!-- <ul v-if="showSub">
- <li>2鍘�</li>
- <li>2鍘�</li>
- <li>2鍘�</li>
- <li>2鍘�</li>
- </ul> -->
+ <ul v-if="showSub">
+ <li @click="navigateTo('maintenance', {style: 1})">鏃ュ父淇濆吇</li>
+ <li @click="navigateTo('maintenance', {style: 2})">涓�绾�</li>
+ <li @click="navigateTo('maintenance', {style: 3})">浜岀骇</li>
+ <li @click="navigateTo('maintenance', {style: 4})">涓夌骇</li>
+ </ul>
</li>
<li :class="activeId ==='5' ? 'active' : ''" @click="navigateTo('5')">
<span>
@@ -50,8 +50,7 @@
<ul v-if="showSub">
<li @click="navigateTo('ledger')">鍙拌处</li>
<li @click="navigateTo('deviceType')">璁惧绫诲瀷绠＄悊</li>
- <li>2鍘�</li>
- <li>2鍘�</li>
+ <!-- <li @click="navigateTo('devicemaintenance')">鏈哄簥缁存姢</li> -->
</ul>
</li>
</ul>
@@ -92,31 +91,34 @@
navigateTo (name,v) {
let routers = {
2: 'map',
- 3: 'workshop',
- 4: 'maintenance',
+ workshop: 'workshop',
+ maintenance: 'maintenance',
7: 'component',
ledger: 'ledger',
deviceType: 'deviceType',
+ preview: 'preview',
+ devicemaintenance: 'devicemaintenance'
}
- if (name === this.activeId) {
- this.showSub = !this.showSub
- } else {
- this.showSub = true
- }
- if (['3','5','8'].includes(name)) {
+
+ if (['3','4','5','8'].includes(name)) {
+ if (name === this.activeId) {
+ this.showSub = !this.showSub
+ } else {
+ this.showSub = true
+ }
this.activeId = name
- console.log(v)
- this.$router.push({name: routers[name],params: {id: v.id},query: {
- ...v
- }})
- this.$nextTick(() => {
- this.showSub = false
- })
} else {
this.activeId = name
- console.log(name)
- // this.$router.push('/home/map')
- this.$router.push({name: routers[name]})
+ let params = {}
+ let query = {}
+ if ('workshop' === name) {
+ params.id = v.id
+ query.name = v.name
+ }
+ if (name === 'maintenance') {
+ params.style = v.style
+ }
+ this.$router.push({name: routers[name],params: params,query: query})
this.$nextTick(() => {
this.showSub = false
})
@@ -148,6 +150,7 @@
position: relative;
ul {
display: none;
+ font-size: 14px;
}
// user-select:none;
}
--
Gitblit v1.9.3