feat: 报表中心

src/views/statement/data.tsx

 export const tabList = [
   {
     key: '1',
-    tab: '计划',
+    tab: '投资计划',
   },
   {
     key: '2',
-    tab: '完成',
+    tab: '计划完成情况',
   },
   {
     key: '3',
-    tab: '已结',
+    tab: '年度资金计划',
+  },
+  {
+    key: '4',
+    tab: '月度资金计划',
+  },
+  {
+    key: '5',
+    tab: '已竣工验收项目陈欠资金计划',
+  },
+  {
+    key: '6',
+    tab: '招标计划',
+  },
+  {
+    key: '7',
+    tab: '招标管理',
+  },
+  {
+    key: '8',
+    tab: '结算管理',
+  },
+  {
+    key: '9',
+    tab: '变更签证管理',
+  },
+  {
+    key: '10',
+    tab: '安全隐患管理',
+  },
+  {
+    key: '11',
+    tab: '安全教育培训',
   },
 ];

src/views/statement/index.vue

 <template>
   <div>
-    <!-- <Tabs v-model:activeKey="activeKey" @change="change">
-      <a-tab-pane v-for="(item, index) in tabList" :key="index" :tab="item.tab" />
-    </Tabs> -->
-    <Tabs>
+    <div>
+      <Tabs @change="change">
         <template v-for="item in tabList" :key="item.key">
-          <TabPane :tab="item.tab">
-          </TabPane>
+          <TabPane :tab="item.tab" />
         </template>
       </Tabs>
+    </div>
+    <div>
+      <BasicForm submitOnReset @register="register" @submit="handleSearchInfoChange" />
+    </div>
+    <div>
+      <a-button type="primary" @click="Import">导入数据</a-button>
+    </div>
+    <div>
+      <BasicTable :title="'报表中心'" />
+    </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-  import { ref } from 'vue';
-
   import { Tabs } from 'ant-design-vue';
 
-  // import Tabs from '../../layouts/default/tabs/index.vue';
-
   import { tabList } from './data';
+  import { BasicForm, FormSchema, useForm } from '@/components/Form';
 
-  const activeKey = ref('1');
+  const schemas: FormSchema[] = [
+    {
+      field: 'data',
+      label: '',
+      component: 'Input',
+      componentProps: {
+        placeholder: '选择填报周期',
+      },
+      colProps: { span: 4 },
+    },
+    {
+      field: 'ProjecName',
+      label: '',
+      component: 'Input',
+      componentProps: {
+        placeholder: '公司名称',
+      },
+      colProps: { span: 4 },
+    },
+  ];
 
   const change = (key: string) => {
     console.log('key', key);
   };
+  const Import = () => {
+    console.log('导入数据');
+  };
+  function handleSearchInfoChange(info: Recordable) {
+    console.log(info);
+  }
+  const [register] = useForm({
+    schemas,
+  });
 </script>