From 1d30d450bb41e1117e9be4d6a6c7c3ca4b007601 Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期二, 28 六月 2022 09:12:16 +0800 Subject: [PATCH] 'lct' --- src/views/home/index.vue | 40 +++++++++++++++++++++++----------------- 1 files changed, 23 insertions(+), 17 deletions(-) diff --git a/src/views/home/index.vue b/src/views/home/index.vue index 2923664..45dd9ce 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -5,37 +5,44 @@ :xs="24" :sm="12" :md="12" - :lg="6" - :xl="6" + :lg="4" + :xl="4" v-for="(v, k) in homeOne" :key="k" :class="{ 'home-media home-media-lg': k > 1, 'home-media-sm': k === 1 }" > <div class="home-card-item flex" > - <el-button @click="renderMenu">{{v.name}}</el-button> + <el-button @click="renderMenu(v.id)">{{v.name}}</el-button> </div> </el-col> </el-row> <el-row :gutter="15" class="home-card-two mb15"> <el-col :xs="24" :sm="14" :md="14" :lg="16" :xl="16"> <div class="home-card-item"> - <div style="height: 100%"></div> + <div style="height: 100%"> + <el-button @click="renderMenu('6')">{{'应急管理系统'}}</el-button> + </div> </div> </el-col> <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="8" class="home-media"> <div class="home-card-item"> - <div style="height: 100%"></div> + <div style="height: 100%"> + <el-button @click="renderMenu('7')">{{'目标责任管理系统'}}</el-button> + </div> </div> </el-col> </el-row> <el-row :gutter="15" class="home-card-three"> <el-col :xs="24" :sm="10" :md="10" :lg="8" :xl="8"> <div class="home-card-item"> + <el-button @click="renderMenu('8')">{{'事故管理系统'}}</el-button> </div> </el-col> <el-col :xs="24" :sm="14" :md="14" :lg="16" :xl="16" class="home-media"> <div class="home-card-item"> - <div style="height: 100%"></div> + <div style="height: 100%"> + <el-button @click="renderMenu('9')">{{'设备综合管控系统'}}</el-button> + </div> </div> </el-col> </el-row> @@ -50,6 +57,8 @@ import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes'; import { initBackEndControlRoutes } from '/@/router/backEnd'; import {Session} from "/@/utils/storage"; +import {useRoutesList} from "/@/stores/routesList"; +import pinia from "/@/stores"; let global: any = { homeChartOne: null, @@ -69,21 +78,18 @@ export default defineComponent({ name: 'home', setup() { - const homeLineRef = ref(); - const homePieRef = ref(); - const homeBarRef = ref(); - const storesTagsViewRoutes = useTagsViewRoutes(); - const storesThemeConfig = useThemeConfig(); - const { themeConfig } = storeToRefs(storesThemeConfig); - const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes); + const storesRoutesList = useRoutesList(pinia); + const { routesList } = storeToRefs(storesRoutesList); + // const storesTagsViewRoutes = useTagsViewRoutes(); + // const storesThemeConfig = useThemeConfig(); const state = reactive<stateType>({ projectId:'', - homeOne:[{id:1,name:'系统1'},{id:2,name:'系统2'},{id:3,name:'系统4'},{id:4,name:'系统4'}], + homeOne:[{id:1,name:'基础数据权限管理系统'},{id:2,name:'系统1'},{id:3,name:'系统2'},{id:4,name:'系统3'},{id:5,name:'系统4'}], }); // 折线图 - const renderMenu = async() => { - state.projectId = '1' - Session.set('projectId','1') + const renderMenu = async (value: string) => { + state.projectId = value + Session.set('projectId',value) await initBackEndControlRoutes(); }; return { -- Gitblit v1.9.2