结算管理高级查询功能开发

src/views/demo/table/tableData.tsx

@@ -235,7 +235,7 @@ export const getAdvanceSchema = (itemNumber = 6): FormSchema[] => {
       label: `字段${index}`,
       component: 'Input',
       colProps: {
-        xl: 12,
+        xl: 6,
         xxl: 8,
       },
     });

src/views/statement/components/exportModal.vue

@@ -20,6 +20,8 @@
   const  title = ref('');
   const  exProjectUrl=ref('')
   const projectId = ref(0);
+
+  const searchData=ref({})
   const schemas: FormSchema[] = [
     {
       field: 'colums',
@@ -67,6 +69,7 @@
       console.log(data.title,"title")
     }
     title.value = data.title;
+    searchData.value=data.searchData;
     data && onDataReceive(data);
   });
 
@@ -86,7 +89,7 @@
       console.log(value);
       const data = await exportData(exProjectUrl.value,{
         colums: value.colums,
-        searchField: {},
+        searchField: searchData.value,
       });
       console.log(title.value,"eeeeee");
       downloadByData(data,     title.value+'.xlsx');

src/views/statement/components/settlementManagement/data.ts

@@ -87,5 +87,7 @@ export const biddingPlanColumns = [
     },
 ];
 
+
+
 export   const  exportUrl ="pro/reportCenter/settlement/export-settlement"
 

src/views/statement/settlementManagementDrawer/detail.data.ts

