添加救灾物资维护保养统计表和防汛抗旱物资维护保养统计表页面

.env.development

@@ -1,8 +1,8 @@
 # 若依管理系统/开发环境
 # VUE_APP_BASE_URL = 'http://192.168.50.205:9999'
-#VUE_APP_BASE_URL = 'http://192.168.1.113:9999'
+VUE_APP_BASE_URL = 'http://192.168.1.113:9999'
 # 测试环境外网
-VUE_APP_BASE_URL = 'http://121.36.17.6:9098'
+#VUE_APP_BASE_URL = 'http://121.36.17.6:9098'
 # 正式环境外网
 # VUE_APP_BASE_URL = 'http://121.36.17.6:9099'
 

src/router/index.ts

@@ -123,6 +123,22 @@ const routes: Array<RouteRecordRaw> = [
         }
       }
     ]
+  },
+  {
+    path: "/dataStatistics",
+    name: "dataStatistics",
+    redirect: "/dataStatistics/components",
+    component: layout,
+    children: [
+      {
+        path: "DataStatisticsDetail",
+        name: "维护保养详情",
+        component: () => import("@/views/dataStatistics/components/detail.vue"),
+        props(route) {
+          return route.query;
+        }
+      }
+    ]
   }
 ];
 

src/views/dataStatistics/components/detail.vue

