src/packages/components/Charts/MyComponents/AlarmList/config.ts

@@ -44,7 +44,8 @@ export const option = {
   fontStyle: 'normal',
   paddingX: 40,
   paddingY: -17,
-  letterSpacing: 2
+  letterSpacing: 2,
+  isShowButton: false
 }
 
 export default class Config extends PublicConfigClass implements CreateComponentType {

src/packages/components/Charts/MyComponents/AlarmList/index.vue

@@ -18,7 +18,7 @@
             }">{{ option.title }}</span>
           </div>
         </div>
-        <div v-if="false" class="header-right-squares">
+        <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> -->
@@ -59,7 +59,6 @@
 import { PropType, computed } from 'vue'
 import { option as configOption } from './config'
 import SmallBorder from '../SmallBorder/index.vue'
-import { width } from 'dom-helpers'
 const props = defineProps({
   chartConfig: {
     type: Object as PropType<{ option: typeof configOption }>,
@@ -85,9 +84,9 @@ const getStatusColor = (status: string) => {
   // background-color: #2066df;
   color: #ffffff;
   padding: 12px;
-  margin-top:5px;
+  margin-top: 5px;
   box-sizing: border-box;
-  
+
   .header {
     display: flex;
     justify-content: space-between;