zhengyiming
2025-06-16 53b0a0b7b5594e1e4ff6036703fa00af84c5ea9f
src/components/commonView/DeclareEnterpriseTableView.vue
@@ -3,7 +3,7 @@
    <template #query>
      <QueryFilterItem>
        <SearchInput
          v-model="extraParamState.title"
          v-model="extraParamState.searchKeyWord"
          style="width: 250px"
          placeholder="企业名/信用代码"
          @on-click-search="getList"
@@ -21,8 +21,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,56 +33,31 @@
  QueryFilterItem,
  ProTableV2,
  SearchInput,
  useFormDialog,
  useTable,
  defineOperationBtns,
  defineColumns,
  PreviewBtnV2,
} 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 { BaseDeclareEnterpriseTableViewColumns } from '@/constants';
defineOptions({
  name: 'DeclareEnterpriseTableView',
});
type Props = {};
type Props = {
  getList: (pageIndex?: number) => Promise<void>;
  reset: () => void;
  proTableProps: any;
  extraParamState: {
    searchKeyWord: string;
  };
  openDialog?: (row) => void;
  column?: API.ModuleColumnDto[];
};
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 props = withDefaults(defineProps<Props>(), {
  column: () => BaseDeclareEnterpriseTableViewColumns,
});
const operationBtns = defineOperationBtns([
  {
@@ -89,55 +66,10 @@
      name: '详情',
    },
    emits: {
      onClick: (role) => openDialog(role),
      onClick: (role) => props.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,
});
</script>
<style lang="scss" scoped>