feat: 页面

wupengfei

5 天以前 2174f758e8a963964198e092f0d528ef1ae9b81e

 src/views/MaterialReview/MaterialReviewDetail.vue

@@ -24,7 +24,8 @@
              :extra-param-state="extraParamState"
              :pro-table-props="proTableProps"
              :reset="reset"
              :open-dialog="openDialog"
              :column="addRewardApplyStep3Columns"
              :operationBtns="operationBtns"
            ></DeclareEnterpriseTableView>
            <MateriaDetailDialog
              v-bind="dialogProps"
@@ -46,33 +47,25 @@
import {
  AppContainer,
  LoadingLayout,
  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, useQueryClient } from '@tanstack/vue-query';
import { useQuery } from '@tanstack/vue-query';
import * as parkBountyApplyServices from '@/services/api/ParkBountyApply';
import * as enterpriseApplyFileServices from '@/services/api/EnterpriseApplyFile';
import { convertApi2FormUrlObjectBySeparator, setOSSLink } from '@/utils';
import { useRouteView } from '@/hooks';
import { OrderInputType } from '@bole-core/core';
import { useDeclareEnterpriseTable, useRouteView } from '@/hooks';
import {
  EnterpriseTypeText,
  BountyCheckStatusEnum,
  BountyCheckStatusEnumText,
  BountyCheckStatusEnumColor,
  useAddRewardApplyStep3Columns,
} from '@/constants';
import { FourStreamsMaterialFileTableItem } from '@/components/commonView/types';
import {
  CustomerApplyFileTypeListItem,
  EnterpriseApplyFileUtils,
  FourStreamsMaterialUtils,
} from '@/components/commonView/utils';
import { useIndustrialParkDropDownList } from '@/hooks/industrialPark';

@@ -89,17 +82,24 @@
  parkTypeName: '',
  applyMonth: '',
  applySumAmount: 0,
  // enterpriseTaxSubFileUrl: [] as UploadUserFile[],
  // enterpriseOperateFileUrl: [] as UploadUserFile[],
  // enterpriseRelateFileUrl: [] as UploadUserFile[],
  // bountyAssignFileUlr: [] as UploadUserFile[],
  // bountyCollectFileUrl: [] as UploadUserFile[],
  parkCollectFileList: [] as CustomerApplyFileTypeListItem[],
  calculationFileList: [] as CustomerApplyFileTypeListItem[],

  outCheckStatus: '' as any as BountyCheckStatusEnum,
  outCheckRemark: '',

  suportEnterpriseUpload: false,
});

const { addRewardApplyStep3Columns } = useAddRewardApplyStep3Columns({
  suportEnterpriseUpload: toRef(form, 'suportEnterpriseUpload'),
});

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

const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>();

@@ -122,17 +122,6 @@
    form.applySumAmount = data.applySumAmount;
    form.outCheckStatus = data.outCheckStatus;
    form.outCheckRemark = data.outCheckRemark;
    // form.enterpriseTaxSubFileUrl = convertApi2FormUrlObjectBySeparator(
    //   data?.enterpriseTaxSubFileUrl
    // );
    // form.enterpriseOperateFileUrl = convertApi2FormUrlObjectBySeparator(
    //   data?.enterpriseOperateFileUrl
    // );
    // form.bountyAssignFileUlr = convertApi2FormUrlObjectBySeparator(data?.bountyAssignFileUlr);
    // form.bountyCollectFileUrl = convertApi2FormUrlObjectBySeparator(data?.bountyCollectFileUrl);
    // form.enterpriseRelateFileUrl = convertApi2FormUrlObjectBySeparator(
    //   data?.enterpriseRelateFileUrl
    // );
    form.parkCollectFileList = EnterpriseApplyFileUtils.convertApiFileToParkCollectFileList(
      data.listFiles
    );
@@ -140,97 +129,13 @@
      data.collectCountListFiles
    );

    form.suportEnterpriseUpload = data.suportEnterpriseUpload;

    getList();
  },
});

const {
  getDataSource: getList,
  proTableProps,
  paginationState,
  extraParamState,
  reset,
} = useTable(
  async ({ pageIndex, pageSize }, extraParamState) => {
    try {
      let params: API.GetParkBountyApplyInfoInput = {
        pageModel: {
          rows: pageSize,
          page: pageIndex,
          orderInput: extraParamState.orderInput,
        },
        searchKeyWord: extraParamState.searchKeyWord,
        parkBountyApplyId: id,
      };
      let res = await parkBountyApplyServices.getOutCheckParkBountyApplyDetailList(params);
      return res;
    } catch (error) {}
  },
  {
    defaultExtraParams: {
      orderInput: [{ property: 'parkBountyApplyId', order: OrderInputType.Desc }],
      searchKeyWord: '',
    },
    columnsRenderProps: {
      authType: { type: 'enum', valueEnum: EnterpriseTypeText },
    },
  }
);

const { dialogProps, handleAdd, editForm } = useFormDialog({
  defaultFormParams: {
    list: [] as CustomerApplyFileTypeListItem[],
    companyId: '',
  },
});

const { getIndustrialParkTypeNameById } = useIndustrialParkDropDownList();
const queryClient = useQueryClient();
async function openDialog(row: API.ParkBountyApplyDetailInfo) {
  try {
    const applyFiles = await queryClient.ensureQueryData({
      queryKey: [
        'enterpriseApplyFileServices/getCustomerUploadApplyFiles',
        row.enterpriseId,
        form.applyMonth,
      ],
      queryFn: async () => {
        return await enterpriseApplyFileServices.getCustomerUploadApplyFiles({
          enterpriseId: row.enterpriseId,
          withMonth: form.applyMonth,
        });
      },
    });
    const lastUploadEnterPactFile = await queryClient.ensureQueryData({
      queryKey: ['enterpriseApplyFileServices/getCustomerUploadApplyFiles', row.enterpriseId],
      queryFn: async () => {
        return await parkBountyApplyServices.getEnterpriseLastUploadEnterPactFileNew({
          companyId: row.enterpriseId,
        });
      },
    });

    const applyUploadFiles = await parkBountyApplyServices.getEnterpriseParkApplyUploadFiles({
      companyId: row.enterpriseId,
      parkBountyApplyId: id,
    });
    handleAdd({
      list: EnterpriseApplyFileUtils.initParkCollectFileListApplyFiles(
        applyUploadFiles,
        applyFiles,
        lastUploadEnterPactFile
      ),
      companyId: row.enterpriseId,
    });
  } catch (error) {}
  // handleAdd({
  //   list: FourStreamsMaterialUtils.initFourStreamsMaterialFileList(
  //     row,
  //     getIndustrialParkTypeNameById(detail.value?.parkId)
  //   ),
  //   companyId: row.enterpriseId,
  // });
}

function handleBack() {
  closeViewPush(route, {