update

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>

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>

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>