|
@@ -8,11 +8,17 @@
|
|
<span>风场编号</span><span>{{ hoverInfo.codeNumber }}</span>
|
|
<span>风场编号</span><span>{{ hoverInfo.codeNumber }}</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
- <span>空气密度</span><span>{{ hoverInfo.density }}</span>
|
|
|
|
|
|
+ <span>空气密度</span><span>{{ hoverInfo.density }} kg/m3</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
<span>总额定容量</span
|
|
<span>总额定容量</span
|
|
- ><span>{{ hoverInfo.ratedCapacityNumber }}</span>
|
|
|
|
|
|
+ ><span
|
|
|
|
+ >{{
|
|
|
|
+ hoverInfo?.ratedCapacityNumber
|
|
|
|
+ ? hoverInfo.ratedCapacityNumber
|
|
|
|
+ : 0
|
|
|
|
+ }}/KW</span
|
|
|
|
+ >
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
<span>经度</span><span>{{ hoverInfo.longitude }}</span>
|
|
<span>经度</span><span>{{ hoverInfo.longitude }}</span>
|
|
@@ -21,11 +27,11 @@
|
|
<span>纬度</span><span>{{ hoverInfo.latitude }}</span>
|
|
<span>纬度</span><span>{{ hoverInfo.latitude }}</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
- <span>海拔高度</span><span>{{ hoverInfo.elevationHeight }}</span>
|
|
|
|
|
|
+ <span>海拔高度</span><span>{{ hoverInfo.elevationHeight }} /米</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
<span>最新分析时间</span
|
|
<span>最新分析时间</span
|
|
- ><span> {{ $formatDate(hoverInfo.wfbrCreateTime) }}</span>
|
|
|
|
|
|
+ ><span> {{ $formatDateTWO(hoverInfo.wfbrCreateTime) }}</span>
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -37,13 +43,20 @@
|
|
<span>风机编号</span><span>{{ hoverfengji.engineCode }}</span>
|
|
<span>风机编号</span><span>{{ hoverfengji.engineCode }}</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
- <span>额定容量</span><span>{{ hoverfengji.ratedCapacity }}</span>
|
|
|
|
|
|
+ <span>额定容量</span
|
|
|
|
+ ><span
|
|
|
|
+ >{{
|
|
|
|
+ hoverfengji?.ratedCapacity ? hoverfengji?.ratedCapacity : 0
|
|
|
|
+ }}
|
|
|
|
+ /KW</span
|
|
|
|
+ >
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
- <span>海拔高度</span><span>{{ hoverfengji.elevationHeight }}</span>
|
|
|
|
|
|
+ <span>海拔高度</span
|
|
|
|
+ ><span>{{ hoverfengji.elevationHeight }} /米</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
- <span>轮毂高度</span><span>{{ hoverfengji.hubHeight }}</span>
|
|
|
|
|
|
+ <span>轮毂高度</span><span>{{ hoverfengji.hubHeight }} /米</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
<span>经度</span><span>{{ hoverfengji.longitude }}</span>
|
|
<span>经度</span><span>{{ hoverfengji.longitude }}</span>
|
|
@@ -56,15 +69,16 @@
|
|
<span>{{ hoverfengji.sightcing == 1 ? "是" : "否" }}</span>
|
|
<span>{{ hoverfengji.sightcing == 1 ? "是" : "否" }}</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
- <span>额定风速</span><span>{{ hoverfengji.rated_wind_speed }}</span>
|
|
|
|
|
|
+ <span>额定风速</span
|
|
|
|
+ ><span>{{ hoverfengji.rated_wind_speed }} m/s</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
<span>切入风速</span
|
|
<span>切入风速</span
|
|
- ><span>{{ hoverfengji.ratedCutInWindspeed }}</span>
|
|
|
|
|
|
+ ><span>{{ hoverfengji.ratedCutInWindspeed }} m/s</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
<span>切出风速</span
|
|
<span>切出风速</span
|
|
- ><span>{{ hoverfengji.ratedCutOutWindspeed }}</span>
|
|
|
|
|
|
+ ><span>{{ hoverfengji.ratedCutOutWindspeed }} m/s</span>
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -79,14 +93,14 @@
|
|
<span>经度</span><span>{{ hoverta.longitude }}</span>
|
|
<span>经度</span><span>{{ hoverta.longitude }}</span>
|
|
</p>
|
|
</p>
|
|
<p>
|
|
<p>
|
|
- <span>维度</span><span>{{ hoverta.anemometerName }}</span>
|
|
|
|
- </p>
|
|
|
|
- <p>
|
|
|
|
- <span>状态</span><span>{{ hoverta.latitude }}</span>
|
|
|
|
|
|
+ <span>维度</span><span>{{ hoverta.latitude }}</span>
|
|
</p>
|
|
</p>
|
|
|
|
+ <!-- <p>
|
|
|
|
+ <span>状态</span><span>{{ }}</span>
|
|
|
|
+ </p> -->
|
|
<p>
|
|
<p>
|
|
<span>测风塔高度</span
|
|
<span>测风塔高度</span
|
|
- ><span>{{ hoverta.anemometerHeightStrings }}</span>
|
|
|
|
|
|
+ ><span>{{ hoverta.anemometerHeightStrings }}/米</span>
|
|
</p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -170,7 +184,8 @@ export default {
|
|
new TileLayer({
|
|
new TileLayer({
|
|
source: new XYZ({
|
|
source: new XYZ({
|
|
// url: "http://127.0.0.1:8010/tiles/{z}/{x}/{y}.png", //本地
|
|
// url: "http://127.0.0.1:8010/tiles/{z}/{x}/{y}.png", //本地
|
|
- url: "http://192.168.50.235/tiles/{z}/{x}/{y}.png", //内外
|
|
|
|
|
|
+ // url: "http://192.168.50.235/tiles/{z}/{x}/{y}.png", //内网
|
|
|
|
+ url: "http://106.120.102.238:18000/tiles/{z}/{x}/{y}.png", //外网
|
|
}),
|
|
}),
|
|
}),
|
|
}),
|
|
new VectorLayer({
|
|
new VectorLayer({
|
|
@@ -267,31 +282,30 @@ export default {
|
|
if (val == "1") {
|
|
if (val == "1") {
|
|
this.hoverInfo = feature.get("data");
|
|
this.hoverInfo = feature.get("data");
|
|
this.hoverStyle.left = `${evt.pixel[0] + 10}px`;
|
|
this.hoverStyle.left = `${evt.pixel[0] + 10}px`;
|
|
- this.hoverStyle.top = `${evt.pixel[1] + 10}px`;
|
|
|
|
|
|
+ this.hoverStyle.top = `${evt.pixel[1] - 150}px`;
|
|
} else if (val == "4") {
|
|
} else if (val == "4") {
|
|
this.hoverfengji = feature.get("data");
|
|
this.hoverfengji = feature.get("data");
|
|
this.hoverfengjiStyle.left = `${evt.pixel[0] + 10}px`;
|
|
this.hoverfengjiStyle.left = `${evt.pixel[0] + 10}px`;
|
|
- this.hoverfengjiStyle.top = `${evt.pixel[1] + 10}px`;
|
|
|
|
- this.currentFeatureData = feature.get("data"); // Store the feature data for click event
|
|
|
|
|
|
+ this.hoverfengjiStyle.top = `${evt.pixel[1] - 150}px`;
|
|
|
|
+ this.currentFeatureData = feature.get("data");
|
|
} else if (val == "5") {
|
|
} else if (val == "5") {
|
|
this.hoverta = feature.get("data");
|
|
this.hoverta = feature.get("data");
|
|
this.hovertaStyle.left = `${evt.pixel[0] + 10}px`;
|
|
this.hovertaStyle.left = `${evt.pixel[0] + 10}px`;
|
|
- this.hovertaStyle.top = `${evt.pixel[1] + 10}px`;
|
|
|
|
- this.currentFeatureData = feature.get("data"); // Store the feature data for click event
|
|
|
|
|
|
+ this.hovertaStyle.top = `${evt.pixel[1] - 150}px`;
|
|
|
|
+ this.currentFeatureData = feature.get("data");
|
|
} else {
|
|
} else {
|
|
this.hoverInfo = null;
|
|
this.hoverInfo = null;
|
|
this.hoverfengji = false;
|
|
this.hoverfengji = false;
|
|
this.hoverta = false;
|
|
this.hoverta = false;
|
|
- this.currentFeatureData = null; // Ensure no stored feature data if val is not 3 or 4
|
|
|
|
|
|
+ this.currentFeatureData = null;
|
|
}
|
|
}
|
|
} else {
|
|
} else {
|
|
this.hoverInfo = null;
|
|
this.hoverInfo = null;
|
|
this.hoverfengji = false;
|
|
this.hoverfengji = false;
|
|
this.hoverta = false;
|
|
this.hoverta = false;
|
|
- this.currentFeatureData = null; // Ensure no stored feature data if there are no features
|
|
|
|
|
|
+ this.currentFeatureData = null;
|
|
}
|
|
}
|
|
});
|
|
});
|
|
-
|
|
|
|
this.map.on("click", (evt) => {
|
|
this.map.on("click", (evt) => {
|
|
const features = this.map.getFeaturesAtPixel(evt.pixel, {
|
|
const features = this.map.getFeaturesAtPixel(evt.pixel, {
|
|
hitTolerance: 1,
|
|
hitTolerance: 1,
|
|
@@ -300,17 +314,12 @@ export default {
|
|
const feature = features.at(0);
|
|
const feature = features.at(0);
|
|
this.$emit("feature-click", feature.get("data"));
|
|
this.$emit("feature-click", feature.get("data"));
|
|
}
|
|
}
|
|
- // Check if there's stored feature data and if it's a val === "4" feature
|
|
|
|
if (this.currentFeatureData && this.currentFeatureData.val === "4") {
|
|
if (this.currentFeatureData && this.currentFeatureData.val === "4") {
|
|
- // Handle click event for val === "4"
|
|
|
|
this.handleFeatureClick(this.currentFeatureData);
|
|
this.handleFeatureClick(this.currentFeatureData);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
},
|
|
-
|
|
|
|
handleFeatureClick(featureData) {
|
|
handleFeatureClick(featureData) {
|
|
- // Implement your logic to handle the click event for val === "4"
|
|
|
|
- // For example, emit an event or perform some action
|
|
|
|
console.log("Feature with val === '4' clicked:", featureData);
|
|
console.log("Feature with val === '4' clicked:", featureData);
|
|
},
|
|
},
|
|
|
|
|