From 0d626ae57149d5ed40a32bd8b808ca6069aa6d5e Mon Sep 17 00:00:00 2001
From: gaosp <gaosp>
Date: 星期日, 14 一月 2024 16:35:08 +0800
Subject: [PATCH] update
---
src/container/home/index.vue | 56 ++++++++++++++++++++++++++------------------------------
1 files changed, 26 insertions(+), 30 deletions(-)
diff --git a/src/container/home/index.vue b/src/container/home/index.vue
index 9611b84..d341892 100644
--- a/src/container/home/index.vue
+++ b/src/container/home/index.vue
@@ -3,8 +3,8 @@
<template slot="menu">
<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 ==='1' ? 'active' : ''" @click="navigateTo('1')">鐘舵�佺洃鎺�</li> -->
+ <li :class="activeId ==='preview' ? 'active' : ''" @click="navigateTo('preview')">澶у睆灞曠ず</li>
<li :class="activeId ==='2' ? 'active' : ''" @click="navigateTo('2')">
<span>
杞﹂棿鍦板浘
@@ -15,7 +15,7 @@
<span>
杞﹂棿鍒楄〃<i class="el-icon-caret-bottom"></i>
</span>
- <ul v-if="showSub">
+ <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>
@@ -23,25 +23,25 @@
<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')">
+ <!-- <li :class="activeId ==='5' ? 'active' : ''" @click="navigateTo('5')">
<span>
鎶ヨ〃鐢熸垚<i class="el-icon-caret-bottom"></i>
</span>
- <!-- <ul v-if="showSub">
+ <ul v-if="showSub">
<li>2鍘�</li>
<li>2鍘�</li>
<li>2鍘�</li>
<li>2鍘�</li>
- </ul> -->
- </li>
- <li :class="activeId ==='6' ? 'active' : ''" @click="navigateTo('6')">鐝璁剧疆</li>
+ </ul>
+ </li> -->
+ <!-- <li :class="activeId ==='6' ? 'active' : ''" @click="navigateTo('6')">鐝璁剧疆</li> -->
<li :class="activeId ==='7' ? 'active' : ''" @click="navigateTo('7')">宸ヤ欢淇℃伅</li>
<li :class="activeId ==='8' ? 'active' : ''" @click="navigateTo('8')">
<span>
@@ -50,6 +50,7 @@
<ul v-if="showSub">
<li @click="navigateTo('ledger')">鍙拌处</li>
<li @click="navigateTo('deviceType')">璁惧绫诲瀷绠＄悊</li>
+ <!-- <li @click="navigateTo('devicemaintenance')">鏈哄簥缁存姢</li> -->
</ul>
</li>
</ul>
@@ -91,39 +92,33 @@
let routers = {
2: 'map',
workshop: 'workshop',
- 4: 'maintenance',
+ maintenance: 'maintenance',
7: 'component',
ledger: 'ledger',
deviceType: 'deviceType',
+ preview: 'preview',
+ devicemaintenance: 'devicemaintenance'
}
- 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
- // let param = {}
- // if (v) {
- // param.id = v.id
- // }
- // this.$router.push({name: routers[name],params: {
- // id: v.id
- // },query: {
- // ...v
- // }})
- // this.$nextTick(() => {
- // this.showSub = false
- // })
} else {
this.activeId = name
- console.log(name)
let params = {}
+ let query = {}
if ('workshop' === name) {
params.id = v.id
+ query.name = v.name
}
- this.$router.push({name: routers[name],params: params})
+ if (name === 'maintenance') {
+ params.style = v.style
+ }
+ this.$router.push({name: routers[name],params: params,query: query})
this.$nextTick(() => {
this.showSub = false
})
@@ -155,6 +150,7 @@
position: relative;
ul {
display: none;
+ font-size: 14px;
}
// user-select:none;
}
--
Gitblit v1.9.3