9 changed files with 202 additions and 34 deletions
@ -0,0 +1,23 @@ |
|||
import { defHttp } from '@/utils/http/axios'; |
|||
import { downloadFile } from "../../../api/common/api" |
|||
|
|||
export enum Api { |
|||
periodicallabPageList = '/huzhouPeriodicallab/periodicallabPageList', |
|||
addPeriodicallab="/huzhouPeriodicallab/addPeriodicallab", |
|||
modifyPeriodicallab = '/huzhouPeriodicallab/modifyPeriodicallab', |
|||
getperiodicallabById="/huzhouPeriodicallab/getperiodicallabById", |
|||
deletePeriodicallab = '/huzhouPeriodicallab/deletePeriodicallab', |
|||
batchdownloadPeriodicallabFiles="/huzhouPeriodicallab/batchdownloadPeriodicallabFiles", |
|||
} |
|||
|
|||
export const periodicallabPageList = (params) => defHttp.get({ url: Api.periodicallabPageList, params }) |
|||
export const getperiodicallabById = (params) => defHttp.get({ url: Api.getperiodicallabById, params }) |
|||
export const batchdownloadPeriodicallabFiles = (params) => downloadFile(Api.batchdownloadPeriodicallabFiles,"批量导出.zip",params) |
|||
export const addPeriodicallab = (params?) =>defHttp.post({ url: Api.addPeriodicallab,headers:{ "Content-Type": "multipart/form-data" }, params }) |
|||
|
|||
export const modifyPeriodicallab = (params?) =>defHttp.post({ url: Api.modifyPeriodicallab,headers:{ "Content-Type": "multipart/form-data" }, params }) |
|||
|
|||
export const deletePeriodicallab = (params?) =>defHttp.post({ url: Api.deletePeriodicallab, params }) |
|||
|
|||
|
|||
|
@ -0,0 +1,55 @@ |
|||
import { FormSchema } from '@/components/Form'; |
|||
import { BasicColumn } from '@/components/Table'; |
|||
|
|||
|
|||
export const columns: BasicColumn[] = [ |
|||
{ |
|||
title: '任务名称', |
|||
width: 250, |
|||
dataIndex: 'taskName', |
|||
}, |
|||
|
|||
{ |
|||
title: '指导处', |
|||
width: 150, |
|||
dataIndex: 'guide', |
|||
}, |
|||
{ |
|||
title: '任务进度(%)', |
|||
width: 200, |
|||
dataIndex: 'taskProgress', |
|||
}, |
|||
{ |
|||
title: '上级资金执行率(%)', |
|||
width: 250, |
|||
dataIndex: 'higherFundsRate', |
|||
}, |
|||
|
|||
{ |
|||
title: '项目名称', |
|||
width: 150, |
|||
dataIndex: 'projectName', |
|||
}, |
|||
{ |
|||
title: '建设单位', |
|||
width: 200, |
|||
dataIndex: 'buildUnit', |
|||
}, |
|||
{ |
|||
title: '项目所处阶段', |
|||
width: 250, |
|||
dataIndex: 'projectStage', |
|||
}, |
|||
|
|||
{ |
|||
title: '项目整体进度(%)', |
|||
width: 150, |
|||
dataIndex: 'projectProgress', |
|||
}, |
|||
{ |
|||
title: '上级资金执行(%)', |
|||
width: 200, |
|||
dataIndex: 'higherFunds', |
|||
}, |
|||
]; |
|||
|
@ -0,0 +1,40 @@ |
|||
<template> |
|||
<div> |
|||
<!--引用表格--> |
|||
<BasicTable @register="registerTable"> |
|||
<template #tableTitle> |
|||
<el-button type="primary" round @click="handleBatchdownload"> 批量导出</el-button> |
|||
</template> |
|||
</BasicTable> |
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<script lang="ts" name="system-user" setup> |
|||
//ts语法 |
|||
import { BasicTable, useTable } from '@/components/Table'; |
|||
import { columns } from './data'; |
|||
import { periodicallabPageList, batchdownloadPeriodicallabFiles } from './api'; |
|||
|
|||
const [registerTable, { reload, getForm }] = useTable({ |
|||
title: '项目节点未完成数', |
|||
api: periodicallabPageList, |
|||
columns: columns, |
|||
useSearchForm: false, |
|||
showIndexColumn: false, |
|||
//表单查询项设置 |
|||
|
|||
}); |
|||
|
|||
|
|||
function handleBatchdownload() { |
|||
let { getFieldsValue } = getForm() |
|||
let fromData = getFieldsValue() |
|||
batchdownloadPeriodicallabFiles(fromData) |
|||
reload() |
|||
} |
|||
|
|||
|
|||
</script> |
|||
|
|||
<style scoped></style> |
Loading…
Reference in new issue