| | |
| | | <LoadingLayout> |
| | | <AppContainer> |
| | | <PageFormLayout title="材料审核"> |
| | | <DetailView :form="state.detail" :has-form="true"> |
| | | <template #table> |
| | | <DetailView :form="form" :has-form="true"> |
| | | <ChunkCellV2 title="申报企业名单" class="chunk-cell-table"> |
| | | <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView> |
| | | </template> |
| | | <template #form> |
| | | <ProForm :model="state.form" ref="formRef" label-width="120px"> |
| | | </ChunkCellV2> |
| | | <ChunkCell> |
| | | <ProForm :model="form" ref="formRef" label-width="120px"> |
| | | <ProFormCol> |
| | | <ProFormColItem :span="12"> |
| | | <ProFormItemV2 |
| | |
| | | prop="status" |
| | | :check-rules="[{ message: '请选择审核状态' }]" |
| | | > |
| | | <ProFormRadio v-model="state.form.status" :value-enum="DataRangeEnumText" /> |
| | | <ProFormRadio v-model="form.status" :value-enum="DataRangeEnumText" /> |
| | | </ProFormItemV2> |
| | | </ProFormColItem> |
| | | </ProFormCol> |
| | |
| | | <ProFormColItem> |
| | | <ProFormItemV2 label="驳回原因:" prop="remark"> |
| | | <ProFormTextArea |
| | | v-model="state.form.remark" |
| | | v-model="form.remark" |
| | | placeholder="请输入" |
| | | show-word-limit |
| | | :maxlength="200" |
| | |
| | | </ProFormColItem> |
| | | </ProFormCol> |
| | | </ProForm> |
| | | </template> |
| | | </ChunkCell> |
| | | </DetailView> |
| | | <template #footer> |
| | | <el-button @click="handleBack">关闭</el-button> |
| | |
| | | import { |
| | | AppContainer, |
| | | ProForm, |
| | | ChunkCell, |
| | | ProFormCol, |
| | | ProFormColItem, |
| | | ProFormItemV2, |
| | |
| | | PageFormLayout, |
| | | } from '@bole-core/components'; |
| | | import { DataRangeEnum, DataRangeEnumText } from '@/constants'; |
| | | import ChunkCellV2 from '@/components/Layout/ChunkCellV2.vue'; |
| | | import DetailView from '@/components/commonView/DetailView.vue'; |
| | | import DeclareEnterpriseTableView from '@/components/commonView/DeclareEnterpriseTableView.vue'; |
| | | import { useQuery } from '@tanstack/vue-query'; |
| | |
| | | const route = useRoute(); |
| | | const { closeViewPush } = useRouteView(); |
| | | const id = route.params?.id as string; |
| | | const state = reactive({ |
| | | detail: { |
| | | const form = reactive({ |
| | | categoryName: '', |
| | | amount: 0, |
| | | url: [] as UploadUserFile[], |
| | | }, |
| | | form: { |
| | | status: '' as any as DataRangeEnum, |
| | | remark: '', |
| | | }, |
| | | }); |
| | | // const state = reactive({ |
| | | // detail: { |
| | | // categoryName: '', |
| | | // amount: 0, |
| | | // url: [] as UploadUserFile[], |
| | | // }, |
| | | // form: { |
| | | // status: '' as any as DataRangeEnum, |
| | | // remark: '', |
| | | // }, |
| | | // }); |
| | | |
| | | const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>(); |
| | | |
| | |
| | | }, |
| | | placeholderData: () => ({} as API.InformationShowDetailDto), |
| | | onSuccess(data) { |
| | | state.detail.categoryName = data.categoryName; |
| | | state.detail.amount = data.attentionCount; |
| | | state.detail.url = convertApi2FormUrlOnlyOne(data.avatarUrl); |
| | | form.categoryName = data.categoryName; |
| | | form.amount = data.attentionCount; |
| | | form.url = convertApi2FormUrlOnlyOne(data.avatarUrl); |
| | | |
| | | tableRef.value?.getList(); |
| | | }, |