切换

src/views/schedule-manage/index.tsx

@@ -24,8 +24,18 @@ import { useRouter } from 'vue-router';
 export default defineComponent({
   name: 'schedule-manage',
   setup() {
+    const key = 'schedule-manage-tab-name';
+    const toggleTabName = (type: 'set' | 'get') => {
+      if (type === 'set') {
+        sessionStorage.setItem(key, todoData.tabActive);
+      } else {
+        return sessionStorage.getItem(key) || '';
+      }
+    }
     const router = useRouter();
+    
     const todoData = reactive({
+      tabActive: toggleTabName('get') as 'todo' | 'complete',
       examineLoading: true,
       refreshLoading: false,
       examineFinish: false,
@@ -143,6 +153,7 @@ export default defineComponent({
 
     /** 去详情页 */
     const handleGoto = (item: MusicGroupQuitPageDto) => {
+      toggleTabName('set');
       router.push({
         path: 'schedule-manage-detail',
         query: {
@@ -156,8 +167,8 @@ export default defineComponent({
         <MSticky position="top">
           <MHeader></MHeader>
         </MSticky>
-        <Tabs swipeable animated>
-          <Tab name="待审批" title="待审批">
+        <Tabs swipeable animated v-model:active={todoData.tabActive}>
+          <Tab name="todo" title="待审批">
             <List
               loading={todoData.examineLoading}
               finished={todoData.examineFinish}
@@ -204,7 +215,7 @@ export default defineComponent({
               </MFullRefresh>
             </List>
           </Tab>
-          <Tab name="已完成" title="已完成">
+          <Tab name="complete" title="已完成">
             <div class={styles.menubox}>
               <DropdownMenu>
                 <DropdownItem