From b167c8a82cbc0cfadaf35fe9f1516dd43f522778 Mon Sep 17 00:00:00 2001
From: my-foal <1084050926@qq.com>
Date: Mon, 19 Aug 2024 21:38:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=B8=A9=E5=BA=A6?=
 =?UTF-8?q?=E4=B8=80=E5=BC=A0=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                          |   4 +-
 .../commonDataComponents/useAlarmTrendRes.ts  |  39 +
 .../useCompanyTempTopRes.ts                   |  32 +
 src/hooks/useChartCommonData.hook.ts          |  10 +-
 .../Charts/Lines/LineGradientSingle/data.json |   2 +-
 .../RealTimeAlarmStatistics/config.ts         |   3 +
 .../RealTimeAlarmStatistics/configData.vue    |  12 +
 .../RealTimeAlarmStatistics/index.vue         |   2 +-
 .../AlarmLevelStatistic/config.ts             |  38 +
 .../AlarmLevelStatistic/config.vue            |  67 ++
 .../AlarmLevelStatistic/configData.vue        |  29 +
 .../AlarmLevelStatistic/index.ts              |  16 +
 .../AlarmLevelStatistic/index.vue             | 670 ++++++++++++++++++
 .../CustomComponents/index.ts                 |   2 +
 src/packages/public/publicConfig.ts           |   9 +
 .../chartEditStore/chartEditStore.d.ts        |  22 +
 .../ChartDataV2/components/AlarmTrend.vue     |  39 +
 .../ChartDataV2/components/CompanyTempTop.vue |  32 +
 .../components/ChartDataV2/index.d.ts         |  10 +
 .../components/ChartDataV2/index.vue          |   4 +
 20 files changed, 1037 insertions(+), 5 deletions(-)
 create mode 100644 src/hooks/commonDataComponents/useAlarmTrendRes.ts
 create mode 100644 src/hooks/commonDataComponents/useCompanyTempTopRes.ts
 create mode 100644 src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.ts
 create mode 100644 src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.vue
 create mode 100644 src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/configData.vue
 create mode 100644 src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.ts
 create mode 100644 src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.vue
 create mode 100644 src/views/chart/ContentConfigurations/components/ChartDataV2/components/AlarmTrend.vue
 create mode 100644 src/views/chart/ContentConfigurations/components/ChartDataV2/components/CompanyTempTop.vue

diff --git a/.env b/.env
index cad75cf2..13143dd4 100644
--- a/.env
+++ b/.env
@@ -3,9 +3,9 @@ VITE_DEV_PORT = '8080'
 
 # development path
 # VITE_DEV_PATH = 'http://192.168.0.34:11887'
-VITE_DEV_PATH = 'http://192.168.0.34:8102/'
+VITE_DEV_PATH = 'http://192.168.0.34:8025/'
 # VITE_DEV_PATH = 'http://192.168.0.120:3001'
-VITE_DEV_TOKEN = '09c7cb6a-ab85-4c92-ad0f-5a25d72d71f7'
+VITE_DEV_TOKEN = "1f58b5b5-4eae-415b-bce9-d206adb1477b"
 
 # production path
 VITE_PRO_PATH = 'http://192.168.0.235:8177'
diff --git a/src/hooks/commonDataComponents/useAlarmTrendRes.ts b/src/hooks/commonDataComponents/useAlarmTrendRes.ts
new file mode 100644
index 00000000..959b2c94
--- /dev/null
+++ b/src/hooks/commonDataComponents/useAlarmTrendRes.ts
@@ -0,0 +1,39 @@
+import { publicInterface } from "@/api/path";
+import { CreateComponentType } from '@/packages/index.d'
+import { ResultErrcode } from "@/enums/httpEnum";
+import { AlarmTrendType } from '@/store/modules/chartEditStore/chartEditStore.d'
+import dataJson from "./data.json";
+
+export const handleAlarmTrend =async (targetComponent: CreateComponentType) => {
+  console.log(targetComponent.commonData,'targetComponent.commonData');
+  
+  const obj = targetComponent.commonData[targetComponent.commonData.currentSource] as AlarmTrendType
+  let { enable,  signal_ids,alarmConfirmStatus,alarmRecoveryStatus,level} = obj
+  if(!enable) return {
+    errcode: ResultErrcode.SUCCESS,
+    data: { ...dataJson },
+    errmsg: ''
+  }
+  const queryParams = {
+    signal_ids,
+    alarmConfirmStatus:alarmConfirmStatus.length ? alarmConfirmStatus.split(',') : [],
+    alarmRecoveryStatus:alarmRecoveryStatus.length ? alarmRecoveryStatus.split(',') : [],
+    level:level.length ? alarmRecoveryStatus.split(',') : []
+  }
+
+ const res = await publicInterface('/dcim/dems/devie_history_alarm', 'trend_chart', queryParams)
+    if (res && res.data) {
+    console.log(res,'res_handleAlarmTrend');
+    // res.data = {
+    //   //  dimensions: res?.data.brand_count.map((item: {})=>Object.keys(item).join('')),
+    //    dimensions: ['名称','温度值'],
+    //    source:res?.data.map((item: any)=>{
+    //     return {
+    //       '名称':`${item.node_name}-${item.dems_device_point.node_name}`,
+    //       '温度值':item.dems_device_point.node_value,
+    //     }
+    //    })
+    //   }
+      return res
+    }
+}
diff --git a/src/hooks/commonDataComponents/useCompanyTempTopRes.ts b/src/hooks/commonDataComponents/useCompanyTempTopRes.ts
new file mode 100644
index 00000000..eafd26f2
--- /dev/null
+++ b/src/hooks/commonDataComponents/useCompanyTempTopRes.ts
@@ -0,0 +1,32 @@
+import { publicInterface } from "@/api/path";
+import { CreateComponentType } from '@/packages/index.d'
+import { ResultErrcode } from "@/enums/httpEnum";
+import { CompanyTempTopType } from '@/store/modules/chartEditStore/chartEditStore.d'
+import dataJson from "./data.json";
+
+export const handleCompanyTempTop =async (targetComponent: CreateComponentType) => {
+  console.log(targetComponent.commonData,'targetComponent.commonData');
+  
+  const obj = targetComponent.commonData[targetComponent.commonData.currentSource] as CompanyTempTopType
+  let { enable, space_complete_id, signal_ids} = obj
+  if(!enable) return {
+    errcode: ResultErrcode.SUCCESS,
+    data: { ...dataJson },
+    errmsg: ''
+  }
+ const res = await publicInterface('/dcim/dems/device_point', 'temp_list_dashboard', {signal_ids:[signal_ids],space_complete_id})
+    if (res && res.data) {
+    console.log(res,'res_handleCompanyTempTop');
+    res.data = {
+      //  dimensions: res?.data.brand_count.map((item: {})=>Object.keys(item).join('')),
+       dimensions: ['名称','温度值'],
+       source:res?.data.map((item: any)=>{
+        return {
+          '名称':`${item.node_name}-${item.dems_device_point.node_name}`,
+          '温度值':item.dems_device_point.node_value,
+        }
+       })
+      }
+      return res
+    }
+}
diff --git a/src/hooks/useChartCommonData.hook.ts b/src/hooks/useChartCommonData.hook.ts
index fddd60ba..c1236ce2 100644
--- a/src/hooks/useChartCommonData.hook.ts
+++ b/src/hooks/useChartCommonData.hook.ts
@@ -14,6 +14,8 @@ import { handleSinglePoint } from './commonDataComponents/useSinglePointRes'
 import { handleMonthAlarmClass } from './commonDataComponents/useMonthAlarmClassRes'
 import { handleDeviceClass } from './commonDataComponents/useDeviceClassRes'
 import { handleAssetsClass } from './commonDataComponents/useAssetsClassRes'
