From 85b6f78163286af21e6004ff21d6acc2d69de8fa Mon Sep 17 00:00:00 2001
From: Free-sss <630042479@qq.com>
Date: Mon, 8 Sep 2025 17:25:20 +0800
Subject: [PATCH] =?UTF-8?q?refactor(Charts/HazardousChemicalsSpace):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=20AlarmList=20=E5=92=8C=20LineGraph=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E7=A7=BB=E9=99=A4=E6=9C=AA=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8=E7=9A=84=20Select=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复 AlarmListHazC 组件中的数据解析逻辑
- 调整 LineGraph01Haz 组件的样式
- 删除 PieCenterHaz 中未使用的 select 组件
---
 .../AlarmListHazC/index.vue                   |   3 +-
 .../LineGraph01Haz/index.vue                  |   2 +-
 .../PieCenterHaz/select.vue                   | 159 ------------------
 3 files changed, 3 insertions(+), 161 deletions(-)
 delete mode 100644 src/packages/components/Charts/HazardousChemicalsSpace/PieCenterHaz/select.vue

diff --git a/src/packages/components/Charts/HazardousChemicalsSpace/AlarmListHazC/index.vue b/src/packages/components/Charts/HazardousChemicalsSpace/AlarmListHazC/index.vue
index 879995d..c644f00 100644
--- a/src/packages/components/Charts/HazardousChemicalsSpace/AlarmListHazC/index.vue
+++ b/src/packages/components/Charts/HazardousChemicalsSpace/AlarmListHazC/index.vue
@@ -33,6 +33,7 @@
       </div>
     </PublicSmallBorder>
   </div>
+
 </template>
 
 <script setup lang="ts">
@@ -79,7 +80,7 @@ const fetchRecentAlarms = async () => {
     if (res.state === true) {
       let rawData = [];
       if (Array.isArray(res.value.items)) {
-        rawData = res.data.value.items;
+        rawData = res.value.items;
       } else if (Array.isArray(res.value)) {
         rawData = res.value;
       }
diff --git a/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/index.vue b/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/index.vue
index 30f0d1d..fc364b8 100644
--- a/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/index.vue
+++ b/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/index.vue
@@ -264,7 +264,7 @@ onMounted(() => {
 
 
 .textContent {
-  padding-top: 20px;
+  // padding-top: 20px;
   /* background-color: brown; */
   display: flex;
   justify-content: space-around;
diff --git a/src/packages/components/Charts/HazardousChemicalsSpace/PieCenterHaz/select.vue b/src/packages/components/Charts/HazardousChemicalsSpace/PieCenterHaz/select.vue
deleted file mode 100644
index 39e2284..0000000
--- a/src/packages/components/Charts/HazardousChemicalsSpace/PieCenterHaz/select.vue
+++ /dev/null
@@ -1,159 +0,0 @@
-<template>
-    <div class="custom-select" @click="toggleDropdown">
-        <div class="select-display">
-            <span class="select-text">{{ getSelectedLabel() }}</span>
-            <span class="select-arrow" :class="{ 'arrow-up': isDropdownOpen }">▼</span>
-        </div>
-        <div class="select-dropdown" v-show="isDropdownOpen">
-            <div 
-                v-for="item in options" 
-                :key="item.value"
-                class="select-option"
-                :class="{ 'selected': item.value === selectedValue }"
-                @click.stop="selectOption(item)"
-            >
-                {{ item.label }}
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
-
-// 定义props
-const props = defineProps<{
-    options: Array<{ label: string; value: any }>
-    selectedValue: any
-}>()
-
-// 定义emits
-const emit = defineEmits<{
-    change: [value: any]
-}>()
-
-// 响应式数据
-const isDropdownOpen = ref(false)
-
-// 切换下拉菜单显示状态
-const toggleDropdown = (event: Event) => {
-    event.stopPropagation()
-    isDropdownOpen.value = !isDropdownOpen.value
-}
-
-// 选择选项
-const selectOption = (item: any) => {
-    emit('change', item.value)
-    isDropdownOpen.value = false
-}
-
-// 获取选中项的标签
-const getSelectedLabel = () => {
-    const selectedItem = props.options.find(
-        (item: any) => item.value === props.selectedValue
-    )
-    return selectedItem ? selectedItem.label : '请选择'
-}
-
-// 点击外部关闭下拉菜单
-const handleClickOutside = (event: Event) => {
-    const target = event.target as HTMLElement
-    if (!target.closest('.custom-select')) {
-        isDropdownOpen.value = false
-    }
-}
-
-// 组件挂载时添加全局点击事件监听
-onMounted(() => {
-    document.addEventListener('click', handleClickOutside)
-})
-
-// 组件卸载时移除事件监听
-onUnmounted(() => {
-    document.removeEventListener('click', handleClickOutside)
-})
-</script>
-
-<style lang="scss" scoped>
-.custom-select {
-    position: absolute;
-    top: 12px;
-    right: 14px;
-    font-size: 12px;
-    z-index: 1000;
-}
-
-.select-display {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 22px;
-    padding: 0 10px;
-    background-color: rgb(48, 110, 100);
-    color: #fff;
-    border-radius: 10px;
-    cursor: pointer;
-    transition: all 0.3s ease;
-}
-
-.select-text {
-    flex: 1;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.select-arrow {
-    margin-left: 8px;
-    font-size: 10px;
-    transition: transform 0.3s ease;
-    
-    &.arrow-up {
-        transform: rotate(180deg);
-    }
-}
-
-.select-dropdown {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    right: 0;
-    background-color: rgb(48, 110, 100);
-    border-radius: 6px;
-    margin-top: 2px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-    overflow: hidden;
-    animation: slideDown 0.2s ease;
-}
-
-.select-option {
-    padding: 10px 12px;
-    color: #fff;
-    cursor: pointer;
-    transition: background-color 0.2s ease;
-    
-    &:hover {
-        background-color: rgba(255, 255, 255, 0.1);
-    }
-    
-    &.selected {
-        background-color: rgba(255, 255, 255, 0.2);
-        font-weight: bold;
-    }
-    
-    &:not(:last-child) {
-        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-    }
-}
-
-@keyframes slideDown {
-    from {
-        opacity: 0;
-        transform: translateY(-10px);
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0);
-    }
-}
-</style>
\ No newline at end of file