From da07ae2b29f8f49867cdcf4c47eee42bad568b99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9A=E5=95=A6C=E6=A2=A6?= <15709267061@163.com>
Date: Fri, 14 Mar 2025 19:17:54 +0800
Subject: [PATCH] update

---
 src/components/LayoutSider/index.vue               |  7 +++----
 src/pages/layout/index.vue                         | 14 +++++++++++++-
 src/pages/merchant/pages/task-center/index.vue     | 14 ++++++++++++--
 .../merchant/pages/task-center/reward-mission.vue  |  3 ++-
 src/pinia/SystemStore/mock.js                      |  3 ++-
 5 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/src/components/LayoutSider/index.vue b/src/components/LayoutSider/index.vue
index c02894a..7d40e28 100644
--- a/src/components/LayoutSider/index.vue
+++ b/src/components/LayoutSider/index.vue
@@ -17,16 +17,15 @@ const menuItemClick = (e) => {
 <template>
     <div class="w-full h-full box-border">
         <a-menu @menu-item-click="menuItemClick">
-            <template v-for="item in SystemStore.RoutesTemp" :key="item.name">
+            <template v-for="item in SystemStore.RoutesTemp.filter(v=>!v.meta.hidden)" :key="item.name">
                 <template v-if="item.children?.length > 0">
                     <a-sub-menu>
                         <template #icon>
                             <icon-apps></icon-apps>
                         </template>
                         <template #title>{{ item.title }}</template>
-                        <a-menu-item v-for="k in item.children" :key="`/${item.path}/${k.path}`">{{
-                                k.title
-                            }}
+                        <a-menu-item v-for="k in item.children.filter(v=>!v.meta.hidden)" :key="`/${item.path}/${k.path}`">
+                            {{ k.title }}
                         </a-menu-item>
                     </a-sub-menu>
                 </template>
diff --git a/src/pages/layout/index.vue b/src/pages/layout/index.vue
index 13becfe..8e3d454 100644
--- a/src/pages/layout/index.vue
+++ b/src/pages/layout/index.vue
@@ -13,7 +13,9 @@ import LayoutSider from '../../components/LayoutSider/index.vue';
                 <LayoutSider></LayoutSider>
             </a-layout-sider>
             <a-layout-content>
-                <router-view></router-view>
+                <transition name="fade">
+                    <router-view></router-view>
+                </transition>
             </a-layout-content>
         </a-layout>
     </a-layout>
@@ -23,4 +25,14 @@ import LayoutSider from '../../components/LayoutSider/index.vue';
 #layout-header {
     box-shadow: 0px 4px 10px 0px rgba(78, 89, 105, 0.06);
 }
+
+.fade-enter-active,
+.fade-leave-active {
+    transition: opacity 0.5s;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+    opacity: 0;
+}
 </style>
diff --git a/src/pages/merchant/pages/task-center/index.vue b/src/pages/merchant/pages/task-center/index.vue
index 05877ec..3a2052a 100644
--- a/src/pages/merchant/pages/task-center/index.vue
+++ b/src/pages/merchant/pages/task-center/index.vue
@@ -12,10 +12,20 @@ onMounted(() => {
 <template>
     <!-- 任务中心 -->
     <div id="Item-View">
-        <router-view></router-view>
+        <transition name="fade">
+            <router-view></router-view>
+        </transition>
     </div>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.5s;
+}
 
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
 </style>
diff --git a/src/pages/merchant/pages/task-center/reward-mission.vue b/src/pages/merchant/pages/task-center/reward-mission.vue
index 997aebd..67cebbf 100644
--- a/src/pages/merchant/pages/task-center/reward-mission.vue
+++ b/src/pages/merchant/pages/task-center/reward-mission.vue
@@ -4,6 +4,7 @@ import Filter from "../../../../components/Filter/index.vue";
 import TooltipTag from "../../../../components/TooltipTag/index.vue";
 import useTableQuery from "../../../../hooks/useTableQuery.js";
 import Api from "../../../../api/index.js";
+import {toPath} from "../../../../utils/index.js";
 
 const columns = [
     {
@@ -139,7 +140,7 @@ const {loading, pagination, initFetchData} = useTableQuery({
 
         <div class="my-[20px] flex-grow flex flex-col">
             <div class="flex gap-[16px] mb-[20px]">
-                <a-button type="primary">
+                <a-button type="primary" @click="toPath('/home/task-center/new-task')">
                     <template #icon>
                         <icon-plus/>
                     </template>
diff --git a/src/pinia/SystemStore/mock.js b/src/pinia/SystemStore/mock.js
index 37303cb..3455427 100644
--- a/src/pinia/SystemStore/mock.js
+++ b/src/pinia/SystemStore/mock.js
@@ -35,7 +35,8 @@ const mockRoutes = [
                 title: '新建任务',
                 icon: '',
                 meta: {
-                    name: '新建任务'
+                    name: '新建任务',
+                    hidden: true,
                 },
                 component: 'new-task',
             }