zhouhaibin
2 months ago
7 changed files with 1024 additions and 93 deletions
@ -0,0 +1,90 @@ |
|||
<template> |
|||
<div> |
|||
|
|||
<a-tabs v-model:activeKey="activeKey" type="card" @change="handleTabChange"> |
|||
<a-tab-pane key="1" tab="汇总"> |
|||
<BasicTable @register="registerTable"> |
|||
<template #action="{ record }"> |
|||
<!-- <TableAction :actions="getTableAction(record)" /> --> |
|||
</template> |
|||
</BasicTable> |
|||
</a-tab-pane> |
|||
<a-tab-pane key="2" tab="晾晒看板"> |
|||
<BasicTable @register="registerURTTable"> |
|||
<template #action="{ record }"> |
|||
<!-- <TableAction :actions="getTableAction(record)" /> --> |
|||
</template> |
|||
</BasicTable> |
|||
</a-tab-pane> |
|||
</a-tabs> |
|||
</div> |
|||
</template> |
|||
|
|||
<script lang="ts" name="system-user" setup> |
|||
//ts语法 |
|||
import { ref } from 'vue'; |
|||
import { ActionItem, BasicTable, TableAction, useTable } from '@/components/Table'; |
|||
import { useModal, BasicModal } from '@/components/Modal'; |
|||
|
|||
import { huizongcolumns, liangshaicolumns,searchFormSchema } from './liangShaiKanBan.data'; |
|||
import { countStageByRefrom, getStagePage } from './liangShaiKanBan.api'; |
|||
const activeKey = ref('1'); |
|||
const [registerTable, { reload }] = useTable({ |
|||
title: '详情', |
|||
api: countStageByRefrom, |
|||
columns: huizongcolumns, |
|||
useSearchForm: false, |
|||
//表单查询项设置 |
|||
// formConfig: { |
|||
// schemas: urtFormSchema, |
|||
// } |
|||
}); |
|||
const [registerURTTable, { reload: urtreload }] = useTable({ |
|||
title: '详情', |
|||
api: getStagePage, |
|||
columns: liangshaicolumns, |
|||
useSearchForm: true, |
|||
//表单查询项设置 |
|||
formConfig: { |
|||
schemas: searchFormSchema, |
|||
} |
|||
}); |
|||
function handleTabChange(key) { |
|||
// activeKey.value = key; |
|||
if (key === '1') { |
|||
reload(); |
|||
} else { |
|||
urtreload(); |
|||
} |
|||
} |
|||
|
|||
// function getDropDownAction(record): ActionItem[] { |
|||
// return [ |
|||
// { |
|||
// label: '修改', |
|||
// ifShow: () => { |
|||
// return isShowByRoles('manageOrg') |
|||
// }, |
|||
// onClick: handleModify.bind(null, record) |
|||
// }, |
|||
// { |
|||
// label: '删除', |
|||
// ifShow: () => { |
|||
// return isShowByRoles('manageOrg') |
|||
// }, |
|||
// popConfirm: { |
|||
// title: '确定删除吗?', |
|||
// confirm: handleDelete.bind(null, record), |
|||
// }, |
|||
// } |
|||
|
|||
// ]; |
|||
// } |
|||
|
|||
function handleSubmit(record) {} |
|||
function closeModel() { |
|||
reload(); |
|||
} |
|||
</script> |
|||
|
|||
<style scoped></style> |
|||
@ -0,0 +1,24 @@ |
|||
import { defHttp } from '@/utils/http/axios'; |
|||
|
|||
export enum Api { |
|||
getSuperLeaderApproveInfo = '/workflow/getSuperLeaderApproveInfo', |
|||
|
|||
getURTUnApprovedDaysPage = "/workflow/getURTUnApprovedDaysPage", |
|||
showCountBoardByAdminDivision = "/huzhouProject/showCountBoardByAdminDivision", |
|||
|
|||
countStageByRefrom= "/huzhouProject/countStageByRefrom", |
|||
getStagePage = "/huzhouProject/getStagePage", |
|||
} |
|||
/** |
|||
* 总体看板 |
|||
*/ |
|||
|
|||
export const countStageByRefrom = (params?) => defHttp.get({ url: Api.countStageByRefrom,params}) |
|||
export const getStagePage = (params?) => defHttp.get({ url: Api.getStagePage,params}) |
|||
// export const getDimensionPageSorted = (params) => defHttp.get({ url: Api.getDgetStagePageimensionPageSorted,params })
|
|||
// export const getPageSorted = (params) => defHttp.get({ url: Api.getPageSorted,params })
|
|||
|
|||
// export const submitplaninfoUploadFile = (params?) =>defHttp.post({ url: Api.submitplaninfoUploadFile,headers:{ "Content-Type": "multipart/form-data" }, params })
|
|||
|
|||
|
|||
|
|||
@ -0,0 +1,242 @@ |
|||
import { FormSchema } from '@/components/Form'; |
|||
import { BasicColumn } from '@/components/Table'; |
|||
import { getDutyWorkplaceList } from '@/views/informationSub/countStatistics/countStatistics.api'; |
|||
async function getDutyWorkplaceOptions() { |
|||
let dutyWorkplaceOption = await getDutyWorkplaceList(); |
|||
|
|||
let uniqueList = [...new Set(dutyWorkplaceOption)]; |
|||
|
|||
let res = uniqueList.map((item) => { |
|||
return { |
|||
label: item, |
|||
value: item, |
|||
}; |
|||
}); |
|||
console.log('wwres', res); |
|||
|
|||
return res; |
|||
} |
|||
export const huizongcolumns: BasicColumn[] = [ |
|||
|
|||
{ |
|||
title: '改革所属项目', |
|||
dataIndex: 'reformName', |
|||
format: 'dict|reformTasks', |
|||
resizable: true |
|||
}, |
|||
{ |
|||
title: '任务牵头处室', |
|||
dataIndex: 'superLeader', |
|||
format: 'dict|superLeader', |
|||
resizable: true |
|||
}, |
|||
{ |
|||
title: '项目总数', |
|||
dataIndex: 'projectNum', |
|||
}, |
|||
{ |
|||
title: '项目立项阶段(联审)', |
|||
dataIndex: 'reviewNum', |
|||
}, |
|||
{ |
|||
title: '项目立项阶段(核验)', |
|||
dataIndex: 'verifyNum', |
|||
}, |
|||
{ |
|||
title: '项目立项阶段(立项)', |
|||
dataIndex: 'approvalNum', |
|||
}, |
|||
{ |
|||
title: '项目立项阶段数量', |
|||
dataIndex: 'proposalNum', |
|||
}, |
|||
{ |
|||
title: '项目采购阶段数量', |
|||
dataIndex: 'purchaseNum', |
|||
}, |
|||
{ |
|||
title: '项目建设阶段数量', |
|||
dataIndex: 'buildNum', |
|||
}, |
|||
{ |
|||
title: '项目验收阶段数量', |
|||
dataIndex: 'acceptanceNum', |
|||
}, |
|||
|
|||
]; |
|||
|
|||
export const liangshaicolumns: BasicColumn[] = [ |
|||
{ |
|||
title: '改革所属项目', |
|||
dataIndex: 'reformName', |
|||
format: 'dict|reformTasks', |
|||
resizable: true |
|||
}, |
|||
{ |
|||
title: '任务牵头处室', |
|||
dataIndex: 'superLeader', |
|||
format: 'dict|superLeader', |
|||
resizable: true |
|||
}, |
|||
{ |
|||
title: '项目名称', |
|||
dataIndex: 'projectName', |
|||
}, |
|||
{ |
|||
title: '责任单位', |
|||
dataIndex: 'dutyWorkplace', |
|||
}, |
|||
{ |
|||
title: '申报阶段', |
|||
dataIndex: 'declareStage', |
|||
format: 'dict|CompletionStatus', |
|||
|
|||
}, |
|||
{ |
|||
title: '立项阶段(联审)', |
|||
dataIndex: 'reviewStage', |
|||
format: 'dict|CompletionStatus', |
|||
|
|||
}, |
|||
{ |
|||
title: '立项阶段(核验)', |
|||
dataIndex: 'verifyStage', |
|||
format: 'dict|CompletionStatus', |
|||
|
|||
}, |
|||
{ |
|||
title: '立项阶段(立项)', |
|||
dataIndex: 'approvalStage', |
|||
format: 'dict|CompletionStatus', |
|||
|
|||
}, |
|||
{ |
|||
title: '采购阶段', |
|||
dataIndex: 'purchaseStage', |
|||
format: 'dict|CompletionStatus', |
|||
|
|||
}, |
|||
{ |
|||
title: '建设阶段', |
|||
dataIndex: 'buildStage', |
|||
format: 'dict|CompletionStatus', |
|||
|
|||
}, |
|||
{ |
|||
title: '验收阶段', |
|||
dataIndex: 'acceptanceStage', |
|||
format: 'dict|CompletionStatus', |
|||
|
|||
}, |
|||
|
|||
]; |
|||
|
|||
export const searchFormSchema: FormSchema[] = [ |
|||
{ |
|||
label: '项目名称', |
|||
field: 'projectName', |
|||
component: 'Input', |
|||
labelWidth: 'auto' |
|||
//colProps: { span: 6 },
|
|||
}, |
|||
{ |
|||
label: '行政区划', |
|||
field: 'adminDivision', |
|||
component: 'Select', |
|||
labelWidth: 'auto', |
|||
componentProps: { |
|||
options: [ |
|||
{ |
|||
label: "市本级", |
|||
value: "市本级" |
|||
}, |
|||
{ |
|||
label: "吴兴区", |
|||
value: "吴兴区" |
|||
}, |
|||
{ |
|||
label: "南浔区", |
|||
value: "南浔区" |
|||
}, |
|||
{ |
|||
label: "德清县", |
|||
value: "德清县" |
|||
}, |
|||
{ |
|||
label: "长兴县", |
|||
value: "长兴县" |
|||
}, |
|||
{ |
|||
label: "安吉县", |
|||
value: "安吉县" |
|||
}, |
|||
] |
|||
} |
|||
//colProps: { span: 6 },
|
|||
}, |
|||
{ |
|||
//标题名称
|
|||
label: '责任单位', |
|||
//字段
|
|||
field: 'dutyWorkplace', |
|||
//组件 支持组件详见 components/Form/src/types/index.ts 中的 ComponentType
|
|||
component: 'ApiSelect', |
|||
componentProps: () => { |
|||
return { |
|||
api: () =>getDutyWorkplaceOptions() |
|||
} |
|||
}, |
|||
labelWidth: 'auto' |
|||
}, |
|||
{ |
|||
//标题名称
|
|||
label: '单位属性', |
|||
//字段
|
|||
field: 'workplaceProperties', |
|||
//组件 支持组件详见 components/Form/src/types/index.ts 中的 ComponentType
|
|||
component: 'Select', |
|||
componentProps: { |
|||
options: [ |
|||
{ |
|||
label: "医疗机构", |
|||
value: "医疗机构" |
|||
}, |
|||
{ |
|||
label: "卫生行政部门", |
|||
value: "卫生行政部门" |
|||
} |
|||
] |
|||
}, |
|||
labelWidth: 'auto' |
|||
}, |
|||
{ |
|||
field: 'reformName', |
|||
label: '改革所属项目', |
|||
component: 'DictSelect', |
|||
componentProps: { |
|||
dictType: 'reformTasks', |
|||
}, |
|||
itemProps: { validateTrigger: 'blur' }, |
|||
labelWidth: 'auto' |
|||
}, |
|||
{ |
|||
field: 'superLeader', |
|||
label: '上级指导处室', |
|||
component: 'DictSelect', |
|||
componentProps: { |
|||
dictType: 'superLeader', |
|||
}, |
|||
labelWidth: 'auto' |
|||
|
|||
}, |
|||
// {
|
|||
// field: 'stage',
|
|||
// label: '项目状态',
|
|||
// component: 'DictSelect',
|
|||
// componentProps: {
|
|||
// dictType: 'projectStage',
|
|||
// },
|
|||
// labelWidth: 'auto'
|
|||
|
|||
// },
|
|||
]; |
|||
Loading…
Reference in new issue