From 56957276f1c253dd008d8cb88e713205ff3b9183 Mon Sep 17 00:00:00 2001
From: gaohaifeng <zgaohaifeng@qq.com>
Date: Wed, 3 Sep 2025 13:58:49 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=9B=BE=E8=A1=A8=E9=85=8D=E7=BD=AE):=20?=
 =?UTF-8?q?=E4=B8=BA=E5=8D=B1=E9=99=A9=E5=8C=96=E5=AD=A6=E5=93=81=E7=A9=BA?=
 =?UTF-8?q?=E9=97=B4=E5=9B=BE=E8=A1=A8=E6=B7=BB=E5=8A=A0=E5=9C=BA=E6=99=AF?=
 =?UTF-8?q?ID=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在图表配置文件中添加sceneId字段
- 修改API调用路径以支持场景ID参数
- 简化配置界面，统一使用场景ID输入框
---
 .../LineDropdownHaz/config.vue                |  8 +--
 .../LineGraph01Haz/config.ts                  |  1 +
 .../LineGraph01Haz/config.vue                 | 57 +++----------------
 .../LineGraph01Haz/index.vue                  |  2 +-
 .../TopAlarmsHaz/config.ts                    |  1 +
 .../TopAlarmsHaz/config.vue                   | 24 +++-----
 .../TopAlarmsHaz/index.vue                    |  2 +-
 7 files changed, 24 insertions(+), 71 deletions(-)

diff --git a/src/packages/components/Charts/HazardousChemicalsSpace/LineDropdownHaz/config.vue b/src/packages/components/Charts/HazardousChemicalsSpace/LineDropdownHaz/config.vue
index 5dd0b1e..ecb7816 100644
--- a/src/packages/components/Charts/HazardousChemicalsSpace/LineDropdownHaz/config.vue
+++ b/src/packages/components/Charts/HazardousChemicalsSpace/LineDropdownHaz/config.vue
@@ -2,7 +2,7 @@
 <collapse-item name="信息" :expanded="true">
     <setting-item-box name="场景ID" :alone="true">
       <setting-item>
-        <n-input v-model:value="optionData.sceneId" type="textarea" size="small"></n-input>
+        <n-input v-model:value="optionData.sceneId" ></n-input>
       </setting-item>
     </setting-item-box>
   </collapse-item>
@@ -12,13 +12,9 @@
 import { PropType } from 'vue'
 import { option } from './config'
 import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
