diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 1b8e3cf..b38a8fb 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">
@@ -534,6 +573,9 @@
   },
   data: function() {
     return {
+      featureData:{},
+      resPData:[],
+      featurePopVis:false,
       TimeBoxValue: [
         this.moment()
           .subtract("days", 3)
@@ -1562,6 +1604,7 @@
       this.west = 180;
 
       for (var i = 0; i < clusterData.length; i++) {
+
         cell = clusterData[i];
         if (cell.lon != null && cell.lat != null) {
           resultwkt = "POINT(" + cell.lon + " " + cell.lat + ")";
@@ -1572,7 +1615,8 @@
         feature.lat = cell.lat;
         feature.stName = cell.stName;
         feature.stCode = cell.stCode;
-        feature.tt = cell.tt;
+        feature.tt = cell.tt;     //观测时间
+         feature.code = cell.code;  //站点行政编号
         //加入ol.feautre几何属性
         feature.wkt = resultwkt;
         //无聚簇类型图层也添加一遍
@@ -1779,13 +1823,27 @@
             }
             //点击的是聚簇图标，展示统计信息
             else {
+              
               /*   console.log("点击了聚簇"+e.coordinate) */
-              var centerthis = this.getCenterFromArray(
+            /*   var centerthis = this.getCenterFromArray(
                 feature.values_.features
               );
 
               this.map.getView().setCenter([centerthis[0], centerthis[1]]);
-              this.map.getView().setZoom(12);
+              this.map.getView().setZoom(12); */
+              
+               var cell ;
+               var cells = feature.values_.features;
+              for(var cc=0;cc<cells.length;cc++)
+              {
+                if(cells[cc].code)
+                {
+                cell=cells[cc].code
+                break
+                }
+
+              }
+               this.gotoProgramArea(cell)
             }
           } else {
             //点击的是vector图层的feature
@@ -1830,6 +1888,7 @@
     closepopup() {
       if (this.menu_overlay && this.menu_overlay != "")
         this.menu_overlay.setPosition(undefined);
+        this.featurePopVis=false
     },
     //openlayer属性框
     showOlPanel(feature) {
@@ -1842,7 +1901,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>";
 
@@ -1852,7 +1911,6 @@
             "</div></br> ";
           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 +
@@ -1905,8 +1963,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]);
 
@@ -2653,10 +2715,10 @@
       return this.flag; // 直接监听props里的status状态
     }
   },
-  created() {
+/*   created() {
     window.closepopup = this.closepopup;
     window.historyData = this.historyData;
-  },
+  }, */
   mounted: function() {
     // 根据平台渲染站点数量统计及状态统计
     this.loadSiteNumForOroject();
@@ -2752,6 +2814,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; */