feat:工具细节完成

css/common.css

@@ -1,6 +1,6 @@
 /* 整个滚动条的区域 */
 ::-webkit-scrollbar {
-  width: 10px; /* 滚动条的宽度 */
+  width: 5px; /* 滚动条的宽度 */
   height: 10px; /* 滚动条的高度，用于水平滚动条 */
 }
 

index.html

@@ -465,6 +465,7 @@
                          {{ item.label }}
                        </a-select-option>
                         </a-select>
+                       <span style="margin-left:24px">框选时间段：{{lastBrushSelected?.minX}} ~ {{lastBrushSelected?.maxX}}</span>
                       </div>
                        </div>
                        <div ref='graphRef' class="line-graph" @dblclick='onDblclickGraph'></div>
@@ -663,6 +664,8 @@
                 coordRange: [0, index] // 设置刷选区域的坐标范围（类目轴是索引）
               }]
             });
+            // 更新上次的选中状态
+            this.lastBrushSelected = { minX: xAxisData[0], maxX: xAxisData[index] };
             this.$emit('getEventList', { startTime: xAxisData[0], endTime: xAxisData[index] })
           },
           // 双击跳转
@@ -921,7 +924,7 @@
                 {
                   name: 'PRPD数据',
                   type: 'scatter', // 使用折线图来模拟曲线
-                  symbolSize: 1,
+                  symbolSize: 1.5,
                   data: [],
                 },
               ]
@@ -949,7 +952,7 @@
                 series: [{
                   name: 'PRPD数据',
                   data: [],
-                  symbolSize: 1,
+                  symbolSize: 1.5,
                 }],
               }, { notMerge: false });
             }).finally(() => {
@@ -963,7 +966,7 @@
               series: [{
                 name: 'PRPD数据',
                 data: result,
-                symbolSize: 1,
+                symbolSize: 1.5,
               }],
               visualMap: {
                 min: minCount,
@@ -1692,8 +1695,13 @@
           const jumpToPRPD = (key) => {
             activeKey.value = 'prpdAndPrps'
             selectedKey.value = key
+            // 是否当前点击key存在
             const isExist = unref(totalPrpds).some(item => item.monitorKey === key)
             if (isExist) return
+            unref(totalPrpds).forEach(item => {
+              item.monitorKey = ''
+              item.monitorName = ''
+            })
             const addItem = unref(totalPrpds).find(item => !item.monitorKey)
             addItem.monitorKey = key
             addItem.monitorName = findMonitorNameByKey(unref(fullTreeData), key)