wupengfei
1 天以前 d32cd83674f9b0db0154e6228807e658539f8cd0
src/views/TaskManage/components/SelltementDetailView.vue
@@ -14,7 +14,10 @@
<script setup lang="ts">
import { ProTableV2, LoadingLayout, AppContainer, useTable } from '@bole-core/components';
import { ModelValueType } from 'element-plus';
import * as enterpriseServices from '@/services/api/enterprise';
import * as taskUserServices from '@/services/api/taskUser';
import { useQuery } from '@tanstack/vue-query';
import { SettlementReceiveStatusText } from '@/constants';
import { paginateList } from '@/utils';
defineOptions({
  name: 'SelltementDetailView',
@@ -31,9 +34,11 @@
const [settleColumns] = useGroupColumns(column, ['settle-']);
const [settleOperationBtns] = useGroupOperationBtns(operationBtns, ['settle-']);
const router = useRouter();
const route = useRoute();
const id = route.params?.id as string;
const BaseState = {
  loading: true,
  settlementTaskUsers: [] as API.GetSettlementTaskUsersQueryResultItem[],
};
const state = reactive({ ...BaseState });
@@ -41,6 +46,24 @@
onMounted(async () => {
  await getList();
  state.loading = false;
});
const { isLoading, data, refetch } = useQuery({
  queryKey: ['taskUserServices/getSettlementTaskUsers', id],
  queryFn: async () => {
    return await taskUserServices.getSettlementTaskUsers(
      { taskInfoId: id },
      {
        showLoading: false,
      }
    );
  },
  placeholderData: () => ({} as API.GetSettlementTaskUsersQueryResult),
  onSuccess(res) {
    state.settlementTaskUsers = res.data;
    getList();
  },
  enabled: !!id,
});
const {
@@ -52,30 +75,33 @@
} = useTable(
  async ({ pageIndex, pageSize }, extraParamState) => {
    try {
      let params: API.GetEnterprisesQuery = {
      let list = [...state.settlementTaskUsers];
      return Promise.resolve({
        pageModel: {
          rows: pageSize,
          page: pageIndex,
          orderInput: extraParamState.orderInput,
          totalCount: list.length,
        },
        // searchKeys: extraParamState.keyword,
      };
      let res = await enterpriseServices.getEnterprises(params, {
        showLoading: !state.loading,
        data: paginateList(list, pageIndex, pageSize),
      });
      return res;
    } catch (error) {}
    } catch (error) {
      console.log('error: ', error);
    }
  },
  {
    defaultExtraParams: {
      keyword: '',
      pageType: '' as any as number,
      status: '' as any as boolean,
      beginDate: [] as unknown as ModelValueType,
      endDate: [] as unknown as ModelValueType,
      keywords: '',
      orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }],
    },
    columnsRenderProps: {},
    queryKey: ['taskUserServices/getSettlementTaskUsers'],
    columnsRenderProps: {
      settlementTime: { type: 'date' },
      createdTime: { type: 'date' },
      settlementAmount: { type: 'money' },
      actualSettlementAmount: { type: 'money' },
      settlementReceiveStatus: { type: 'enum', valueEnum: SettlementReceiveStatusText },
    },
  }
);