'lct'

Your Name

2022-06-28 1d30d450bb41e1117e9be4d6a6c7c3ca4b007601

 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 {