feat: 1.3.0.2

wupengfei

2025-11-12 8d1d92a4baad8df0814a712224112f4b8eefc9d6

 src/views/FinanceManage/components/DistributionDetailView.vue

@@ -1,33 +1,34 @@
<template>
  <LoadingLayout :loading="state.loading">
    <AppContainer>
      <ProTableV2
        v-bind="proTableProps"
        :columns="DistributionDetailColumns"
        :operationBtns="operationBtns"
      >
      <ProTableV2 v-bind="proTableProps" :columns="column" :showOperationColumn="false">
        <template #settlementStatus="{ row }">
          {{
            row.settlementStatus !== EnumTaskSettlementStatus.InProcess &&
            row.settlementStatus !== EnumTaskSettlementStatus.Wait
              ? '已确认'
              : '待确认'
          }}
        </template>
      </ProTableV2>
    </AppContainer>
  </LoadingLayout>
</template>

<script setup lang="ts">
import {
  ProTableV2,
  LoadingLayout,
  AppContainer,
  useTable,
  defineOperationBtns,
} from '@bole-core/components';
import { DistributionDetailColumns } from '../constants';
import * as taskServices from '@/services/api/task';
import { usePersonalUserTransactions } from '../hooks/financeHooks';
import { ProTableV2, LoadingLayout, AppContainer, useTable } from '@bole-core/components';
import * as userServices from '@/services/api/user';
import { EnumTaskSettlementStatusText, EnumTaskSettlementStatus } from '@/constants';

defineOptions({
  name: 'DistributionDetailView',
});

const operationBtns = defineOperationBtns([]);
const operationBtnMap: Record<string, OperationBtnType> = {};

const { column, operationBtns } = useAccess({
  operationBtnMap,
});

const BaseState = {
  loading: true,
@@ -35,9 +36,51 @@

const state = reactive({ ...BaseState });

const { getList, proTableProps } = usePersonalUserTransactions({
  type: EnumUserWalletTransactionType.Withdraw,
});
const {
  getDataSource: getList,
  proTableProps,
  paginationState,
  extraParamState,
  reset,
} = useTable(
  async ({ pageIndex, pageSize }, extraParamState) => {
    try {
      let params: API.GetPersonalUserTransactionsQuery = {
        pageModel: {
          rows: pageSize,
          page: pageIndex,
          orderInput: extraParamState.orderInput,
        },
        type: EnumUserWalletTransactionType.Income,
      };
      let res = await userServices.getPersonalUserTransactions(params);
      return res;
    } catch (error) {}
  },
  {
    defaultExtraParams: {
      orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }],
    },
    columnsRenderProps: {
      amount: { type: 'money' },
      settlementStatus: { type: 'enum', valueEnum: EnumTaskSettlementStatusText },
      settlementAccess: { type: 'enum', valueEnum: EnumEnterpriseWalletAccessText },
      settlementReceiveStatus: { type: 'enum', valueEnum: SettlementReceiveStatusText },
      settlementAuditStatus: {
        type: 'text',
        formatter: (row: API.GetPersonalUserTransactionsQueryResultItem) => {
          return row.settlementAuditStatus === EnumTaskSettlementAuditStatus.Pass
            ? '已提交'
            : '待提交';
        },
      },
      settlementTime: { type: 'date' },
      transDate: { type: 'date' },
      createdTime: { type: 'date' },
      settlementAuditTime: { type: 'date' },
    },
  }
);

onMounted(async () => {
  await getList();