feat(变更签证管理): 页面

src/router/routes/modules/changeSignature.ts

@@ -17,7 +17,7 @@ const changeSignature: AppRouteModule = {
     {
       path: 'index',
       name: 'changeSignature',
-      component: () => import('@/views/dashboard/analysis/index.vue'),
+      component: () => import('@/views/changeSignature/index.vue'),
       meta: {
         // affix: true,
         title: '变更签证管理',

src/views/changeSignature/changeSignatrue.data.ts

+import { BasicColumn, FormSchema } from '@/components/Table';
+
+export const columns: BasicColumn[] = [
+  {
+    title: '填报周期',
+    dataIndex: 'project_name',
+    width: 200,
+  },
+  {
+    title: '项目数量',
+    dataIndex: 'implementing_entity',
+    width: 180,
+  },
+  {
+    title: '公司名称',
+    dataIndex: 'construction_mode',
+    width: 180,
+  },
+  {
+    title: '最新更新人',
+    dataIndex: 'project_type',
+    width: 180,
+  },
+  {
+    title: '最新更新时间',
+    dataIndex: 'funding_source',
+    width: 180,
+  },
+  {
+    title: '审核状态',
+    dataIndex: 'construction_purpose',
+    width: 180,
+  },
+  {
+    title: '审核人',
+    dataIndex: '国construction_scale',
+    width: 180,
+  },
+  {
+    title: '审核时间',
+    dataIndex: '国construction_scale',
+    width: 180,
+  },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'ProjecName',
+    label: '',
+    component: 'Input',
+    componentProps: {
+      placeholder: '点击选择图标',
+    },
+    colProps: { span: 4 },
+  },
+  {
+    field: 'ProjecName',
+    label: '',
+    component: 'Input',
+    componentProps: {
+      placeholder: '点击选择图标',
+    },
+    colProps: { span: 4 },
+  },
+];

src/views/changeSignature/index.vue

+<template>
+  <div>
+    <BasicTable @register="registerTable" :title="'变更签证管理'">
+      <template #toolbar>
+        <a-button type="primary" icon=""> 新建变更签证管理 </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              {
+                icon: 'clarity:note-edit-line',
+                onClick: handleEdit.bind(null, record),
+              },
+              {
+                icon: 'ant-design:delete-outlined',
+                color: 'error',
+                popConfirm: {
+                  title: '是否确认删除',
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record),
+                },
+              },
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+  </div>
+</template>
+<script setup lang="ts">
+  import { BasicTable, useTable, TableAction } from '@/components/Table';
+  import { getListByPage } from '@/api/project/biddingPlan';
+  import {
+    columns,
+    searchFormSchema,
+  } from '@/views/changeSignature/changeSignatrue.data';
+
+  const [registerTable, { reload }] = useTable({
+    api: getListByPage,
+    columns,
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchFormSchema,
+    },
+    useSearchForm: true,
+    showTableSetting: false,
+    bordered: true,
+    showIndexColumn: false,
+    actionColumn: {
+      width: 80,
+      title: '操作',
+      dataIndex: 'action',
+      // slots: { customRender: 'action' },
+      fixed: undefined,
+    },
+  });
+
+  function handleEdit(record: Recordable) {
+    openDrawer(true, {
+      record,
+      isUpdate: true,
+    });
+  }
+
+  function handleDelete(record: Recordable) {
+    console.log(record);
+  }
+</script>
+
+<style scoped lang="less"></style>