fix:修改滑动块样式

hx-ai-intelligent/src/view/alarmManagement/alarmOverview/index.vue

@@ -302,7 +302,7 @@
           handleIcon:
             'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z', // 使用类似 axisPointer 的图标
           handleSize: '140%', // 放大按钮
-          borderColor: 'none',
+          // borderColor: 'none',
           handleStyle: {
             // color: 'red',
             // shadowBlur: 6,
@@ -320,7 +320,7 @@
           // textStyle: {
           //   fontStyle: 'italic', // 设置字体倾斜
           // },
-          showDataShadow: false, // 隐藏数据阴影
+          // showDataShadow: false, // 隐藏数据阴影
         },
       ],
       series: [

hx-ai-intelligent/src/view/alarmManagement/energyAlarm/look.vue

@@ -230,7 +230,7 @@
           handleIcon:
             'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z', // 使用类似 axisPointer 的图标
           handleSize: '140%', // 放大按钮
-          borderColor: 'none',
+          // borderColor: 'none',
           handleStyle: {
             // color: 'red',
             // shadowBlur: 6,

hx-ai-intelligent/src/view/alarmManagement/energyAlarm/ts/config.ts

@@ -71,7 +71,7 @@ export const notificationtableConfig = (look: any, status: any) => {
           name: 'FeedBackDetail',
           dynamicParams: ['uuid', 'appealType'],
           handle: (data: any) => {
-            look.value.toggle(data);
+            look.value.toggle({ ...data });
           },
         },
         {
@@ -79,7 +79,7 @@ export const notificationtableConfig = (look: any, status: any) => {
           name: 'FeedBackDetail',
           dynamicParams: ['uuid', 'appealType'],
           handle: (data: any) => {
-            status.value.toggle(data);
+            status.value.toggle({ ...data });
           },
         },
       ],

hx-ai-intelligent/src/view/alarmManagement/equipmentAlarm/look.vue

@@ -209,13 +209,45 @@
           },
         },
       ],
+      //滑块样式
       dataZoom: [
         {
-          height: 12,
+          type: 'inside',
           start: 0,
           end: 100,
-          handleSize: '300%', // 设置滑块的大小
+        },
-          bottom: 15,
+        {
+          type: 'slider',
+          // backgroundColor: 'yellow',
+          // fillerColor: 'yellow',
+          height: 12, // 设置slider的高度为15
+          start: 0,
+          end: 100,
+          right: 60,
+          left: 60,
+          bottom: 10,
+          handleIcon:
+            'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z', // 使用类似 axisPointer 的图标
+          handleSize: '140%', // 放大按钮
+          // borderColor: 'none',
+          handleStyle: {
+            // color: 'red',
+            // shadowBlur: 6,
+            // shadowColor: 'yellow',
+            shadowOffsetX: 0, // 阴影偏移x轴多少
+            shadowOffsetY: 0, // 阴影偏移y轴多少
+          },
+          // 显示的label的格式化器
+          // 20050101 变为 2005\n0101
+          // labelFormatter: function (index, value) {
+          //   const year = value.slice(0, 4);
+          //   const date = value.slice(4);
+          //   return year + '\n' + date;
+          // },
+          // textStyle: {
+          //   fontStyle: 'italic', // 设置字体倾斜
+          // },
+          showDataShadow: false, // 隐藏数据阴影
         },
       ],
       series: [

hx-ai-intelligent/src/view/alarmManagement/equipmentAlarm/ts/config.ts

@@ -73,7 +73,7 @@ export const notificationtableConfig = (look: any, status: any) => {
           name: 'FeedBackDetail',
           dynamicParams: ['uuid', 'appealType'],
           handle: (data: any) => {
-            look.value.toggle(data);
+            look.value.toggle({ ...data });
           },
         },
         {
@@ -81,7 +81,7 @@ export const notificationtableConfig = (look: any, status: any) => {
           name: 'FeedBackDetail',
           dynamicParams: ['uuid', 'appealType'],
           handle: (data: any) => {
-            status.value.toggle(data);
+            status.value.toggle({ ...data });
           },
         },
       ],

hx-ai-intelligent/src/view/alarmManagement/gatewayAlarm/look.vue

@@ -217,7 +217,7 @@
           handleIcon:
             'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z', // 使用类似 axisPointer 的图标
           handleSize: '140%', // 放大按钮
-          borderColor: 'none',
+          // borderColor: 'none',
           handleStyle: {
             // color: 'red',
             // shadowBlur: 6,

hx-ai-intelligent/src/view/alarmManagement/gatewayAlarm/ts/config.ts

@@ -68,8 +68,7 @@ export const notificationtableConfig = (look: any, status: any) => {
           name: 'FeedBackDetail',
           dynamicParams: ['uuid', 'appealType'],
           handle: (data: any) => {
-            console.log(look.value);
+            look.value.toggle({ ...data });
-            look.value.toggle(data);
           },
         },
         {
@@ -77,7 +76,7 @@ export const notificationtableConfig = (look: any, status: any) => {
           name: 'FeedBackDetail',
           dynamicParams: ['uuid', 'appealType'],
           handle: (data: any) => {
-            status.value.toggle(data);
+            status.value.toggle({ ...data });
           },
         },
       ],