| | |
| | | <AppContainer> |
| | | <ProTableQueryFilterBar @on-reset="reset"> |
| | | <template #query> |
| | | <QueryFilterItem> |
| | | <FieldSelect |
| | | v-model="extraParamState.industrialParkId" |
| | | placeholder="请选择园区" |
| | | :value-enum="fourStreamsIndustrialParkList" |
| | | enumLabelKey="parkName" |
| | | enum-value-key="id" |
| | | clearable |
| | | @change="getList()" |
| | | /> |
| | | </QueryFilterItem> |
| | | <QueryFilterItem tip-content="申报日期"> |
| | | <FieldDatePicker |
| | | v-model="extraParamState.creationTime" |
| | |
| | | </QueryFilterItem> |
| | | <QueryFilterItem tip-content="审核日期"> |
| | | <FieldDatePicker |
| | | v-model="extraParamState.outCheckTime" |
| | | v-model="extraParamState.outReCheckTime" |
| | | type="daterange" |
| | | range-separator="~" |
| | | start-placeholder="开始日期" |
| | |
| | | </QueryFilterItem> |
| | | <QueryFilterItem> |
| | | <FieldRadio |
| | | v-model="extraParamState.outCheckStatus" |
| | | v-model="extraParamState.outReCheckStatus" |
| | | :value-enum="BountyCheckStatusEnumText" |
| | | buttonStyle |
| | | showAllBtn |
| | |
| | | |
| | | <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns"> |
| | | </ProTableV2> |
| | | <ParkBountyApplyRedoDialog v-bind="dialogProps" /> |
| | | </AppContainer> |
| | | <OperateHistoryLogDialog v-bind="logDialogProps" /> |
| | | </LoadingLayout> |
| | | </template> |
| | | |
| | |
| | | FieldRadio, |
| | | QueryFilterItem, |
| | | FieldDatePicker, |
| | | FieldSelect, |
| | | useFormDialog, |
| | | } from '@bole-core/components'; |
| | | import { OrderInputType } from '@bole-core/core'; |
| | | import { Message, OrderInputType } from '@bole-core/core'; |
| | | import { format } from '@/utils'; |
| | | import { BountyCheckStatusEnum, BountyCheckStatusEnumText, DataRangeEnumText } from '@/constants'; |
| | | import * as parkBountyApplyServices from '@/services/api/ParkBountyApply'; |
| | | import _ from 'lodash'; |
| | | import { ModelValueType } from 'element-plus'; |
| | | import { useGlobalEventContext } from '@/hooks'; |
| | | import { |
| | | useAccess, |
| | | useGlobalEventContext, |
| | | useIndustrialParkDropDownList, |
| | | useOpenLogDialog, |
| | | } from '@/hooks'; |
| | | import ParkBountyApplyRedoDialog from './components/ParkBountyApplyRedoDialog.vue'; |
| | | |
| | | defineOptions({ |
| | | name: 'MaterialReviewList', |
| | | }); |
| | | |
| | | const column: API.CustomModuleColumnDto[] = [ |
| | | { |
| | | id: '1', |
| | | enCode: 'batchNo', |
| | | name: '申请批次号', |
| | | }, |
| | | { |
| | | id: '2', |
| | | enCode: 'parkName', |
| | | name: '申请园区', |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'parkTypeName', |
| | | name: '园区类型', |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'applyMonth', |
| | | name: '申请奖励金月份', |
| | | }, |
| | | { |
| | | id: '5', |
| | | enCode: 'applySumAmount', |
| | | name: '奖励金汇总金额(元)', |
| | | }, |
| | | { |
| | | id: '6', |
| | | enCode: 'creationTime', |
| | | name: '申报日期', |
| | | }, |
| | | { |
| | | id: '7', |
| | | enCode: 'outCheckAuditOperator', |
| | | name: '审核人', |
| | | }, |
| | | { |
| | | id: '8', |
| | | enCode: 'outCheckTime', |
| | | name: '审核日期', |
| | | }, |
| | | { |
| | | id: '9', |
| | | enCode: 'outCheckStatus', |
| | | name: '审核状态', |
| | | }, |
| | | ]; |
| | | |
| | | const operationBtns = defineOperationBtns([ |
| | | { |
| | | data: { |
| | | enCode: 'detailBtn', |
| | | name: '详情', |
| | | }, |
| | | const operationBtnMap: Record<string, OperationBtnType> = { |
| | | detailBtn: { |
| | | emits: { |
| | | onClick: (role) => goDetail(role), |
| | | }, |
| | | }, |
| | | { |
| | | data: { |
| | | enCode: 'auditBtn', |
| | | name: '审核', |
| | | }, |
| | | auditBtn: { |
| | | emits: { |
| | | onClick: (role) => goAudit(role), |
| | | }, |
| | | extraProps: { |
| | | hide: (row: API.GetParkBountyApplyListOutput) => |
| | | row.outCheckStatus !== BountyCheckStatusEnum.WaitCheck, |
| | | row.outReCheckStatus !== BountyCheckStatusEnum.WaitCheck, |
| | | }, |
| | | }, |
| | | ]); |
| | | redoBtn: { |
| | | emits: { |
| | | onClick: (role) => openDialog(role), |
| | | }, |
| | | extraProps: { |
| | | hide: (row: API.GetParkBountyApplyListOutput) => |
| | | row.outReCheckStatus !== BountyCheckStatusEnum.CheckPassed || |
| | | !row.dualReviewOfGovernmentAffairs, |
| | | }, |
| | | }, |
| | | logBtn: { emits: { onClick: (role) => openLogDialog(role.id) } }, |
| | | }; |
| | | |
| | | const { checkSubModuleItemShow, column, operationBtns } = useAccess({ |
| | | operationBtnMap, |
| | | }); |
| | | |
| | | const router = useRouter(); |
| | | const BaseState = { |
| | | loading: true, |
| | | }; |
| | | |
| | | const { fourStreamsIndustrialParkList } = useIndustrialParkDropDownList(); |
| | | |
| | | const state = reactive({ ...BaseState }); |
| | | |
| | |
| | | orderInput: extraParamState.orderInput, |
| | | }, |
| | | batchNo: extraParamState.batchNo, |
| | | outCheckStatus: extraParamState.outCheckStatus, |
| | | outCheckStatus: BountyCheckStatusEnum.CheckPassed, |
| | | outReCheckStatus: extraParamState.outReCheckStatus, |
| | | creationTimeBegin: format(extraParamState.creationTime?.[0] ?? '', 'YYYY-MM-DD 00:00:00'), |
| | | creationTimeEnd: format(extraParamState.creationTime?.[1] ?? '', 'YYYY-MM-DD 23:59:59'), |
| | | outCheckTimeBegin: format(extraParamState.outCheckTime?.[0] ?? '', 'YYYY-MM-DD 00:00:00'), |
| | | outCheckTimeEnd: format(extraParamState.outCheckTime?.[1] ?? '', 'YYYY-MM-DD 23:59:59'), |
| | | outReCheckTimeBegin: format( |
| | | extraParamState.outReCheckTime?.[0] ?? '', |
| | | 'YYYY-MM-DD 00:00:00' |
| | | ), |
| | | outReCheckTimeEnd: format(extraParamState.outReCheckTime?.[1] ?? '', 'YYYY-MM-DD 23:59:59'), |
| | | industrialParkId: extraParamState.industrialParkId, |
| | | }; |
| | | let res = await parkBountyApplyServices.getOutcheckParkBountyList(params, { |
| | | showLoading: !state.loading, |
| | |
| | | { |
| | | defaultExtraParams: { |
| | | batchNo: '', |
| | | outCheckStatus: '' as any as BountyCheckStatusEnum, |
| | | outReCheckStatus: '' as any as BountyCheckStatusEnum, |
| | | creationTime: [] as unknown as ModelValueType, |
| | | outCheckTime: [] as unknown as ModelValueType, |
| | | outReCheckTime: [] as unknown as ModelValueType, |
| | | orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }], |
| | | industrialParkId: '', |
| | | }, |
| | | columnsRenderProps: { |
| | | applyMonth: { type: 'date', format: 'YYYY年MM月' }, |
| | | creationTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' }, |
| | | outCheckTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' }, |
| | | outReCheckTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' }, |
| | | applySumAmount: { type: 'money', precision: 2 }, |
| | | outCheckStatus: { type: 'enum', valueEnum: BountyCheckStatusEnumText }, |
| | | outReCheckStatus: { type: 'enum', valueEnum: BountyCheckStatusEnumText }, |
| | | }, |
| | | } |
| | | ); |
| | |
| | | params: { |
| | | id: row.id, |
| | | }, |
| | | query: { |
| | | type: 'reReview', |
| | | }, |
| | | }); |
| | | } |
| | | function goAudit(row: API.GetParkBountyApplyListOutput) { |
| | | router.push({ |
| | | name: 'MaterialReviewAudit', |
| | | name: 'MaterialReReviewAudit', |
| | | params: { |
| | | id: row.id, |
| | | }, |
| | | }); |
| | | } |
| | | |
| | | function openDialog(row: API.GetParkBountyApplyListOutput) { |
| | | handleAdd({ |
| | | parkBountyApplyId: row.id, |
| | | }); |
| | | } |
| | | |
| | | const { dialogProps, handleAdd, editForm } = useFormDialog({ |
| | | onConfirm: outcheckParkBountyApplyReRedoed, |
| | | defaultFormParams: { |
| | | reasonForWithdrawal: '', |
| | | parkBountyApplyId: '', |
| | | }, |
| | | }); |
| | | |
| | | async function outcheckParkBountyApplyReRedoed() { |
| | | try { |
| | | let params: API.OutcheckParkBountyApplyRedoedInput = { |
| | | parkBountyApplyId: editForm.parkBountyApplyId, |
| | | reasonForWithdrawal: editForm.reasonForWithdrawal, |
| | | }; |
| | | let res = await parkBountyApplyServices.outcheckParkBountyApplyReRedoed(params); |
| | | if (res) { |
| | | Message.successMessage('操作成功'); |
| | | getList(paginationState.pageIndex); |
| | | } |
| | | } catch (error) {} |
| | | } |
| | | |
| | | const { openLogDialog, logDialogProps } = useOpenLogDialog(); |
| | | </script> |