完善监测设备弹窗

guonan

7 天以前 d06f7ad0231d5fb029ab8520bf442590d3bab20b

完善监测设备弹窗

 src/api/hpApi.js

@@ -247,7 +247,7 @@
  return response.data;
}

// 查询孙胡沟避险场所
// 查询北京市避险场所
export async function getSafePoint(data) {
  const response = await axios.get("/hp/safeHavenLocation/getDataSelect", {
    params: {
@@ -287,3 +287,13 @@
  });
  return response.data;
}

// 监测设备中关联的隐患点的具体信息
export async function hdByDevice(data) {
  const response = await axios.get("/hp/sinoDzHiddenDangerPoint/getDetail", {
    params: {
      unifiedCode: data
    }
  });
  return response.data;
}

 src/components/tools/Detail.vue

@@ -22,6 +22,8 @@
  dialogPositon,
} from "@/store";

import { hdByDevice } from "@/api/hpApi";

const detailList = ref([]);
const detailTitle = ref("设备详情");
const name = ref("");
@@ -29,14 +31,19 @@
  showDeviceDetail.value = false;
  coloseDialog();
}

// 监测设备具体信息
function handlDeviceDetail() {
  detailTitle.value = deviceDetail.value.deviceForShort;
async function handlDeviceDetail() {
  const hdInfo = ref();

  try {
    const res = await hdByDevice(deviceDetail.value.hdUnifiedCode);
    hdInfo.value = res.data;

  detailList.value = [
    {
      name: "设备编号",
      value:
        deviceDetail.value.deviceCode || Math.floor(Math.random() * 100000),
        value: deviceDetail.value.deviceCode || Math.floor(Math.random() * 100000),
    },
    {
      name: "设备类型",
@@ -47,15 +54,31 @@
      value: deviceDetail.value.hdName,
    },
    {
      name: "群防员",
      value: deviceDetail.value.groupTestGroupDefenseUserName,
        name: "群测群防员",
        value: hdInfo.value?.groupTestGroupDefenseUserName || "暂无信息",
    },
    {
      name: "群防员电话",
      value: deviceDetail.value.groupTestGroupDefenseMobile,
        name: "群测群防员电话",
        value: hdInfo.value?.groupTestGroupDefenseMobile || "暂无信息",
    },
  ];

    detailTitle.value = deviceDetail.value.deviceForShort;
  } catch (err) {
    console.error("获取 hdInfo 失败", err);
    detailList.value = [
      {
        name: "群测群防员",
        value: "接口异常"
      },
      {
        name: "群测群防员电话",
        value: "接口异常"
}
    ];
  }
}

// 隐患点具体信息
function handleDistrictDetail() {
  const name = deviceDetail.value.hdName;

 src/store/simulation.js

@@ -1,6 +1,7 @@
// stores/ui.js
import { defineStore } from 'pinia'
import { ref } from 'vue'
import { showDeviceDetail } from "@/store";
export const useSimStore = defineStore('simulation', () => {
    // 断面数据
    const crossSection = ref([])
@@ -157,7 +158,6 @@
    const startMNPG = () => {
        init()
        isShowEarth.value = false

    }

    const setBackToHome = (value) => {
@@ -166,6 +166,7 @@

    // 导航点击
    const handleNavClick = (index) => {
        showDeviceDetail.value = false;
        switch (index) {
            case 1:
                startYHGL()