修改冀北现场问题

绘制 算法库 案例库页面
联调 辽宁 有功功率页面

src/views/LN/newEnergy/highAndLowPressure/index.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="default-main">
-        <TableHeader datePicker area ref="header">
+        <TableHeader datePicker theCurrentTime area ref="header">
             <!-- <template v-slot:select>
                
             </template> -->
@@ -49,15 +49,17 @@
                                         field="featureAmplitude"
                                         title="暂降(骤升)幅值(%)"
                                         sortable
+                                        min-width="150px"
                                     ></vxe-column>
                                     <vxe-column
                                         field="advanceReason"
                                         title="暂降原因"
                                         sortable
                                         :formatter="formFilter"
+                                        min-width="100px"
                                     ></vxe-column>
-                                    <vxe-column field="severity" title="严重度" sortable></vxe-column>
-                                    <vxe-column title="操作">
+                                    <vxe-column field="severity" title="严重度" min-width="100px" sortable></vxe-column>
+                                    <vxe-column title="操作" width="80px">
                                         <template #default="{ row }">
                                             <el-button
                                                 type="primary"
@@ -81,6 +83,7 @@
                             <div v-if="wp != null">
                                 <rmsboxi :value="1" :height="height" :boxoList="boxoList" :wp="wp" />
                             </div>
+                            <el-empty v-else description="暂无数据" class="custom-empty" />
                         </div>
                     </el-card>
                 </el-col>
@@ -100,6 +103,7 @@ import { getMonitorEventAnalyseWave, getTransientDetailById } from '@/api/event-
 import rmsboxi from '@/components/echarts/rmsboxi.vue'
 import { ref, onMounted, provide } from 'vue'
 import { mainHeight } from '@/utils/layout'
+import { FormItem } from 'vxe-table'
 defineOptions({
     name: 'newEnergy/highAndLowPressure'
 })
@@ -181,15 +185,17 @@ const map = (res: any) => {
             },
             viewControl: {
                 alpha: 60,
-                distance: 120
+                distance: 120,
+                panMouseButton: 'right', //平移操作使用的鼠标按键
+                rotateMouseButton: 'left' //旋转操作使用的鼠标按键
             },
             label: {
                 show: true,
                 color: '#000',
                 fontSize: 14,
+                distance: 0,
                 textStyle: {
                     color: '#000',
-
                     backgroundColor: '#000'
                 }
             },
@@ -210,7 +216,7 @@ const map = (res: any) => {
                         show: true,
                         position: 'top',
                         formatter: params => {
-                            return params.value[2] || ''
+                            return params.value[2]
                         }
                     },
 
@@ -231,8 +237,7 @@ const map = (res: any) => {
                     },
                     emphasis: {
                         label: { show: true }
-                    },
-                    zlevel: 1
+                    }
                 },
                 {
                     name: '高压',
@@ -241,9 +246,9 @@ const map = (res: any) => {
                     shading: 'lambert',
                     label: {
                         show: true,
-                        position: 'top',
+                        // position: 'top',
                         formatter: params => {
-                            return params.value[2] || ''
+                            return params.value[2]
                         }
                     },
 
@@ -253,7 +258,7 @@ const map = (res: any) => {
                             : res.map((item: any) => {
                                   return {
                                       ...item,
-                                      value: [item.lng - 0.07, item.lat, item.highPressure || 0]
+                                      value: [item.lng - 0.1, item.lat, item.highPressure || 0]
                                   }
                               }),
                     // [
@@ -296,6 +301,21 @@ const tabulation = (e: any) => {
     })
         .then(res => {
             distributionData.value = res.data
+
+            for (let i = 0; i < res.data.length; i++) {
+                if (res.data[i].wavePath != null) {
+                    boxi(res.data[i])
+                    break
+                }
+            }
+
+            // res.data.forEach((item: any) => {
+            //     if (item.wavePath != null) {
+            //         boxi(item)
+            //         return
+            //     }
+            // })
+            // 。wavePath
             loading.value = false
         })
         .catch(() => {
@@ -369,4 +389,19 @@ const layout1 = mainHeight(93) as any
 :deep(.el-card__body) {
     padding: 10px;
 }
+/* 自定义 el-empty 的样式 */
+:deep(.custom-empty) {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%; /* 调整高度 */
+    padding: 20px; /* 调整内边距 */
+    .el-empty__image {
+        display: none; /* 隐藏默认图片 */
+    }
+    .el-empty__description {
+        font-size: 14px; /* 调整字体大小 */
+        color: var(--vxe-font-color);
+    }
+}
 </style>