diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 22b59e2..f9181d1 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -113,6 +113,9 @@
 
   --lishisousuobeibu: #0b141d;
   /* 历史搜索背部颜色 改为#C0D5F8 */
+
+  --xinxititle: #fff;
+  /* 历史数据名字 白色变蓝色 #065CFE */
 }
 
 .form-cascader .el-cascader-panel .el-radio {

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 22b59e2..f9181d1 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -113,6 +113,9 @@
 
   --lishisousuobeibu: #0b141d;
   /* 历史搜索背部颜色 改为#C0D5F8 */
+
+  --xinxititle: #fff;
+  /* 历史数据名字 白色变蓝色 #065CFE */
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/components/index.vue b/src/components/index.vue
index 4cee061..311d9eb 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -82,7 +82,7 @@
             </el-submenu>
             <el-menu-item index="/newFiber/NewFiberSearch" v-has="'m2'">
               <i class="el-icon-menu"></i>
-              <span slot="title">新烽查询</span>
+              <span slot="title">监测数据查询</span>
             </el-menu-item>
             <el-submenu index="4" v-has="'m3'">
               <template slot="title">
@@ -413,7 +413,8 @@
         root.style.setProperty("--elinputdisabled", "transparent");
         root.style.setProperty("--btnbgc", "rgba(0, 0, 0, 0.171)");
         root.style.setProperty("--lishisousuohead", "#CEE0FF");
-        root.style.setProperty("--lishisousuobeibu", "#0b141d");
+        root.style.setProperty("--lishisousuobeibu", "#C0D5F8");
+        root.style.setProperty("--xinxititle", "#065CFE");
 
         this.flag = false;
         // ---------------------分界线----------------------------------//
@@ -461,6 +462,7 @@
         root.style.setProperty("--btnbgc", "rgba(253, 253, 253, 0.071)");
         root.style.setProperty("--lishisousuohead", "#152636");
         root.style.setProperty("--lishisousuobeibu", "#0b141d");
+        root.style.setProperty("--xinxititle", "#fff");
 
         this.flag = true;
       }

diff --git a/src/assets/css/index.css b/src/assets/css/index.css
index 22b59e2..f9181d1 100644
--- a/src/assets/css/index.css
+++ b/src/assets/css/index.css
@@ -113,6 +113,9 @@
 
   --lishisousuobeibu: #0b141d;
   /* 历史搜索背部颜色 改为#C0D5F8 */
+
+  --xinxititle: #fff;
+  /* 历史数据名字 白色变蓝色 #065CFE */
 }
 
 .form-cascader .el-cascader-panel .el-radio {
diff --git a/src/components/index.vue b/src/components/index.vue
index 4cee061..311d9eb 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -82,7 +82,7 @@
             </el-submenu>
             <el-menu-item index="/newFiber/NewFiberSearch" v-has="'m2'">
               <i class="el-icon-menu"></i>
-              <span slot="title">新烽查询</span>
+              <span slot="title">监测数据查询</span>
             </el-menu-item>
             <el-submenu index="4" v-has="'m3'">
               <template slot="title">
@@ -413,7 +413,8 @@
         root.style.setProperty("--elinputdisabled", "transparent");
         root.style.setProperty("--btnbgc", "rgba(0, 0, 0, 0.171)");
         root.style.setProperty("--lishisousuohead", "#CEE0FF");
-        root.style.setProperty("--lishisousuobeibu", "#0b141d");
+        root.style.setProperty("--lishisousuobeibu", "#C0D5F8");
+        root.style.setProperty("--xinxititle", "#065CFE");
 
         this.flag = false;
         // ---------------------分界线----------------------------------//
@@ -461,6 +462,7 @@
         root.style.setProperty("--btnbgc", "rgba(253, 253, 253, 0.071)");
         root.style.setProperty("--lishisousuohead", "#152636");
         root.style.setProperty("--lishisousuobeibu", "#0b141d");
+        root.style.setProperty("--xinxititle", "#fff");
 
         this.flag = true;
       }
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 1dd12c6..573c233 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -10,45 +10,70 @@
         />
       </div>
       <div id="popup" class="popup" v-show="featurePopVis">