+import { handleCompanyTempTop } from './commonDataComponents/useCompanyTempTopRes'
+import { handleAlarmTrend } from './commonDataComponents/useAlarmTrendRes'
 import { handleAreaDevCountClass } from './commonDataComponents/useAreaDevCountRes'
 import { handlePointTable } from "./commonDataComponents/usePointTableRes";
 import { handleCategoryBrandCountTable } from "./commonDataComponents/useCategoryBrandCountTableRes";
@@ -138,6 +140,12 @@ export const useChartCommonData = (
                     case CurrentSourceEnum.ASSETSCLASS:
                         res = await handleAssetsClass(targetComponent)
                         break;
+                    case CurrentSourceEnum.COMPANYTEMPTOP:
+                        res = await handleCompanyTempTop(targetComponent)
+                        break;
+                    case CurrentSourceEnum.ALARMTREND:
+                        res = await handleAlarmTrend(targetComponent)
+                        break;
                     case CurrentSourceEnum.AREADEVCOUNT:
                         res = await handleAreaDevCountClass(targetComponent)
                         break;
@@ -177,7 +185,7 @@ export const useChartCommonData = (
                                 else throw Error()
                             }
                             else if(Object.prototype.toString.call(data) === '[object Object]'){
-                                console.log(data,'data');
+                                console.log(data,'data_isMultiple');
                                 
                                 if(data.dimensions && data.source) {
                                     if(typeof targetComponent.commonData.dataLength === 'number') {
diff --git a/src/packages/components/Charts/Lines/LineGradientSingle/data.json b/src/packages/components/Charts/Lines/LineGradientSingle/data.json
index b0dbe05f..97cff2f5 100644
--- a/src/packages/components/Charts/Lines/LineGradientSingle/data.json
+++ b/src/packages/components/Charts/Lines/LineGradientSingle/data.json
@@ -2,7 +2,7 @@
   "dimensions": ["product", "data1"],
   "source": [
     {
-      "product": "Mon",
+      "product": "Mon1",
       "data1": 120
     },
     {
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/config.ts b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/config.ts
index ad550d2b..537c98e5 100644
--- a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/config.ts
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/config.ts
@@ -28,5 +28,8 @@ export default class Config extends PublicConfigClass implements CreateComponent
     title: '实时告警统计',
     showInterval: true,
     space_complete_id: '',
+    confirm_statuss:[],
+     signal_ids:'',
+    
   })
 }
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/configData.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/configData.vue
index ddf37372..059f9b2e 100644
--- a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/configData.vue
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/configData.vue
@@ -5,12 +5,24 @@
   <setting-item-box name="空间ID" :alone="true">
     <n-input v-model:value="props.customData.space_complete_id" size="small" placeholder="请输入空间ID"/>
   </setting-item-box>
+  <setting-item-box name="测点ID" :alone="true">
+    <n-input v-model:value="props.customData.signal_ids" size="small" placeholder="请输入"/>
+  </setting-item-box>
+  
+  <setting-item-box name="告警确认状态" :alone="true">
+    <n-select v-model:value="props.customData.confirm_statuss" multiple :options="confirmStatusOption" size="small"/>
+
+  </setting-item-box>
 </template>
 
 <script lang="ts" setup>
 import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
 
 const props = defineProps(['customData', 'request'])
+const confirmStatusOption =  [
+        { label: '已确认', value: 'ok' },
+        { label: '未确认', value: 'not' }
+      ]
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/index.vue b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/index.vue
index 1562be98..c7c00e0d 100644
--- a/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/index.vue
+++ b/src/packages/components/CustomComponents/AlarmDiagram/RealTimeAlarmStatistics/index.vue
@@ -90,7 +90,7 @@ nameObj.commonColor = systemConstant['warn_levels'].find((item:any) => item.valu
 nameObj.eventColor = systemConstant['warn_levels'].find((item:any) => item.value === '5') ? systemConstant['warn_levels'].find((item:any) => item.value === '5')['remark'] : '#4fbadb'
 
 const getData = () => {
-  const confirm_statuss = systemConfig?.['active_alarm_confirm_status'] ? [...JSON.parse(systemConfig['active_alarm_confirm_status'])] : []
+  const confirm_statuss =props.chartConfig.customData?.confirm_statuss.length?props.chartConfig.customData?.confirm_statuss.length: systemConfig?.['active_alarm_confirm_status'] ? [...JSON.parse(systemConfig['active_alarm_confirm_status'])] : []
   const param = {
     confirm_statuss,
     space_complete_id: props.chartConfig.customData?.space_complete_id
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.ts b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.ts
new file mode 100644
index 00000000..20f95dae
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.ts
@@ -0,0 +1,38 @@
+import { PublicConfigClass } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { AlarmLevelStatistic } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+// import logo from '@/assets/logo.png'
+
+export const option = {
+  // 图片路径
+  dataset: '',
+  // 适应方式
+  fit: 'contain',
+  // 圆角
+  borderRadius: 0
+}
+
+export default class Config extends PublicConfigClass implements CreateComponentType
+{
+  constructor() {
+    super();
+    this.attr.w = 450
+    this.attr.h = 300
+    this.request.requestInterval = 15
+  }
+  public key = AlarmLevelStatistic.key
+  public chartConfig = cloneDeep(AlarmLevelStatistic)
+  public option = cloneDeep(option)
+  public customData = cloneDeep({
+    title: '告警数统计',
+    showInterval: true,
+    currentSource:'level',
+    // 告警确认状态
+    alarmConfirmStatus:'',
+    // 告警恢复状态
+    alarmRecoveryStatus:'',
+    signal_ids:'',
+    space_complete_id:''
+  })
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.vue b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.vue
new file mode 100644
index 00000000..d1759a1d
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/config.vue
@@ -0,0 +1,67 @@
+<template>
+<!--  <collapse-item name="属性" :expanded="true">-->
+<!--    <setting-item-box name="路径" :alone="true">-->
+<!--      <setting-item>-->
+<!--        <n-input v-model:value="optionData.dataset" size="small"></n-input>-->
+<!--      </setting-item>-->
+<!--    </setting-item-box>-->
+<!--    <setting-item-box name="样式">-->
+<!--      <setting-item name="类型">-->
+<!--        <n-select-->
+<!--          v-model:value="optionData.fit"-->
+<!--          size="small"-->
+<!--          :options="fitList"-->
+<!--        ></n-select>-->
+<!--      </setting-item>-->
+<!--      <setting-item name="圆角">-->
+<!--        <n-input-number-->
+<!--          v-model:value="optionData.borderRadius"-->
+<!--          size="small"-->
+<!--          :min="0"-->
+<!--          placeholder="圆角"-->
+<!--        ></n-input-number>-->
+<!--      </setting-item>-->
+<!--    </setting-item-box>-->
+<!--  </collapse-item>-->
+</template>
+
+<script setup lang="ts">
+import { PropType } from 'vue'
+import { option } from './config'
+import {
+  CollapseItem,
+  SettingItemBox,
+  SettingItem,
+} from '@/components/Pages/ChartItemSetting'
+
+const props = defineProps({
+  optionData: {
+    type: Object as PropType<typeof option>,
+    required: true,
+  },
+})
+
+// 适应类型
+const fitList = [
+  {
+    value: 'fill',
+    label: 'fill'
+  },
+  {
+    value: 'contain',
+    label: 'contain'
+  },
+  {
+    value: 'cover',
+    label: 'cover'
+  },
+  {
+    value: 'scale-down',
+    label: 'scale-down'
+  },
+  {
+    value: 'none',
+    label: 'none'
+  },
+]
+</script>
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/configData.vue b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/configData.vue
new file mode 100644
index 00000000..31516007
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/configData.vue
@@ -0,0 +1,29 @@
+<template>
+  <n-space vertical>
+    <setting-item-box name="标题" :alone="true">
+      <n-input v-model:value="props.customData.title" size="small" placeholder="请输入"/>
+    </setting-item-box>
+    <setting-item-box name="测点ID" :alone="true">
+    <n-input v-model:value="props.customData.signal_ids" size="small" placeholder="请输入"/>
+  </setting-item-box>
+  <setting-item-box name="空间ID" :alone="true">
+    <n-input v-model:value="props.customData.space_complete_id" size="small" placeholder="请输入"/>
+  </setting-item-box>
+      <setting-item-box name="告警确认状态(双引号包裹内容+英文逗号隔开)" :alone="true">
+    <n-input v-model:value="props.customData.alarmConfirmStatus" size="small" placeholder="请输入"/>
+  </setting-item-box>
+      <setting-item-box name="告警恢复状态(双引号包裹内容+英文逗号隔开)" :alone="true">
+    <n-input v-model:value="props.customData.alarmRecoveryStatus" size="small" placeholder="请输入"/>
+  </setting-item-box>
+  </n-space>
+</template>
+
+<script lang="ts" setup>
+import { SettingItemBox } from '@/components/Pages/ChartItemSetting'
+
+const props = defineProps(['customData', 'request'])
+
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.ts b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.ts
new file mode 100644
index 00000000..0ac685ac
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.ts
@@ -0,0 +1,16 @@
+import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
+import { ChatCategoryEnum, ChatCategoryEnumName } from '@/packages/components/CustomComponents/index.d'
+
+export const AlarmLevelStatistic: ConfigType = {
+  key: 'AlarmLevelStatistic',
+  chartKey: 'VAlarmLevelStatistic',
+  conKey: 'VCAlarmLevelStatistic',
+  // VCD开头
+  conDataKey: 'VCDAlarmLevelStatistic',
+  title: '告警数统计',
+  category: ChatCategoryEnum.CUSTOMCOMPONENTS,
+  categoryName: ChatCategoryEnumName.CUSTOMCOMPONENTS,
+  package: PackagesCategoryEnum.CUSTOMCOMPONENTS,
+  chartFrame: ChartFrameEnum.COMMON,
+  image: 'AlarmLevelStatistic.png'
+}
diff --git a/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.vue b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.vue
new file mode 100644
index 00000000..5fbf20fd
--- /dev/null
+++ b/src/packages/components/CustomComponents/CustomComponents/AlarmLevelStatistic/index.vue
@@ -0,0 +1,670 @@
+<template>
+  <BorderBox :title="chartConfig?.customData?.title" :style="getStyle(borderRadius)" style="overflow: auto">
+    <div class="tab-item">
+      <span class="change_tab" :class="{'change_tab--active': tab === 0}" @click="changeTab(0)">今日</span>
+      <span class="change_tab" :class="{'change_tab--active': tab === 1}" @click="changeTab(1)">本月</span>
+      <span class="change_tab" :class="{'change_tab--active': tab === 2}" @click="changeTab(2)">年度</span>
+    </div>
+    <div class="dynamic-component-main">
+      <div class="system-introduction">
+        <div class="system-introduction-main">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            xmlns:xlink="http://www.w3.org/1999/xlink"
+            viewBox="0 0 396 220"
+            width="100%"
+            height="100%"
+          >
+            <defs>
+              <linearGradient
+                id="linear-gradient"
+                x1="3"
+                y1="25.85"
+                x2="70"
+                y2="25.85"
+                gradientUnits="userSpaceOnUse"
+              >
+                <stop offset="0" stop-color="#0bd1ff" stop-opacity="0" />
+                <stop offset="0.5" stop-color="#0bd1ff" stop-opacity="0.8" />
+                <stop offset="1" stop-color="#0bd1ff" stop-opacity="0" />
+              </linearGradient>
+              <linearGradient
+                id="linear-gradient-2"
+                y1="194.15"
+                y2="194.15"
+                xlink:href="#linear-gradient"
+              />
+              <linearGradient
+                id="未命名的渐变_5"
+                x1="-3804"
+                y1="1474.5"
+                x2="-3724"
+                y2="1474.5"
+                gradientTransform="translate(3776.5 -1364.5)"
+                gradientUnits="userSpaceOnUse"
+              >
+                <stop offset="0" stop-color="#0bd1ff" stop-opacity="0" />
+                <stop offset="0.25" stop-color="#0bd1ff" stop-opacity="0.8" />
+                <stop offset="0.75" stop-color="#0bd1ff" stop-opacity="0.8" />
+                <stop offset="1" stop-color="#0bd1ff" stop-opacity="0" />
+              </linearGradient>
+              <linearGradient
+                id="未命名的渐变_5-2"
+                y1="1523.5"
+                y2="1523.5"
+                gradientTransform="translate(3825.5 -1413.5)"
+                xlink:href="#未命名的渐变_5"
+              />
+              <linearGradient
+                id="未命名的渐变_5-3"
+                x1="-3324"
+                y1="4582.5"
+                x2="-3244"
+                y2="4582.5"
+                gradientTransform="translate(3433.5 -4501.5)"
+                xlink:href="#未命名的渐变_5"
+              />
+              <linearGradient
+                id="未命名的渐变_5-4"
+                x1="-3324"
+                y1="4640.5"
+                x2="-3244"
+                y2="4640.5"
+                gradientTransform="translate(3433.5 -4501.5)"
+                xlink:href="#未命名的渐变_5"
+              />
+            </defs>
+            <!-- <title>告警bar</title> -->
+            <g id="图层_2" data-name="图层 2">
+              <g id="内容">
+                <g id="左下">
+                  <rect class="cls-1" x="255" y="183" width="120" height="20" />
+                  <rect class="cls-2" x="255" y="137" width="120" height="20" />
+                  <rect class="cls-3" x="255" y="91" width="120" height="20" />
+                  <rect class="cls-4" x="255" y="45" width="120" height="20" />
+                  <text class="cls-5" transform="translate(255 177)">{{ commonName }}</text>
+                  <text class="cls-5" transform="translate(255 131)">{{ importantName }}</text>
+                  <text class="cls-5" transform="translate(255 85)">{{ seriousName }}</text>
+                  <text class="cls-5" transform="translate(255 39)">{{ urgentName }}</text>
+                  <text class="cls-7" transform="translate(308.3 199)">
+                    {{ alarmLevel["level_4"] }}
+                  </text>
+                  <text class="cls-7" transform="translate(308.3 153)">
+                    {{ alarmLevel["level_3"] }}
+                  </text>
+                  <text class="cls-7" transform="translate(308.3 107)">
+                    {{ alarmLevel["level_2"] }}
+                  </text>
+                  <text class="cls-7" transform="translate(308.3 61)">
+                    {{ alarmLevel["level_1"] }}
+                  </text>
+                  <rect
+                    class="cls-8"
+                    x="12.5"
+                    y="30.5"
+                    width="49"
+                    height="159"
+                  />
+                  <path
+                    class="cls-9"
+                    d="M61,31V189H13V31H61m1-1H12V190H62V30Z"
+                  />
+                  <g class="cls-10">
+                    <polygon
+                      class="cls-11"
+                      points="4.41 29.71 3 28.29 9.29 22 64.21 22 70 27.79 68.59 29.21 63.38 24 10.12 24 4.41 29.71"
+                    />
+                  </g>
+                  <g class="cls-10">
+                    <polygon
+                      class="cls-12"
+                      points="64.21 198 9.29 198 3 191.71 4.41 190.29 10.12 196 63.38 196 68.59 190.79 70 192.21 64.21 198"
+                    />
+                  </g>
+                  <rect
+                    class="cls-13"
+                    x="-27.5"
+                    y="109.5"
+                    width="80"
+                    height="1"
+                    transform="translate(-97.5 122.5) rotate(-90)"
+                  />
+                  <rect
+                    class="cls-14"
+                    x="21.5"
+                    y="109.5"
+                    width="80"
+                    height="1"
+                    transform="translate(-48.5 171.5) rotate(-90)"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 36.29 0 28.29 0 29.71 8 37.71 8 36.29"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 42 0 34 0 35.41 8 43.41 8 42"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 47.71 0 39.71 0 41.12 8 49.12 8 47.71"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 53.41 0 45.41 0 46.83 8 54.83 8 53.41"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 59.12 0 51.12 0 52.53 8 60.53 8 59.12"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 64.83 0 56.83 0 58.24 8 66.24 8 64.83"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 70.53 0 62.53 0 63.95 8 71.95 8 70.53"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 76.24 0 68.24 0 69.66 8 77.66 8 76.24"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 81.95 0 73.95 0 75.36 8 83.36 8 81.95"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 87.66 0 79.66 0 81.07 8 89.07 8 87.66"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 93.36 0 85.36 0 86.78 8 94.78 8 93.36"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 99.07 0 91.07 0 92.48 8 100.48 8 99.07"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 104.78 0 96.78 0 98.19 8 106.19 8 104.78"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 110.48 0 102.48 0 103.9 8 111.9 8 110.48"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 116.19 0 108.19 0 109.61 8 117.61 8 116.19"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 121.9 0 113.9 0 115.31 8 123.31 8 121.9"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 127.61 0 119.61 0 121.02 8 129.02 8 127.61"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 133.31 0 125.31 0 126.73 8 134.73 8 133.31"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 139.02 0 131.02 0 132.43 8 140.43 8 139.02"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 144.73 0 136.73 0 138.14 8 146.14 8 144.73"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 150.43 0 142.43 0 143.85 8 151.85 8 150.43"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 156.14 0 148.14 0 149.56 8 157.56 8 156.14"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 161.85 0 153.85 0 155.26 8 163.26 8 161.85"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 167.56 0 159.56 0 160.97 8 168.97 8 167.56"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 173.26 0 165.26 0 166.68 8 174.68 8 173.26"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 178.97 0 170.97 0 172.38 8 180.38 8 178.97"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 184.68 0 176.68 0 178.09 8 186.09 8 184.68"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="8 190.38 0 182.38 0 183.8 8 191.8 8 190.38"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 36.29 66 28.29 66 29.71 74 37.71 74 36.29"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 42 66 34 66 35.41 74 43.41 74 42"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 47.71 66 39.71 66 41.12 74 49.12 74 47.71"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 53.41 66 45.41 66 46.83 74 54.83 74 53.41"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 59.12 66 51.12 66 52.53 74 60.53 74 59.12"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 64.83 66 56.83 66 58.24 74 66.24 74 64.83"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 70.53 66 62.53 66 63.95 74 71.95 74 70.53"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 76.24 66 68.24 66 69.66 74 77.66 74 76.24"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 81.95 66 73.95 66 75.36 74 83.36 74 81.95"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 87.66 66 79.66 66 81.07 74 89.07 74 87.66"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 93.36 66 85.36 66 86.78 74 94.78 74 93.36"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 99.07 66 91.07 66 92.48 74 100.48 74 99.07"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 104.78 66 96.78 66 98.19 74 106.19 74 104.78"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 110.48 66 102.48 66 103.9 74 111.9 74 110.48"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 116.19 66 108.19 66 109.61 74 117.61 74 116.19"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 121.9 66 113.9 66 115.31 74 123.31 74 121.9"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 127.61 66 119.61 66 121.02 74 129.02 74 127.61"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 133.31 66 125.31 66 126.73 74 134.73 74 133.31"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 139.02 66 131.02 66 132.43 74 140.43 74 139.02"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 144.73 66 136.73 66 138.14 74 146.14 74 144.73"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 150.43 66 142.43 66 143.85 74 151.85 74 150.43"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 156.14 66 148.14 66 149.56 74 157.56 74 156.14"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 161.85 66 153.85 66 155.26 74 163.26 74 161.85"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 167.56 66 159.56 66 160.97 74 168.97 74 167.56"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 173.26 66 165.26 66 166.68 74 174.68 74 173.26"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 178.97 66 170.97 66 172.38 74 180.38 74 178.97"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 184.68 66 176.68 66 178.09 74 186.09 74 184.68"
+                  />
+                  <polygon
+                    class="cls-9"
+                    points="74 190.38 66 182.38 66 183.8 74 191.8 74 190.38"
+                  />
+                  <text class="cls-15 cls-22" transform="translate(35 60.74)">
+                    告警总数
+                  </text>
+                  <rect class="cls-9" x="235" width="1" height="220" />
+                  <rect class="cls-9" x="94" y="26" width="1" height="20" />
+                  <rect class="cls-9" x="104" y="26" width="1" height="168" />
+                  <rect class="cls-9" x="114" y="26" width="1" height="20" />
+                  <rect class="cls-9" x="124" y="26" width="1" height="168" />
+                  <rect class="cls-9" x="134" y="26" width="1" height="20" />
+                  <rect class="cls-9" x="144" y="26" width="1" height="168" />
+                  <rect class="cls-9" x="154" y="26" width="1" height="20" />
+                  <rect class="cls-9" x="164" y="26" width="1" height="168" />
+                  <rect class="cls-9" x="174" y="26" width="1" height="20" />
+                  <rect class="cls-9" x="184" y="26" width="1" height="168" />
+                  <rect class="cls-9" x="194" y="26" width="1" height="20" />
+                  <rect class="cls-9" x="204" y="26" width="1" height="168" />
+                  <rect class="cls-9" x="214" y="26" width="1" height="20" />
+                  <rect class="cls-9" x="94" y="174" width="1" height="20" />
+                  <rect class="cls-9" x="114" y="174" width="1" height="20" />
+                  <rect class="cls-9" x="134" y="174" width="1" height="20" />
+                  <rect class="cls-9" x="154" y="174" width="1" height="20" />
+                  <rect class="cls-9" x="174" y="174" width="1" height="20" />
+                  <rect class="cls-9" x="194" y="174" width="1" height="20" />
+                  <rect class="cls-9" x="214" y="174" width="1" height="20" />
+                  <polygon
+                    class="cls-9"
+                    points="36 0 36 22 37 22 37 1 395 1 395 219 37 219 37 198 36 198 36 220 396 220 396 0 36 0"
+                  />
+                  <rect class="cls-8" x="85" y="81" width="138" height="58" />
+                  <path
+                    class="cls-9"
+                    d="M222,82v56H86V82H222m2-2H84v60H224V80Z"
+                  />
+                  <text class="cls-19" transform="translate(100.63 122)">
+                    {{ alarmLevelTotal }}
+                  </text>
+                  <rect class="cls-20" x="109.5" y="80" width="80" height="2" />
+                  <rect
+                    class="cls-21"
+                    x="109.5"
+                    y="138"
+                    width="80"
+                    height="2"
+                  />
+                </g>
+              </g>
+            </g>
+          </svg>
+        </div>
+      </div>
+    </div>
+  </BorderBox>
+</template>
+
+<script setup lang="ts">
+import { PropType, shallowReactive, watch, toRefs, reactive, onMounted, onUnmounted, nextTick, ref,Ref,computed } from 'vue'
+import { useChartDataFetch } from '@/hooks'
+import { CreateComponentType } from '@/packages/index.d'
+import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
+import { publicInterface } from '@/api/path/business.api'
+import BorderBox from '../components/BorderBox.vue'
+import { customData as customDataConfig } from './config'
+
+import VChart from 'vue-echarts'
+import {isPreview} from '@/utils'
+import {graphic} from "echarts";
+import {cloneDeep} from 'lodash'
+import moment from "moment"
+import {selectTimeOptions} from "@/views/chart/ContentConfigurations/components/ChartData/index.d";
+import {RequestHttpIntervalEnum} from "@/enums/httpEnum";
+
+const props = defineProps({
+  chartConfig: {
+    type: Object as PropType<CreateComponentType>,
+    required: true
+  },
+
+  
+})
+const { w, h } = toRefs(props.chartConfig.attr)
+const { dataset, fit, borderRadius } = toRefs(props.chartConfig.option)
+const tab = ref(0)
+const alarmLevelTotal = ref(0)
+const commonName = ref('一般')
+const importantName = ref('重要')
+const seriousName = ref('严重')
+const urgentName = ref('紧急')
+const alarmLevel = ref({
+        level_1: 0,
+        level_2: 0,
+        level_3: 0,
+        level_4: 0
+})
+
+const alarmData = ref<any>({})
+const getStyle = (radius: number) => {
+  return {
+    borderRadius: `${radius}px`,
+    overflow: 'hidden',
+  }
+}
+const customData: Ref<typeof customDataConfig> = computed(() => {
+  return props.chartConfig.customData as typeof customDataConfig
+})
+const changeTab = (flag: number)=>{
+tab.value = flag
+      if (tab.value === 0) {
+        alarmLevel.value = alarmData.value ? alarmData.value['day'] : { level_1: 0, level_2: 0, level_3: 0, level_4: 0 }
+      } else if (tab.value === 1) {
+        alarmLevel.value = alarmData.value ? alarmData.value['month'] : { level_1: 0, level_2: 0, level_3: 0, level_4: 0 }
+      } else if (tab.value === 2) {
+        alarmLevel.value = alarmData.value ? alarmData.value['year'] : { level_1: 0, level_2: 0, level_3: 0, level_4: 0 }
+      }
+
+      console.log(alarmLevel.value,'level_4')
+      alarmLevelTotal.value = Number(alarmLevel.value['level_1']) + Number(alarmLevel.value['level_2']) + Number(alarmLevel.value['level_3'] + Number(alarmLevel.value['level_4']))
+ 
+}
+console.log(props.chartConfig,'chartConfig');
+
+let type_count:any = ref([])
+const alarmConfirmStatus = customData.value.alarmConfirmStatus.length ? customData.value.alarmConfirmStatus.split(',') : []
+const alarmRecoveryStatus = customData.value.alarmRecoveryStatus.length ? customData.value.alarmRecoveryStatus.split(',') : []
+const getData = () => {
+  publicInterface('/dcim/dems/devie_history_alarm', 'alarm_statistical_by_time', {alarmConfirmStatus,alarmRecoveryStatus}).then((res:any) => {
+        if (res.data) {
+          alarmData.value = res.data
+      console.log(alarmData.value,'getData_alarmLevel')
+
+          changeTab(tab.value)
+        }
+      })
+}
+let timer:unknown
+watch(() => [props.chartConfig.request.requestInterval, props.chartConfig.request.requestIntervalUnit].join('&&'), v => {
+  if(!isPreview()) return
+  console.log(props,'props')
+  
+  if(props.chartConfig.request.requestInterval) {
+    if(timer) clearInterval(timer as number)
+    const obj = selectTimeOptions.find(_ => _.value === props.chartConfig.request.requestIntervalUnit) || {unit: 0}
+    const unit = obj.unit
+    const number = unit * props.chartConfig.request.requestInterval
+    timer = setInterval(() => {
+      getData()
+    }, number)
+  }
+})
+
+watch(()=>props.chartConfig?.customData?.currentSource,()=>{
+
+  console.log(props.chartConfig?.customData?.currentSource,'chartConfig');
+getData()
+  // 根据currentSource去获取对应 参数
+  
+})
+onMounted(() => {
+  nextTick(() => {
+
+    getData()
+  })
+  if(!isPreview()) return
+  const obj = selectTimeOptions.find(_ => _.value === props.chartConfig.request.requestIntervalUnit) || {unit: 0}
+  const unit = obj.unit
+  const number = unit * props.chartConfig.request.requestInterval!
+  timer = setInterval(() => {
+    nextTick(() => {
+      getData()
+    })
+  }, number)
+})
+onUnmounted(() => {
+  clearInterval(timer as number)
+})
+
+// const option = shallowReactive({
+//   dataset: ''
+// })
+// // 预览更新
+// useChartDataFetch(props.chartConfig, useChartEditStore, (newData: any) => {
+//   option.dataset = newData
+// })
+</script>
+
+<style lang="scss" scoped>
+.tab-item {
+      position: absolute;
+      top: 0;
+      right: 10px;
+      padding-right: 10px;
+      color: #fff;
+      height: 40px;
+      line-height: 40px;
+      .change_tab {
+        display: inline-block;
+        margin: 0 4px;
+        cursor: pointer;
+        font-size: 14px;
+        color: themed('dynamicComponentTabColor');
+        font-family: 'PingFang-SC-Regular';
+        &--active {
+          border-bottom: 1px solid #4196ff;
+          color: #4196ff;
+          font-family: 'PingFang-SC-Bold';
+        }
+      }
+    }
+.dynamic-component-main{
+  width:100%;
+  padding: 10px;
+}
+// @import "./index.scss";
+
+.cls-1 {
+  fill: #4fbadb;
+}
+.cls-2 {
+  fill: #f8ca00;
+}
+.cls-3 {
+  fill: #fc8358;
+}
+.cls-4 {
+  fill: #f43b42;
+}
+.cls-5 {
+  font-size: 14px;
+  fill: #fff;
+
+}
+.cls-15,
+.cls-5 {
+  font-family: MicrosoftYaHei, Microsoft YaHei;
+}
+.cls-15,
+.cls-6,
+.cls-7 {
+  font-size: 16px;
+}
+.cls-15,
+.cls-6,
+.cls-7 {
+  fill: #fff;
+}
+.cls-6 {
+  font-family: ArialMT, Arial;
+}
+.cls-19,
+.cls-7 {
+  font-family: Arial-BoldMT, Arial;
+  font-weight: 700;
+}
+.cls-8 {
+  fill: #1e2832;
+}
+.cls-9 {
+  fill: #27558e;
+}
+.cls-10,
+.cls-13,
+.cls-14,
+.cls-20,
+.cls-21 {
+  opacity: 0.8;
+}
+.cls-11 {
+  fill: url(#linear-gradient);
+}
+.cls-12 {
+  fill: url(#linear-gradient-2);
+}
+.cls-13 {
+  fill: url(#未命名的渐变_5);
+}
+.cls-14 {
+  fill: url(#未命名的渐变_5-2);
+}
+.cls-16 {
+  letter-spacing: -0.11em;
+}
+.cls-17 {
+  letter-spacing: -0.02em;
+}
+.cls-18 {
+  letter-spacing: 0em;
+}
+.cls-19 {
+  fill: #fff;
+
+  
+  font-size: 30px;
+}
+.cls-20 {
+  fill: url(#未命名的渐变_5-3);
+}
+.cls-21 {
+  fill: url(#未命名的渐变_5-4);
+}
+.cls-22 {
+  writing-mode: tb;
+  text-orientation: upright;
+  glyph-orientation-vertical: 0deg;
+  font-size: 18px;
+  letter-spacing: 0.3em;
+  fill:#fff;
+}
+</style>
diff --git a/src/packages/components/CustomComponents/CustomComponents/index.ts b/src/packages/components/CustomComponents/CustomComponents/index.ts
index c0e3cedb..504b3b28 100644
--- a/src/packages/components/CustomComponents/CustomComponents/index.ts
+++ b/src/packages/components/CustomComponents/CustomComponents/index.ts
@@ -19,6 +19,7 @@ import { TemperatureTop10Config } from './TemperatureTop10'
 import { PositionConfig } from './Position'
 import { JumpBtnConfig } from './JumpBtn'
 import { ClassifiedStatistic } from './ClassifiedStatistic'
+import { AlarmLevelStatistic } from './AlarmLevelStatistic'
 import { RoomTemperature } from './RoomTemperature'
 import { Overview } from './Overview'
 
@@ -44,6 +45,7 @@ export default [
     PositionConfig,
     JumpBtnConfig,
     ClassifiedStatistic,
+    AlarmLevelStatistic,
     RoomTemperature,
     Overview
 ]
diff --git a/src/packages/public/publicConfig.ts b/src/packages/public/publicConfig.ts
index 2bc810a8..96e6e11f 100644
--- a/src/packages/public/publicConfig.ts
+++ b/src/packages/public/publicConfig.ts
@@ -92,6 +92,15 @@ const commonData: commonDataType = {
     enable: false,
     dataSource: ''
   },
+  companyTempTop: {
+    enable: false,
+    signal_ids:'131240020010',
+    space_complete_id: '.7.9.70.'
+  },
+  alarmTrend: {
+    enable: false,
+    signal_ids:'131240020010',
+  },
   pointTable: {
     enable: false,
     ids: []
diff --git a/src/store/modules/chartEditStore/chartEditStore.d.ts b/src/store/modules/chartEditStore/chartEditStore.d.ts
index 8fbda575..f8727b5f 100644
--- a/src/store/modules/chartEditStore/chartEditStore.d.ts
+++ b/src/store/modules/chartEditStore/chartEditStore.d.ts
@@ -266,6 +266,10 @@ export enum CurrentSourceEnum {
   DEVICECLASS = 'deviceClass',
   // 设备分类统计
   ASSETSCLASS = 'assetsClass',
+  // 局房温度Top10
+  COMPANYTEMPTOP = 'companyTempTop',
+  // 局房温度Top10
+  ALARMTREND = 'alarmTrend',
   // 区域设备个数
   AREADEVCOUNT = 'areaDevCount',
   // 当月告警分类统计
@@ -357,6 +361,22 @@ export interface AssetsClassType {
   enable: boolean
   dataSource: string
 }
+// 局房温度Top10
+export interface CompanyTempTopType {
+  enable: boolean
+  space_complete_id: string,
+  signal_ids:string
+
+}
+// 告警趋势
+export interface AlarmTrendType {
+  enable: boolean
+  signal_ids:string
+  alarmConfirmStatus:string
+  alarmRecoveryStatus:string
+  level:string
+
+}
 export interface AreaDevCountType {
   enable: boolean
   dataSource: string
@@ -405,6 +425,8 @@ export interface commonDataType {
   // 设备分类统计
   deviceClass: DeviceClassType
   assetsClass: AssetsClassType
+  companyTempTop: CompanyTempTopType
+  alarmTrend: AlarmTrendType
   areaDevCount: AreaDevCountType
   // 单数据
   singlePoint: SinglePointType
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/AlarmTrend.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/AlarmTrend.vue
new file mode 100644
index 00000000..ed218a78
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/AlarmTrend.vue
@@ -0,0 +1,39 @@
+<template>
+  <setting-item-box name="启用数据" :alone="true">
+    <n-space justify="start">
+      <n-switch v-model:value="currentObj.enable"/>
+    </n-space>
+  </setting-item-box>
+  <setting-item-box name="测点ID" :alone="true">
+    <n-input v-model:value="currentObj.signal_ids" size="small" placeholder="请输入"/>
+  </setting-item-box>
+  <setting-item-box name="告警确认状态(双引号包裹内容+英文逗号隔开)" :alone="true">
+    <n-input v-model:value="currentObj.alarmConfirmStatus" size="small" placeholder="请输入"/>
+  </setting-item-box>
+  <setting-item-box name="告警恢复状态(双引号包裹内容+英文逗号隔开)" :alone="true">
+    <n-input v-model:value="currentObj.alarmRecoveryStatus" size="small" placeholder="请输入"/>
+  </setting-item-box>
+  <setting-item-box name="告警恢复状态(双引号包裹内容+英文逗号隔开)" :alone="true">
+    <n-input v-model:value="currentObj.level" size="small" placeholder="请输入"/>
+  </setting-item-box>
+ 
+ 
+</template>
+
+<script lang="ts" setup>
+import {computed} from 'vue'
+import type {Ref} from 'vue'
+import {SettingItemBox} from '@/components/Pages/ChartItemSetting'
+import {useTargetData} from '../../hooks/useTargetData.hook'
+import {commonDataType, AlarmTrendType} from '@/store/modules/chartEditStore/chartEditStore.d'
+const {targetData} = useTargetData() as { targetData: Ref<{ commonData: commonDataType, id: string }> }
+
+const currentObj = computed(() => {
+  return targetData.value.commonData[targetData.value.commonData.currentSource] as AlarmTrendType
+})
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/components/CompanyTempTop.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/CompanyTempTop.vue
new file mode 100644
index 00000000..bbb8521f
--- /dev/null
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/components/CompanyTempTop.vue
@@ -0,0 +1,32 @@
+<template>
+  <setting-item-box name="启用数据" :alone="true">
+    <n-space justify="start">
+      <n-switch v-model:value="currentObj.enable"/>
+    </n-space>
+  </setting-item-box>
+  <setting-item-box name="测点ID" :alone="true">
+    <n-input v-model:value="currentObj.signal_ids" size="small" placeholder="请输入"/>
+  </setting-item-box>
+  <setting-item-box name="空间ID" :alone="true">
+    <n-input v-model:value="currentObj.space_complete_id" size="small" placeholder="请输入"/>
+  </setting-item-box>
+ 
+</template>
+
+<script lang="ts" setup>
+import {computed} from 'vue'
+import type {Ref} from 'vue'
+import {SettingItemBox} from '@/components/Pages/ChartItemSetting'
+import {useTargetData} from '../../hooks/useTargetData.hook'
+import {commonDataType, CompanyTempTopType} from '@/store/modules/chartEditStore/chartEditStore.d'
+const {targetData} = useTargetData() as { targetData: Ref<{ commonData: commonDataType, id: string }> }
+
+const currentObj = computed(() => {
+  return targetData.value.commonData[targetData.value.commonData.currentSource] as CompanyTempTopType
+})
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/index.d.ts b/src/views/chart/ContentConfigurations/components/ChartDataV2/index.d.ts
index f3fe023d..2e5b1249 100644
--- a/src/views/chart/ContentConfigurations/components/ChartDataV2/index.d.ts
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/index.d.ts
@@ -155,6 +155,16 @@ export const sourceOptions: sourceOptionsItemType[] = [
     value: CurrentSourceEnum.ASSETSCLASS,
     type: optionTypeEnum.MULTIPLE,
   },
+  {
+    label: '局房温度Top10',
+    value: CurrentSourceEnum.COMPANYTEMPTOP,
+    type: optionTypeEnum.MULTIPLE,
+  },
+  {
+    label: '告警趋势',
+    value: CurrentSourceEnum.ALARMTREND,
+    type: optionTypeEnum.MULTIPLE,
+  },
   {
     label: '区域设备个数',
     value: CurrentSourceEnum.AREADEVCOUNT,
diff --git a/src/views/chart/ContentConfigurations/components/ChartDataV2/index.vue b/src/views/chart/ContentConfigurations/components/ChartDataV2/index.vue
index 61034a61..3a2eb00a 100644
--- a/src/views/chart/ContentConfigurations/components/ChartDataV2/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartDataV2/index.vue
@@ -11,6 +11,8 @@
       <MonthAlarmClass v-else-if="matchComponent(CurrentSourceEnum.MONTHALARMCLASS)"/>
       <DeviceClass v-else-if="matchComponent(CurrentSourceEnum.DEVICECLASS)"/>
       <AssetsClass v-else-if="matchComponent(CurrentSourceEnum.ASSETSCLASS)"/>
+      <CompanyTempTop v-else-if="matchComponent(CurrentSourceEnum.COMPANYTEMPTOP)"/>
+      <AlarmTrend v-else-if="matchComponent(CurrentSourceEnum.ALARMTREND)"/>
       <PointTable v-else-if="matchComponent(CurrentSourceEnum.POINTTABLE)"/>
       <CategoryBrandCountTable v-else-if="matchComponent(CurrentSourceEnum.CATEGORYBRANDCOUNTTABLE)"/>
       <ManualInput v-else-if="matchComponent(CurrentSourceEnum.MANUALINPUT)"/>
@@ -73,6 +75,8 @@ import PointRealTime from './components/PointRealTime.vue'
 import SinglePoint from './components/SinglePoint.vue'
 import MonthAlarmClass from './components/MonthAlarmClass.vue'
 import AssetsClass from './components/AssetsClass.vue'
+import CompanyTempTop from './components/CompanyTempTop.vue'
+import AlarmTrend from './components/AlarmTrend.vue'
 import DeviceClass from './components/DeviceClass.vue'
 import PointTable from './components/PointTable.vue'
 import CategoryBrandCountTable from './components/CategoryBrandCountTable.vue'