feat: 页面

wupengfei

5 天以前 2174f758e8a963964198e092f0d528ef1ae9b81e

 src/components/commonView/DeclareEnterpriseTableView.vue

@@ -11,6 +11,9 @@
        </SearchInput>
      </QueryFilterItem>
    </template>
    <template #btn>
      <slot name="btn"></slot>
    </template>
  </ProTableQueryFilterBar>
  <ProTableV2
    v-bind="proTableProps"
@@ -21,8 +24,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,12 +36,12 @@
  QueryFilterItem,
  ProTableV2,
  SearchInput,
  useFormDialog,
  defineOperationBtns,
  defineColumns,
  PreviewBtnV2,
} from '@bole-core/components';
import MateriaDetailDialog from './MateriaDetailDialog.vue';
import { FourStreamsMaterialFileTableItem } from './types';
import { setOSSLink } from '@/utils';
import { BaseDeclareEnterpriseTableViewColumns } from '@/constants';

defineOptions({
  name: 'DeclareEnterpriseTableView',
@@ -49,71 +54,14 @@
  extraParamState: {
    searchKeyWord: string;
  };
  openDialog?: (row) => void;
  column?: API.ModuleColumnDto[];
  operationBtns?: OperationBtnType[];
};

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

const column = defineColumns([
  {
    id: '1',
    enCode: 'userName',
    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 operationBtns = defineOperationBtns([
  {
    data: {
      enCode: 'detailBtn',
      name: '详情',
    },
    emits: {
      onClick: (role) => openDialog(role),
    },
  },
]);

const { dialogProps, handleEdit, editForm } = useFormDialog({
  defaultFormParams: {
    list: [] as FourStreamsMaterialFileTableItem[],
  },
const props = withDefaults(defineProps<Props>(), {
  column: () => BaseDeclareEnterpriseTableViewColumns,
});

function openDialog(row?: API.ParkBountyApplyDetailInfo) {
  handleEdit({
    list: [],
  });
}
</script>

<style lang="scss" scoped>