+        <div class="lishisousuohead">
+          <a
+            style="color:cornflowerblue ;position: absolute;top: 2px;right: 8px;cursor: pointer;"
+            @click="closepopup()"
+            >X</a
+          >
+          <div class="xiangxixinxi">
+            详细信息
+          </div>
+          <div style="margin-bottom: 6px;"></div>
 
-         <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;" @click='closepopup()' >X</a>
-        <div style="color: cornflowerblue !important;font-size: 17px;font-weight: bold;margin-left: 9px;">详细信息</div>
-        <div style='margin-bottom: 6px;'></div>
-        
-        <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" @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 class="lishishuju" @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.tt}}:</div>
+        <div class="lishisousuobeibu">
+          <div class="beibucolor">
+            <div class="mingcheng">
+              名称:
+            </div>
+            <div
+              style="font-size:14px;line-height:33px;margin-top: 5px;position: absolute;margin-left: 179px;"
+            >
+              {{ featureData.stName }}:
+            </div>
+          </div>
+        </div>
+
+        <div class="lishisousuobeibu">
+          <div class="beibucolor">
+            <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
+            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;"
             >
-          <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>
+              {{ featureData.name }}
             </div>
-         </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 class="triangle common"></div>
       </div>
 
       <!-- <div id="previewOfSiteStatusTop">
@@ -574,9 +599,9 @@
   },
   data: function() {
     return {
-      featureData:{},
-      resPData:[],
-      featurePopVis:false,
+      featureData: {},
+      resPData: [],
+      featurePopVis: false,
       TimeBoxValue: [
         this.moment()
           .subtract("days", 3)
@@ -1878,7 +1903,7 @@
     closepopup() {
       if (this.menu_overlay && this.menu_overlay != "")
         this.menu_overlay.setPosition(undefined);
-        this.featurePopVis=false
+      this.featurePopVis = false;
     },
     //openlayer属性框
     showOlPanel(feature) {
@@ -1891,7 +1916,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>";
 
@@ -1954,11 +1979,11 @@
           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.featureData = feature;
+          this.resPData = resP.data.data;
+          this.featurePopVis = true;
 
           this.menu_overlay.setPosition([feature.lon, feature.lat]);
 
@@ -2705,7 +2730,7 @@
       return this.flag; // 直接监听props里的status状态
     }
   },
-/*   created() {
+  /*   created() {
     window.closepopup = this.closepopup;
     window.historyData = this.historyData;
   }, */
@@ -3381,4 +3406,42 @@
   top: 0;
   left: 420px;
 }
+.xiangxixinxi {
+  color: var(--xinxititle) !important;
+  font-size: 17px;
+  font-weight: bold;
+  margin-left: 9px;
+}
+.lishishuju {
+  color: cornflowerblue;
+  position: absolute;
+  font-size: 15px;
+  line-height: 33px;
+  margin-left: 22px;
+  margin-top: -32px;
+  width: 69px;
+  cursor: pointer;
+  text-decoration: underline;
+}
+.lishisousuohead {
+  background-color: var(--lishisousuohead) !important;
+  border-bottom: 1px solid;
+  border-bottom-color: var(--lishisousuohead) !important;
+}
+.lishisousuobeibu {
+  background-color: var(--lishisousuobeibu) !important;
+}
+.mingcheng {
+  font-size: 14px;
+  line-height: 33px;
+  margin-left: 22px;
+  margin-top: 5px;
+  position: absolute;
+}
+.beibucolor {
+  width: 260px;
+  height: 33px;
+  color: var(--white) !important;
+  line-height: 33px;
+}
 </style>