zhengyiming
2025-06-16 53b0a0b7b5594e1e4ff6036703fa00af84c5ea9f
src/components/commonView/DeclareEnterpriseTableView.vue
@@ -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,61 +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 parkBountyApplyServices from '@/services/api/ParkBountyApply';
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: 'enterpriseName',
    name: '企业名称',
  },
  {
    id: '3',
    enCode: 'societyCreditCode',
    name: '信用代码',
  },
  {
    id: '4',
    enCode: 'contactPhone',
    name: '电话',
  },
  {
    id: '5',
    enCode: 'authType',
    name: '企业类型',
  },
  {
    id: '6',
    enCode: 'licenseUrl',
    name: '营业执照',
  },
  {
    id: '7',
    enCode: 'bankAccountInfo',
    name: '基本户信息',
  },
]);
const props = withDefaults(defineProps<Props>(), {
  column: () => BaseDeclareEnterpriseTableViewColumns,
});
const operationBtns = defineOperationBtns([
  {
@@ -94,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.GetParkBountyApplyInfoInput = {
        pageModel: {
          rows: pageSize,
          page: pageIndex,
          orderInput: extraParamState.orderInput,
        },
        searchKeyWord: extraParamState.searchKeyWord,
      };
      let res = await parkBountyApplyServices.getParkBountyApplyDetailList(params);
      return res;
    } catch (error) {}
  },
  {
    defaultExtraParams: {
      orderInput: [{ property: 'creationTime', order: OrderInputType.Desc }],
      searchKeyWord: '',
    },
  }
);
const { dialogProps, handleEdit, editForm } = useFormDialog({
  defaultFormParams: {
    list: [] as FourStreamsMaterialFileTableItem[],
  },
});
function openDialog(row?: API.ParkBountyApplyDetailInfo) {
  handleEdit({
    list: [],
  });
}
defineExpose({
  getList,
});
</script>
<style lang="scss" scoped>