| | |
|---|
| | | <template> |
|---|
| | | <div>SignDetailView</div> |
|---|
| | | <LoadingLayout :loading="state.loading"> |
|---|
| | | <AppContainer> |
|---|
| | | <ProTableV2 v-bind="proTableProps" :columns="column" :operationBtns="operationBtns"> |
|---|
| | | </ProTableV2> |
|---|
| | | </AppContainer> |
|---|
| | | </LoadingLayout> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import { |
|---|
| | | OperationBtnType, |
|---|
| | | ProTableV2, |
|---|
| | | LoadingLayout, |
|---|
| | | AppContainer, |
|---|
| | | useTable, |
|---|
| | | } from '@bole-core/components'; |
|---|
| | | import { useAccess } from '@/hooks'; |
|---|
| | | import { ModelValueType } from 'element-plus'; |
|---|
| | | import * as enterpriseServices from '@/services/api/enterprise'; |
|---|
| | | |
|---|
| | | defineOptions({ |
|---|
| | | name: 'SignDetailView', |
|---|
| | | }); |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | @use '@/style/common.scss' as *; |
|---|
| | | </style> |
|---|
| | | const operationBtnMap: Record<string, OperationBtnType> = { |
|---|
| | | detailBtn: { emits: { onClick: (role) => goDetail(role) } }, |
|---|
| | | recommendBtn: { |
|---|
| | | emits: { onClick: (role) => setAdvertiseOnShowStatus(role) }, |
|---|
| | | extraProps: { |
|---|
| | | hide: (row) => row.status, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | cancelRecommendBtn: { |
|---|
| | | emits: { onClick: (role) => setAdvertiseOnShowStatus(role) }, |
|---|
| | | props: { type: 'danger' }, |
|---|
| | | extraProps: { |
|---|
| | | hide: (row) => !row.status, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const { checkSubModuleItemShow, column, operationBtns } = useAccess({ |
|---|
| | | operationBtnMap, |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const router = useRouter(); |
|---|
| | | const BaseState = { |
|---|
| | | loading: true, |
|---|
| | | }; |
|---|
| | | |
|---|
| | | const state = reactive({ ...BaseState }); |
|---|
| | | |
|---|
| | | onMounted(async () => { |
|---|
| | | await getList(); |
|---|
| | | state.loading = false; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | const { |
|---|
| | | getDataSource: getList, |
|---|
| | | proTableProps, |
|---|
| | | paginationState, |
|---|
| | | extraParamState, |
|---|
| | | reset, |
|---|
| | | } = useTable( |
|---|
| | | async ({ pageIndex, pageSize }, extraParamState) => { |
|---|
| | | try { |
|---|
| | | let params: API.GetEnterprisesQuery = { |
|---|
| | | pageModel: { |
|---|
| | | rows: pageSize, |
|---|
| | | page: pageIndex, |
|---|
| | | orderInput: extraParamState.orderInput, |
|---|
| | | }, |
|---|
| | | // searchKeys: extraParamState.keyword, |
|---|
| | | }; |
|---|
| | | let res = await enterpriseServices.getEnterprises(params, { |
|---|
| | | showLoading: !state.loading, |
|---|
| | | }); |
|---|
| | | return res; |
|---|
| | | } catch (error) {} |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | defaultExtraParams: { |
|---|
| | | keyword: '', |
|---|
| | | pageType: '' as any as number, |
|---|
| | | status: '' as any as boolean, |
|---|
| | | beginDate: [] as unknown as ModelValueType, |
|---|
| | | endDate: [] as unknown as ModelValueType, |
|---|
| | | orderInput: [{ property: 'id', order: EnumPagedListOrder.Asc }], |
|---|
| | | }, |
|---|
| | | columnsRenderProps: {}, |
|---|
| | | } |
|---|
| | | ); |
|---|
| | | |
|---|
| | | async function setAdvertiseOnShowStatus(row) { |
|---|
| | | try { |
|---|
| | | } catch (error) {} |
|---|
| | | } |
|---|
| | | |
|---|
| | | function goDetail(row) { |
|---|
| | | router.push({ name: 'TaskManageDetail', params: { id: row?.id ?? '' } }); |
|---|
| | | } |
|---|
| | | </script> |
|---|
