中间数据产品 1. 新增报告生成提示； 2. 新增报告文件下载； 3. 修复报告页面展示时，相同名称的列数据无法正确展示的问题；

riku

2025-07-29 f812a5d9c4a973930a79581e0c1de91a7054b547

 src/views/fysp/data-product/components/BaseDataProduct.vue

@@ -23,11 +23,11 @@
    </template>
    <template #buttons>
      <CompReportDownloadDialog
        name="问题与整改汇总分析与动态跟踪清单"
        :name="fileName"
        :locations="formSearch.locations"
        :scenetype="formSearch.scenetype"
        :time="formSearch.time"
        @submit="handleSearch"
        @submit="(e) => handleSearch(e, true)"
      ></CompReportDownloadDialog>
    </template>
  </FYSearchBar>
@@ -57,27 +57,27 @@
      <el-table-column
        v-for="(item, index) in activeExcelData.head"
        :key="index"
        :prop="item.name"
        :prop="item.prop"
        :label="item.name"
      >
        <template v-if="item.children" #default="{ row }">
          <span v-html="row[item.name]"></span>
          <span v-html="row[item.prop]"></span>
          <el-table-column
            v-for="(item1, index1) in item.children"
            :key="index1"
            :prop="item1.name"
            :prop="item1.prop"
            :label="item1.name"
          >
            <template v-if="item1.children" #default="scope1">
              <span v-html="scope1.row[item1.name]"></span>
              <span v-html="scope1.row[item1.prop]"></span>
              <el-table-column
                v-for="(item2, index2) in item1.children"
                :key="index2"
                :prop="item2.name"
                :prop="item2.prop"
                :label="item2.name"
              >
                <template v-if="item2.children" #default="scope2">
                  <span v-html="scope2.row[item2.name]"></span>
                  <span v-html="scope2.row[item2.prop]"></span>
                </template>
              </el-table-column>
            </template>
@@ -102,12 +102,16 @@
//引入相关样式
import '@vue-office/excel/lib/index.css';

import { ref, onMounted } from 'vue';
import { ref, onMounted, computed } from 'vue';
import dayjs from 'dayjs';
import * as XLSX from 'xlsx';
import * as ExcelJS from 'exceljs';
import dataproductApi from '@/api/fysp/dataproductApi';
import CompReportDownloadDialog from './CompReportDownloadDialog.vue';
import { Base64 } from 'js-base64';
import { useBgtaskStore } from '@/stores/bgtaskStore';

const bgtaskStore = useBgtaskStore();

const emit = defineEmits(['search']);

@@ -125,6 +129,19 @@
  headNum: {
    type: Number,
    default: 1
  }
});

const fileName = computed(() => {
  switch (props.productType) {
    case 1:
      return '问题与整改汇总分析与动态跟踪清单';
    case 2:
      return '规范性评估与分析清单';
    case 3:
      return '问题与整改分布分析清单';
    default:
      return '报告清单';
  }
});

@@ -158,7 +175,7 @@
  getTable(activeSheet.value);
}

function handleSearch(forceUpdate) {
function handleSearch(forceUpdate, isDownload) {
  const locations = formSearch.value.locations;
  const time = formSearch.value.time;
  const scenetype = formSearch.value.scenetype;
@@ -178,13 +195,29 @@
  dataproductApi
    .downloadProduct(area, props.productType, forceUpdate ? forceUpdate : false)
    .then(async (res) => {
      // const data = new Uint8Array(res);
      res.arrayBuffer().then((data) => {
      if (res == false) {
        alert('报告生成中，可在后台任务查看生成进度');
        bgtaskStore.dialogShow = true;
        bgtaskStore.fetchTask();
      } else {
        if (isDownload) {
          const name = Base64.decode(res.headers.get('filename'));
          const url = window.URL.createObjectURL(res.data);
          const link = document.createElement('a');
          link.href = url;
          link.setAttribute('download', name);
          document.body.appendChild(link);
          link.click();
          document.body.removeChild(link);
          window.URL.revokeObjectURL(url);
        } else {
          res.data.arrayBuffer().then((data) => {
        workbook = XLSX.read(data, { type: 'array' });
        sheetNames.value = workbook.SheetNames;
        activeSheet.value = sheetNames.value[0];
        getTable(activeSheet.value);
      });
        }

      // const workbook = new ExcelJS.Workbook();
      // await workbook.xlsx.load(res);
@@ -202,6 +235,7 @@
      // })

      // excel.value = new ArrayBuffer(res)
      }
    })
    .finally(() => (loading.value = false));
}
@@ -229,7 +263,7 @@
    // console.log(tableData);

    const t = strToTableObj(tableData);
    console.log(t);
    // console.log(t);
    // console.log(head);
    // console.log(data);
    excelDatas.value.set(sheetName, t);
@@ -296,14 +330,17 @@
    const row = rows[i];
    if (lastHead.length == 0) {
      row.forEach((r, y) => {
        lastHead.push({ name: r });
        dataKeys.push(r);
        const prop = r == '' ? r : `id-${r}-${y}`;
        lastHead.push({ name: r, prop });
        dataKeys.push(prop);
      });
    } else {
      const newHead = [];
      row.forEach((r, y) => {
        const prop = `id-${r}-${y}`;
        if (dataKeys[y] == '') {
          dataKeys[y] = r;
          // lastHead[y] = { name: r, prop };
          dataKeys[y] = prop;
        }

        const last = lastHead[y];
@@ -311,7 +348,7 @@
          console.log(last);
        }
        if (last.name == '') {
          newHead.push({ name: r });
          newHead.push({ name: r, prop });
          offset++;
        } else if (r != '') {
          newHead.push({
@@ -320,7 +357,7 @@
          });
          offset = 1;
        } else {
          newHead.push({ name: '' });
          newHead.push({ name: '', prop });
          let _index = newHead.length - 1 - offset;
          _index = _index >= 0 ? _index : 0;
          newHead[_index].children.push(last);