wupengfei
2025-04-30 b3fda48ba53b36f6770f399f58290ed4d95d04a6
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,54 +33,63 @@
  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';
defineOptions({
  name: 'DeclareEnterpriseTableView',
});
type Props = {};
type Props = {
  getList: (pageIndex?: number) => Promise<void>;
  reset: () => void;
  proTableProps: any;
  extraParamState: {
    searchKeyWord: string;
  };
  openDialog?: (row) => void;
};
const props = withDefaults(defineProps<Props>(), {});
const column = defineColumns([
  {
    id: '1',
    enCode: 'accDateTime',
    name: '交易时间',
    enCode: 'userName',
    name: '帐号',
  },
  {
    id: '2',
    enCode: 'income',
    name: '收入',
    enCode: 'enterpriseName',
    name: '企业名称',
  },
  {
    id: '3',
    enCode: 'outcome',
    name: '支出',
    enCode: 'societyCreditCode',
    name: '信用代码',
  },
  {
    id: '4',
    enCode: 'acctBalance',
    name: '账户余额',
    enCode: 'contactPhone',
    name: '电话',
  },
  {
    id: '5',
    enCode: 'counterpartyAcctNoAndName',
    name: '对方账号/户名',
    enCode: 'authType',
    name: '企业类型',
  },
  {
    id: '6',
    enCode: 'purpose',
    name: '用途',
    enCode: 'licenseUrl',
    name: '营业执照',
  },
  {
    id: '7',
    enCode: 'bankAccountInfo',
    name: '基本户信息',
  },
]);
@@ -89,55 +100,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>