优化暂态事件列表

src/components/cockpit/F47Curve/index.vue

@@ -1,38 +1,21 @@
 <template>
     <div>
         <!--F47曲线 -->
-        <TableHeader
-            ref="TableHeaderRef"
-            :showReset="false"
-            :timeKeyList="prop.timeKey"
-            @selectChange="selectChange"
-            datePicker
-            v-if="fullscreen"
-        ></TableHeader>
+        <TableHeader ref="TableHeaderRef" :showReset="false" :timeKeyList="prop.timeKey" @selectChange="selectChange"
+            datePicker v-if="fullscreen"></TableHeader>
         <el-descriptions class="mt2" direction="vertical" :column="4" border>
             <el-descriptions-item align="center" label="名称">{{ data.name }}</el-descriptions-item>
             <el-descriptions-item align="center" label="事件总数">{{ data.gs }}</el-descriptions-item>
             <el-descriptions-item align="center" label="可容忍">{{ data.krr }}</el-descriptions-item>
             <el-descriptions-item align="center" label="不可容忍">{{ data.bkrr }}</el-descriptions-item>
         </el-descriptions>
-        <my-echart
-            v-loading="tableStore.table.loading"
-            ref="chartRef"
-            class="tall"
-            :options="echartList"
-            :style="{
-                width: prop.width,
-                height: `calc(${prop.height} - 80px - ${headerHeight}px + ${fullscreen ? 0 : 56}px)`
-            }"
-            @chart-click="handleChartClick"
-        />
+        <my-echart v-loading="tableStore.table.loading" ref="chartRef" class="tall" :options="echartList" :style="{
+            width: prop.width,
+            height: `calc(${prop.height} - 80px - ${headerHeight}px + ${fullscreen ? 0 : 56}px)`
+        }" @chart-click="handleChartClick" />
         <el-dialog v-model="isWaveCharts" v-if="isWaveCharts" draggable :title="dialogTitle" append-to-body width="70%">
-            <waveFormAnalysis
-                v-loading="loading"
-                ref="waveFormAnalysisRef"
-                @handleHideCharts="isWaveCharts = false"
-                :wp="wp"
-            />
+            <waveFormAnalysis v-loading="loading" ref="waveFormAnalysisRef" @handleHideCharts="isWaveCharts = false"
+                :wp="wp" />
         </el-dialog>
     </div>
 </template>
@@ -151,7 +134,7 @@ const tableStore: any = new TableStore({
 
                     relVal += "<font style='color:" + "'>发生时间:" + a.value[2] + '</font><br/>'
                     relVal += "<font style='color:" + "'>持续时间:" + a.value[0] + 's</font><br/>'
-                    relVal += "<font style='color:" + "'>特征幅值:" + a.value[1].toFixed(2) + '%</font>'
+                    relVal += "<font style='color:" + "'>特征幅值:" + Math.floor(a.value[1] * 100) / 100 + '%</font>'
                     return relVal
                 }
             },
@@ -173,10 +156,10 @@ const tableStore: any = new TableStore({
                     // max: function (value: any) {
                     //     return value.max + 20
                     // },
-                    max: function (value) {
-                        // 先取原始最大值+20，再向上取整到最近的10的倍数，确保刻度够用且规整
-                        return Math.ceil((value.max + 20) / 10) * 10
-                    },
+                    // max: function (value) {
+                    //     // 先取原始最大值+20，再向上取整到最近的10的倍数，确保刻度够用且规整
+                    //     return Math.ceil((value.max + 20) / 10) * 10
+                    // },
                     // splitNumber: 10,
                     // interval: 10,
                     // minInterval: 10,
@@ -461,7 +444,7 @@ const handleTolerableEventClick = async (row: any) => {
             if (res != undefined) {
                 boxoList.value = {
                     persistTime: row.value[0], //持续时间
-                    featureAmplitude: (row.value[1] / 100).toFixed(2), //残余电压
+                    featureAmplitude: (row.value[1] / 100), //残余电压
                     startTime: row.value[2], //时间
                     lineName: row.value[4] //监测点名称
                 }
@@ -510,6 +493,6 @@ watch(
     }
 )
 
-const addMenu = () => {}
+const addMenu = () => { }
 </script>
 <style lang="scss" scoped></style>