fix: bug

wupengfei

2 天以前 2a05d4bb41fb74e802b903e0e13813ecead96d1f

 src/components/commonView/DeclareEnterpriseTableView.vue

@@ -1,15 +1,29 @@
<template>
  <ProTableQueryFilterBar @on-reset="reset">
    <template #query>
      <slot name="query">
        <QueryFilterItem v-if="showFinanceStatus">
          <FieldRadio
            v-model="extraParamState.financeStatus"
            :value-enum="FinanceStatusEnumTextV2Query"
            buttonStyle
            showAllBtn
            @change="getList()"
          />
        </QueryFilterItem>
      </slot>
      <QueryFilterItem>
        <SearchInput
          v-model="extraParamState.title"
          v-model="extraParamState.searchKeyWord"
          style="width: 250px"
          placeholder="企业名/信用代码"
          @on-click-search="getList"
        >
        </SearchInput>
      </QueryFilterItem>
    </template>
    <template #btn>
      <slot name="btn"></slot>
    </template>
  </ProTableQueryFilterBar>
  <ProTableV2
@@ -21,8 +35,10 @@
      maxHeight: '400px',
    }"
  >
    <template #licenseUrl="{ row }">
      <PreviewBtnV2 :url="setOSSLink(row.licenseUrl)"></PreviewBtnV2>
    </template>
  </ProTableV2>
  <MateriaDetailDialog v-bind="dialogProps"></MateriaDetailDialog>
</template>

<script setup lang="ts">
@@ -31,112 +47,33 @@
  QueryFilterItem,
  ProTableV2,
  SearchInput,
  useFormDialog,
  useTable,
  defineOperationBtns,
  defineColumns,
  PreviewBtnV2,
  FieldRadio,
} from '@bole-core/components';
import MateriaDetailDialog from './MateriaDetailDialog.vue';
import { FourStreamsMaterialFileTableItem } from './types';
import { OrderInputType } from '@bole-core/core';
import * as informationServices from '@/services/api/Information';
import { setOSSLink } from '@/utils';
import { FinanceStatusEnum, TransferToStatusEnum, FinanceStatusEnumTextV2Query } from '@/constants';

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

type Props = {};
type Props = {
  getList: (pageIndex?: number) => Promise<void>;
  reset: () => void;
  proTableProps: any;
  extraParamState: {
    searchKeyWord: string;
    transferToStatus: TransferToStatusEnum;
    financeStatus: FinanceStatusEnum;
  };
  openDialog?: (row) => void;
  column?: API.ModuleColumnDto[];
  operationBtns?: OperationBtnType[];
  showFinanceStatus?: boolean;
};

const props = withDefaults(defineProps<Props>(), {});

const column = defineColumns([
  {
    id: '1',
    enCode: 'accDateTime',
    name: '交易时间',
  },
  {
    id: '2',
    enCode: 'income',
    name: '收入',
  },
  {
    id: '3',
    enCode: 'outcome',
    name: '支出',
  },
  {
    id: '4',
    enCode: 'acctBalance',
    name: '账户余额',
  },
  {
    id: '5',
    enCode: 'counterpartyAcctNoAndName',
    name: '对方账号/户名',
  },
  {
    id: '6',
    enCode: 'purpose',
    name: '用途',
  },
]);

const operationBtns = defineOperationBtns([
  {
    data: {
      enCode: 'detailBtn',
      name: '详情',
    },
    emits: {
      onClick: (role) => openDialog(role),
    },
  },
]);

const {
  getDataSource: getList,
  proTableProps,
  paginationState,
  extraParamState,
  reset,
} = useTable(
  async ({ pageIndex, pageSize }, extraParamState) => {
    try {
      let params: API.GetInformationForManageInput = {
        pageModel: {
          rows: pageSize,
          page: pageIndex,
          orderInput: extraParamState.orderInput,
        },
        title: extraParamState.title,
      };
      let res = await informationServices.getInformationForManage(params);
      return res;
    } catch (error) {}
  },
  {
    defaultExtraParams: {
      orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }],
      title: '',
    },
  }
);

const { dialogProps, handleEdit, editForm } = useFormDialog({
  defaultFormParams: {
    list: [] as FourStreamsMaterialFileTableItem[],
  },
});

function openDialog(row?: API.IncentivePaymentsManageListOutput) {
  handleEdit({
    list: [],
  });
}

defineExpose({
  getList,
const props = withDefaults(defineProps<Props>(), {
  showFinanceStatus: false,
});
</script>