| | |
| | | <ProTabPane lazy label="拨付记录" name="Payment"> |
| | | <PaymentRecordView></PaymentRecordView> |
| | | </ProTabPane> |
| | | <template v-if="sceneThree || sceneFour"> |
| | | <ProTabPane lazy label="奖励发放记录" name="RewardGrant"> |
| | | <RewardGrantRecordView></RewardGrantRecordView> |
| | | </ProTabPane> |
| | | <ProTabPane lazy label="充值记录" name="Recharge"> |
| | | <RechargeRecordView ref="rechargeRecordRef"></RechargeRecordView> |
| | | </ProTabPane> |
| | | <ProTabPane lazy label="消费记录" name="Consume"> |
| | | <ConsumeRecordView></ConsumeRecordView> |
| | | </ProTabPane> |
| | | </template> |
| | | <ProTabPane lazy label="提现记录" name="Withdrawal" v-if="sceneTwo || sceneFour"> |
| | | <!-- <template v-if="sceneThree || sceneFour"> --> |
| | | <ProTabPane lazy label="奖励发放记录" name="RewardGrant"> |
| | | <RewardGrantRecordView></RewardGrantRecordView> |
| | | </ProTabPane> |
| | | <ProTabPane lazy label="充值记录" name="Recharge"> |
| | | <RechargeRecordView ref="rechargeRecordRef"></RechargeRecordView> |
| | | </ProTabPane> |
| | | <ProTabPane lazy label="消费记录" name="Consume"> |
| | | <ConsumeRecordView></ConsumeRecordView> |
| | | </ProTabPane> |
| | | <!-- </template> --> |
| | | <ProTabPane lazy label="提现记录" name="Withdrawal"> |
| | | <WithdrawalRecordView ref="withdrawalRecordRef"></WithdrawalRecordView> |
| | | </ProTabPane> |
| | | </ProTabs> |
| | |
| | | const state = reactive({ ...BaseState }); |
| | | |
| | | const sceneOne = computed(() => { |
| | | return !userDetail.value?.suportPlatRecharge && !userDetail.value?.suportWithDraw; |
| | | // return !userDetail.value?.suportPlatRecharge && !userDetail.value?.suportWithDraw; |
| | | }); |
| | | const sceneTwo = computed(() => { |
| | | return !userDetail.value?.suportPlatRecharge && userDetail.value?.suportWithDraw; |
| | | // return !userDetail.value?.suportPlatRecharge && userDetail.value?.suportWithDraw; |
| | | }); |
| | | const sceneThree = computed(() => { |
| | | return userDetail.value?.suportPlatRecharge && !userDetail.value?.suportWithDraw; |
| | | // return userDetail.value?.suportPlatRecharge && !userDetail.value?.suportWithDraw; |
| | | }); |
| | | const sceneFour = computed(() => { |
| | | return userDetail.value?.suportPlatRecharge && userDetail.value?.suportWithDraw; |
| | | // return userDetail.value?.suportPlatRecharge && userDetail.value?.suportWithDraw; |
| | | }); |
| | | |
| | | const { isLoading, data: detail } = useQuery({ |
| | |
| | | <template> |
| | | <LoadingLayout :loading="state.loading"> |
| | | <AppContainer> |
| | | <Table v-bind="{ ...proTableProps, ...columnsProps }"> |
| | | <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns"> |
| | | <template #operationBtn-checkBtn="{ data, row }"> |
| | | <PreviewBtnV2 |
| | | class="pro-table-operation-btn" |
| | |
| | | preview-btn-text="查看凭证" |
| | | /> |
| | | </template> |
| | | </Table> |
| | | </ProTableV2> |
| | | </AppContainer> |
| | | </LoadingLayout> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { AppContainer, useTable, PreviewBtnV2 } from '@bole-core/components'; |
| | | import { |
| | | AppContainer, |
| | | useTable, |
| | | PreviewBtnV2, |
| | | defineOperationBtns, |
| | | ProTableV2, |
| | | } from '@bole-core/components'; |
| | | import { OrderInputType } from '@bole-core/core'; |
| | | import * as parkBountyApplyServices from '@/services/api/ParkBountyApply'; |
| | | import { FinanceStatusEnum, FinanceStatusEnumText } from '@/constants'; |
| | | import { useDefineColumns, useUser } from '@/hooks'; |
| | | // import { FinanceStatusEnum, FinanceStatusEnumText } from '@/constants'; |
| | | import { useUser } from '@/hooks'; |
| | | import { convertApi2FormUrlBySeparator } from '@/utils'; |
| | | |
| | | defineOptions({ |
| | | name: 'PaymentRecordView', |
| | | }); |
| | | |
| | | const columnsProps = useDefineColumns({ |
| | | columns: [ |
| | | { |
| | | id: '1', |
| | | enCode: 'financeToTime', |
| | | name: '拨付时间', |
| | | const column = [ |
| | | { |
| | | id: '1', |
| | | enCode: 'financeToTime', |
| | | name: '拨付时间', |
| | | }, |
| | | { |
| | | id: '2', |
| | | enCode: 'financeToAmount', |
| | | name: '拨付金额', |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'batchNo', |
| | | name: '拨付批次', |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'applyMonth', |
| | | name: '拨付月份', |
| | | }, |
| | | { |
| | | id: '5', |
| | | enCode: 'financeToStatus', |
| | | name: '拨付状态', |
| | | }, |
| | | ]; |
| | | |
| | | const operationBtns = defineOperationBtns([ |
| | | { |
| | | data: { |
| | | enCode: 'checkBtn', |
| | | name: '查看凭证', |
| | | }, |
| | | { |
| | | id: '2', |
| | | enCode: 'financeToAmount', |
| | | name: '拨付金额', |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'batchNo', |
| | | name: '拨付批次', |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'applyMonth', |
| | | name: '拨付月份', |
| | | }, |
| | | { |
| | | id: '5', |
| | | enCode: 'financeToStatus', |
| | | name: '拨付状态', |
| | | }, |
| | | ], |
| | | operationBtns: [ |
| | | { |
| | | data: { |
| | | enCode: 'checkBtn', |
| | | name: '查看凭证', |
| | | }, |
| | | }, |
| | | ], |
| | | }); |
| | | }, |
| | | ]); |
| | | |
| | | const { userDetail } = useUser(); |
| | | const BaseState = { |
| | |
| | | orderInput: [{ property: 'financeToTime', order: OrderInputType.Desc }], |
| | | }, |
| | | columnsRenderProps: { |
| | | financeToStatus: { type: 'enum', valueEnum: FinanceStatusEnumText }, |
| | | // financeToStatus: { type: 'enum', valueEnum: FinanceStatusEnumText }, |
| | | financeToTime: { type: 'date', format: 'YYYY-MM-DD' }, |
| | | applyMonth: { type: 'date', format: 'YYYY年MM月' }, |
| | | financeToAmount: { type: 'money' }, |
| | |
| | | <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns"> |
| | | <template #checkStatus="{ data, row }"> |
| | | <div style="display: flex; justify-content: center; align-items: center"> |
| | | {{ EnterpriseRechargeStatusEnumText[row.checkStatus] }} |
| | | <el-tooltip |
| | | <!-- {{ EnterpriseRechargeStatusEnumText[row.checkStatus] }} --> |
| | | <!-- <el-tooltip |
| | | placement="top" |
| | | v-if="row.checkStatus === EnterpriseRechargeStatusEnum.CheckReject && row.checkRemark" |
| | | :content="row.checkRemark" |
| | | > |
| | | <el-icon color="#ff0000"><WarningFilled /></el-icon> |
| | | </el-tooltip> |
| | | </el-tooltip> --> |
| | | </div> |
| | | </template> |
| | | <template #operationBtn-checkBtn="{ data, row }"> |
| | |
| | | import { OrderInputType } from '@bole-core/core'; |
| | | import * as parkBountyApplyServices from '@/services/api/ParkBountyApply'; |
| | | import { useUser } from '@/hooks'; |
| | | import { |
| | | EnterprisePrechargeInComeStatusEnum, |
| | | EnterprisePrechargeInComeStatusEnumText, |
| | | EnterpriseRechargeStatusEnum, |
| | | EnterpriseRechargeStatusEnumText, |
| | | } from '@/constants'; |
| | | |
| | | import { convertApi2FormUrlBySeparator } from '@/utils'; |
| | | |
| | | defineOptions({ |
| | |
| | | name: '查看凭证', |
| | | }, |
| | | extraProps: { |
| | | hide: (row) => row.inComeStatus !== EnterprisePrechargeInComeStatusEnum.HasInCome, |
| | | // hide: (row) => row.inComeStatus !== EnterprisePrechargeInComeStatusEnum.HasInCome, |
| | | }, |
| | | }, |
| | | ]); |
| | |
| | | columnsRenderProps: { |
| | | creationTime: { type: 'date', format: 'YYYY-MM-DD' }, |
| | | prechargeAmount: { type: 'money' }, |
| | | checkStatus: { type: 'enum', valueEnum: EnterpriseRechargeStatusEnumText }, |
| | | inComeStatus: { type: 'enum', valueEnum: EnterprisePrechargeInComeStatusEnumText }, |
| | | // checkStatus: { type: 'enum', valueEnum: EnterpriseRechargeStatusEnumText }, |
| | | // inComeStatus: { type: 'enum', valueEnum: EnterprisePrechargeInComeStatusEnumText }, |
| | | }, |
| | | } |
| | | ); |
| | |
| | | }; |
| | | |
| | | const state = reactive({ ...BaseState }); |
| | | const { userDetail } = useUser(); |
| | | // const { userDetail } = useUser(); |
| | | |
| | | const { |
| | | getDataSource: getList, |
| | |
| | | page: pageIndex, |
| | | orderInput: extraParamState.orderInput, |
| | | }, |
| | | id: userDetail.value?.userId ?? '', |
| | | // id: userDetail.value?.userId ?? '', |
| | | }; |
| | | let res = await parkBountyApplyServices.getParkCustomerBountySettleList(params, { |
| | | showLoading: !state.loading, |
| | |
| | | orderInput: [{ property: 'settleTime', order: OrderInputType.Desc }], |
| | | }, |
| | | columnsRenderProps: { |
| | | transferToStatus: { type: 'enum', valueEnum: TransferToStatusEnumText }, |
| | | // transferToStatus: { type: 'enum', valueEnum: TransferToStatusEnumText }, |
| | | transferToTime: { type: 'date', format: 'YYYY-MM-DD' }, |
| | | applyMonth: { type: 'date', format: 'YYYY年MM月' }, |
| | | transferToAmount: { type: 'money' }, |
| | |
| | | <template> |
| | | <LoadingLayout :loading="state.loading"> |
| | | <AppContainer> |
| | | <Table v-bind="{ ...proTableProps, ...columnsProps }"> |
| | | <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns"> |
| | | <template #checkStatus="{ data, row }"> |
| | | <div style="display: flex; justify-content: center; align-items: center"> |
| | | {{ EnterpriseRechargeStatusEnumTextWithdrawal[row.checkStatus] }} |
| | | <el-tooltip |
| | | <!-- {{ EnterpriseRechargeStatusEnumTextWithdrawal[row.checkStatus] }} --> |
| | | <!-- <el-tooltip |
| | | placement="top" |
| | | v-if="row.checkStatus === EnterpriseRechargeStatusEnum.CheckReject && row.checkRemark" |
| | | :content="row.checkRemark" |
| | | > |
| | | <el-icon color="#ff0000"><WarningFilled /></el-icon> |
| | | </el-tooltip> |
| | | </el-tooltip> --> |
| | | </div> |
| | | </template> |
| | | <template #operationBtn-checkBtn="{ data, row }"> |
| | |
| | | preview-btn-text="查看凭证" |
| | | /> |
| | | </template> |
| | | </Table> |
| | | </ProTableV2> |
| | | </AppContainer> |
| | | </LoadingLayout> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { AppContainer, useTable, PreviewBtnV2, TextOverTooltip } from '@bole-core/components'; |
| | | import { |
| | | AppContainer, |
| | | useTable, |
| | | PreviewBtnV2, |
| | | ProTableV2, |
| | | defineOperationBtns, |
| | | } from '@bole-core/components'; |
| | | import { OrderInputType } from '@bole-core/core'; |
| | | import * as parkBountyApplyServices from '@/services/api/ParkBountyApply'; |
| | | import { useDefineColumns, useUser } from '@/hooks'; |
| | | import { useUser } from '@/hooks'; |
| | | import { convertApi2FormUrlBySeparator } from '@/utils'; |
| | | import { |
| | | EnterpriseRechargeStatusEnumTextWithdrawal, |
| | | EnterpriseRechargeStatusEnum, |
| | | } from '@/constants'; |
| | | |
| | | defineOptions({ |
| | | name: 'WithdrawalRecordView', |
| | | }); |
| | | |
| | | const columnsProps = useDefineColumns({ |
| | | columns: [ |
| | | { |
| | | id: '1', |
| | | enCode: 'creationTime', |
| | | name: '申请时间', |
| | | const column = [ |
| | | { |
| | | id: '1', |
| | | enCode: 'creationTime', |
| | | name: '申请时间', |
| | | }, |
| | | { |
| | | id: '2', |
| | | enCode: 'amount', |
| | | name: '提现金额', |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'checkStatus', |
| | | name: '审核状态', |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'checkTime', |
| | | name: '审核时间', |
| | | }, |
| | | { |
| | | id: '5', |
| | | enCode: 'remainAmount', |
| | | name: '资金余额', |
| | | }, |
| | | ]; |
| | | |
| | | const operationBtns = defineOperationBtns([ |
| | | { |
| | | data: { |
| | | enCode: 'checkBtn', |
| | | name: '查看凭证', |
| | | }, |
| | | { |
| | | id: '2', |
| | | enCode: 'amount', |
| | | name: '提现金额', |
| | | }, |
| | | { |
| | | id: '3', |
| | | enCode: 'checkStatus', |
| | | name: '审核状态', |
| | | }, |
| | | { |
| | | id: '4', |
| | | enCode: 'checkTime', |
| | | name: '审核时间', |
| | | }, |
| | | { |
| | | id: '5', |
| | | enCode: 'remainAmount', |
| | | name: '资金余额', |
| | | }, |
| | | ], |
| | | operationBtns: [ |
| | | { |
| | | data: { |
| | | enCode: 'checkBtn', |
| | | name: '查看凭证', |
| | | }, |
| | | }, |
| | | ], |
| | | }); |
| | | }, |
| | | ]); |
| | | |
| | | const route = useRoute(); |
| | | const router = useRouter(); |
| | |
| | | checkTime: { type: 'date', format: 'YYYY-MM-DD' }, |
| | | amount: { type: 'money' }, |
| | | remainAmount: { type: 'money' }, |
| | | checkStatus: { type: 'enum', valueEnum: EnterpriseRechargeStatusEnumTextWithdrawal }, |
| | | // checkStatus: { type: 'enum', valueEnum: EnterpriseRechargeStatusEnumTextWithdrawal }, |
| | | }, |
| | | } |
| | | ); |