| | |
| | | <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.searchKeyWord" |
| | |
| | | > |
| | | </SearchInput> |
| | | </QueryFilterItem> |
| | | </template> |
| | | <template #btn> |
| | | <slot name="btn"></slot> |
| | | </template> |
| | | </ProTableQueryFilterBar> |
| | | <ProTableV2 |
| | |
| | | maxHeight: '400px', |
| | | }" |
| | | > |
| | | <template #licenseUrl="{ row }"> |
| | | <PreviewBtnV2 :url="setOSSLink(row.licenseUrl)"></PreviewBtnV2> |
| | | </template> |
| | | </ProTableV2> |
| | | <MateriaDetailDialog v-bind="dialogProps"></MateriaDetailDialog> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | |
| | | QueryFilterItem, |
| | | ProTableV2, |
| | | SearchInput, |
| | | useFormDialog, |
| | | defineOperationBtns, |
| | | defineColumns, |
| | | PreviewBtnV2, |
| | | FieldRadio, |
| | | } from '@bole-core/components'; |
| | | import MateriaDetailDialog from './MateriaDetailDialog.vue'; |
| | | import { FourStreamsMaterialFileTableItem } from './types'; |
| | | import { setOSSLink } from '@/utils'; |
| | | import { FinanceStatusEnum, TransferToStatusEnum, FinanceStatusEnumTextV2Query } from '@/constants'; |
| | | |
| | | defineOptions({ |
| | | name: 'DeclareEnterpriseTableView', |
| | |
| | | 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: '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>(), { |
| | | showFinanceStatus: false, |
| | | }); |
| | | |
| | | function openDialog(row?: API.ParkBountyApplyDetailInfo) { |
| | | handleEdit({ |
| | | list: [], |
| | | }); |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |