From 1095dcb068fd515e12841c6ac98aa75907331147 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=82=96=E6=99=8B=E9=A3=9E?= <378266566@qq.com>
Date: Tue, 23 Sep 2025 12:01:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E8=A7=A3=E5=86=B3=E7=88=B6=E5=AD=90?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E9=80=9A=E4=BF=A1=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/111.gif                                | Bin 0 -> 9901 bytes
 .../dashboard/demo/components/DynamicInfo.vue |  11 +++++++--
 .../dashboard/demo/components/Operation.vue   |  15 +++++++-----
 .../demo/components/ParameterInfo.vue         |  10 ++++++--
 .../dashboard/demo/components/ProjectCard.vue |  13 +++++++----
 src/views/dashboard/demo/components/demo.json |   6 ++---
 .../dashboard/demo/components/staticImg.vue   |  22 ++++++++++++++----
 src/views/dashboard/demo/index.vue            |  18 +++++++-------
 8 files changed, 65 insertions(+), 30 deletions(-)
 create mode 100644 public/111.gif

diff --git a/public/111.gif b/public/111.gif
new file mode 100644
index 0000000000000000000000000000000000000000..129b5a5631598286f13b78b04044bd8f783934fd
GIT binary patch
literal 9901
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

literal 0
HcmV?d00001

diff --git a/src/views/dashboard/demo/components/DynamicInfo.vue b/src/views/dashboard/demo/components/DynamicInfo.vue
index 28d27e4..75936fa 100644
--- a/src/views/dashboard/demo/components/DynamicInfo.vue
+++ b/src/views/dashboard/demo/components/DynamicInfo.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
+import { toRefs, watch } from 'vue'
+
 import { Card, List } from 'ant-design-vue'
-import { dynamicInfoItems } from './data'
-import { Icon } from '@/components/Icon'
 
 const props = defineProps({
   data: {
@@ -9,6 +9,13 @@ const props = defineProps({
     default: () => {},
   },
 })
+watch(
+  () => props.data,
+  (newValue, oldValue) => {
+    // 下方信息不会打印在控制台中
+    console.log('a has changed', newValue, oldValue)
+  },
+)
 const ListItem = List.Item
 const ListItemMeta = List.Item.Meta
 </script>
diff --git a/src/views/dashboard/demo/components/Operation.vue b/src/views/dashboard/demo/components/Operation.vue
index b1ddbd4..50ce5a5 100644
--- a/src/views/dashboard/demo/components/Operation.vue
+++ b/src/views/dashboard/demo/components/Operation.vue
@@ -1,12 +1,8 @@
 <script lang="ts" setup>
 import { Card, Comment, List, ListItem } from 'ant-design-vue'
-
 import dayjs from 'dayjs'
-import { DislikeFilled, DislikeOutlined, LikeFilled, LikeOutlined } from '@ant-design/icons-vue'
-import { ref } from 'vue'
+import { watch } from 'vue'
 import relativeTime from 'dayjs/plugin/relativeTime'
-import { navItems } from './data'
-import { Icon } from '@/components/Icon'
 
 const props = defineProps({
   data: {
@@ -14,6 +10,13 @@ const props = defineProps({
     default: () => {},
   },
 })
+watch(
+  () => props.data,
+  (newValue, oldValue) => {
+    // 下方信息不会打印在控制台中
+    console.log('a has changed', newValue, oldValue)
+  },
+)
 dayjs.extend(relativeTime)
 </script>
 
@@ -21,7 +24,7 @@ dayjs.extend(relativeTime)
   <Card :title="props.data.Header" v-bind="$attrs">
     <template #extra>
       <a-button type="link">
-        {{ props.data.Content.length }} 条指导建议
+        {{ props.data.Content.length || 0 }} 条指导建议
       </a-button>
     </template>
     <List
diff --git a/src/views/dashboard/demo/components/ParameterInfo.vue b/src/views/dashboard/demo/components/ParameterInfo.vue
index bbd33fd..4c46893 100644
--- a/src/views/dashboard/demo/components/ParameterInfo.vue
+++ b/src/views/dashboard/demo/components/ParameterInfo.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { Card } from 'ant-design-vue'
-import { onBeforeUpdate, onMounted, onUpdated } from 'vue'
+import { onBeforeUpdate, onMounted, onUpdated, toRefs, watch } from 'vue'
 import { BasicTable, useTable } from '@/components/Table'
 import { getExaNow } from '@/api/alert/exa'
 
@@ -10,7 +10,13 @@ const props = defineProps({
     default: () => {},
   },
 })
-
+watch(
+  () => props.data,
+  (newValue, oldValue) => {
+    // 下方信息不会打印在控制台中
+    console.log('a has changed', newValue, oldValue)
+  },
+)
 function getInterval(record: any) {
   console.log(record)
   if (record.predictValue === '-')
diff --git a/src/views/dashboard/demo/components/ProjectCard.vue b/src/views/dashboard/demo/components/ProjectCard.vue
index c1443d6..9031ec8 100644
--- a/src/views/dashboard/demo/components/ProjectCard.vue
+++ b/src/views/dashboard/demo/components/ProjectCard.vue
@@ -1,8 +1,7 @@
 <script lang="ts" setup>
 import { Card, CardGrid } from 'ant-design-vue'
-import { computed, onBeforeMount, onMounted, ref } from 'vue'
-import { groupItems } from './data'
-import { Icon } from '@/components/Icon'
+import { onMounted, ref, watch } from 'vue'
+
 import { getExaNow } from '@/api/alert/exa'
 
 const props = defineProps({
@@ -11,7 +10,13 @@ const props = defineProps({
     default: () => {},
   },
 })
-
+watch(
+  () => props.data,
+  (newValue, oldValue) => {
+    // 下方信息不会打印在控制台中
+    console.log('a has changed', newValue, oldValue)
+  },
+)
 const gridData = ref<any>([])
 
 // 页面挂载时批量请求并更新数据（避免在模板中调用异步）
diff --git a/src/views/dashboard/demo/components/demo.json b/src/views/dashboard/demo/components/demo.json
index fb6ebfe..5145fa9 100644
--- a/src/views/dashboard/demo/components/demo.json
+++ b/src/views/dashboard/demo/components/demo.json
@@ -1,12 +1,12 @@
 {
   "title": "示例设备展示",
   "LeftUp": {
-    "Header": "设备静态图",
-    "path": "svg/illustration.svg",
+    "Header": "1设备静态图",
+    "path": "",
     "Content": ""
   },
   "LeftMidUp": {
-    "Header": "故障诊断",
+    "Header": "2故障诊断",
     "Content": [{ "FaultDesc": "失速", "Point": "YFJ_A_GZ001" }, { "FaultDesc": "喘振", "Point": "YFJ_A_GZ002" }, { "FaultDesc": "动调故障", "Point": "YFJ_A_GZ003" }, { "FaultDesc": "风机动调机构漏油", "Point": "YFJ_A_GZ004" }, { "FaultDesc": "风机动调伺服连杆轴脱开", "Point": "YFJ_A_GZ005" }, { "FaultDesc": "电机前轴(驱动端)承润滑异常", "Point": "YFJ_A_GZ006" }, { "FaultDesc": "电机后轴(非驱动端)承润滑异常", "Point": "YFJ_A_GZ007" }, { "FaultDesc": "风机润滑油冷却系统异常", "Point": "YFJ_A_GZ008" }, { "FaultDesc": "电机前轴(驱动端)承瓦面磨损", "Point": "YFJ_A_GZ009" }, { "FaultDesc": "电机后轴(非驱动端)承瓦面磨损", "Point": "YFJ_A_GZ010" }, { "FaultDesc": "轴承箱轴承(润滑)冷却异常", "Point": "YFJ_A_GZ011" }, { "FaultDesc": "轴承箱前轴(驱动端)承损坏", "Point": "YFJ_A_GZ012" }, { "FaultDesc": "轴承箱中轴(推力轴承)承损坏", "Point": "YFJ_A_GZ013" }, { "FaultDesc": "轴承箱后轴(非驱动端)承损坏", "Point": "YFJ_A_GZ014" }, { "FaultDesc": "油站油箱内油温异常", "Point": "YFJ_A_GZ015" }, { "FaultDesc": "油站油泵1泵体损坏", "Point": "YFJ_A_GZ016" }, { "FaultDesc": "油站油泵2泵体损坏", "Point": "YFJ_A_GZ017" }, { "FaultDesc": "油站控制油外漏", "Point": "YFJ_A_GZ018" }, { "FaultDesc": "油站润滑油外漏", "Point": "YFJ_A_GZ019" }, { "FaultDesc": "电动机电源一相断线", "Point": "YFJ_A_GZ020" }, { "FaultDesc": "电动机定子绕组匝间短路", "Point": "YFJ_A_GZ021" }, { "FaultDesc": "油站油泵1电动机电源一相断线", "Point": "YFJ_A_GZ022" }, { "FaultDesc": "油站油泵1电动机定子绕组匝间短路", "Point": "YFJ_A_GZ023" }, { "FaultDesc": "油站油泵2电动机电源一相断线", "Point": "YFJ_A_GZ024" }, { "FaultDesc": "油站油泵2电动机定子绕组匝间短路", "Point": "YFJ_A_GZ025" }, { "FaultDesc": "风机电动机冷却装置故障", "Point": "YFJ_A_GZ026" }, { "FaultDesc": "风机电动机电流异常变大", "Point": "YFJ_A_GZ027" }, { "FaultDesc": "油站油泵1电动机风扇坏", "Point": "YFJ_A_GZ028" }, { "FaultDesc": "油站油泵2电动机风扇坏", "Point": "YFJ_A_GZ029" }, { "FaultDesc": "油站油泵1电动机机械卡死", "Point": "YFJ_A_GZ030" }, { "FaultDesc": "油站油泵2电动机机械卡死", "Point": "YFJ_A_GZ031" }, { "FaultDesc": "油站油泵1电动机过载", "Point": "YFJ_A_GZ032" }, { "FaultDesc": "油站油泵2电动机过载", "Point": "YFJ_A_GZ033" }, { "FaultDesc": "油泵1和其电机靠背轮脱落", "Point": "YFJ_A_GZ034" }, { "FaultDesc": "油泵2和其电机靠背轮脱落", "Point": "YFJ_A_GZ035" }, { "FaultDesc": "冷却/密封风机1叶轮磨损", "Point": "YFJ_A_GZ036" }, { "FaultDesc": "冷却/密封风机2叶轮磨损", "Point": "YFJ_A_GZ037" }, { "FaultDesc": "油站控制油过滤器堵", "Point": "YFJ_A_GZ038" }, { "FaultDesc": "油站润滑油过滤器堵", "Point": "YFJ_A_GZ039" }
     ]
   },
diff --git a/src/views/dashboard/demo/components/staticImg.vue b/src/views/dashboard/demo/components/staticImg.vue
index 8241aeb..89e4e36 100644
--- a/src/views/dashboard/demo/components/staticImg.vue
+++ b/src/views/dashboard/demo/components/staticImg.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { Card, CardGrid } from 'ant-design-vue'
+import { ref, toRefs, watch } from 'vue'
 
 const props = defineProps({
   data: {
@@ -7,9 +8,22 @@ const props = defineProps({
     default: () => {},
   },
 })
-const imgUrl = getAssetsFile(props.data.path)
-// ../assets/imgs为图片公共路径
-function getAssetsFile(url: string) {
+
+// const { data } = toRefs(props)
+const imgUrl = ref('')
+
+watch(
+  () => props.data,
+  (newValue, oldValue) => {
+    // 下方信息不会打印在控制台中
+    console.log('a has changed', newValue, oldValue)
+    // ../assets/imgs为图片公共路径
+    // imgUrl.value = getAssetsFile()
+    // imgUrl.value = '/111.gif'
+  },
+)
+function getAssetsFile() {
+  const url = props.data.path
   console.log(url)
   return new URL(`../../../../assets/${url}`, import.meta.url).href
 }
@@ -17,6 +31,6 @@ function getAssetsFile(url: string) {
 
 <template>
   <Card class="enter-y !my-1" :title="props.data.Header">
-    <img class="mx-auto h-70 w-full" :src="imgUrl">
+    <img class="mx-auto h-70 w-full" :src="props.data.path">
   </Card>
 </template>
diff --git a/src/views/dashboard/demo/index.vue b/src/views/dashboard/demo/index.vue
index 94344a5..304652a 100644
--- a/src/views/dashboard/demo/index.vue
+++ b/src/views/dashboard/demo/index.vue
@@ -19,11 +19,11 @@ const route = useRoute()
 setTimeout(() => {
   loading.value = false
 }, 500)
-
-const data = ref<any>(data1)
 // 为了解决系统不支持传参的问题，改为从路由参数中获取id，不是最终解决办法，带系统commitbug
 const id = route.path.split('/').pop() || ''
-onBeforeMount(async () => {
+const data = ref<any>(data1)
+
+onMounted(async () => {
   console.log(route.path)
   const res = await getDeviceInfo(id)
   console.log(res)
@@ -62,16 +62,16 @@ onBeforeMount(async () => {
     </template> -->
     <div class="h-[calc(91vh)] bg-[#f5f5f5]">
       <div class="enter-y h-[calc(91vh/2)] md:flex">
-        <StaticImg class="m-1 w-full md:w-1/4" :loading="loading" :data="data.LeftUp" />
-        <ProjectCard class="enter-y m-1 w-full md:w-1/2" :loading="loading" :data="data.LeftMidUp" />
+        <StaticImg class="m-1 w-full md:w-1/4" :loading="loading" :data="data.LeftUp || {}" />
+        <ProjectCard class="enter-y m-1 w-full md:w-1/2" :loading="loading" :data="data.LeftMidUp || {}" />
         <div class="enter-y h-[calc(91vh/2)] w-full md:w-1/4">
-          <DynamicInfo :loading="loading" class="enter-y m-1 h-[calc(17vh)] w-full" :data="data.RightMidUp" />
-          <Operation class="enter-y m-1 h-[calc(27vh)] w-full" :loading="loading" :data="data.RightUp" />
+          <DynamicInfo :loading="loading" class="enter-y m-1 h-[calc(17vh)] w-full" :data="data.RightMidUp || {}" />
+          <Operation class="enter-y m-1 h-[calc(27vh)] w-full" :loading="loading" :data="data.RightUp || {}" />
         </div>
       </div>
       <div class="enter-y h-[calc(91vh/2)] md:flex">
-        <StaticImg class="m-1 w-full md:w-1/2" :loading="loading" :data="data.LeftDown" />
-        <ParameterInfo class="m-1 w-full md:w-1/2" :loading="loading" :data="data.RightDown" />
+        <StaticImg class="m-1 w-full md:w-1/2" :loading="loading" :data="data.LeftDown || {}" />
+        <ParameterInfo class="m-1 w-full md:w-1/2" :loading="loading" :data="data.RightDown || {}" />
       </div>
       <!-- <div class="enter-y w-full !mr-4 lg:w-7/10">
         <StaticImg :loading="loading" :data="data.LeftUp" class="enter-y" />