|
@ -2,6 +2,7 @@ |
|
|
<div id="content"> |
|
|
<div id="content"> |
|
|
<div id="map" ref="map"></div> |
|
|
<div id="map" ref="map"></div> |
|
|
<div id="popup" class="ol-popup" style="background-color: #fff"> |
|
|
<div id="popup" class="ol-popup" style="background-color: #fff"> |
|
|
|
|
|
<span>查看详情</span> |
|
|
<div id="popup-closer" class="popup-closer"> |
|
|
<div id="popup-closer" class="popup-closer"> |
|
|
<i class="el-icon-error"></i> |
|
|
<i class="el-icon-error"></i> |
|
|
</div> |
|
|
</div> |
|
@ -100,8 +101,25 @@ export default { |
|
|
mounted() { |
|
|
mounted() { |
|
|
this.initMap(); |
|
|
this.initMap(); |
|
|
this.getProjectInfo(); |
|
|
this.getProjectInfo(); |
|
|
|
|
|
window.addEventListener("click", this.projectNameClick); |
|
|
}, |
|
|
}, |
|
|
|
|
|
beforeDestroy() { |
|
|
|
|
|
window.removeEventListener("click", this.projectNameClick); |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
projectNameClick(e) { |
|
|
|
|
|
console.log(e); |
|
|
|
|
|
if (e.target.id == "projectName") { |
|
|
|
|
|
console.log(e.target.dataset.pid[0]); |
|
|
|
|
|
this.$router.push({ |
|
|
|
|
|
path: |
|
|
|
|
|
"/building/projectInfo/projectProcess?baseDataId=" + |
|
|
|
|
|
e.target.dataset.pid[0], |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
return; |
|
|
|
|
|
}, |
|
|
/** |
|
|
/** |
|
|
* 初始化一个 openlayers 地图 |
|
|
* 初始化一个 openlayers 地图 |
|
|
*/ |
|
|
*/ |
|
@ -718,9 +736,11 @@ export default { |
|
|
const contentHtml = ` |
|
|
const contentHtml = ` |
|
|
|
|
|
|
|
|
<div style="display: flex;flex-direction: column;justify-content: center;align-items: flex-start;"> |
|
|
<div style="display: flex;flex-direction: column;justify-content: center;align-items: flex-start;"> |
|
|
<span>项目名:${data.projectName}</span> |
|
|
<span id='projectName' data-pID='${ |
|
|
|
|
|
data.id |
|
|
|
|
|
}' style='cursor: pointer;'>项目名:${data.projectName}</span> |
|
|
<span>项目编码:${data.proCode}</span> |
|
|
<span>项目编码:${data.proCode}</span> |
|
|
<span>项目类型:${this.projectTypeFormat(data)}</span> |
|
|
<span>项目类型:${this.projectTypeFormat(data) || ""}</span> |
|
|
<span>建设性质:${this.constructionNatureFormat(data)}</span> |
|
|
<span>建设性质:${this.constructionNatureFormat(data)}</span> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|