-import config from './config'
 
 defineProps({
-  chartConfig: {
-    type: Object as PropType<config>,
-    required: true
-  },
+ 
   optionData: {
     type: Object as PropType<typeof option>,
     required: true
diff --git a/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/config.ts b/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/config.ts
index 46e24ba..a60a8f9 100644
--- a/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/config.ts
+++ b/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/config.ts
@@ -57,6 +57,7 @@ export const seriesItem = {
   }
 }
 export const option = {
+  sceneId: '',
   dateTime: {
       selectValue: 'day',
       dataset: [
diff --git a/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/config.vue b/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/config.vue
index 415af52..eacdb05 100644
--- a/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/config.vue
+++ b/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/config.vue
@@ -1,61 +1,22 @@
 <template>
-  <!-- Echarts 全局设置 -->
-  <global-setting :optionData="optionData"></global-setting>
-  <CollapseItem v-for="(item, index) in seriesList" :key="index" :name="`折线图-${index + 1}`" :expanded="true">
-    <SettingItemBox name="线条">
-      <SettingItem name="宽度">
-        <n-input-number v-model:value="item.lineStyle.width" :min="1" :max="100" size="small"
-          placeholder="自动计算"></n-input-number>
-      </SettingItem>
-      <SettingItem name="类型">
-        <n-select v-model:value="item.lineStyle.type" size="small" :options="lineConf.lineStyle.type"></n-select>
-      </SettingItem>
-    </SettingItemBox>
-    <SettingItemBox name="实心点">
-      <SettingItem name="大小">
-        <n-input-number v-model:value="item.symbolSize" :min="1" :max="100" size="small"
-          placeholder="自动计算"></n-input-number>
-      </SettingItem>
-    </SettingItemBox>
-    <setting-item-box name="标签">
+  <collapse-item name="信息" :expanded="true">
+    <setting-item-box name="场景ID" :alone="true">
       <setting-item>
-        <n-space>
-          <n-switch v-model:value="item.label.show" size="small" />
-          <n-text>展示标签</n-text>
-        </n-space>
-      </setting-item>
-      <setting-item name="大小">
-        <n-input-number v-model:value="item.label.fontSize" size="small" :min="1"></n-input-number>
-      </setting-item>
-      <setting-item name="颜色">
-        <n-color-picker size="small" :modes="['hex']" v-model:value="item.label.color"></n-color-picker>
-      </setting-item>
-      <setting-item name="位置">
-        <n-select v-model:value="item.label.position" :options="[
-          { label: 'top', value: 'top' },
-          { label: 'left', value: 'left' },
-          { label: 'right', value: 'right' },
-          { label: 'bottom', value: 'bottom' }
-        ]" />
+        <n-input v-model:value="optionData.sceneId" ></n-input>
       </setting-item>
     </setting-item-box>
-  </CollapseItem>
+  </collapse-item>
 </template>
 
 <script setup lang="ts">
-import { PropType, computed } from 'vue'
-import { lineConf } from '@/packages/chartConfiguration/echarts/index'
-import { GlobalThemeJsonType } from '@/settings/chartThemes/index'
-import { GlobalSetting, CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
+import { PropType } from 'vue'
+import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
+import { option } from './config'
 
-const props = defineProps({
+defineProps({
   optionData: {
-    type: Object as PropType<GlobalThemeJsonType>,
+    type: Object as PropType<typeof option>,
     required: true
   }
 })
-
-const seriesList = computed(() => {
-  return props.optionData.series
-})
 </script>
diff --git a/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/index.vue b/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/index.vue
index 00623bb..0b3b8c8 100644
--- a/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/index.vue
+++ b/src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/index.vue
@@ -82,7 +82,7 @@ const selectedTimeRange = ref('day')
 // API调用函数
 const fetchChartData = async (option: string) => {
   try {
-    const response:any = await axiosInstance.get(`/awjt/screen/handleByOption/${option}`,{baseURL:''})
+    const response:any = await axiosInstance.get(`/awjt/screen/handleByOption/${option}/${props.chartConfig.option.sceneId}`,{baseURL:''})
     if (response.state === true) {
       return response.value || []
     } else {
diff --git a/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/config.ts b/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/config.ts
index 3d37e3b..1c7cac2 100644
--- a/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/config.ts
+++ b/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/config.ts
@@ -3,6 +3,7 @@ import { CreateComponentType } from '@/packages/index.d'
 import { TopAlarmsConfig } from './index'
 import dataJson from './data.json'
 export const option = {
+    sceneId: '',
     dateTime: {
         selectValue: 'day',
         dataset: [
diff --git a/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/config.vue b/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/config.vue
index 922d36a..eacdb05 100644
--- a/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/config.vue
+++ b/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/config.vue
@@ -1,26 +1,20 @@
 <template>
-  <div class="go-top-alarms-config">
-    <n-form-item label="标题">
-      <n-input v-model:value="option.title" />
-    </n-form-item>
-    <n-form-item label="标题大小">
-      <n-input-number v-model:value="option.titleSize" />
-    </n-form-item>
-    <n-form-item label="下拉选项">
-      <n-dynamic-input v-model:value="option.dropdownOptions" placeholder="请输入选项" />
-    </n-form-item>
-    <n-form-item label="默认选项">
-      <n-input v-model:value="option.dropdownDefault" />
-    </n-form-item>
-  </div>
+  <collapse-item name="信息" :expanded="true">
+    <setting-item-box name="场景ID" :alone="true">
+      <setting-item>
+        <n-input v-model:value="optionData.sceneId" ></n-input>
+      </setting-item>
+    </setting-item-box>
+  </collapse-item>
 </template>
 
 <script setup lang="ts">
 import { PropType } from 'vue'
+import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
 import { option } from './config'
 
 defineProps({
-  option: {
+  optionData: {
     type: Object as PropType<typeof option>,
     required: true
   }
diff --git a/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/index.vue b/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/index.vue
index 64d6ada..e2873b9 100644
--- a/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/index.vue
+++ b/src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/index.vue
@@ -89,7 +89,7 @@ const calculateWidth = (value: number) => {
 // 新增：API调用函数
 const fetchCorpsData = async (option: string) => {
   try {
-    const response: any = await axiosInstance.get(`/awjt/screen/corpsFive/${option}`, { baseURL: '' })
+    const response: any = await axiosInstance.get(`/awjt/screen/corpsFive/${option}/${props.chartConfig.option.sceneId}`, { baseURL: '' })
     if (response.state === true) {
       displayData.value = response.value || []
     } else {