diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 6548606..01bfd96 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -9,7 +9,46 @@
           @click="fwClick"
         />
       </div>
-      <div id="popup" class="popup"></div>
+      <div id="popup" class="popup" v-show="featurePopVis">
+
+        <div class='popuphead'><a class='popupheada' @click='closepopup()' >X</a>
+        <div class='xxxx'>详细信息</div>
+        <div style='margin-bottom: 6px;'></div>
+        
+        <div class="lssj" @click="historyData(featureData.stCode)">历史数据</div>
+        </div>
+
+        <div style="background-color: rgb(192,213,248);">
+          <div style="width:260px;height:33px;color: darkslategray;line-height:33px;">
+          <div style="font-size:14px;line-height:33px; margin-left: 22px;margin-top: 5px;position: absolute;">名称:</div>
+          <div style="font-size:14px;line-height:33px;margin-top: 5px;position: absolute;margin-left: 179px;">{{featureData.stName}}:</div>
+          </div>
+        </div>
+
+        <div style="background-color: rgb(192,213,248);">
+          <div style="width:260px;height:33px;color: darkslategray;line-height:33px;">
+          <div style="font-size:14px;line-height:33px; margin-left: 22px;margin-top: 5px;position: absolute;">观测时间:</div>
+          <div style="font-size:14px;line-height:33px;margin-top: 5px;position: absolute;margin-left: 179px;">{{featureData.tt}}:</div>
+          </div>
+        </div>
+
+        <div style="width:300px;">
+        <div
+              v-for="(item, index) in resPData"
+              :key="index"
+              style="width:260px;height:33px;color: darkslategray;line-height:33px;"
+            >
+          <div style="font-size:14px;line-height:33px; margin-left: 22px;margin-top: 5px;position: absolute;">{{featureData.name}}</div>
+          <div style="font-size:14px;line-height:33px;margin-top: 5px;position: absolute;margin-left: 179px;">{{featureData.value}}</div>
+            </div>
+         </div>
+<div class="triangle common"></div>
+         </div>
+
+
+
+
+      </div>
 
       <!-- <div id="previewOfSiteStatusTop">
         <div class="previewOfSiteStatusTopC">
@@ -523,6 +562,9 @@
   },
   data: function() {
     return {
+      featureData:{},
+      resPData:[],
+      featurePopVis:false,
       TimeBoxValue: [
         this.moment()
           .subtract("days", 3)
@@ -1973,6 +2015,7 @@
     closepopup() {
       if (this.menu_overlay && this.menu_overlay != "")
         this.menu_overlay.setPosition(undefined);
+        this.featurePopVis=false
     },
     //openlayer属性框
     showOlPanel(feature) {
@@ -1985,7 +2028,7 @@
         .then(resP => {
           console.log(resP);
           //开始展示属性字段
-          let textContent = "";
+         /*  let textContent = "";
           let closeDOM =
             "<div style='background-color: rgb(206,224,255);border-bottom: 1px solid;border-bottom-color: gray;'><a style='color:cornflowerblue ;position: absolute;top: 2px;right: 8px;cursor: pointer;' class='ol-popup-closer' onclick='closepopup()' >X</a>";
 
@@ -1996,7 +2039,6 @@
           textContent +=
             "<div style='margin-bottom: 6px;'></div>";
 
-          //添加html拼接---缩放至
           textContent +=
             `<div style='color: cornflowerblue;position:absolute;font-size:15px;line-height:33px;margin-left: 22px;margin-top: -44px;width:69px;cursor: pointer;text-decoration:underline' onclick='historyData("` +
             feature.stCode +
@@ -2049,8 +2091,12 @@
 
           textContent +=
             "<div style='bottom: 50%;left: -4px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #3364bd;width: 0; height: 0; position: absolute;transform: translate(-50%, 0);'></div>";
-          //提取公共方法，放缩地图、显示属性等
-          document.getElementById("popup").innerHTML = textContent;
+          */
+         /*  document.getElementById("popup").innerHTML = textContent; */
+
+         this.featureData=feature
+         this.resPData=resP.data.data
+         this.featurePopVis=true
 
           this.menu_overlay.setPosition([feature.lon, feature.lat]);
 
@@ -2797,10 +2843,10 @@
       return this.flag; // 直接监听props里的status状态
     }
   },
-  created() {
+/*   created() {
     window.closepopup = this.closepopup;
     window.historyData = this.historyData;
-  },
+  }, */
   mounted: function() {
     // 根据平台渲染站点数量统计及状态统计
     this.loadSiteNumForOroject();
@@ -2901,6 +2947,18 @@
   border-right: 20px solid transparent;
   border-left: 20px solid transparent;
 }
+.popuphead {
+  background-color: rgb(206,224,255);border-bottom: 1px solid;border-bottom-color: gray;
+}
+.popupheada {
+  color:cornflowerblue ;position: absolute;top: 2px;right: 8px;cursor: pointer;
+}
+.xxxx {
+  color: cornflowerblue !important;font-size: 17px;font-weight: bold;margin-left: 9px;
+}
+.lssj {
+  color: cornflowerblue;position:absolute;font-size:15px;line-height:33px;margin-left: 22px;margin-top: -38px;width:69px;cursor: pointer;text-decoration:underline
+}
 #previewOfSiteStatusLeftTop {
   /* position: absolute; */
   /* left: 0; */