@@ -0,0 +1,212 @@
+<!-- 应急物资分类表 -->
+<template>
+  <basic-container class="container">
+    <el-table :data="tableData" border>
+      <el-table-column prop="warehouse" label="库点简称" align="center" />
+      <el-table-column prop="materialGroupVo" label="物资大类" align="center" />
+      <el-table-column prop="materialTypeVo" label="物资类别" align="center" />
+      <el-table-column prop="materialNameVo" label="物资名称" align="center" />
+      <el-table-column prop="entryDate" label="入库日期" align="center" />
+      <el-table-column prop="unitPrice" label="单价(元)" align="center" />
+      <el-table-column prop="maintenanceUnit" label="维护保养单位" align="center" width="200" />
+      <el-table-column prop="maintenancePerson" label="维护保养人" align="center" width="114" />
+      <el-table-column prop="maintenanceTime" label="维护保养时间" align="center" width="140" />
+      <el-table-column prop="fileName" label="附件上传" align="center" width="114">
+        <template #default="scope">
+          <!-- <el-form-item v-if="props.type != 'look'" :prop="'materialMaintenanceStatuses.' + scope.$index + '.fileName'">
+            <el-upload
+              :disabled="props.type == 'look'"
+              v-model:file-list="scope.row.filePartList"
+              class="upload-demo"
+              style="width: 100%"
+              :action="fileUrl"
+              :data="paramsData"
+              :headers="myHeader"
+              multiple
+              :on-remove="handleRemove"
+              :before-remove="beforeRemove"
+              :on-success="(response, file, index) => getFileInfo(response, file, scope.$index)"
+              :on-error="errorUpload"
+              :before-upload="beforeUpload"
+              :limit="1"
+              :on-exceed="handleExceed"
+            >
+              <el-button v-if="props.type != 'look'" size="small" type="primary">选择文件</el-button>
+            </el-upload>
+          </el-form-item> -->
+          <p @click="handlePreview(scope.row.filePart)" style="cursor: pointer; color: #409eff">
+            {{ scope.row.fileName }}
+          </p>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="operationbox">
+      <el-button @click="returnPage" v-if="props.type === 'look'">返回</el-button>
+    </div>
+  </basic-container>
+</template>
+
+<script setup lang="ts">
+import { ref, reactive, onMounted } from "vue";
+import { Delete, Plus } from "@element-plus/icons-vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import type { UploadProps } from "element-plus";
+import router from "@/router";
+import { lookInData, Auditing } from "@/api/upkeep/in";
+import { useDict } from "@/hooks/dict";
+// import { closeTagAndOpenLastTag } from '@/router/Routermethods';
+import store from "@/store";
+import { getQuery } from "@/hooks/detailQuery/index";
+import { useGetters } from "@/hooks/storeHooks";
+const { access_token } = useGetters(["access_token"]);
+import { decimalMul, decimalDev } from "@/global/decimalCompute";
+import { dictTree, sysFile } from "@/api/inAndOut/formationFilling/in";
+
+const { maintenance_auditing_status } = useDict("maintenance_auditing_status");
+
+// const props = defineProps(['id','type'])
+const props = getQuery("/dataStatistics/DataStatisticsDetail");
+// 价值计算带万
+const wanJson = ["118", "122", "124", "132", "182", "184"];
+let materialMaintenanceStatuses = ref([]);
+const tableData: any = ref();
+const queryForms = ref();
+const formData = reactive({
+  opinion: "",
+  filePart: "",
+  fileName: "",
+  file: [],
+  filePartList: [{ url: "", name: "" }]
+});
+const formRules = reactive({
+  opinion: [
+    {
+      required: true,
+      message: "请填写审核意见",
+      trigger: "blur"
+    }
+  ]
+});
+// 根据码回显中文
+const showCh = (value, option) => {
+  const filterItem = option.filter((item) => item.value == value);
+  return filterItem.length ? filterItem[0].label : "-";
+};
+// 详情获取数据
+const lookData = () => {
+  lookInData(props.id).then((res: any) => {
+    if (res.code === 0) {
+      let getData = res.data.materialMaintenanceDetails;
+      tableData.value = getData.map((item: any) => ({
+        ...item,
+        filePartList: [{ url: item.filePart, name: item.fileName }],
+        warehouse: res.data.warehouse,
+        materialGroupVo: res.data.materialGroupVo,
+        materialTypeVo: res.data.materialTypeVo,
+        materialNameVo: res.data.materialNameVo,
+        entryDate: res.data.entryDate,
+        unitPrice: res.data.unitPrice
+      }));
+    }
+  });
+};
+/** 返回 */
+const returnPage = () => {
+  router.push({
+    path: "/dataStatistics/floodDroughtPrecautionUpkeep"
+  });
+};
+
+//附件部分
+const fileUrl = "/admin/sysFile/uploadVoucher";
+let paramsData = reactive({
+  bucket: "bound"
+});
+const myHeader = { Authorization: "Bearer " + access_token.value };
+// 附件相关
+const getFileInfo = (res: any, file: any) => {
+  formData.filePart = res.data.fileName;
+  formData.fileName = file.name;
+};
+const handleRemove = (file: any, uploadFiles: any) => {
+  console.log(file, uploadFiles);
+};
+const handlePreview = (url: string) => {
+  sysFile(url).then((res: any) => {
+    const blob = new Blob([res], { type: "application/pdf;charset=UTF-8" });
+    const bFile = URL.createObjectURL(blob);
+    window.open(bFile);
+  });
+};
+
+const handlePreview1 = (file: any) => {
+  if (file.url) {
+    sysFile(file.url).then((res: any) => {
+      const blob = new Blob([res], { type: "application/pdf;charset=UTF-8" });
+      const bFile = URL.createObjectURL(blob);
+      window.open(bFile);
+    });
+  }
+};
+
+const handleExceed = (files: any, uploadFiles: any) => {
+  ElMessage.warning(`限制上传一个文件`);
+};
+const beforeRemove = (uploadFile: any, uploadFiles: any) => {
+  // return ElMessageBox.confirm(`确定移除 ${uploadFile.name} ?`).then(
+  //   () => true,
+  //   () => false
+  // );
+};
+const errorUpload = (err: any, file: any, fileList: any) => {
+  ElMessage.error("文件上传失败，UploadAjaxError：" + JSON.parse(JSON.stringify(err)).status);
+};
+// 上传前对附件进行的操作
+const beforeUpload: UploadProps["beforeUpload"] = (file) => {
+  // const typeList = ".pdf.jpg.png.gif.jpeg.PDF.JPG.PNG.GIF.JPEG";
+  const typeList = ".pdf"; //限制为pdf格式
+  const { name, type } = fileNameDispose(file.name);
+  if (!typeList.includes(type)) {
+    ElMessage.error("仅支持pdf类型文件，请重新上传。");
+    return false;
+  }
+  if (name.length > 30) {
+    ElMessage.error("文件名不可超30字，请重新命名后再上传。");
+    return false;
+  }
+  const isLt20M = file.size / 1024 / 1024 < 100;
+  if (!isLt20M) {
+    ElMessage.error("文件大小不可超过 100MB。");
+    return false;
+  }
+  return true;
+};
+// 获取上传附件的名字和类型
+const fileNameDispose = (name: string) => {
+  const arr = name.split(".");
+  if (arr.length === 2) {
+    return { name: arr[0], type: arr[1] };
+  } else {
+    const type = arr.splice(arr.length - 1, 1)[0];
+    const name = arr.join(".");
+    return { name, type };
+  }
+};
+/** -----------------附件结束--------------- */
+/** 初始化 **/
+onMounted(() => {
+  console.log(props.id, "id");
+  if (props.type) {
+    lookData();
+  } else {
+    tableData.value = [{}];
+  }
+});
+</script>
+
+<style lang="scss" scoped>
+.operationbox {
+  text-align: center;
+  margin-top: 30px;
+}
+</style>

