chore：统一小标题css：

font-family: 'CustomFont';
    font-style: italic;
    letter-spacing: 0.5px;
    color: #eee;
    text-shadow: 1px 3px 10px #000000;
    font-size: 16px;
    大标题css：font-family: 'CustomFont';
    color:#eee

src/packages/components/Charts/ConfinedSpace/AlarmNowList/config.ts

@@ -7,11 +7,6 @@ import { chartInitConfig } from '@/settings/designSetting'
 export const styleConfig = {
   titleText: '实时报警',
   titleOption: {
-    color: '#ffffff',
-    fontSize: '17px',
-    fontStyle: 'normal',
-    fontWeight: 'normal',
-    fontFamily: 'CustomFont',
   },
   headerOption: {
     paddingLeft: 0,

src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/config.ts

@@ -123,5 +123,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
     public key: string = FiniteSpatialDistributionConfig.key
     public chartConfig = cloneDeep(FiniteSpatialDistributionConfig)
     public option = echartOptionProfixHandle(option, includes)
-    public attr = { ...chartInitConfig, x: 0, y: 0, w: 430, h: 300, zIndex: 1 }
+    public attr = { ...chartInitConfig, x: 0, y: 0, w: 420, h: 280, zIndex: 1 }
 }

src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/index.vue

@@ -24,7 +24,7 @@ import { useChartDataFetch } from '@/hooks'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { DatasetComponent, GridComponent, TooltipComponent, LegendComponent, TitleComponent } from 'echarts/components'
 import dataJson from './data.json'
-import {  getPie3D } from './3dPie'
+import { getPie3D } from './3dPie'
 import axiosInstance from '@/api/axios';
 
 const props = defineProps({
@@ -68,7 +68,7 @@ const initializeChartData = () => {
 
         const series = getPie3D(dataJson.source, 0.8);
 
-        props.chartConfig.option.series=series
+        props.chartConfig.option.series = series
 
         console.log('图表数据已初始化:', props.chartConfig.option.dataset)
     }
@@ -158,13 +158,14 @@ onMounted(async () => {
     top: 0;
     height: 45px;
     line-height: 45px;
-    left: 80px;
+    left: 70px;
-    font-size: 16px;
-    font-weight: bold;
-    color: #eee;
-    font-style: italic;
-    text-shadow: 0 0 10px #00E5FF;
     white-space: nowrap;
+    font-family: 'CustomFont';
+    font-style: italic;
+    letter-spacing: 0.5px;
+    color: #eee;
+    text-shadow: 1px 3px 10px #000000;
+    font-size: 16px;
 }
 
 

src/packages/components/Charts/ConfinedSpace/PieCircleCommen/config.ts

@@ -45,11 +45,6 @@ const otherConfig = {
   },
   titleText: '报警统计',
   titleOption: {
-    color: '#ffffff',
-    fontSize: '17px',
-    fontStyle: 'normal',
-    fontWeight: 'normal',
-    fontFamily: 'CustomFont',
   },
   headerOption: {
     paddingLeft: 0,

src/packages/components/Charts/ConfinedSpace/SmallBorder01Co/index.vue

@@ -366,9 +366,11 @@ const handleSelectChange = (value: any) => {
 
       .title {
         font-family: 'CustomFont';
-        letter-spacing: 1px;
+        font-style: italic;
-        color: #ffffff;
+        letter-spacing: 0.5px;
-        font-size: 17px;
+        color: #eee;
+        text-shadow: 1px 3px 10px #000000;
+        font-size: 16px;
         padding-left: 45px;
       }
     }

src/packages/components/Charts/ConfinedSpace/videoCheck/config.ts

@@ -29,11 +29,6 @@ export const option = {
   isOldStyle: true,
   titleText: '视频巡查',
   titleOption: {
-    color: '#ffffff',
-    fontSize: '17px',
-    fontStyle: 'normal',
-    fontWeight: 'normal',
-    fontFamily: 'CustomFont',
   },
   headerOption: {
     paddingLeft: 0,

src/packages/components/Charts/HazardousChemicalsSpace/AlarmListHaz/config.ts

@@ -36,14 +36,13 @@ export const option = {
   itemHeight: 28,
   fontSize: 12,
   title: '近60分钟报警信息',
-  titleSize: 17,
+  titleSize: 16,
   titleColor: '#ffffff',
-  iconColor: '#00E5FF',
   fontWeight: 'normal',
-  fontStyle: 'normal',
+  fontStyle: 'italic',
-  paddingX: 40,
+  paddingX: 50,
   paddingY: -30,
-  letterSpacing: 1,
+  letterSpacing: 0.5,
   isShowButton: false
 }
 

src/packages/components/Charts/HazardousChemicalsSpace/AlarmListHaz/index.vue

@@ -104,7 +104,14 @@ const getStatusColor = (status: string) => {
         height: 35px;
         display: flex;
         align-items: center;
-        padding: 0 20px 0 20px;
+        padding: 2px 20px 0 20px;
+
+        font-family: 'CustomFont';
+        font-style: italic;
+        letter-spacing: 0.5px;
+        color: #eee;
+        text-shadow: 1px 3px 10px #000000;
+        font-size: 16px;
       }
     }
 

src/packages/components/Charts/HazardousChemicalsSpace/AlarmListHazC/config.ts

@@ -37,14 +37,13 @@ export const option = {
   itemHeight: 28,
   fontSize: 12,
   title: '近60分钟报警信息',
-  titleSize: 17,
+  titleSize: 16,
   titleColor: '#ffffff',
-  iconColor: '#00E5FF',
   fontWeight: 'normal',
-  fontStyle: 'normal',
+  fontStyle: 'italic',
-  paddingX: 40,
+  paddingX: 45,
-  paddingY: -30,
+  paddingY: -25,
-  letterSpacing: 1,
+  letterSpacing: 0.5,
   isShowButton: false
 }
 

src/packages/components/Charts/HazardousChemicalsSpace/AlarmListHazC/index.vue

@@ -179,6 +179,13 @@ onUnmounted(() => {
         display: flex;
         align-items: center;
         padding: 0 20px 0 20px;
+
+        font-family: 'CustomFont';
+        font-style: italic;
+        letter-spacing: 0.5px;
+        color: #eee;
+        text-shadow: 1px 3px 10px #000000;
+        font-size: 16px;
       }
     }
 

src/packages/components/Charts/HazardousChemicalsSpace/LineDropdownHaz/index.vue

@@ -371,18 +371,18 @@ onMounted(() => {
   }
 }
 
-.header-title{
+.header-title {
-    position: absolute;
+  position: absolute;
-    top: 0;
+  height: 45px;
-    height: 45px;
+  line-height: 45px;
-    line-height: 45px;
+  left: 80px;
-    left: 80px;
+  white-space: nowrap;
-    font-size: 16px;
+  font-family: 'CustomFont';
-    font-weight: bold;
+  font-style: italic;
-    color: #eee;
+  letter-spacing: 0.5px;
-    font-style: italic;
+  color: #eee;
-    text-shadow: 0 0 10px #00E5FF;
+  text-shadow: 1px 3px 10px #000000;
-    white-space: nowrap;
+  font-size: 16px;
 }
 
 // 新增风险级别下拉框样式

src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/index.vue

@@ -7,11 +7,8 @@
     </div>
 
     <!-- 使用新的下拉选择器组件 -->
-    <CustomSelect 
+    <CustomSelect :options="option.dateTime.dataset" :selectedValue="option.dateTime.selectValue"
-        :options="option.dateTime.dataset" 
+      @change="handleSelectChange" />
-        :selectedValue="option.dateTime.selectValue"
-        @change="handleSelectChange"
-    />
 
     <div class="textContent">
       <div class="textInContent">
@@ -39,7 +36,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { PropType, computed, watch, ref, nextTick,onMounted } from 'vue'
+import { PropType, computed, watch, ref, nextTick, onMounted } from 'vue'
 import VChart from 'vue-echarts'
 import { useCanvasInitOptions } from '@/hooks/useCanvasInitOptions.hook'
 import { use } from 'echarts/core'
@@ -72,7 +69,7 @@ const props = defineProps({
 const initOptions = useCanvasInitOptions(props.chartConfig.option, props.themeSetting)
 
 const option = computed(() => {
-    return mergeTheme(props.chartConfig.option, props.themeSetting, includes)
+  return mergeTheme(props.chartConfig.option, props.themeSetting, includes)
 })
 
 use([DatasetComponent, CanvasRenderer, LineChart, GridComponent, TooltipComponent, LegendComponent])
@@ -400,13 +397,21 @@ onMounted(() => {
 
 .buttonContent span {
 
-  font-size: 15px;
+  font-family: 'CustomFont';
-  color: #ffffff;
+  font-style: italic;
-  letter-spacing: 2px;
+  letter-spacing: 0.5px;
-  font-weight: 500;
+  color: #eee;
-  text-shadow: -4px -4px 10px #3B8ED4;
+  text-shadow: 1px 3px 10px #000000;
-  padding: 0;
+  font-size: 16px;
-  margin: 0;
+  margin-top: -2px;
+}
 
+.title {
+  font-family: 'CustomFont';
+  font-style: italic;
+  letter-spacing: 0.5px;
+  color: #eee;
+  text-shadow: 1px 3px 10px #000000;
+  font-size: 16px;
 }
 </style>

src/packages/components/Charts/HazardousChemicalsSpace/MaxTrimHaz/config.ts

@@ -3,6 +3,7 @@ import { CreateComponentType } from '@/packages/index.d'
 import { MaxTrimConfig } from './index'
 import cloneDeep from 'lodash/cloneDeep'
 import { chartInitConfig } from '@/settings/designSetting'
+import { fontFamily } from 'html2canvas/dist/types/css/property-descriptors/font-family'
 
 export enum WritingModeEnum {
   HORIZONTAL = '水平',
@@ -41,10 +42,11 @@ export const option = {
   paddingX: 35,
   paddingY: 6,
   textAlign: 'start', // 水平对齐方式
-  fontWeight: 'bold',
+  fontWeight: 'normal',
   fontStyle: 'italic',
   // 字间距
   letterSpacing: 10,
+  fontFamily: 'CustomFont',
   writingMode: 'horizontal-tb',
   backgroundColor: '#00000000'
 }

src/packages/components/Charts/HazardousChemicalsSpace/MaxTrimHaz/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="go-text-box">
-    <div class="content" >
+    <div class="content">
       {{ option.dataset }}
     </div>
     <svg width="1920" height="94" class="svg" viewBox="0 0 1920 94" fill="none"
@@ -286,7 +286,7 @@ const { fontColor,
   writingMode,
   backgroundColor,
   fontWeight,
-  fontStyle, fontShadowColor } = toRefs(props.chartConfig.option)
+  fontStyle, fontShadowColor, fontFamily } = toRefs(props.chartConfig.option)
 
 const option = shallowReactive({
   dataset: configOption.dataset
@@ -333,7 +333,8 @@ useChartDataFetch(props.chartConfig, useChartEditStore, (newData: string) => {
   font-weight: v-bind('fontWeight');
   font-style: v-bind('fontStyle');
   background-color: v-bind('backgroundColor');
-  text-shadow: 0px 4px 3px  v-bind('fontShadowColor');
+  text-shadow: 0px 4px 3px v-bind('fontShadowColor');
+  font-family: v-bind('fontFamily');
 }
 
 .go-text-box .svg {

src/packages/components/Charts/HazardousChemicalsSpace/PieCenterHaz/index.vue

@@ -328,12 +328,13 @@ const handleSelectChange = async (value: string) => {
     height: 45px;
     line-height: 45px;
     left: 80px;
-    font-size: 16px;
-    font-weight: bold;
-    color: #eee;
-    font-style: italic;
-    text-shadow: 0 0 10px #00E5FF;
     white-space: nowrap;
+    font-family: 'CustomFont';
+    font-style: italic;
+    letter-spacing: 0.5px;
+    color: #eee;
+    text-shadow: 1px 3px 10px #000000;
+    font-size: 16px;
 }
 
 

src/packages/components/Charts/HazardousChemicalsSpace/SmallBorder/index.vue

@@ -67,9 +67,11 @@ $border-gradient-end: rgba(128, 128, 128, 0);
     // z-index: 2;
     width: 100%;
     height: 12%;
-    .svg{
+
+    .svg {
       width: 100%;
     }
+
     // background-color: antiquewhite;
 
     & .svg {

src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/config.ts

@@ -3,7 +3,7 @@ import { CreateComponentType } from '@/packages/index.d'
 import { TopAlarmsConfig } from './index'
 import dataJson from './data.json'
 export const option = {
-  dateTime: {
+    dateTime: {
         selectValue: 'day',
         dataset: [
             {
@@ -29,26 +29,26 @@ export const option = {
         ]
     },
 
-  dataset: dataJson.source,
+    dataset: dataJson.source,
-  title: '未处置报警数TOP5',
+    title: '未处置报警数TOP5',
-  titleColor: '#ffffff',
+    titleColor: '#ffffff',
-  titleSize: 17,
+    titleSize: 16,
-  rankColor: '#5AA1AD',
+    rankColor: '#5AA1AD',
-  nameColor: '#eeeeee',
+    nameColor: '#eeeeee',
-  valueColor: '#eeeeee',
+    valueColor: '#eeeeee',
-  barColorStart: '#2f72b5',
+    barColorStart: '#2f72b5',
-  barColorEnd: '#99C6E6',
+    barColorEnd: '#99C6E6',
-  dropdownOptions: ['当日', '当月', '当年'],
+    dropdownOptions: ['当日', '当月', '当年'],
-  dropdownDefault: '当日',
+    dropdownDefault: '当日',
-  iconColor: '#00E5FF',
+    iconColor: '#00E5FF',
-  letterSpacing: 1,
+    letterSpacing: 0.5,
-  paddingX: 40,
+    paddingX: 45,
-  paddingY: -5,
+    paddingY: -5,
-  isShowButton: false
+    isShowButton: false
 }
 export default class Config extends PublicConfigClass implements CreateComponentType {
-  public key = TopAlarmsConfig.key
+    public key = TopAlarmsConfig.key
-  public chartConfig = TopAlarmsConfig
+    public chartConfig = TopAlarmsConfig
-  public option = option
+    public option = option
 
 }

src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/index.vue

@@ -1,12 +1,8 @@
 <template>
   <SmallBorder class="SmallBorder">
     <div class="go-top-alarms">
-      <CustomSelect 
+      <CustomSelect :options="option.dateTime.dataset" :selectedValue="option.dateTime.selectValue"
-            :options="option.dateTime.dataset" 
+        @change="handleSelectChange" class="top-select" />
-            :selectedValue="option.dateTime.selectValue"
-            @change="handleSelectChange"
-            class="top-select"
-        />
       <div class="header">
         <div class="title">
           <div class="title-text">
@@ -143,7 +139,7 @@ onMounted(async () => {
   color: #fff;
 
   .top-select {
-    top:20px;
+    top: 20px;
   }
 
   .header {
@@ -161,9 +157,16 @@ onMounted(async () => {
         height: 35px;
         display: flex;
         align-items: center;
-        padding: 0 20px 0 20px;
+        padding: 2px 20px 0 20px;
         margin-left: 0px;
         clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
+
+        font-family: 'CustomFont';
+        font-style: italic;
+        letter-spacing: 0.5px;
+        color: #eee;
+        text-shadow: 1px 3px 10px #000000;
+        font-size: 16px;
       }
     }
 

src/packages/components/Charts/HazardousChemicalsSpace/yushiVideoHaz/index.vue

@@ -5,53 +5,23 @@
     <div class="header-title">实时视频</div>
     <div :class="option.isOldStyle ? 'video_title' : 'video_title video_title_new'" v-if="option.showBtn">
       <div class="title_text" v-if="option.showTree && option.showBtn">{{ option.videoTitle }}</div>
-      <n-select
+      <n-select v-if="!option.showTree" class="video_select" placement="top-end"
-        v-if="!option.showTree"
+        v-model:value="option.selectedDataSource" :options="option.dataSource" :style="`width:${w / 2}px;`"
-        class="video_select"
+        @update:value="handleSelectDataSource" />
-        placement="top-end"
+      <n-button tertiary v-else-if="option.showTree && option.showBtn && option.isOldStyle"
-        v-model:value="option.selectedDataSource"
-        :options="option.dataSource"
-        :style="`width:${w / 2}px;`"
-        @update:value="handleSelectDataSource"
-      />
-      <n-button
-        tertiary
-        v-else-if="option.showTree && option.showBtn && option.isOldStyle"
         :class="option.isOldStyle ? 'videoChangBtn' : 'videoChangBtn videoChangBtn_new'"
-        @click="handleClick"
+        @click="handleClick">切换</n-button>
-        >切换</n-button
+      <n-button tertiary v-else-if="option.showTree && option.showBtn && !option.isOldStyle"
-      >
-      <n-button
-        tertiary
-        v-else-if="option.showTree && option.showBtn && !option.isOldStyle"
         :class="option.isOldStyle ? 'videoChangBtn' : 'videoChangBtn videoChangBtn_new'"
-        @click="handleClick"
+        @click="handleClick"></n-button>
-      ></n-button>
 
-      <n-modal
+      <n-modal v-model:show="showDialog" :mask-closable="false" preset="card" title="选择摄像头"
-        v-model:show="showDialog"
+        :class="['custom-tab-modal']" :draggable="{ bounds: 'none' }" :style="{ width: '644px', height: '420px' }">
-        :mask-closable="false"
+        <n-tree-select ref="cameraTree" class="cameraTree" :menu-props="{
-        preset="card"
+          class: 'custom-dropdown'
-        title="选择摄像头"
+        }" v-model:value="option.selectedDataSource" :options="option.dataset.list" clearable
-        :class="['custom-tab-modal']"
+          :default-expanded-keys="option.expandedKeys" style="width: 615px; margin-top: 16px" :show="isDropdownOpen"
-        :draggable="{ bounds: 'none' }"
+          @update:show="handleShowChange" @update:value="handleSelectDataSource" />
-        :style="{ width: '644px', height: '420px' }"
-      >
-        <n-tree-select
-          ref="cameraTree"
-          class="cameraTree"
-          :menu-props="{
-            class: 'custom-dropdown'
-          }"
-          v-model:value="option.selectedDataSource"
-          :options="option.dataset.list"
-          clearable
-          :default-expanded-keys="option.expandedKeys"
-          style="width: 615px; margin-top: 16px"
-          :show="isDropdownOpen"
-          @update:show="handleShowChange"
-          @update:value="handleSelectDataSource"
-        />
       </n-modal>
     </div>
     <div ref="vYushiVideoRef" class="go-video" :id="uuid"></div>
@@ -625,7 +595,7 @@ const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (n
 }
 </style>
 <style lang="scss">
-.custom-tab-modal > .n-card-header {
+.custom-tab-modal>.n-card-header {
   background-color: rgba(26, 56, 113, 1) !important;
   background-image: linear-gradient(to right, rgba(8, 100, 177, 0.7), transparent) !important;
   padding: 16px !important;
@@ -633,7 +603,7 @@ const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (n
   border-bottom-width: 0px !important;
 }
 
-.custom-tab-modal > .n-card__content {
+.custom-tab-modal>.n-card__content {
   background-color: rgba(26, 56, 113, 1) !important;
   border: 2px solid rgba(62, 200, 244, 1);
   padding-left: 12px;
@@ -729,6 +699,7 @@ const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (n
   box-shadow: unset !important;
   width: 615px !important;
 }
+
 .custom-data-table .v-binder-follower-content {
   transform: translateX(7px) translateY(104px) !important;
 }
@@ -773,18 +744,19 @@ const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (n
   }
 }
 
-.header-title{
+.header-title {
-    position: absolute;
+  position: absolute;
-    top: 0;
+  top: 3px;
-    height: 45px;
+  height: 45px;
-    line-height: 45px;
+  line-height: 45px;
-    left: 80px;
+  left: 80px;
-    font-size: 16px;
+  white-space: nowrap;
-    font-weight: bold;
+  font-family: 'CustomFont';
-    color: #eee;
+  font-style: italic;
-    font-style: italic;
+  letter-spacing: 0.5px;
-    text-shadow: 0 0 10px #00E5FF;
+  color: #eee;
-    white-space: nowrap;
+  text-shadow: 1px 3px 10px #000000;
+  font-size: 16px;
 }
 
 .svg {