diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 7d9a712..827cdb0 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -95,9 +95,13 @@
           />
           <span class="previewOfSiteStatusTitleFont">站点统计</span>
           <div class="previewOfSiteStatusTitleBTN">
-            <span @click="allpreview()">全部</span>
-            <span @click="allpreview()">合同</span>
-            <span @click="allpreview()">临测</span>
+            <span
+              v-for="(item, index) in namelist"
+              :key="index"
+              @click="allpreview(index, item.platform, $event)"
+              :class="{ select: item.select }"
+              >{{ item.name }}</span
+            >
           </div>
         </div>
         <div class="previewOfSiteStatusCentent">
@@ -415,7 +419,12 @@
       WaringList: [],
       NoBaoJingData: true, //有无报警数据，有就为false
       // 站点实时报警B
-      map: ""
+      map: "",
+      namelist: [
+        { name: "全部", platform: "", select: true },
+        { name: "合同", platform: "", select: false },
+        { name: "临测", platform: "", select: false }
+      ]
     };
   },
   methods: {
@@ -474,7 +483,12 @@
         });
     },
     // 单击显示平台站点
-    allpreview(platform) {
+    allpreview(index, platform, event) {
+      // console.log(index, platform, event.target);
+      this.namelist.forEach(item => {
+        item.select = false;
+      });
+      this.namelist[index].select = true;
       this.$http
         .post(this.nozzle.sysPlatformGetSiteCountAndState, {
           data: { platform: platform }
@@ -1150,6 +1164,11 @@
 };
 </script>
 <style scoped>
+.select {
+  color: #fff;
+  background: rgb(0, 119, 254);
+}
+
 .selectWidth {
   width: 3.2rem;
 }