| | |
| | | <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.lastApplyTime" |
| | |
| | | @change="getList()" |
| | | ></FieldDatePicker> |
| | | </QueryFilterItem> |
| | | <QueryFilterItem tip-content="最近发放日期"> |
| | | <QueryFilterItem tip-content="最近财政拨付日期"> |
| | | <FieldDatePicker |
| | | v-model="extraParamState.lastPayTime" |
| | | type="daterange" |
| | | range-separator="~" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | clearable |
| | | @change="getList()" |
| | | ></FieldDatePicker> |
| | | </QueryFilterItem> |
| | | <QueryFilterItem tip-content="最近平台拨付日期"> |
| | | <FieldDatePicker |
| | | v-model="extraParamState.lastSettleTime" |
| | | type="daterange" |
| | | range-separator="~" |
| | | start-placeholder="开始日期" |
| | |
| | | SearchInput, |
| | | QueryFilterItem, |
| | | FieldDatePicker, |
| | | FieldSelect, |
| | | } from '@bole-core/components'; |
| | | import { OrderInputType } from '@bole-core/core'; |
| | | import { format } from '@/utils'; |
| | |
| | | import _ from 'lodash'; |
| | | import { ModelValueType } from 'element-plus'; |
| | | import { EnterpriseTypeText } from '@/constants'; |
| | | import { useAccess, useIndustrialParkDropDownList } from '@/hooks'; |
| | | |
| | | defineOptions({ |
| | | name: 'EnterpriseInfo', |
| | | }); |
| | | |
| | | const column: API.CustomModuleColumnDto[] = [ |
| | | { |
| | | id: '1', |
| | | enCode: 'enterpriseName', |
| | | name: '企业名', |
| | | width: 250, |
| | | }, |
| | | { |
| | | id: '2', |
| | | enCode: 'societyCreditCode', |
| | | name: '统一社会信用代码', |
| | | width: 200, |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'enterpriseType', |
| | | name: '企业类型', |
| | | width: 150, |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'industrialParkName', |
| | | name: '所属园区', |
| | | width: 200, |
| | | }, |
| | | { |
| | | id: '5', |
| | | enCode: 'parkTypName', |
| | | name: '园区类型', |
| | | width: 150, |
| | | }, |
| | | { |
| | | id: '6', |
| | | enCode: 'applyCount', |
| | | name: '奖励金申报次数', |
| | | width: 150, |
| | | }, |
| | | { |
| | | id: '7', |
| | | enCode: 'lastApplyTime', |
| | | name: '最近申报日期', |
| | | width: 180, |
| | | }, |
| | | { |
| | | id: '8', |
| | | enCode: 'payCount', |
| | | name: '奖励金发放次数', |
| | | width: 150, |
| | | }, |
| | | { |
| | | id: '9', |
| | | enCode: 'lastPayTime', |
| | | name: '最近发放日期', |
| | | width: 180, |
| | | }, |
| | | { |
| | | id: '10', |
| | | enCode: 'bountyAmount', |
| | | name: '奖励金发放总额', |
| | | width: 150, |
| | | }, |
| | | { |
| | | id: '11', |
| | | enCode: 'bountyAmount', |
| | | name: '奖励金余额', |
| | | width: 150, |
| | | }, |
| | | ]; |
| | | const operationBtnMap: Record<string, OperationBtnType> = { |
| | | detailBtn: { emits: { onClick: (role) => goDetail(role) } }, |
| | | }; |
| | | |
| | | const operationBtns = defineOperationBtns([ |
| | | { |
| | | data: { |
| | | enCode: 'detailBtn', |
| | | name: '详情', |
| | | }, |
| | | emits: { |
| | | onClick: (role) => goDetail(role), |
| | | }, |
| | | }, |
| | | ]); |
| | | const { checkSubModuleItemShow, column, operationBtns } = useAccess({ |
| | | operationBtnMap, |
| | | }); |
| | | |
| | | const router = useRouter(); |
| | | const BaseState = { |
| | |
| | | }; |
| | | |
| | | const state = reactive({ ...BaseState }); |
| | | |
| | | const { fourStreamsIndustrialParkList } = useIndustrialParkDropDownList(); |
| | | |
| | | onMounted(async () => { |
| | | await getList(); |
| | |
| | | lastApplyEndTime: format(extraParamState.lastApplyTime?.[1] ?? '', 'YYYY-MM-DD 23:59:59'), |
| | | lastPayBeginTime: format(extraParamState.lastPayTime?.[0] ?? '', 'YYYY-MM-DD 00:00:00'), |
| | | lastPayEndTime: format(extraParamState.lastPayTime?.[1] ?? '', 'YYYY-MM-DD 23:59:59'), |
| | | lastSettleBeginTime: format( |
| | | extraParamState.lastSettleTime?.[0] ?? '', |
| | | 'YYYY-MM-DD 00:00:00' |
| | | ), |
| | | lastSettleEndTime: format(extraParamState.lastSettleTime?.[1] ?? '', 'YYYY-MM-DD 23:59:59'), |
| | | industrialParkId: extraParamState.industrialParkId, |
| | | }; |
| | | let res = await parkBountyApplyServices.getParkCustomerManagePage(params, { |
| | | showLoading: !state.loading, |
| | |
| | | keywords: '', |
| | | lastApplyTime: [] as unknown as ModelValueType, |
| | | lastPayTime: [] as unknown as ModelValueType, |
| | | lastSettleTime: [] as unknown as ModelValueType, |
| | | orderInput: [{ property: 'id', order: OrderInputType.Desc }], |
| | | industrialParkId: '', |
| | | }, |
| | | columnsRenderProps: { |
| | | lastApplyTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' }, |
| | | lastPayTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' }, |
| | | lastFinanceTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' }, |
| | | financeSumAmount: { type: 'money' }, |
| | | lastSettleTime: { type: 'date', format: 'YYYY-MM-DD HH:mm:ss' }, |
| | | settleSumAmount: { type: 'money' }, |
| | | bountyAmount: { type: 'money' }, |
| | | enterpriseType: { type: 'enum', valueEnum: EnterpriseTypeText }, |
| | | }, |