src/views/dataStatistics/components/detailedTable.vue

@@ -133,6 +133,7 @@
         </template>
       </el-table-column>
       <el-table-column prop="remarks" label="备注" :class-name="Bgcolor" header-align="center" align="center" />
+      <el-table-column prop="remarks" label="已维护次数" :class-name="Bgcolor" header-align="center" align="center" />
     </el-table>
   </basic-container>
 </template>

src/views/dataStatistics/components/detailedTable1.vue

@@ -0,0 +1,530 @@
+<template>
+  <basic-container>
+    <el-form class="whole_form">
+      <el-row :gutter="20">
+        <el-col :span="6" v-if="userInfo.deptType === '1'">
+          <el-form-item label="垂管局">
+            <el-select v-model="searchList.gameDeptId" multiple filterable clearable @change="getSupplies">
+              <el-option v-for="item in cityList" :key="item.deptId" :label="item.name" :value="item.deptId" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6" v-if="userInfo.deptType === '1'">
+          <el-form-item label="省份">
+            <el-select v-model="searchList.provinceSiteIdList" filterable clearable multiple>
+              <el-option v-for="item in provinceList" :key="item.id" :label="item.name" :value="item.code" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6" v-if="userInfo.deptType === '1'">
+          <el-form-item label="储备仓库">
+            <el-select
+              multiple
+              filterable
+              clearable
+              v-model="searchList.warehouseDeptId"
+              :disabled="!searchList.gameDeptId"
+              :placeholder="!searchList.gameDeptId ? '请先选择垂管局' : '请选择储备仓库'"
+            >
+              <el-option
+                v-for="item in warehouseList"
+                :key="item.deptId"
+                :label="item.abbreviationName"
+                :value="item.deptId"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6" v-if="userInfo.deptType === '2'">
+          <el-form-item label="储备仓库">
+            <el-select v-model="searchList.warehouseDeptId" multiple clearable placeholder="请选择储备仓库">
+              <el-option
+                v-for="item in warehouseList"
+                :key="item.deptId"
+                :label="item.abbreviationName"
+                :value="item.deptId"
+              />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="物资类别">
+            <el-select v-model="searchList.dmUpcode1List" clearable multiple>
+              <el-option v-for="item in suppliesList" :key="item.id" :label="item.name" :value="item.code" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="物资名称">
+            <el-input v-model="searchList.dmUpname2" clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="储存状态">
+            <el-select v-model="searchList.storageState" @change="handlerChange" clearable>
+              <el-option v-for="item in Storage_state" :key="item.value" :label="item.label" :value="item.value" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="已维护次数">
+            <el-input v-model="searchList.maintenanceCount" placeholder="请输入已维护次数" clearable />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6" class="btn_center">
+          <el-button :icon="Search" type="primary" @click="getList">查询</el-button>
+          <el-button :icon="RefreshRight" @click="clearSearch">清空</el-button>
+          <!-- <el-button type="primary" :disable="!tableLoading" :icon="Download" @click="downloadExcel">导出</el-button> -->
+          <el-button type="primary" :icon="Download" @click="exportTemplate" v-if="hasBtn('tj:export')">导出</el-button>
+        </el-col>
+        <!-- <el-col :span="6" class="btn_center">
+          <el-button class="color1" @click="handlerColor('success', '1')">超期</el-button>
+          <el-button class="color2" @click="handlerColor('danger', '4')">临期</el-button>
+          <el-button class="color3" @click="handlerColor('warning', '2')">存储过半</el-button>
+        </el-col> -->
+      </el-row>
+    </el-form>
+    <el-table
+      :data="tableData"
+      stripe
+      border
+      style="height: 80%"
+      :span-method="arraySpanMethod"
+      v-loading="tableLoading"
+      :row-style="cellStyle"
+    >
+      <!-- <el-table :data="tableData" stripe border> -->
+      <el-table-column fixed type="index" label="序号" header-align="center" align="center" width="60">
+        <template #default="scope">
+          <span v-if="scope.$index !== 0 && scope.$index !== 1">
+            {{ scope.$index - 1 }}
+          </span>
+          <span v-else></span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-if="userInfo.deptType === '1' || userInfo.deptType === '2'"
+        fixed
+        prop="gameName"
+        label="垂管局"
+        header-align="center"
+        align="center"
+      />
+      <el-table-column
+        v-if="userInfo.deptType === '1' || userInfo.deptType === '2'"
+        fixed
+        prop="province"
+        label="省份"
+        header-align="center"
+        align="center"
+      />
+      <el-table-column fixed prop="warehouseName" label="储备仓库" header-align="center" align="center" />
+      <el-table-column fixed prop="materials1" label="物资大类" header-align="center" align="center" />
+      <el-table-column prop="materials2" label="物资类别" :class-name="Bgcolor" header-align="center" align="center" />
+      <el-table-column prop="materials3" label="物资名称" :class-name="Bgcolor" header-align="center" align="center" />
+      <el-table-column prop="materials4" label="物资单位" :class-name="Bgcolor" header-align="center" align="center" />
+      <el-table-column prop="specs" label="规格" header-align="center" :class-name="Bgcolor" align="center" />
+      <el-table-column prop="inboundTime" label="入库时间" :class-name="Bgcolor" header-align="center" align="center">
+        <template #default="{ row }">
+          {{ row.inboundTime ? row.inboundTime.slice(0, 7) : "" }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="years" label="建议年限" :class-name="Bgcolor" header-align="center" align="center" />
+      <el-table-column prop="quantity" label="数量" :class-name="Bgcolor" header-align="center" align="center" />
+      <el-table-column prop="unitPrice" label="单价(元)" :class-name="Bgcolor" header-align="center" align="center" />
+      <el-table-column prop="totalPrice" label="总价(万元)" :class-name="Bgcolor" header-align="center" align="center">
+        <template #default="{ row }">
+          {{ row.totalPrice ?? row.warehouseTotalPrice }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="remarks" label="备注" :class-name="Bgcolor" header-align="center" align="center" />
+      <el-table-column
+        prop="maintenanceCount"
+        label="已维护次数"
+        :class-name="Bgcolor"
+        header-align="center"
+        align="center"
+      >
+        <template #default="{ row }">
+          <p class="font-style" @click="openDetail(row, 'look')">{{ row.maintenanceCount }}</p>
+        </template>
+      </el-table-column>
+    </el-table>
+  </basic-container>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from "vue";
+import { useGetters } from "@/hooks/storeHooks";
+import { getDetailList, getCityList, getSysTreeDict, exportjzwzmxtjb } from "@/api/dataStatistics/index";
+import { Search, RefreshRight, Download } from "@element-plus/icons-vue";
+import { exportExcel } from "@/utils/exprot";
+import { da } from "element-plus/es/locale";
+import { deepClone, handleTree } from "@/utils/util";
+import exportBlob from "@/global/exportBlob";
+import hasBtn from "@/global/hasBtn";
+import { setQuery } from "@/hooks/detailQuery/index";
+
+import { useDict } from "@/hooks/dict";
+
+const { Storage_state } = useDict("Storage_state");
+
+const tableData: any = ref([]);
+const tableLoading = ref(false);
+const searchList: any = ref({
+  gameDeptId: [],
+  warehouseDeptId: [],
+  dmUpcode1List: [],
+  dmUpname2: "",
+  provinceSiteIdList: [],
+  storageState: "",
+  maintenanceCount: null
+});
+const mergeObj: any = ref({});
+const cityList: any = ref([]);
+const warehouseList: any = ref([]);
+const suppliesList: any = ref([]);
+const provinceList: any = ref([]);
+
+const { userInfo } = useGetters(["userInfo"]);
+const props = defineProps({
+  payload: {
+    type: Array,
+    default: () => []
+  },
+  fileName: {
+    type: String,
+    default: ""
+  }
+});
+
+if (userInfo.value.deptType === "1") {
+  // 获取垂管局列表
+  getCityList({ deptType: 2 }).then((res: any) => {
+    if (res.code === 0) {
+      cityList.value = res.data;
+      // searchList.value.gameDeptId = [cityList.value[0].deptId];
+      getSupplies(searchList.value.gameDeptId);
+      getList();
+    }
+  });
+} else {
+  // 获取储备仓库
+  let postData = {
+    parentIdList: [userInfo.value.deptId],
+    warehouseType: props.fileName.substr(0, 2) == "救灾" ? 200 : 100
+  };
+  getCityList(postData).then((res: any) => {
+    if (res.code === 0) {
+      warehouseList.value = res.data;
+      searchList.value.warehouseDeptId =
+        warehouseList.value && warehouseList.value.length > 0 ? [warehouseList.value[0].deptId] : [];
+      getList();
+    }
+  });
+}
+
+// 根据省份列表获取储备仓库
+const getSupplies = (value: string) => {
+  let postData = {
+    parentIdList: value,
+    warehouseType: props.fileName.substr(0, 2) == "救灾" ? 200 : 100
+  };
+  getCityList(postData).then((res: any) => {
+    if (res.code === 0) {
+      warehouseList.value = res.data;
+    }
+  });
+};
+let Bgcolor = ref("");
+const handlerColor = (type: string, State: string) => {
+  Bgcolor.value = type;
+  searchList.value.storageState = State;
+  getList();
+};
+
+// 获取物资类别
+getSysTreeDict({ type: 1, difference: 2, parentCodeList: props.payload }).then((res: any) => {
+  if (res.code === 0) {
+    suppliesList.value = res.data;
+  }
+});
+// 获取省份
+getSysTreeDict({ type: 2, difference: 1 }).then((res: any) => {
+  if (res.code === 0) {
+    provinceList.value = res.data;
+  }
+});
+
+const clearSearch = () => {
+  searchList.value = {
+    gameDeptId: [],
+    warehouseDeptId: [],
+    dmUpcode1List: [],
+    dmUpname2: "",
+    provinceSiteIdList: [],
+    storageState: ""
+  };
+  Bgcolor.value = "";
+  getList();
+};
+
+// 获取表格数据
+const getList = () => {
+  const data = {
+    dmUpcode0List: props.payload,
+    ...searchList.value,
+    isMaintenance: true
+  };
+  tableLoading.value = true;
+  getDetailList(data).then((res: any) => {
+    if (res.code === 0) {
+      tableData.value = res.data.filter((item: any) => {
+        if (item.gameName === null && item.totalPrice === null) {
+          item.unitPrice = "总价值";
+          return item;
+        } else if (item.totalPrice === null) {
+          item.unitPrice = "合计";
+          return item;
+        } else {
+          return item;
+        }
+      });
+      getSpanArr(tableData.value);
+    }
+  });
+};
+
+const arraySpanMethod = ({ row, column, rowIndex, columnIndex }: any) => {
+  if (userInfo.value.deptType === "3") {
+    const firstHidden = [2, 3, 4, 5, 6, 7, 8];
+    const secondHidden = [3, 4, 5, 6, 7, 8];
+    if (rowIndex === 0) {
+      if (columnIndex === 1) {
+        return [1, 8];
+      } else if (firstHidden.includes(columnIndex)) {
+        return [0, 0];
+      }
+    } else if (row.unitPrice === "合计") {
+      if (columnIndex === 2) {
+        return [1, 7];
+      } else if (secondHidden.includes(columnIndex)) {
+        return [0, 0];
+      }
+    }
+  } else {
+    const firstHidden = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+    const secondHidden = [5, 6, 7, 8, 9, 10, 11];
+    if (rowIndex === 0) {
+      if (columnIndex === 1) {
+        return [1, 11];
+      } else if (firstHidden.includes(columnIndex)) {
+        return [0, 0];
+      }
+    } else if (row.unitPrice === "合计") {
+      if (columnIndex === 4) {
+        return [1, 8];
+      } else if (secondHidden.includes(columnIndex)) {
+        return [0, 0];
+      }
+    }
+  }
+
+  const mergeCol = ["gameName", "province", "warehouseName", "materials1", "materials2"];
+  // 判断列的属性
+  if (mergeCol.indexOf(column.property) !== -1) {
+    // 判断其值是不是为0
+    if (mergeObj.value[column.property][rowIndex]) {
+      return [mergeObj.value[column.property][rowIndex], 1];
+    } else {
+      // 如果为0则为需要合并的行
+      return [0, 0];
+    }
+  }
+};
+const shunxu = [
+  "gameName",
+  "province",
+  "warehouseName",
+  "materials1",
+  "materials2",
+  "materials3",
+  "materials4",
+  "specs",
+  "quantity",
+  "inboundTime",
+  "years",
+  "unitPrice",
+  "totalPrice",
+  "remarks"
+];
+const headerName = [
+  "垂管局",
+  "省份",
+  "储备仓库",
+  "物资大类",
+  "物资类别",
+  "物资名称",
+  "物资单位",
+  "规格",
+  "数量",
+  "入库时间",
+  "建议年限",
+  "单价(元)",
+  "总价(万元)",
+  "备注"
+];
+// const downloadExcel = () => {
+//   let data: any = []
+//   tableData.value.forEach((item, index) => {
+//     let temp: any = [];
+//     shunxu.forEach((item2, index2) => {
+//       if (item[item2] == null){
+//         temp.push('');
+//       }else{
+//         temp.push(item[item2]);
+//       }
+
+//     })
+//     data.push(temp);
+//   })
+//   const exportPayload = {
+//     data: data,
+//     tableheader: [headerName],
+//     fileName: 'kk',
+//     merges: { header: [1, 4], content: [0, 4] },
+//     fixedCol:1
+//   };
+//   console.log(exportPayload);
+//   exportExcel(exportPayload);
+
+// };
+const downloadExcel = () => {
+  console.log(tableData.value);
+  tableData.value.forEach((item) => {
+    if (item.unitPrice == "合计") {
+      item.totalPrice = item.warehouseTotalPrice;
+    }
+  });
+  tableData.value[0].totalPrice = tableData.value[0].warehouseTotalPrice;
+  tableData.value[1].totalPrice = tableData.value[1].warehouseTotalPrice;
+  let data: any = [];
+  tableData.value.forEach((item, index) => {
+    let temp: any = [];
+    shunxu.forEach((item2, index2) => {
+      if (item[item2] == null || undefined) {
+        temp.push("");
+      } else {
+        temp.push(item[item2]);
+      }
+    });
+    data.push(temp);
+  });
+
+  const exportPayload = {
+    data: data,
+    tableheader: [headerName],
+    fileName: props.fileName || "*",
+    merges: { header: [1, 2], content: [0, 3] },
+    fixedCol: 1
+  };
+  exportExcel(exportPayload);
+};
+
+// getSpanArr方法
+const getSpanArr = (data: any) => {
+  const mergeCol = ["gameName", "province", "warehouseName", "materials1", "materials2"];
+  mergeCol.forEach((key: any) => {
+    let count = 0; // 用来记录需要合并行的起始位置
+    mergeObj.value[key] = []; // 记录每一列的合并信息
+    data.forEach((item: any, index: number) => {
+      // index == 0表示数据为第一行，直接 push 一个 1
+      if (index === 0) {
+        mergeObj.value[key].push(1);
+      } else {
+        // 判断当前行是否与上一行其值相等 如果相等 在 count 记录的位置其值 +1 表示当前行需要合并 并push 一个 0 作为占位
+        if (item[key] === data[index - 1][key]) {
+          mergeObj.value[key][count] += 1;
+          mergeObj.value[key].push(0);
+        } else {
+          // 如果当前行和上一行其值不相等
+          count = index; // 记录当前位置
+          mergeObj.value[key].push(1); // 重新push 一个 1
+        }
+      }
+    });
+  });
+  tableLoading.value = false;
+};
+
+//导出
+const exportTemplate = async () => {
+  try {
+    const data = {
+      dmUpcode0List: props.payload,
+      ...searchList.value,
+      isMaintenance: true
+    };
+    const response = await exportjzwzmxtjb(data);
+    exportBlob(response, props.fileName);
+  } catch (error) {
+    console.error("Error exporting Excel:", error);
+  }
+};
+
+const openDetail = (row: any, type: any) => {
+  console.log(row);
+  setQuery("/dataStatistics/DataStatisticsDetail", { id: row.maintenanceId, type: type });
+};
+
+const handlerChange = (value: any) => {
+  Bgcolor.value = "color" + value;
+  getList();
+};
+
+const cellStyle = () => {
+  // return "background-color: yellow !important;";
+};
+</script>
+<style lang="scss" scoped>
+::v-deep .success {
+  background: #fc7e6d !important;
+}
+
+::v-deep .danger {
+  background: #f7bb48 !important;
+}
+
+::v-deep .warning {
+  background: #f3f44e !important;
+}
+
+::v-deep .color1 {
+  background: rgba(201, 90, 79, 0.8) !important;
+}
+
+::v-deep .color2 {
+  background: rgba(251, 248, 156, 0.8) !important;
+}
+
+::v-deep .color3 {
+  background: rgba(215, 131, 124, 0.8) !important;
+}
+
+::v-deep .color4 {
+  background: rgba(233, 157, 66, 0.8) !important;
+}
+
+::v-deep .color5 {
+  background: rgba(247, 207, 172, 0.8) !important;
+}
+
+::v-deep .color6 {
+  background: rgba(255, 227, 187, 0.8) !important;
+}
+
+.font-style {
+  color: blue;
+  cursor: pointer;
+}
+</style>

src/views/dataStatistics/floodDroughtPrecautionUpkeep/index.vue

@@ -0,0 +1,10 @@
+<!-- 防汛抗旱明细统计表 -->
+<template>
+  <detailedTable fileName="防汛抗旱物资维护保养统计表" :payload="['100', '200']" />
+</template>
+
+<script setup lang="ts">
+import detailedTable from "@/views/dataStatistics/components/detailedTable1.vue";
+</script>
+
+<style lang="scss" scoped></style>

src/views/dataStatistics/reliefMaterialsDetailedUpkeep/index.vue

@@ -0,0 +1,10 @@
+<!-- 救灾物资明细统计表 -->
+<template>
+  <detailedTable fileName="救灾物资维护保养统计表" :payload="['300']" />
+</template>
+
+<script setup lang="ts">
+import detailedTable from "@/views/dataStatistics/components/detailedTable1.vue";
+</script>
+
+<style lang="scss" scoped></style>