feat: tab开发

src/components/CommonList.vue

@@ -7,32 +7,14 @@
       </div>
     </div>
   </div>
-  21312
-  {{data}}
 </template>
 
 <script lang="ts" setup>
-  // import { ViewListInter } from '@/js-pages/types'
-  // import { inject, PropType } from 'vue'
+  import { inject, ref } from 'vue'
+  import routerMatch from '@/hooks/routerMatch'
 
-  import { inject,InjectionKey } from 'vue'
-
-  const data = inject('state')
-  const demension = inject('demension')
-
-  console.log(data)
-  console.log(demension)
-
-  // defineProps({
-  //   data:{
-  //     type:[],
-  //     default() { [] }
-  //   },
-  //   pageList:{
-  //     type:Array as PropType<ViewListInter[]>,
-  //     default() { [] }
-  //   }
-  // })
+  const data = inject('state',ref({dataList:[]}))
+  const demension = inject('demension',routerMatch())
 
 </script>
 

src/components/vant/CommonTab.vue

@@ -1,11 +1,8 @@
 <template>
 
   <div>
-    213123
     <van-tabs v-model:active="state.active">
-      <van-tab title="开庭公告" name="act1" title-style="font-weight:bold">
-      </van-tab>
-      <van-tab title="历史开庭公告" name="act2" title-style="font-weight:bold">
+      <van-tab v-for="(item,index) in state.tabList" :key="index" :title="item.name" :name="item.deleted" title-style="font-weight:bold">
       </van-tab>
     </van-tabs>
 
@@ -13,15 +10,47 @@
 </template>
 
 <script lang="ts" setup>
-  import {reactive,ref,onMounted} from 'vue'
-  import { useRoute, useRouter } from 'vue-router'
-  const router = useRouter()
-  const route = useRoute()
-  const state = reactive({
-    active:''
+  import { inject, onMounted, reactive, ref } from 'vue'
+  import routerMatch from '@/hooks/routerMatch'
+
+  interface tabState {
+    tabList:{
+      name:string,
+      deleted:number,
+      num:number
+    }[],
+    active:number
+  }
+
+  const state =reactive<tabState>({
+    tabList:[],
+    active:0
   })
+
+  const data = inject('state',ref({dataList:[]}))
+  const demension = inject('demension',routerMatch())
+
   onMounted(() => {
+    console.log(demension,9999)
+    getTabs()
   })
+
+  const getTabs = () => {
+    if(demension.selectDemension.tabs === 'deleted') {
+      state.tabList = [
+        {
+          name:demension.selectDemension.title,
+          deleted:0,
+          num:0
+        },
+        {
+          name:`历史${demension.selectDemension.title}`,
+          deleted:1,
+          num:0
+        }
+      ]
+    }
+  }
 </script>
 
 <style lang="less" scoped>

src/js-pages/company-detail/FaLvFengXian/index.ts

@@ -6,7 +6,7 @@ export const FaLvFengXian: DemensionPagesInter = {
       code: 'open_announcement',
       routing: 'KaiTingGongGao',
       title: '开庭公告',
-      hasDeleted: true,
+      tabs: 'deleted',
       viewList: [
         {
           name: '案号',

src/views/demension/list.vue

@@ -2,14 +2,14 @@
   <div class="page">
     <!-- <List /> -->
     <!-- fdsfsd -->
-    <!-- <CommonTab></CommonTab> -->
+    <CommonTab></CommonTab>
     <CommonList></CommonList>
   </div>
 </template>
 
 <script lang="ts" setup>
   import CommonList from '@/components/CommonList.vue'
-  // import CommonTab from '@/components/vant/CommonTab.vue'
+  import CommonTab from '@/components/vant/CommonTab.vue'
   import routerMatch from '@/hooks/routerMatch'
   import { onMounted, provide, reactive, ref,InjectionKey } from 'vue'