feat: init

wupengfei

2025-04-07 c8fe05eb089226a8f1f36e403f25f99f99831954

 src/views/MaterialReview/MaterialReviewAudit.vue

@@ -2,12 +2,12 @@
  <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
@@ -15,7 +15,7 @@
                    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>
@@ -23,7 +23,7 @@
                <ProFormColItem>
                  <ProFormItemV2 label="驳回原因:" prop="remark">
                    <ProFormTextArea
                      v-model="state.form.remark"
                      v-model="form.remark"
                      placeholder="请输入"
                      show-word-limit
                      :maxlength="200"
@@ -32,7 +32,7 @@
                </ProFormColItem>
              </ProFormCol>
            </ProForm>
          </template>
          </ChunkCell>
        </DetailView>
        <template #footer>
          <el-button @click="handleBack">关闭</el-button>
@@ -47,6 +47,7 @@
import {
  AppContainer,
  ProForm,
  ChunkCell,
  ProFormCol,
  ProFormColItem,
  ProFormItemV2,
@@ -57,6 +58,7 @@
  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';
@@ -72,17 +74,24 @@
const route = useRoute();
const { closeViewPush } = useRouteView();
const id = route.params?.id as string;
const state = reactive({
  detail: {
    categoryName: '',
    amount: 0,
    url: [] as UploadUserFile[],
  },
  form: {
    status: '' as any as DataRangeEnum,
    remark: '',
  },
const form = reactive({
  categoryName: '',
  amount: 0,
  url: [] as UploadUserFile[],
  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>>();

@@ -98,9 +107,9 @@
  },
  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();
  },