From a8eec18144b57b95ca5b5295b86e8a793fe6391a Mon Sep 17 00:00:00 2001 From: yangyin <1850366751@qq.com> Date: 星期五, 05 七月 2024 17:48:57 +0800 Subject: [PATCH] 修改页面样式 --- src/views/project/ch/home/Scenario.vue | 24 ++++++++++++++---------- 1 files changed, 14 insertions(+), 10 deletions(-) diff --git a/src/views/project/ch/home/Scenario.vue b/src/views/project/ch/home/Scenario.vue index 2976b1a..e7800bf 100644 --- a/src/views/project/ch/home/Scenario.vue +++ b/src/views/project/ch/home/Scenario.vue @@ -2,18 +2,18 @@ <!-- 搴旂敤鍦烘櫙 --> <div class="w100 h100 box-border text-[14px] bg-[#f7f8fa] overflow-auto pr-[32px] pb-[50px] pl-[32px] pt-[42px]"> <div class="set-body"> - <div class="productivity recently"> + <!-- <div class="productivity recently"> <p class="mb-[24px] flex items-center"> <el-icon color="#409eff" :size="20" class="mr-2"><Clock /></el-icon> <span>鏈�杩戜娇鐢�</span> </p> <div class="flex flex-wrap items-center"> - <div class="list_app" v-for="item in state.recentlyList" :key="item.ID" @click="changeApp(item)"> + <div class="list_app" v-for="item in state.recentlyList" :key="item.ID" > <img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" /> <span class="text-[14px] text-[#333f4e]">{{ item.Name }}</span> </div> </div> - </div> + </div> --> <div class="productivity" v-for="product in state.productivityList" @@ -24,7 +24,8 @@ <span class="productivity-span"><i></i>{{ product.section_name }}</span> </div> <div class="flex flex-wrap items-center"> - <div class="list_app" v-for="item in product.children" :key="item.section_id"> + , + <div class="list_app" v-for="item in product.children" :key="item.section_id" @click="changeApp(product.section_id, item)"> <img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" /> <span class="text-[14px] text-[#333f4e]">{{ item.section_name }}</span> </div> @@ -55,12 +56,15 @@ productivityList: [], //閫氱敤鐨勫満鏅� }); //鍒囨崲鍒板簲鐢ㄥ満鏅鎯呯殑浜嬩欢 -const changeApp = (item: any) => { - if (item.ID === 2) { - router.push({ - name: 'ScenarioDetails', - }); - } +const changeApp = (section_id, item: any) => { + router.push({ + name: 'ScenarioDetails', + query: { + ID: section_id, + Name: item.section_name, + Title: item.section_title, + }, + }); }; const getSectionByList = async () => { const res = await getSectionByAllList(); -- Gitblit v1.9.3