Merge branch 'dev-3.4.2.5' of http://120.26.58.240:8888/r/12333GovernmentWe...

zhengyiming

2 天以前 e1aeb653d656b3c3be05f06cac212f435cec07c3

 src/views/MaterialReview/MaterialReviewAudit.vue

@@ -1,13 +1,26 @@
<template>
  <LoadingLayout>
    <AppContainer>
      <PageFormLayout title="材料审核">
        <DetailView :form="state.detail" :has-form="true">
          <template #table>
            <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView>
          </template>
          <template #form>
            <ProForm :model="state.form" ref="formRef" label-width="120px">
      <PageFormLayout title="申报审核">
        <DetailView :form="form" :has-form="true">
          <ChunkCellV2 title="申报企业名单" class="chunk-cell-table">
            <DeclareEnterpriseTableView
              :getList="getList"
              :extra-param-state="extraParamState"
              :pro-table-props="proTableProps"
              :reset="reset"
              :column="addRewardApplyStep3Columns"
              :operationBtns="operationBtns"
            ></DeclareEnterpriseTableView>
            <MateriaDetailDialog
              v-bind="dialogProps"
              :show-upload-btn="false"
              :show-delete-btn="false"
              :show-check-btn="false"
            />
          </ChunkCellV2>
          <ChunkCell>
            <ProForm :model="form" ref="formRef" label-width="120px">
              <ProFormCol>
                <ProFormColItem :span="12">
                  <ProFormItemV2
@@ -15,15 +28,22 @@
                    prop="status"
                    :check-rules="[{ message: '请选择审核状态' }]"
                  >
                    <ProFormRadio v-model="state.form.status" :value-enum="DataRangeEnumText" />
                    <ProFormRadio
                      v-model="form.status"
                      :value-enum="BountyCheckStatusEnumTextForAudit"
                    />
                  </ProFormItemV2>
                </ProFormColItem>
              </ProFormCol>
              <ProFormCol>
              <ProFormCol v-if="form.status === BountyCheckStatusEnum.CheckReject">
                <ProFormColItem>
                  <ProFormItemV2 label="驳回原因:" prop="remark">
                  <ProFormItemV2
                    label="驳回原因:"
                    prop="remark"
                    :check-rules="[{ message: '请输入驳回原因' }]"
                  >
                    <ProFormTextArea
                      v-model="state.form.remark"
                      v-model="form.remark"
                      placeholder="请输入"
                      show-word-limit
                      :maxlength="200"
@@ -32,7 +52,7 @@
                </ProFormColItem>
              </ProFormCol>
            </ProForm>
          </template>
          </ChunkCell>
        </DetailView>
        <template #footer>
          <el-button @click="handleBack">关闭</el-button>
@@ -47,62 +67,99 @@
import {
  AppContainer,
  ProForm,
  ChunkCell,
  ProFormCol,
  ProFormColItem,
  ProFormItemV2,
  ProFormTextArea,
  ProFormRadio,
  LoadingLayout,
  UploadUserFile,
  PageFormLayout,
} from '@bole-core/components';
import { DataRangeEnum, DataRangeEnumText } from '@/constants';
import {
  BountyCheckStatusEnum,
  BountyCheckStatusEnumTextForAudit,
  useAddRewardApplyStep3Columns,
} 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';
import * as informationServices from '@/services/api/Information';
import { convertApi2FormUrlOnlyOne } from '@/utils';
import { useRouteView } from '@/hooks';
import MateriaDetailDialog from '@/components/commonView/MateriaDetailDialog.vue';
import { useQuery, useQueryClient } from '@tanstack/vue-query';
import * as parkBountyApplyServices from '@/services/api/ParkBountyApply';
import { useDeclareEnterpriseTable, useGlobalEventContext, useRouteView } from '@/hooks';
import { FormInstance } from 'element-plus';
import { Message } from '@bole-core/core';
import { useIndustrialParkDropDownList } from '@/hooks/industrialPark';
import {
  CustomerApplyFileTypeListItem,
  EnterpriseApplyFileUtils,
} from '@/components/commonView/utils';

defineOptions({
  name: 'MaterialReviewAudit',
});

const route = useRoute();
const eventContext = useGlobalEventContext();
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({
  batchNo: '',
  parkName: '',
  parkTypeName: '',
  applyMonth: '',
  applySumAmount: 0,
  financeSumAmount: 0,
  settleSumAmount: 0,
  parkCollectFileList: [] as CustomerApplyFileTypeListItem[],
  calculationFileList: [] as CustomerApplyFileTypeListItem[],

  status: '' as any as BountyCheckStatusEnum,
  remark: '',

  suportPlatRecharge: false,
});

const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>();
const { addRewardApplyStep3Columns } = useAddRewardApplyStep3Columns({
  suportPlatRecharge: toRef(form, 'suportPlatRecharge'),
});

const { extraParamState, getList, reset, proTableProps, operationBtns, dialogProps } =
  useDeclareEnterpriseTable({
    id: ref(id),
    applyMonth: toRef(form, 'applyMonth'),
  });

const { data: detail, isLoading } = useQuery({
  queryKey: ['informationServices/getInformationShowDetail', id],
  queryKey: ['parkBountyApplyServices/getOutCheckParkBountyApplyDetailBaseInfo', id],
  queryFn: async () => {
    return await informationServices.getInformationShowDetail(
      { id: id },
    return await parkBountyApplyServices.getOutCheckParkBountyApplyDetailBaseInfo(
      { parkBountyApplyId: id },
      {
        showLoading: false,
      }
    );
  },
  placeholderData: () => ({} as API.InformationShowDetailDto),
  placeholderData: () => ({} as API.OutCheckParkBountyApplyBaseInfo),
  onSuccess(data) {
    state.detail.categoryName = data.categoryName;
    state.detail.amount = data.attentionCount;
    state.detail.url = convertApi2FormUrlOnlyOne(data.avatarUrl);
    form.batchNo = data.batchNo;
    form.parkName = data.parkName;
    form.parkTypeName = data.parkTypeName;
    form.applyMonth = data.applyMonth;
    form.applySumAmount = data.applySumAmount;
    form.financeSumAmount = data.financeSumAmount;
    form.settleSumAmount = data.settleSumAmount;
    form.parkCollectFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList(
      data.listFiles
    );
    form.calculationFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList(
      data.collectCountListFiles
    );

    tableRef.value?.getList();
    form.suportPlatRecharge = data.suportPlatRecharge;

    getList();
  },
});

@@ -124,7 +181,27 @@
  });
}

function confirm() {}
const queryClient = useQueryClient();
async function confirm() {
  try {
    let params: API.OutcheckParkBountyApplyInput = {
      parkBountyApplyId: id,
      outCheckStatus: form.status,
      remark: form.remark,
    };
    let res = await parkBountyApplyServices.outcheckParkBountyApply(params);
    if (res) {
      Message.successMessage('操作成功');
      eventContext.emit('materialReviewAudit:audit');
      queryClient.invalidateQueries({
        queryKey: ['parkBountyApplyServices/getGoverDataBoard'],
      });
      handleBack();
    }
  } catch (error) {}
}

const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList();
</script>

<style lang="scss" scoped>