Skip to content

W
web-project
Commit 4f64687c authored by 牛虎林's avatar 牛虎林
Browse files
Options

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

parent ef9e6265
Hide whitespace changes
Inline Side-by-side
Showing with 354 additions and 12 deletions
src/views/demo/table/tableData.tsx
View file @ 4f64687c
......@@ -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
View file @ 4f64687c
......@@ -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
View file @ 4f64687c
......@@ -87,5 +87,7 @@ export const biddingPlanColumns = [
},
];
export const exportUrl ="pro/reportCenter/settlement/export-settlement"
src/views/statement/settlementManagementDrawer/detail.data.ts
View file @ 4f64687c
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
View file @ 4f64687c
......@@ -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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment