From d06f7ad0231d5fb029ab8520bf442590d3bab20b Mon Sep 17 00:00:00 2001 From: guonan <guonan201020@163.com> Date: 星期三, 16 七月 2025 15:29:13 +0800 Subject: [PATCH] 完善监测设备弹窗 --- src/components/tools/Detail.vue | 73 ++++++++++++++++++++++++------------ 1 files changed, 48 insertions(+), 25 deletions(-) diff --git a/src/components/tools/Detail.vue b/src/components/tools/Detail.vue index 245373a..dfa5128 100644 --- a/src/components/tools/Detail.vue +++ b/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,33 +31,54 @@ showDeviceDetail.value = false; coloseDialog(); } + // 鐩戞祴璁惧鍏蜂綋淇℃伅 -function handlDeviceDetail() { - detailTitle.value = deviceDetail.value.deviceForShort; - detailList.value = [ - { - name: "璁惧缂栧彿", - value: - deviceDetail.value.deviceCode || Math.floor(Math.random() * 100000), - }, - { - name: "璁惧绫诲瀷", - value: deviceDetail.value.type || deviceDetail.value.deviceTypeName, - }, - { - name: "鍏宠仈闅愭偅鐐�", - value: deviceDetail.value.hdName, - }, - { - name: "缇ら槻鍛�", - value: deviceDetail.value.groupTestGroupDefenseUserName, - }, - { - name: "缇ら槻鍛樼數璇�", - value: deviceDetail.value.groupTestGroupDefenseMobile, - }, - ]; +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), + }, + { + name: "璁惧绫诲瀷", + value: deviceDetail.value.type || deviceDetail.value.deviceTypeName, + }, + { + name: "鍏宠仈闅愭偅鐐�", + value: deviceDetail.value.hdName, + }, + { + name: "缇ゆ祴缇ら槻鍛�", + value: hdInfo.value?.groupTestGroupDefenseUserName || "鏆傛棤淇℃伅", + }, + { + 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; -- Gitblit v1.9.3