风机图标

src/components/map/index.vue

@@ -5,15 +5,24 @@
       <h3>{{ hoverInfo.fieldName }}</h3>
       <div>
         <p>
+          <span>状态:</span
+          ><span>{{
+            hoverInfo.analysisState === 30 ? "已完成分析" : "未完成分析"
+          }}</span>
+        </p>
+        <p>
           <span>风场编号</span><span>{{ hoverInfo.codeNumber }}</span>
         </p>
         <p>
           <span>风机数量</span><span>{{ newWind.engineTotalCount }} 台</span>
         </p>
         <p>
-          <span>总容量</span><span>{{
-            newWind?.ratedCapacityNumber ? newWind.ratedCapacityNumber : 0
-          }}/KW</span>
+          <span>总容量</span
+          ><span
+            >{{
+              newWind?.ratedCapacityNumber ? newWind.ratedCapacityNumber : 0
+            }}/KW</span
+          >
         </p>
         <p>
           <span>经度</span><span>{{ hoverInfo.longitude }}°</span>
@@ -22,10 +31,13 @@
           <span>纬度</span><span>{{ hoverInfo.latitude }}°</span>
         </p>
         <p>
-          <span>分析类型数</span><span>{{
-            hoverInfo.analysisTypeCount ? hoverInfo.analysisTypeCount : 0
-          }}
-            个</span>
+          <span>分析类型数</span
+          ><span
+            >{{
+              hoverInfo.analysisTypeCount ? hoverInfo.analysisTypeCount : 0
+            }}
+            个</span
+          >
         </p>
         <p>
           <span>分析开始时间</span>
@@ -36,17 +48,29 @@
           }}</span>
         </p>
         <p>
-  <span>分析结束时间</span>
-  <span>{{ newWind.analysisEndTime ? $formatDateTWO(newWind.analysisEndTime) : '暂无数据' }}</span>
-</p>
-<p>
-  <span>数据开始时间</span>
-  <span>{{ newWind.dataStartTime ? $formatDateTWO(newWind.dataStartTime) : '暂无数据' }}</span>
-</p>
-<p>
-  <span>数据结束时间</span>
-  <span>{{ newWind.dataEndTime ? $formatDateTWO(newWind.dataEndTime) : '暂无数据' }}</span>
-</p>
+          <span>分析结束时间</span>
+          <span>{{
+            newWind.analysisEndTime
+              ? $formatDateTWO(newWind.analysisEndTime)
+              : "暂无数据"
+          }}</span>
+        </p>
+        <p>
+          <span>数据开始时间</span>
+          <span>{{
+            newWind.dataStartTime
+              ? $formatDateTWO(newWind.dataStartTime)
+              : "暂无数据"
+          }}</span>
+        </p>
+        <p>
+          <span>数据结束时间</span>
+          <span>{{
+            newWind.dataEndTime
+              ? $formatDateTWO(newWind.dataEndTime)
+              : "暂无数据"
+          }}</span>
+        </p>
 
         <!-- <p>
           <span>最新分析时间</span><span> {{ $formatDateTWO(hoverInfo.wfbrCreateTime) }}</span>
@@ -61,13 +85,17 @@
           <span>风机编号</span><span>{{ hoverfengji.engineCode }}</span>
         </p>
         <p>
-          <span>额定容量</span><span>{{
-            hoverfengji?.ratedCapacity ? hoverfengji?.ratedCapacity : 0
-          }}
-            /KW</span>
+          <span>额定容量</span
+          ><span
+            >{{
+              hoverfengji?.ratedCapacity ? hoverfengji?.ratedCapacity : 0
+            }}
+            /KW</span
+          >
         </p>
         <p>
-          <span>海拔高度</span><span>{{ hoverfengji.elevationHeight }} /米</span>
+          <span>海拔高度</span
+          ><span>{{ hoverfengji.elevationHeight }} /米</span>
         </p>
         <p>
           <span>轮毂高度</span><span>{{ hoverfengji.hubHeight }} /米</span>
@@ -86,10 +114,12 @@
           <span>额定风速</span><span>{{ hoverfengji.ratedWindSpeed }} m/s</span>
         </p>
         <p>
-          <span>切入风速</span><span>{{ hoverfengji.ratedCutInWindspeed }} m/s</span>
+          <span>切入风速</span
+          ><span>{{ hoverfengji.ratedCutInWindspeed }} m/s</span>
         </p>
         <p>
-          <span>切出风速</span><span>{{ hoverfengji.ratedCutOutWindspeed }} m/s</span>
+          <span>切出风速</span
+          ><span>{{ hoverfengji.ratedCutOutWindspeed }} m/s</span>
         </p>
       </div>
     </div>
@@ -110,7 +140,8 @@
           <span>状态</span><span>{{  }}</span>
         </p> -->
         <p>
-          <span>测风塔高度</span><span>{{ hoverta.anemometerHeightStrings }}/米</span>
+          <span>测风塔高度</span
+          ><span>{{ hoverta.anemometerHeightStrings }}/米</span>
         </p>
       </div>
     </div>
@@ -239,22 +270,25 @@ export default {
       const source = layer.getSource();
 
       const iconSrc = this.getIconForValue(data.val);
+      const scale = data.val === "4" ? [0.5, 0.5] : [0.3, 0.3]; // 如果是 icon04，设置 scale 为 [0.5, 0.5]，其他保持 [0.3, 0.3]
 
       const feature = new Feature({
         geometry: new Point(fromLonLat(data.point, "EPSG:4326")),
         name: "marker",
         data,
       });
+
       feature.setStyle(
         new Style({
           image: new Icon({
             src: iconSrc,
-            scale: [0.3, 0.3],
+            scale: scale, // 根据条件动态设置 scale
             anchor: [0.5, 1],
             opacity: 1,
           }),
         })
       );
+
       source.addFeature(feature);
     },
     /**
@@ -321,7 +355,7 @@ export default {
 
           // 只有当当前悬停的 feature 和上次的不同，才触发操作
           if (lastHoveredFeature !== feature) {
-            if (val == "1" || val == "30"||val == "-1") {
+            if (val == "1" || val == "30" || val == "-1") {
               this.hoverInfo = feature.get("data");
               this.hoverStyle.left = `${evt.pixel[0] + 10}px`;
               this.hoverStyle.top = `${evt.pixel[1] - 150}px`;