feat: 1.3.0.2

wupengfei

2025-11-12 8d1d92a4baad8df0814a712224112f4b8eefc9d6

 src/views/FinanceManage/components/DistributionDetailView.vue

@@ -1,45 +1,40 @@
<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 * as flexEnterpriseServices from '@/services/api/FlexEnterprise';
import { DistributionDetailColumns } from '../constants';
import { FlexEnterpriseSettingStatus } from '@/constants';
import { OrderInputType } from '@bole-core/core';
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,
};

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

onMounted(async () => {
  await getList();
  state.loading = false;
});

const {
  getDataSource: getList,
@@ -50,32 +45,45 @@
} = useTable(
  async ({ pageIndex, pageSize }, extraParamState) => {
    try {
      let params: API.GetFlexEnterpriseInput = {
      let params: API.GetPersonalUserTransactionsQuery = {
        pageModel: {
          rows: pageSize,
          page: pageIndex,
          orderInput: extraParamState.orderInput,
        },
        flexEnterpriseSettingStatus: extraParamState.flexEnterpriseSettingStatus,
        searchWord: extraParamState.searchWord,
        type: EnumUserWalletTransactionType.Income,
      };

      let res = await flexEnterpriseServices.getFlexEnterpriseList(params, {
        showLoading: !state.loading,
      });
      let res = await userServices.getPersonalUserTransactions(params);
      return res;
    } catch (error) {
      console.log('error: ', error);
    }
    } catch (error) {}
  },
  {
    defaultExtraParams: {
      searchWord: '',
      orderInput: [{ property: 'id', order: OrderInputType.Desc }],
      flexEnterpriseSettingStatus: '' as any as FlexEnterpriseSettingStatus,
      orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }],
    },
    queryKey: ['flexEnterpriseServices/getFlexEnterpriseList'],
    columnsRenderProps: {},
    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();
  state.loading = false;
});
</script>