refactor(Charts): 重构报警列表组件

- 使用 PublicSmallBorder 组件替换原有的 SmallBorder 组件

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

@@ -37,7 +37,7 @@ export const option = {
   headerHeight: 28,
   itemHeight: 28,
   fontSize: 12,
-  title: '近60分钟报警信息',
+  titleText: '近60分钟报警信息',
   titleSize: 16,
   titleColor: '#eee',
   fontWeight: 'normal',

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

@@ -1,27 +1,7 @@
 <template>
-  <SmallBorder class="SmallBorder">
   <div class="go-alarm-list">
-      <div class="header">
-        <div class="title">
-
-          <div class="title-text">
-            <span :style="{
-              color: option.titleColor,
-              fontSize: option.titleSize + 'px',
-              fontWeight: option.fontWeight,
-              fontStyle: option.fontStyle,
-              marginLeft: option.paddingX + 'px',
-              marginTop: option.paddingY + 'px',
-              letterSpacing: option.letterSpacing + 'px'
-            }">{{ option.title }}</span>
-          </div>
-        </div>
-        <div v-if="option.isShowButton" class="header-right-squares">
-          <div class="square" style="background-color: #2e69e0"></div>
-          <div class="square" style="background-color: #2e9bf0"></div>
-          <div class="square" style="background-color: #2ef0b3"></div>
-        </div>
-      </div>
+    <PublicSmallBorder :title-text="option.titleText">
+      <div class="content">
         <div class="table-header" :style="{
           height: option.headerHeight + 'px'
         }">
@@ -51,7 +31,11 @@
           </div>
         </div>
       </div>
-  </SmallBorder>
+    </PublicSmallBorder>
+  </div>
+
+
+
 
 </template>
 
@@ -60,7 +44,7 @@ import { PropType, computed, ref, onMounted, onUnmounted } from 'vue'
 import { option as configOption } from './config'
 import SmallBorder from '../SmallBorder/index.vue'
 import axiosInstance from '@/api/axios'
-
+import PublicSmallBorder from '../../Public_SmallBorder/index.vue'
 const props = defineProps({
   chartConfig: {
     type: Object as PropType<{ option: typeof configOption }>,
@@ -89,7 +73,7 @@ const convertTimestampToDateTime = (timestamp: number | string) => {
 const fetchRecentAlarms = async () => {
   try {
     const res: any = await axiosInstance.get(
-      `/awjt/space/getRecentAlarms/${option.value.sceneCode}`,
+      `/awjt/space/getRecentAlarms`,
       {
         responseType: 'json',
         baseURL: ''
@@ -147,22 +131,17 @@ onUnmounted(() => {
 </script>
 
 <style lang="scss" scoped>
-.SmallBorder {
-  position: relative;
-  // background-color: #ffffff;
+.go-alarm-list {
+  width: 100%;
+  height: 100%;
 }
 
-.go-alarm-list {
-  position: absolute;
-  top: 0;
-  right: 0;
+.content {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   color: #ffffff;
-  padding: 12px;
-  margin-top: 5px;
   box-sizing: border-box;
   // background-color: #4da6ff;
   z-index: 10;