wupengfei
2025-04-14 04b6295eec5740e1ac93de6f246dca937ad2f444
src/views/MaterialReview/MaterialReviewDetail.vue
@@ -6,14 +6,15 @@
          <div class="page-form-layout-title">
            申报详情
            <span class="page-form-layout-title-item status">
              {{ `审核状态:${BountyCheckStatusEnumText[form.outCheckStatus]}` }}
              审核状态:<span :style="{ color: BountyCheckStatusEnumColor[form.outCheckStatus] }">{{
                BountyCheckStatusEnumText[form.outCheckStatus]
              }}</span>
            </span>
            <span
              v-if="form.outCheckStatus === BountyCheckStatusEnum.CheckReject"
              class="page-form-layout-title-item remark"
            >
              {{ `审核未通过原因:${form.outCheckRemark ?? ''}` }}
            </span>
            <TextOverTooltip v-if="form.outCheckStatus === BountyCheckStatusEnum.CheckReject">
              <span class="page-form-layout-title-item remark">
                {{ `审核未通过原因:${form.outCheckRemark ?? ''}` }}
              </span>
            </TextOverTooltip>
          </div>
        </template>
        <DetailView :form="form">
@@ -23,11 +24,19 @@
              :extra-param-state="extraParamState"
              :pro-table-props="proTableProps"
              :reset="reset"
              :open-dialog="openDialog"
            ></DeclareEnterpriseTableView>
            <MateriaDetailDialog
              v-bind="dialogProps"
              :show-upload-btn="false"
              :show-delete-btn="false"
              :show-check-btn="false"
              downloadBtnText="查看"
            />
          </ChunkCellV2>
        </DetailView>
        <template #footer>
          <el-button @click="handleBack">关闭</el-button>
          <el-button @click="handleBack" type="primary">确认</el-button>
        </template>
      </PageFormLayout>
    </AppContainer>
@@ -41,16 +50,27 @@
  UploadUserFile,
  PageFormLayout,
  useTable,
  useFormDialog,
  TextOverTooltip,
} from '@bole-core/components';
import ChunkCellV2 from '@/components/Layout/ChunkCellV2.vue';
import DetailView from '@/components/commonView/DetailView.vue';
import MateriaDetailDialog from '@/components/commonView/MateriaDetailDialog.vue';
import DeclareEnterpriseTableView from '@/components/commonView/DeclareEnterpriseTableView.vue';
import { useQuery } from '@tanstack/vue-query';
import * as parkBountyApplyServices from '@/services/api/ParkBountyApply';
import { convertApi2FormUrlOnlyOne, setOSSLink } from '@/utils';
import { useRouteView } from '@/hooks';
import { OrderInputType } from '@bole-core/core';
import { AuthTypeText, BountyCheckStatusEnum, BountyCheckStatusEnumText } from '@/constants';
import {
  EnterpriseTypeText,
  BountyCheckStatusEnum,
  BountyCheckStatusEnumText,
  BountyCheckStatusEnumColor,
} from '@/constants';
import { FourStreamsMaterialFileTableItem } from '@/components/commonView/types';
import { FourStreamsMaterialUtils } from '@/components/commonView/utils';
import { useIndustrialParkDropDownList } from '@/hooks/industrialPark';
defineOptions({
  name: 'MaterialReviewDetail',
@@ -128,21 +148,42 @@
  },
  {
    defaultExtraParams: {
      orderInput: [{ property: 'enterpriseId', order: OrderInputType.Desc }],
      orderInput: [{ property: 'parkBountyApplyId', order: OrderInputType.Desc }],
      searchKeyWord: '',
    },
    columnsRenderProps: {
      authType: { type: 'enum', valueEnum: AuthTypeText },
      licenseUrl: {
        type: 'url',
        formatter: (row: API.UserCertificationAuditListDto) => setOSSLink(row.licenseUrl),
        modal: true,
        showDownloadBtn: false,
      },
      authType: { type: 'enum', valueEnum: EnterpriseTypeText },
      // licenseUrl: {
      //   type: 'url',
      //   formatter: (row: API.UserCertificationAuditListDto) => setOSSLink(row.licenseUrl),
      //   modal: true,
      //   showDownloadBtn: true,
      //   showPreviewBtn: false,
      //   downloadBtnText: '查看',
      // },
    },
  }
);
const { dialogProps, handleAdd, editForm } = useFormDialog({
  defaultFormParams: {
    list: [] as FourStreamsMaterialFileTableItem[],
    companyId: '',
  },
});
const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList();
function openDialog(row: API.ParkBountyApplyDetailInfo) {
  handleAdd({
    list: FourStreamsMaterialUtils.initFourStreamsMaterialFileList(
      row,
      getIndustrialParkTypeNameById(detail.value?.parkId)
    ),
    companyId: row.enterpriseId,
  });
}
function handleBack() {
  closeViewPush(route, {
    name: 'MaterialReviewList',