-import { FormSchema, BasicColumn } from '@/components/Table';
+import {FormSchema, BasicColumn, FormProps} from '@/components/Table';
 import { uploadApi } from '@/api/sys/upload';
 export const formSchema: FormSchema[] = [
   {
@@ -451,3 +451,330 @@ export const tabList = [
     component: 'updateRecords',
   },
 ];
+//查询条件
+export function getFormConfig(): Partial<FormProps> {
+  return {
+    labelWidth: 100,
+    schemas: [
+      {
+        field: 'givenYear',
+        label: '填报年份',
+        component: 'DatePicker',
+        componentProps: {
+          placeholder: '选择填报周期',
+          picker: 'year',
+          valueFormat: 'YYYY',
+          format: 'YYYY',
+          style: {
+            width: '100%',
+          },
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        field: 'quarter',
+        label: '填报季度',
+        component: 'Select',
+        componentProps: {
+          options: [
+            { label: '第一季度', value: '第一季度' },
+            { label: '第二季度', value: '第二季度' },
+            {
+              label: '第三季度',
+              value: '第三季度',
+            },
+            {
+              label: '第四季度',
+              value: '第四季度',
+            },
+          ],
+          placeholder: '季度',
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '立项投资额（万元）',
+        field: 'projectInvestment',
+        labelWidth: '140px',
+        component: 'InputNumber',
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '资金来源',
+        field: 'fundingSource',
+        labelWidth: '140px',
+        component: 'Input',
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '招标方式',
+        field: 'biddingMethod',
+        labelWidth: '140px',
+        component: 'Select',
+        componentProps: {
+          options: [
+            {
+              label: '建委招标',
+              value: '1',
+            },
+            {
+              label: '平台招标',
+              value: '2',
+            },
+            {
+              label: '邀标比选',
+              value: '3',
+            },
+            {
+              label: '直接委托',
+              value: '4',
+            },
+            {
+              label: '评分定离',
+              value: '5',
+            },
+          ],
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '合同类型',
+        field: 'contracYpe',
+        labelWidth: '140px',
+        component: 'Select',
+        componentProps: {
+          options: [
+            {
+              label: '施工',
+              value: '1',
+            },
+            {
+              label: '监理',
+              value: '2',
+            },
+            {
+              label: '设计',
+              value: '3',
+            },
+            {
+              label: '图审',
+              value: '4',
+            },
+          ],
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '合同名称',
+        field: 'contractName',
+        labelWidth: '140px',
+        component: 'Input',
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '甲方单位名称',
+        field: 'firstPartyName',
+        labelWidth: '140px',
+        component: 'Input',
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '乙方单位名称',
+        field: 'secondPartyName',
+        labelWidth: '140px',
+        component: 'Input',
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '合同形式',
+        field: 'formOfContract',
+        labelWidth: '140px',
+        component: 'Select',
+        componentProps: {
+          options: [
+            {
+              label: '固定总价',
+              value: '1',
+            },
+            {
+              label: '固定单价',
+              value: '2',
+            },
+            {
+              label: '费率',
+              value: '3',
+            },
+            {
+              label: '其他',
+              value: '4',
+            },
+          ],
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '合同签订时间',
+        field: 'contractSigningTime',
+        labelWidth: '140px',
+        component: 'DatePicker',
+        componentProps: {
+          valueFormat: 'YYYY-MM-DD',
+          style:{
+            width:"100%"
+          }
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '竣工时间',
+        field: 'closingTime',
+        labelWidth: '140px',
+        component: 'DatePicker',
+        componentProps: {
+          valueFormat: 'YYYY-MM-DD',
+          style:{
+            width:"100%"
+          }
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '结算完成时间',
+        field: 'closingTimeDatetime',
+
+        labelWidth: '140px',
+        component: 'DatePicker',
+        componentProps: {
+          valueFormat: 'YYYY-MM-DD',
+          style:{
+            width:"100%"
+          }
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '合同金额（元）',
+        field: 'contractAmount',
+        labelWidth: '140px',
+        component: 'InputNumber',
+        componentProps: {
+          addonAfter: '元',
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '签证、变更金额（元）',
+        field: 'submittedForSettlement',
+        labelWidth: '140px',
+        component: 'InputNumber',
+        componentProps: {
+          addonAfter: '元',
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '结算报送金额（元)',
+        field: 'superContractScale',
+        labelWidth: '140px',
+        component: 'InputNumber',
+        componentProps: {
+          addonAfter: '元',
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '结算审定金额（元）',
+        field: 'sumOfMoney',
+        labelWidth: '140px',
+        component: 'InputNumber',
+        componentProps: {
+          addonAfter: '元',
+        },
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '结算审核金额超合同额比例',
+        field: 'proportionContractAmount',
+        labelWidth: '140px',
+        component: 'Input',
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '会议纪要',
+        field: 'meetingMinutes',
+        labelWidth: '140px',
+
+        component: 'Input',
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+      {
+        label: '备注',
+        field: 'remark',
+        labelWidth: '140px',
+
+        component: 'Input',
+        colProps: {
+          xl: 8,
+          xxl: 4,
+        },
+      },
+    ],
+  };
+}

src/views/statement/tabs/settlementManagement.vue

@@ -29,12 +29,13 @@
   <detaildrawer @register="registerDrawer"></detaildrawer>
 </template>
 <script lang="ts" setup>
+
 import detaildrawer from '@/views/statement/settlementManagementDrawer/detailDrawer.vue';
-  import { settlementManagementColumns, searchFormSchema } from './data';
+  import { settlementManagementColumns } from './data';
+  import {getFormConfig} from "@/views/statement/settlementManagementDrawer/detail.data"
   import { BasicTable, useTable, TableAction } from '@/components/Table';
   import { getSettlementManageList } from '@/api/project/settlementManage';
   import { inject } from 'vue';
-  import { router } from '@/router';
   import  exportModal from '../components/exportModal.vue';
   import {useModal} from "@/components/Modal";
   import {biddingPlanColumns,exportUrl} from "@/views/statement/components/settlementManagement/data";
@@ -43,20 +44,22 @@ import detaildrawer from '@/views/statement/settlementManagementDrawer/detailDra
   let detailId = inject('detailId');
   const [registerModal, { openModal: openModal }] = useModal();
   console.log('detailId', detailId);
-  const [registerTable, { reload }] = useTable({
+  const [registerTable, { reload,getForm }] = useTable({
     api: getSettlementManageList,
     columns: settlementManagementColumns,
-    formConfig: {
-      labelWidth: 120,
-      schemas: searchFormSchema,
+    useSearchForm: true,
+    formConfig: getFormConfig(),
+    showTableSetting: true,
+    tableSetting: { fullScreen: true },
+    showIndexColumn: false,
+    rowKey: 'id',
+    rowSelection: {
+      type: 'checkbox',
     },
     searchInfo: {
       proId: detailId,
     },
-    useSearchForm: true,
-    showTableSetting: false,
     bordered: true,
-    showIndexColumn: false,
     actionColumn: {
       width: 200,
       title: '操作',
@@ -82,6 +85,7 @@ import detaildrawer from '@/views/statement/settlementManagementDrawer/detailDra
       projectId: null,
       exportUrl: exportUrl,
       title:"结算管理",
+      searchData:getForm().getFieldsValue(),
       exportData: getExportData(),
     });
   }
@@ -93,3 +97,9 @@ import detaildrawer from '@/views/statement/settlementManagementDrawer/detailDra
     });
   }
 </script>
+
+
+
+
+
+