diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 36a1de7..84641c7 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -27,7 +27,12 @@
         >
           <!-- 自定义插槽显示状态 -->
           <template v-slot:col-equips="scope">
-            <el-button type="text" size="small" @click="handleClick('look',scope.row)">查看设备</el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click="handleClick('look', scope.row)"
+              >查看设备</el-button
+            >
           </template>
         </page-table>
       </div>
@@ -203,12 +208,27 @@
     >
       <template v-if="dialogInfo.type === 'look'">
         <div class="page-filter">
-          <el-form :inline="true" :model="deviceRelatedQuery" ref="deviceRelatedQuery" size="medium">
+          <el-form
+            :inline="true"
+            :model="deviceRelatedQuery"
+            ref="deviceRelatedQuery"
+            size="medium"
+          >
             <el-form-item label="">
-              <el-input v-model="deviceRelatedQuery.searchStr" placeholder="请输入设备编号/厂家" clearable></el-input>
+              <el-input
+                v-model="deviceRelatedQuery.searchStr"
+                placeholder="请输入设备编号/厂家"
+                clearable
+              ></el-input>
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="medium" @click="handleClick('deviceSearch')">查询</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="medium"
+                @click="handleClick('deviceSearch')"
+                >查询</el-button
+              >
             </el-form-item>
           </el-form>
         </div>
@@ -288,11 +308,45 @@
           endDate: ""
         },
         list: [
-          {type: "input", label: "站点名称/编号", value: "searchStr", hideLabel: true },
-          {type: "date", label: "开始时间", value: "startDate", dateType: "date", datePickerOptions: "pickerOptionsStart", hideLabel: true},
-          {type: "date", label: "结束时间", value: "endDate", dateType: "date", datePickerOptions: "pickerOptionsEnd", hideLabel: true},
-          {type: "button", label: "查询", btType: "primary", icon: "el-icon-search", event: "search", show: true},
-          {type: "button", label: "添加站点", btType: "primary", icon: "el-icon-circle-plus-outline", event: "create", show: true, has: "m11-2-1"}
+          {
+            type: "input",
+            label: "站点名称/编号",
+            value: "searchStr",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "开始时间",
+            value: "startDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsStart",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "结束时间",
+            value: "endDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsEnd",
+            hideLabel: true
+          },
+          {
+            type: "button",
+            label: "查询",
+            btType: "primary",
+            icon: "el-icon-search",
+            event: "search",
+            show: true
+          },
+          {
+            type: "button",
+            label: "添加站点",
+            btType: "primary",
+            icon: "el-icon-circle-plus-outline",
+            event: "create",
+            show: true,
+            has: "m11-2-1"
+          }
         ]
       },
       //站点表格相关
@@ -305,17 +359,34 @@
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
           { label: "站点类型", value: "stationTypeName", width: 120 },
-          { label: "站点安装时间", value: "createTime", minWidth: 120, tooltip: true },
+          {
+            label: "站点安装时间",
+            value: "createTime",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "安装人", value: "person", width: 100 },
           { label: "关联设备", value: "equips", width: 100, type: "slot" },
-          { label: "首次数据接入时间", value: "tt", minWidth: 150, tooltip: true },
+          {
+            label: "首次数据接入时间",
+            value: "tt",
+            minWidth: 150,
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
           label: "操作",
           width: "80",
           btList: [
-            { label: "修改", size: "small", type: "text", event: "update", show: true, has: 'm11-2-2' }
+            {
+              label: "修改",
+              size: "small",
+              type: "text",
+              event: "update",
+              show: true,
+              has: "m11-2-2"
+            }
           ]
         }
       },
@@ -427,7 +498,7 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: ''
+          look: ""
         },
         width: "60%",
         visible: false,
@@ -444,7 +515,12 @@
         initCurpage: 1,
         fieldList: [
           { label: "设备编号", value: "equipNo", minWidth: 100, tooltip: true },
-          { label: "设备厂家", value: "equipFactory", minWidth: 150, tooltip: true },
+          {
+            label: "设备厂家",
+            value: "equipFactory",
+            minWidth: 150,
+            tooltip: true
+          }
         ]
       },
       //已关联设备表格相关
@@ -517,8 +593,14 @@
       }
     },
     "deviceRelatedQuery.searchStr"(val) {
-      Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-      Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+      Object.assign(
+        this.isRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
+      Object.assign(
+        this.unRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
     }
   },
   methods: {
@@ -543,24 +625,26 @@
       let config = {
         headers: { "Content-Type": "multipart/form-data" }
       };
-      axios.post(this.nozzle.upload, formdata, config).then(res => {
-        if (res.data.code == 1) {
+      axios
+        .post(this.nozzle.upload, formdata, config)
+        .then(res => {
+          if (res.data.code == 1) {
+            this.loading = false;
+            this.$message({
+              message: "上传图片成功！",
+              type: "success"
+            });
+            this.ruleForm.fileList.push(res.data.data[0]);
+            this.siteTableInfo.refresh = Math.random();
+          }
+        })
+        .catch(res => {
           this.loading = false;
           this.$message({
-            message: "上传图片成功！",
-            type: "success"
+            message: "服务器问题！请重试！",
+            type: "warning"
           });
-          this.ruleForm.fileList.push(res.data.data[0]);
-          this.siteTableInfo.refresh = Math.random();
-        }
-      })
-      .catch(res => {
-        this.loading = false;
-        this.$message({
-          message: "服务器问题！请重试！",
-          type: "warning"
         });
-      });
     },
     // 删除图片按钮
     deleteImg(fileNo) {
@@ -587,7 +671,7 @@
             })
             .then(res => {
               loadingdelet.close();
-              if(res.data.code === 1) {
+              if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
@@ -623,20 +707,21 @@
     saveOru(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
-          this.$http.post(this.nozzle.saveOrupdate, {
-            data: this.ruleForm
-          })
-          .then(res => {
-            if(res.data.code === 1) {
-              this.siteTableInfo.refresh = Math.random();
-              this.yzaddflag = false;
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? 'success' : 'error',
-              showClose: true,
+          this.$http
+            .post(this.nozzle.saveOrupdate, {
+              data: this.ruleForm
             })
-          });
+            .then(res => {
+              if (res.data.code === 1) {
+                this.siteTableInfo.refresh = Math.random();
+                this.yzaddflag = false;
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            });
         }
       });
     },
@@ -656,9 +741,9 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              if(Array.isArray(that.$refs.cascader)) {
+              if (Array.isArray(that.$refs.cascader)) {
                 that.$refs.cascader[0].dropDownVisible = false;
-              }else{
+              } else {
                 that.$refs.cascader.dropDownVisible = false;
               }
             };
@@ -709,8 +794,8 @@
       }
     },
     //点击事件
-    handleClick(event, data, index){
-      switch(event) {
+    handleClick(event, data, index) {
+      switch (event) {
         //站点搜索
         case "search":
           this.siteTableInfo.initCurpage = Math.random();
@@ -740,8 +825,14 @@
           this.deviceRelatedQuery.siteCode = data.stCode;
           this.dialogInfo.visible = true;
           setTimeout(() => {
-            Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-            Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+            Object.assign(
+              this.isRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
+            Object.assign(
+              this.unRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
             this.deviceTableInfo.refresh = Math.random();
           }, 0);
           break;
@@ -752,43 +843,54 @@
           break;
         //添加设备到站点
         case "insert":
-          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map( item => item.equipNo);
+          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
             equipNos: insertEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipInsertBatch, { data: insertData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
             });
-          });
           break;
         //解绑设备与站点
         case "remove":
-          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(item => item.equipNo);
+          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
             equipNos: removeEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipRemoveBatch, { data: removeData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            })
+            .catch(e => {
+              console.log(e);
             });
-          }).catch(e =>{console.log(e)});
           break;
         //关闭
         case "close":
@@ -896,9 +998,10 @@
   width: 200px;
   margin: 0 10px;
 }
-.title, .table-title{
-  @include hl(30px,30px);
-  color: #409EFF;
+.title,
+.table-title {
+  @include hl(30px, 30px);
+  color: #409eff;
   text-align: center;
   font-size: 16px;
   margin-bottom: 10px;

diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 36a1de7..84641c7 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -27,7 +27,12 @@
         >
           <!-- 自定义插槽显示状态 -->
           <template v-slot:col-equips="scope">
-            <el-button type="text" size="small" @click="handleClick('look',scope.row)">查看设备</el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click="handleClick('look', scope.row)"
+              >查看设备</el-button
+            >
           </template>
         </page-table>
       </div>
@@ -203,12 +208,27 @@
     >
       <template v-if="dialogInfo.type === 'look'">
         <div class="page-filter">
-          <el-form :inline="true" :model="deviceRelatedQuery" ref="deviceRelatedQuery" size="medium">
+          <el-form
+            :inline="true"
+            :model="deviceRelatedQuery"
+            ref="deviceRelatedQuery"
+            size="medium"
+          >
             <el-form-item label="">
-              <el-input v-model="deviceRelatedQuery.searchStr" placeholder="请输入设备编号/厂家" clearable></el-input>
+              <el-input
+                v-model="deviceRelatedQuery.searchStr"
+                placeholder="请输入设备编号/厂家"
+                clearable
+              ></el-input>
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="medium" @click="handleClick('deviceSearch')">查询</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="medium"
+                @click="handleClick('deviceSearch')"
+                >查询</el-button
+              >
             </el-form-item>
           </el-form>
         </div>
@@ -288,11 +308,45 @@
           endDate: ""
         },
         list: [
-          {type: "input", label: "站点名称/编号", value: "searchStr", hideLabel: true },
-          {type: "date", label: "开始时间", value: "startDate", dateType: "date", datePickerOptions: "pickerOptionsStart", hideLabel: true},
-          {type: "date", label: "结束时间", value: "endDate", dateType: "date", datePickerOptions: "pickerOptionsEnd", hideLabel: true},
-          {type: "button", label: "查询", btType: "primary", icon: "el-icon-search", event: "search", show: true},
-          {type: "button", label: "添加站点", btType: "primary", icon: "el-icon-circle-plus-outline", event: "create", show: true, has: "m11-2-1"}
+          {
+            type: "input",
+            label: "站点名称/编号",
+            value: "searchStr",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "开始时间",
+            value: "startDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsStart",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "结束时间",
+            value: "endDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsEnd",
+            hideLabel: true
+          },
+          {
+            type: "button",
+            label: "查询",
+            btType: "primary",
+            icon: "el-icon-search",
+            event: "search",
+            show: true
+          },
+          {
+            type: "button",
+            label: "添加站点",
+            btType: "primary",
+            icon: "el-icon-circle-plus-outline",
+            event: "create",
+            show: true,
+            has: "m11-2-1"
+          }
         ]
       },
       //站点表格相关
@@ -305,17 +359,34 @@
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
           { label: "站点类型", value: "stationTypeName", width: 120 },
-          { label: "站点安装时间", value: "createTime", minWidth: 120, tooltip: true },
+          {
+            label: "站点安装时间",
+            value: "createTime",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "安装人", value: "person", width: 100 },
           { label: "关联设备", value: "equips", width: 100, type: "slot" },
-          { label: "首次数据接入时间", value: "tt", minWidth: 150, tooltip: true },
+          {
+            label: "首次数据接入时间",
+            value: "tt",
+            minWidth: 150,
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
           label: "操作",
           width: "80",
           btList: [
-            { label: "修改", size: "small", type: "text", event: "update", show: true, has: 'm11-2-2' }
+            {
+              label: "修改",
+              size: "small",
+              type: "text",
+              event: "update",
+              show: true,
+              has: "m11-2-2"
+            }
           ]
         }
       },
@@ -427,7 +498,7 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: ''
+          look: ""
         },
         width: "60%",
         visible: false,
@@ -444,7 +515,12 @@
         initCurpage: 1,
         fieldList: [
           { label: "设备编号", value: "equipNo", minWidth: 100, tooltip: true },
-          { label: "设备厂家", value: "equipFactory", minWidth: 150, tooltip: true },
+          {
+            label: "设备厂家",
+            value: "equipFactory",
+            minWidth: 150,
+            tooltip: true
+          }
         ]
       },
       //已关联设备表格相关
@@ -517,8 +593,14 @@
       }
     },
     "deviceRelatedQuery.searchStr"(val) {
-      Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-      Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+      Object.assign(
+        this.isRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
+      Object.assign(
+        this.unRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
     }
   },
   methods: {
@@ -543,24 +625,26 @@
       let config = {
         headers: { "Content-Type": "multipart/form-data" }
       };
-      axios.post(this.nozzle.upload, formdata, config).then(res => {
-        if (res.data.code == 1) {
+      axios
+        .post(this.nozzle.upload, formdata, config)
+        .then(res => {
+          if (res.data.code == 1) {
+            this.loading = false;
+            this.$message({
+              message: "上传图片成功！",
+              type: "success"
+            });
+            this.ruleForm.fileList.push(res.data.data[0]);
+            this.siteTableInfo.refresh = Math.random();
+          }
+        })
+        .catch(res => {
           this.loading = false;
           this.$message({
-            message: "上传图片成功！",
-            type: "success"
+            message: "服务器问题！请重试！",
+            type: "warning"
           });
-          this.ruleForm.fileList.push(res.data.data[0]);
-          this.siteTableInfo.refresh = Math.random();
-        }
-      })
-      .catch(res => {
-        this.loading = false;
-        this.$message({
-          message: "服务器问题！请重试！",
-          type: "warning"
         });
-      });
     },
     // 删除图片按钮
     deleteImg(fileNo) {
@@ -587,7 +671,7 @@
             })
             .then(res => {
               loadingdelet.close();
-              if(res.data.code === 1) {
+              if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
@@ -623,20 +707,21 @@
     saveOru(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
-          this.$http.post(this.nozzle.saveOrupdate, {
-            data: this.ruleForm
-          })
-          .then(res => {
-            if(res.data.code === 1) {
-              this.siteTableInfo.refresh = Math.random();
-              this.yzaddflag = false;
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? 'success' : 'error',
-              showClose: true,
+          this.$http
+            .post(this.nozzle.saveOrupdate, {
+              data: this.ruleForm
             })
-          });
+            .then(res => {
+              if (res.data.code === 1) {
+                this.siteTableInfo.refresh = Math.random();
+                this.yzaddflag = false;
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            });
         }
       });
     },
@@ -656,9 +741,9 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              if(Array.isArray(that.$refs.cascader)) {
+              if (Array.isArray(that.$refs.cascader)) {
                 that.$refs.cascader[0].dropDownVisible = false;
-              }else{
+              } else {
                 that.$refs.cascader.dropDownVisible = false;
               }
             };
@@ -709,8 +794,8 @@
       }
     },
     //点击事件
-    handleClick(event, data, index){
-      switch(event) {
+    handleClick(event, data, index) {
+      switch (event) {
         //站点搜索
         case "search":
           this.siteTableInfo.initCurpage = Math.random();
@@ -740,8 +825,14 @@
           this.deviceRelatedQuery.siteCode = data.stCode;
           this.dialogInfo.visible = true;
           setTimeout(() => {
-            Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-            Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+            Object.assign(
+              this.isRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
+            Object.assign(
+              this.unRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
             this.deviceTableInfo.refresh = Math.random();
           }, 0);
           break;
@@ -752,43 +843,54 @@
           break;
         //添加设备到站点
         case "insert":
-          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map( item => item.equipNo);
+          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
             equipNos: insertEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipInsertBatch, { data: insertData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
             });
-          });
           break;
         //解绑设备与站点
         case "remove":
-          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(item => item.equipNo);
+          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
             equipNos: removeEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipRemoveBatch, { data: removeData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            })
+            .catch(e => {
+              console.log(e);
             });
-          }).catch(e =>{console.log(e)});
           break;
         //关闭
         case "close":
@@ -896,9 +998,10 @@
   width: 200px;
   margin: 0 10px;
 }
-.title, .table-title{
-  @include hl(30px,30px);
-  color: #409EFF;
+.title,
+.table-title {
+  @include hl(30px, 30px);
+  color: #409eff;
   text-align: center;
   font-size: 16px;
   margin-bottom: 10px;
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 9003c11..89044b3 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -132,20 +132,47 @@
                 </p>
               </div>
               <div class="option">
-                <el-button
-                  size="mini"
-                  icon="el-icon-rank"
-                  @click="showBigEcharts(item.target)"
-                ></el-button>
-                <el-button size="mini"
-                  ><i class="el-icon-picture" @click="downImg(item.target)"></i
-                ></el-button>
-                <el-button size="mini"
-                  ><i
-                    class="el-icon-download"
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="展开大图图表"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    @click="showBigEcharts(item.target)"
+                    class="optionbtn"
+                    ><img src="../../../../static/img/zk_icon.png"
+                  /></el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载图片文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
+                    @click="downImg(item.target)"
+                  >
+                    <img src="../../../../static/img/tpxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载xls文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
                     @click="downXls(item.target, item.name)"
-                  ></i
-                ></el-button>
+                  >
+                    <img src="../../../../static/img/wjxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
               </div>
             </div>
           </div>
@@ -874,4 +901,16 @@
 .export {
   color: var(--yellow);
 }
+
+.optionbtn {
+  position: relative;
+  // background-color: rgb(2, 120, 254) !important;
+  // border: 1px solid rgb(2, 120, 254) !important;
+  padding: 12px 20px;
+}
+.optionbtn img {
+  position: absolute;
+  top: calc(50% - 10px);
+  left: calc(50% - 10px);
+}
 </style>

diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 36a1de7..84641c7 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -27,7 +27,12 @@
         >
           <!-- 自定义插槽显示状态 -->
           <template v-slot:col-equips="scope">
-            <el-button type="text" size="small" @click="handleClick('look',scope.row)">查看设备</el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click="handleClick('look', scope.row)"
+              >查看设备</el-button
+            >
           </template>
         </page-table>
       </div>
@@ -203,12 +208,27 @@
     >
       <template v-if="dialogInfo.type === 'look'">
         <div class="page-filter">
-          <el-form :inline="true" :model="deviceRelatedQuery" ref="deviceRelatedQuery" size="medium">
+          <el-form
+            :inline="true"
+            :model="deviceRelatedQuery"
+            ref="deviceRelatedQuery"
+            size="medium"
+          >
             <el-form-item label="">
-              <el-input v-model="deviceRelatedQuery.searchStr" placeholder="请输入设备编号/厂家" clearable></el-input>
+              <el-input
+                v-model="deviceRelatedQuery.searchStr"
+                placeholder="请输入设备编号/厂家"
+                clearable
+              ></el-input>
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="medium" @click="handleClick('deviceSearch')">查询</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="medium"
+                @click="handleClick('deviceSearch')"
+                >查询</el-button
+              >
             </el-form-item>
           </el-form>
         </div>
@@ -288,11 +308,45 @@
           endDate: ""
         },
         list: [
-          {type: "input", label: "站点名称/编号", value: "searchStr", hideLabel: true },
-          {type: "date", label: "开始时间", value: "startDate", dateType: "date", datePickerOptions: "pickerOptionsStart", hideLabel: true},
-          {type: "date", label: "结束时间", value: "endDate", dateType: "date", datePickerOptions: "pickerOptionsEnd", hideLabel: true},
-          {type: "button", label: "查询", btType: "primary", icon: "el-icon-search", event: "search", show: true},
-          {type: "button", label: "添加站点", btType: "primary", icon: "el-icon-circle-plus-outline", event: "create", show: true, has: "m11-2-1"}
+          {
+            type: "input",
+            label: "站点名称/编号",
+            value: "searchStr",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "开始时间",
+            value: "startDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsStart",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "结束时间",
+            value: "endDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsEnd",
+            hideLabel: true
+          },
+          {
+            type: "button",
+            label: "查询",
+            btType: "primary",
+            icon: "el-icon-search",
+            event: "search",
+            show: true
+          },
+          {
+            type: "button",
+            label: "添加站点",
+            btType: "primary",
+            icon: "el-icon-circle-plus-outline",
+            event: "create",
+            show: true,
+            has: "m11-2-1"
+          }
         ]
       },
       //站点表格相关
@@ -305,17 +359,34 @@
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
           { label: "站点类型", value: "stationTypeName", width: 120 },
-          { label: "站点安装时间", value: "createTime", minWidth: 120, tooltip: true },
+          {
+            label: "站点安装时间",
+            value: "createTime",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "安装人", value: "person", width: 100 },
           { label: "关联设备", value: "equips", width: 100, type: "slot" },
-          { label: "首次数据接入时间", value: "tt", minWidth: 150, tooltip: true },
+          {
+            label: "首次数据接入时间",
+            value: "tt",
+            minWidth: 150,
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
           label: "操作",
           width: "80",
           btList: [
-            { label: "修改", size: "small", type: "text", event: "update", show: true, has: 'm11-2-2' }
+            {
+              label: "修改",
+              size: "small",
+              type: "text",
+              event: "update",
+              show: true,
+              has: "m11-2-2"
+            }
           ]
         }
       },
@@ -427,7 +498,7 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: ''
+          look: ""
         },
         width: "60%",
         visible: false,
@@ -444,7 +515,12 @@
         initCurpage: 1,
         fieldList: [
           { label: "设备编号", value: "equipNo", minWidth: 100, tooltip: true },
-          { label: "设备厂家", value: "equipFactory", minWidth: 150, tooltip: true },
+          {
+            label: "设备厂家",
+            value: "equipFactory",
+            minWidth: 150,
+            tooltip: true
+          }
         ]
       },
       //已关联设备表格相关
@@ -517,8 +593,14 @@
       }
     },
     "deviceRelatedQuery.searchStr"(val) {
-      Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-      Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+      Object.assign(
+        this.isRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
+      Object.assign(
+        this.unRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
     }
   },
   methods: {
@@ -543,24 +625,26 @@
       let config = {
         headers: { "Content-Type": "multipart/form-data" }
       };
-      axios.post(this.nozzle.upload, formdata, config).then(res => {
-        if (res.data.code == 1) {
+      axios
+        .post(this.nozzle.upload, formdata, config)
+        .then(res => {
+          if (res.data.code == 1) {
+            this.loading = false;
+            this.$message({
+              message: "上传图片成功！",
+              type: "success"
+            });
+            this.ruleForm.fileList.push(res.data.data[0]);
+            this.siteTableInfo.refresh = Math.random();
+          }
+        })
+        .catch(res => {
           this.loading = false;
           this.$message({
-            message: "上传图片成功！",
-            type: "success"
+            message: "服务器问题！请重试！",
+            type: "warning"
           });
-          this.ruleForm.fileList.push(res.data.data[0]);
-          this.siteTableInfo.refresh = Math.random();
-        }
-      })
-      .catch(res => {
-        this.loading = false;
-        this.$message({
-          message: "服务器问题！请重试！",
-          type: "warning"
         });
-      });
     },
     // 删除图片按钮
     deleteImg(fileNo) {
@@ -587,7 +671,7 @@
             })
             .then(res => {
               loadingdelet.close();
-              if(res.data.code === 1) {
+              if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
@@ -623,20 +707,21 @@
     saveOru(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
-          this.$http.post(this.nozzle.saveOrupdate, {
-            data: this.ruleForm
-          })
-          .then(res => {
-            if(res.data.code === 1) {
-              this.siteTableInfo.refresh = Math.random();
-              this.yzaddflag = false;
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? 'success' : 'error',
-              showClose: true,
+          this.$http
+            .post(this.nozzle.saveOrupdate, {
+              data: this.ruleForm
             })
-          });
+            .then(res => {
+              if (res.data.code === 1) {
+                this.siteTableInfo.refresh = Math.random();
+                this.yzaddflag = false;
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            });
         }
       });
     },
@@ -656,9 +741,9 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              if(Array.isArray(that.$refs.cascader)) {
+              if (Array.isArray(that.$refs.cascader)) {
                 that.$refs.cascader[0].dropDownVisible = false;
-              }else{
+              } else {
                 that.$refs.cascader.dropDownVisible = false;
               }
             };
@@ -709,8 +794,8 @@
       }
     },
     //点击事件
-    handleClick(event, data, index){
-      switch(event) {
+    handleClick(event, data, index) {
+      switch (event) {
         //站点搜索
         case "search":
           this.siteTableInfo.initCurpage = Math.random();
@@ -740,8 +825,14 @@
           this.deviceRelatedQuery.siteCode = data.stCode;
           this.dialogInfo.visible = true;
           setTimeout(() => {
-            Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-            Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+            Object.assign(
+              this.isRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
+            Object.assign(
+              this.unRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
             this.deviceTableInfo.refresh = Math.random();
           }, 0);
           break;
@@ -752,43 +843,54 @@
           break;
         //添加设备到站点
         case "insert":
-          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map( item => item.equipNo);
+          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
             equipNos: insertEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipInsertBatch, { data: insertData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
             });
-          });
           break;
         //解绑设备与站点
         case "remove":
-          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(item => item.equipNo);
+          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
             equipNos: removeEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipRemoveBatch, { data: removeData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            })
+            .catch(e => {
+              console.log(e);
             });
-          }).catch(e =>{console.log(e)});
           break;
         //关闭
         case "close":
@@ -896,9 +998,10 @@
   width: 200px;
   margin: 0 10px;
 }
-.title, .table-title{
-  @include hl(30px,30px);
-  color: #409EFF;
+.title,
+.table-title {
+  @include hl(30px, 30px);
+  color: #409eff;
   text-align: center;
   font-size: 16px;
   margin-bottom: 10px;
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 9003c11..89044b3 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -132,20 +132,47 @@
                 </p>
               </div>
               <div class="option">
-                <el-button
-                  size="mini"
-                  icon="el-icon-rank"
-                  @click="showBigEcharts(item.target)"
-                ></el-button>
-                <el-button size="mini"
-                  ><i class="el-icon-picture" @click="downImg(item.target)"></i
-                ></el-button>
-                <el-button size="mini"
-                  ><i
-                    class="el-icon-download"
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="展开大图图表"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    @click="showBigEcharts(item.target)"
+                    class="optionbtn"
+                    ><img src="../../../../static/img/zk_icon.png"
+                  /></el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载图片文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
+                    @click="downImg(item.target)"
+                  >
+                    <img src="../../../../static/img/tpxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载xls文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
                     @click="downXls(item.target, item.name)"
-                  ></i
-                ></el-button>
+                  >
+                    <img src="../../../../static/img/wjxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
               </div>
             </div>
           </div>
@@ -874,4 +901,16 @@
 .export {
   color: var(--yellow);
 }
+
+.optionbtn {
+  position: relative;
+  // background-color: rgb(2, 120, 254) !important;
+  // border: 1px solid rgb(2, 120, 254) !important;
+  padding: 12px 20px;
+}
+.optionbtn img {
+  position: absolute;
+  top: calc(50% - 10px);
+  left: calc(50% - 10px);
+}
 </style>
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 4226c58..a81dedf 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -887,7 +887,7 @@
           axisPointer: {
             type: "cross",
             crossStyle: {
-              color: "#333"
+              color: "#3398DB"
             }
           }
         },
@@ -899,7 +899,7 @@
         legend: {
           data: [this.SiteYinziZn, this.SiteYinzi2Zn],
           textStyle: {
-            color: "#ffffff" //字体颜色
+            color: "#3398DB" //字体颜色
           }
         },
         xAxis: [
@@ -912,12 +912,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           }
@@ -929,12 +929,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           },
@@ -944,12 +944,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           }

diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 36a1de7..84641c7 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -27,7 +27,12 @@
         >
           <!-- 自定义插槽显示状态 -->
           <template v-slot:col-equips="scope">
-            <el-button type="text" size="small" @click="handleClick('look',scope.row)">查看设备</el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click="handleClick('look', scope.row)"
+              >查看设备</el-button
+            >
           </template>
         </page-table>
       </div>
@@ -203,12 +208,27 @@
     >
       <template v-if="dialogInfo.type === 'look'">
         <div class="page-filter">
-          <el-form :inline="true" :model="deviceRelatedQuery" ref="deviceRelatedQuery" size="medium">
+          <el-form
+            :inline="true"
+            :model="deviceRelatedQuery"
+            ref="deviceRelatedQuery"
+            size="medium"
+          >
             <el-form-item label="">
-              <el-input v-model="deviceRelatedQuery.searchStr" placeholder="请输入设备编号/厂家" clearable></el-input>
+              <el-input
+                v-model="deviceRelatedQuery.searchStr"
+                placeholder="请输入设备编号/厂家"
+                clearable
+              ></el-input>
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="medium" @click="handleClick('deviceSearch')">查询</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="medium"
+                @click="handleClick('deviceSearch')"
+                >查询</el-button
+              >
             </el-form-item>
           </el-form>
         </div>
@@ -288,11 +308,45 @@
           endDate: ""
         },
         list: [
-          {type: "input", label: "站点名称/编号", value: "searchStr", hideLabel: true },
-          {type: "date", label: "开始时间", value: "startDate", dateType: "date", datePickerOptions: "pickerOptionsStart", hideLabel: true},
-          {type: "date", label: "结束时间", value: "endDate", dateType: "date", datePickerOptions: "pickerOptionsEnd", hideLabel: true},
-          {type: "button", label: "查询", btType: "primary", icon: "el-icon-search", event: "search", show: true},
-          {type: "button", label: "添加站点", btType: "primary", icon: "el-icon-circle-plus-outline", event: "create", show: true, has: "m11-2-1"}
+          {
+            type: "input",
+            label: "站点名称/编号",
+            value: "searchStr",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "开始时间",
+            value: "startDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsStart",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "结束时间",
+            value: "endDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsEnd",
+            hideLabel: true
+          },
+          {
+            type: "button",
+            label: "查询",
+            btType: "primary",
+            icon: "el-icon-search",
+            event: "search",
+            show: true
+          },
+          {
+            type: "button",
+            label: "添加站点",
+            btType: "primary",
+            icon: "el-icon-circle-plus-outline",
+            event: "create",
+            show: true,
+            has: "m11-2-1"
+          }
         ]
       },
       //站点表格相关
@@ -305,17 +359,34 @@
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
           { label: "站点类型", value: "stationTypeName", width: 120 },
-          { label: "站点安装时间", value: "createTime", minWidth: 120, tooltip: true },
+          {
+            label: "站点安装时间",
+            value: "createTime",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "安装人", value: "person", width: 100 },
           { label: "关联设备", value: "equips", width: 100, type: "slot" },
-          { label: "首次数据接入时间", value: "tt", minWidth: 150, tooltip: true },
+          {
+            label: "首次数据接入时间",
+            value: "tt",
+            minWidth: 150,
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
           label: "操作",
           width: "80",
           btList: [
-            { label: "修改", size: "small", type: "text", event: "update", show: true, has: 'm11-2-2' }
+            {
+              label: "修改",
+              size: "small",
+              type: "text",
+              event: "update",
+              show: true,
+              has: "m11-2-2"
+            }
           ]
         }
       },
@@ -427,7 +498,7 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: ''
+          look: ""
         },
         width: "60%",
         visible: false,
@@ -444,7 +515,12 @@
         initCurpage: 1,
         fieldList: [
           { label: "设备编号", value: "equipNo", minWidth: 100, tooltip: true },
-          { label: "设备厂家", value: "equipFactory", minWidth: 150, tooltip: true },
+          {
+            label: "设备厂家",
+            value: "equipFactory",
+            minWidth: 150,
+            tooltip: true
+          }
         ]
       },
       //已关联设备表格相关
@@ -517,8 +593,14 @@
       }
     },
     "deviceRelatedQuery.searchStr"(val) {
-      Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-      Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+      Object.assign(
+        this.isRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
+      Object.assign(
+        this.unRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
     }
   },
   methods: {
@@ -543,24 +625,26 @@
       let config = {
         headers: { "Content-Type": "multipart/form-data" }
       };
-      axios.post(this.nozzle.upload, formdata, config).then(res => {
-        if (res.data.code == 1) {
+      axios
+        .post(this.nozzle.upload, formdata, config)
+        .then(res => {
+          if (res.data.code == 1) {
+            this.loading = false;
+            this.$message({
+              message: "上传图片成功！",
+              type: "success"
+            });
+            this.ruleForm.fileList.push(res.data.data[0]);
+            this.siteTableInfo.refresh = Math.random();
+          }
+        })
+        .catch(res => {
           this.loading = false;
           this.$message({
-            message: "上传图片成功！",
-            type: "success"
+            message: "服务器问题！请重试！",
+            type: "warning"
           });
-          this.ruleForm.fileList.push(res.data.data[0]);
-          this.siteTableInfo.refresh = Math.random();
-        }
-      })
-      .catch(res => {
-        this.loading = false;
-        this.$message({
-          message: "服务器问题！请重试！",
-          type: "warning"
         });
-      });
     },
     // 删除图片按钮
     deleteImg(fileNo) {
@@ -587,7 +671,7 @@
             })
             .then(res => {
               loadingdelet.close();
-              if(res.data.code === 1) {
+              if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
@@ -623,20 +707,21 @@
     saveOru(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
-          this.$http.post(this.nozzle.saveOrupdate, {
-            data: this.ruleForm
-          })
-          .then(res => {
-            if(res.data.code === 1) {
-              this.siteTableInfo.refresh = Math.random();
-              this.yzaddflag = false;
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? 'success' : 'error',
-              showClose: true,
+          this.$http
+            .post(this.nozzle.saveOrupdate, {
+              data: this.ruleForm
             })
-          });
+            .then(res => {
+              if (res.data.code === 1) {
+                this.siteTableInfo.refresh = Math.random();
+                this.yzaddflag = false;
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            });
         }
       });
     },
@@ -656,9 +741,9 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              if(Array.isArray(that.$refs.cascader)) {
+              if (Array.isArray(that.$refs.cascader)) {
                 that.$refs.cascader[0].dropDownVisible = false;
-              }else{
+              } else {
                 that.$refs.cascader.dropDownVisible = false;
               }
             };
@@ -709,8 +794,8 @@
       }
     },
     //点击事件
-    handleClick(event, data, index){
-      switch(event) {
+    handleClick(event, data, index) {
+      switch (event) {
         //站点搜索
         case "search":
           this.siteTableInfo.initCurpage = Math.random();
@@ -740,8 +825,14 @@
           this.deviceRelatedQuery.siteCode = data.stCode;
           this.dialogInfo.visible = true;
           setTimeout(() => {
-            Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-            Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+            Object.assign(
+              this.isRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
+            Object.assign(
+              this.unRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
             this.deviceTableInfo.refresh = Math.random();
           }, 0);
           break;
@@ -752,43 +843,54 @@
           break;
         //添加设备到站点
         case "insert":
-          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map( item => item.equipNo);
+          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
             equipNos: insertEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipInsertBatch, { data: insertData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
             });
-          });
           break;
         //解绑设备与站点
         case "remove":
-          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(item => item.equipNo);
+          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
             equipNos: removeEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipRemoveBatch, { data: removeData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            })
+            .catch(e => {
+              console.log(e);
             });
-          }).catch(e =>{console.log(e)});
           break;
         //关闭
         case "close":
@@ -896,9 +998,10 @@
   width: 200px;
   margin: 0 10px;
 }
-.title, .table-title{
-  @include hl(30px,30px);
-  color: #409EFF;
+.title,
+.table-title {
+  @include hl(30px, 30px);
+  color: #409eff;
   text-align: center;
   font-size: 16px;
   margin-bottom: 10px;
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 9003c11..89044b3 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -132,20 +132,47 @@
                 </p>
               </div>
               <div class="option">
-                <el-button
-                  size="mini"
-                  icon="el-icon-rank"
-                  @click="showBigEcharts(item.target)"
-                ></el-button>
-                <el-button size="mini"
-                  ><i class="el-icon-picture" @click="downImg(item.target)"></i
-                ></el-button>
-                <el-button size="mini"
-                  ><i
-                    class="el-icon-download"
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="展开大图图表"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    @click="showBigEcharts(item.target)"
+                    class="optionbtn"
+                    ><img src="../../../../static/img/zk_icon.png"
+                  /></el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载图片文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
+                    @click="downImg(item.target)"
+                  >
+                    <img src="../../../../static/img/tpxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载xls文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
                     @click="downXls(item.target, item.name)"
-                  ></i
-                ></el-button>
+                  >
+                    <img src="../../../../static/img/wjxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
               </div>
             </div>
           </div>
@@ -874,4 +901,16 @@
 .export {
   color: var(--yellow);
 }
+
+.optionbtn {
+  position: relative;
+  // background-color: rgb(2, 120, 254) !important;
+  // border: 1px solid rgb(2, 120, 254) !important;
+  padding: 12px 20px;
+}
+.optionbtn img {
+  position: absolute;
+  top: calc(50% - 10px);
+  left: calc(50% - 10px);
+}
 </style>
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 4226c58..a81dedf 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -887,7 +887,7 @@
           axisPointer: {
             type: "cross",
             crossStyle: {
-              color: "#333"
+              color: "#3398DB"
             }
           }
         },
@@ -899,7 +899,7 @@
         legend: {
           data: [this.SiteYinziZn, this.SiteYinzi2Zn],
           textStyle: {
-            color: "#ffffff" //字体颜色
+            color: "#3398DB" //字体颜色
           }
         },
         xAxis: [
@@ -912,12 +912,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           }
@@ -929,12 +929,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           },
@@ -944,12 +944,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           }
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index c358964..00afbdd 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -339,7 +339,9 @@
                     effect="dark"
                     open-delay="300"
                     :enterable="false"
-                    :content="`${item.factorsName}${item.warnTypeDesc}，${item.warnTypeDesc}值为：${item.warnValue}`"
+                    :content="
+                      `${item.factorsName}${item.warnTypeDesc}，${item.warnTypeDesc}值为：${item.warnValue}`
+                    "
                     placement="top"
                   >
                     <div>
@@ -405,8 +407,8 @@
           offLine: 0,
           offLinePercentage: 0,
           total: 0,
-          totalPercentage: 0,
-        },
+          totalPercentage: 0
+        }
       ],
       dynamic: 0,
       ChecksplatformCode: "", //选取的平台的编号
@@ -423,7 +425,7 @@
         // 实时值
         EAll: 0,
         EOn: 0,
-        EOff: 0,
+        EOff: 0
       },
       Project: {
         // 初始值
@@ -433,7 +435,7 @@
         // 实时值
         EAll: 0,
         EOn: 0,
-        EOff: 0,
+        EOff: 0
       },
       // 平台站点数量及状态统计B
       // 项目站点覆盖排名A
@@ -462,8 +464,8 @@
       namelist: [
         { name: "全部", platform: "", type: "", select: true },
         { name: "合同", platform: "", type: "0", select: false },
-        { name: "临测", platform: "", type: "1", select: false },
-      ],
+        { name: "临测", platform: "", type: "1", select: false }
+      ]
     };
   },
   methods: {
@@ -478,14 +480,14 @@
             "&pageSize=" +
             999
         )
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             this.ProjectList = this.ProjectList.concat(response.data.data);
           } else {
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -495,9 +497,9 @@
 
       this.$http
         .post(this.nozzle.getSiteNum, {
-          data: { platform: this.ChecksplatformCode, type: this.platformtype },
+          data: { platform: this.ChecksplatformCode, type: this.platformtype }
         })
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             // 将当前数据设置成数字滚动的初始值
             this.Site.SAll = this.Site.EAll;
@@ -517,14 +519,14 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
     // 单击显示平台站点
     allpreview(index, item, event) {
       // console.log(index, platform, event.target);
-      this.namelist.forEach((item) => {
+      this.namelist.forEach(item => {
         item.select = false;
       });
       this.namelist[index].select = true;
@@ -534,9 +536,9 @@
 
       this.$http
         .post(this.nozzle.getSiteNum, {
-          data: { platform: this.ChecksplatformCode, type: this.platformtype },
+          data: { platform: this.ChecksplatformCode, type: this.platformtype }
         })
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             // 将当前数据设置成数字滚动的初始值
             this.Site.SAll = this.Site.EAll;
@@ -556,7 +558,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -564,14 +566,14 @@
     loadQuyuPaiMing() {
       this.$http
         .post(this.nozzle.sysPlatformGetAllSiteCount)
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.Region = response.data.data;
           } else {
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -580,10 +582,10 @@
       this.$http
         .post(this.nozzle.platEquipmentGetEquipStatistics, {
           data: {
-            platform: this.ChecksplatformCode,
-          },
+            platform: this.ChecksplatformCode
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.loadRegionEcharts(
               response.data.data.title,
@@ -596,7 +598,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -605,10 +607,10 @@
       this.$http
         .post(this.nozzle.sysPlatformGetSiteStateStatistics, {
           data: {
-            platform: this.ChecksplatformCode,
-          },
+            platform: this.ChecksplatformCode
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.loadRegionEcharts2(
               response.data.data.xdata,
@@ -621,7 +623,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -637,10 +639,10 @@
             platForm: this.ChecksplatformCode,
             endTime: "",
             startTime: "",
-            siteName: "",
-          },
+            siteName: ""
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             if (response.data.data.total > 0) {
               // 没有数据 显示暂无数据的提示
@@ -651,7 +653,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -691,7 +693,7 @@
           this.ProjectList[index].longitude,
           this.ProjectList[index].latitude,
           new esri.SpatialReference({
-            wkid: 4326,
+            wkid: 4326
           })
         );
         this.map.centerAndZoom(MapPoint, this.ProjectList[index].zoomLevel);
@@ -700,7 +702,7 @@
     // 点击历史搜索的文字
     HistoryClick(item) {
       this.ChecksplatformCodeTest = item;
-      this.ProjectList.forEach((item1) => {
+      this.ProjectList.forEach(item1 => {
         if (item1["groupName"] == item) {
           this.ChecksplatformCode = item1["groupNo"];
           // 根据平台渲染站点数量统计及状态统计
@@ -721,7 +723,7 @@
               item1.longitude,
               item1.latitude,
               new esri.SpatialReference({
-                wkid: 4326,
+                wkid: 4326
               })
             );
             this.map.centerAndZoom(MapPoint, item1.zoomLevel);
@@ -758,12 +760,12 @@
       this.myChart.setOption({
         color: ["red"],
         tooltip: {
-          trigger: "axis",
+          trigger: "axis"
         },
         legend: {
           x: "center",
           data: ["现有设备", "搭建设备"],
-          show: false,
+          show: false
         },
         radar: [
           {
@@ -773,17 +775,17 @@
             name: {
               formatter: "{value}",
               textStyle: {
-                color: "red",
-              },
-            },
-          },
+                color: "red"
+              }
+            }
+          }
         ],
         series: [
           {
             type: "radar",
             itemStyle: { normal: { areaStyle: { type: "default" } } },
             tooltip: {
-              trigger: "item",
+              trigger: "item"
             },
             data: [
               {
@@ -791,44 +793,44 @@
                 value: XianYouData,
                 areaStyle: {
                   normal: {
-                    color: "rgb(255, 217, 0)",
-                  },
+                    color: "rgb(255, 217, 0)"
+                  }
                 },
                 itemStyle: {
                   normal: {
                     color: "rgb(255, 217, 0)",
                     lineStyle: {
-                      color: "rgb(255, 217, 0)",
+                      color: "rgb(255, 217, 0)"
                     },
                     areaStyle: {
-                      type: "default",
-                    },
-                  },
-                },
+                      type: "default"
+                    }
+                  }
+                }
               },
               {
                 name: "搭建设备",
                 value: DaJianData,
                 areaStyle: {
                   normal: {
-                    color: "rgb(0, 119, 254)", // 选择项目颜色
-                  },
+                    color: "rgb(0, 119, 254)" // 选择项目颜色
+                  }
                 },
                 itemStyle: {
                   normal: {
                     color: "rgb(0, 119, 254)",
                     lineStyle: {
-                      color: "rgb(0, 119, 254)",
+                      color: "rgb(0, 119, 254)"
                     },
                     areaStyle: {
-                      type: "default",
-                    },
-                  },
-                },
-              },
-            ],
-          },
-        ],
+                      type: "default"
+                    }
+                  }
+                }
+              }
+            ]
+          }
+        ]
       });
     },
     // 加载项目设备环比增长的ecahrts
@@ -843,24 +845,24 @@
           "rgb(140,143,146)",
           "rgb(255,214,0)",
           "rgb(229,132,12)",
-          "rgb(211,22,22)",
+          "rgb(211,22,22)"
         ],
         tooltip: {
-          trigger: "axis",
+          trigger: "axis"
         },
         legend: {
           data: ["离线数量", "预警数量", "故障数量", "报警数量"],
           textStyle: {
             //图例文字的样式
             color: "rgb(0, 119, 254)",
-            fontSize: 12,
-          },
+            fontSize: 12
+          }
         },
         grid: {
           left: "3%",
           right: "6%",
           bottom: "3%",
-          containLabel: true,
+          containLabel: true
         },
         xAxis: {
           type: "category",
@@ -870,13 +872,13 @@
             formatter: "{value}",
             textStyle: {
               //改变刻度字体样式
-              color: "rgb(0, 119, 254)",
+              color: "rgb(0, 119, 254)"
             },
-            fontSize: 12, //字体大小
+            fontSize: 12 //字体大小
           },
           splitLine: {
-            show: false,
-          },
+            show: false
+          }
         },
         yAxis: {
           type: "value",
@@ -884,13 +886,13 @@
             formatter: "{value}",
             textStyle: {
               //改变刻度字体样式
-              color: "rgb(0, 119, 254)",
+              color: "rgb(0, 119, 254)"
             },
-            fontSize: 12, //字体大小
+            fontSize: 12 //字体大小
           },
           splitLine: {
-            show: false,
-          },
+            show: false
+          }
         },
         series: [
           {
@@ -898,30 +900,30 @@
             type: "line",
             data: V1,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "预警数量",
             type: "line",
             data: V2,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "故障数量",
             type: "line",
             data: V3,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "报警数量",
             type: "line",
             data: V4,
             smooth: true,
-            symbol: "none", //取消折点圆圈
-          },
-        ],
+            symbol: "none" //取消折点圆圈
+          }
+        ]
       });
     },
     // 预警报警信息滚动
@@ -976,7 +978,7 @@
         "dijit/layout/BorderContainer",
         "dijit/layout/ContentPane",
 
-        "dojo/domReady!",
+        "dojo/domReady!"
       ])
         .then(
           ([
@@ -1000,17 +1002,17 @@
             Point,
             webMercatorUtils,
             ArcGISTiledMapServiceLayer,
-            ClusterLayer,
+            ClusterLayer
           ]) => {
             // create map with the given options at a DOM node w/ id 'mapNode'
             _this.map = new Map("previewOfSiteStatusMaps", {
               center: [100, 35],
               zoom: 5,
               logo: false,
-              slider: false,
+              slider: false
             });
-            
-             this.arcgiswhiteMap = new ArcGISTiledMapServiceLayer(
+
+            this.arcgiswhiteMap = new ArcGISTiledMapServiceLayer(
               //"http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"
               "http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer"
             );
@@ -1028,20 +1030,20 @@
 
             _this.map.on("click", function(e) {
             }); */
-            _this.map.on("load", function () {
+            _this.map.on("load", function() {
               _this.$http
                 .post(_this.nozzle.listStationBase, {
-                  data: {},
+                  data: {}
                 })
-                .then((response) => {
+                .then(response => {
                   if (response.data.code === 200) {
                     let photoInfo = {};
                     let wgs = new SpatialReference({
-                      wkid: 4326,
+                      wkid: 4326
                     });
                     photoInfo.data = arrayUtils.map(
                       response.data.data,
-                      function (p) {
+                      function(p) {
                         /* if(p.lon!=null){
                         } */
                         let latlng = new Point(
@@ -1054,12 +1056,12 @@
                         );
                         let attributes = {
                           stName: p.stName,
-                          stCode: p.stCode,
+                          stCode: p.stCode
                         };
                         return {
                           x: webMercator.x,
                           y: webMercator.y,
-                          attributes: attributes,
+                          attributes: attributes
                         };
                       }
                     );
@@ -1070,14 +1072,14 @@
                         {
                           fieldName: "stName",
                           label: "名称：",
-                          visible: true,
+                          visible: true
                         },
                         {
                           fieldName: "stCode",
                           label: "编号：",
-                          visible: true,
-                        },
-                      ],
+                          visible: true
+                        }
+                      ]
                     });
                     let clusterLayer = new ClusterLayer({
                       data: photoInfo.data,
@@ -1087,7 +1089,7 @@
                       labelOffset: 10,
                       resolution: _this.map.extent.getWidth() / _this.map.width,
                       singleColor: "#888",
-                      singleTemplate: popupTemplate,
+                      singleTemplate: popupTemplate
                     });
                     let defaultSym = new SimpleMarkerSymbol().setSize(4);
                     let renderer = new ClassBreaksRenderer(
@@ -1118,7 +1120,7 @@
 
                     clusterLayer.setRenderer(renderer);
                     _this.map.addLayer(clusterLayer);
-                    clusterLayer.on("click", function (res) {
+                    clusterLayer.on("click", function(res) {
                       if (res.graphic._graphicsLayer._singles.length == 0) {
                         return;
                       }
@@ -1128,10 +1130,10 @@
                           data: {
                             stCode:
                               d.graphic._graphicsLayer._singles[0].attributes
-                                .stCode,
-                          },
+                                .stCode
+                          }
                         })
-                        .then((resP) => {
+                        .then(resP => {
                           let textContent =
                             "<table style='width: 330px;'><tr><td>名称</td><td>" +
                             d.graphic._graphicsLayer._singles[0].attributes
@@ -1159,13 +1161,13 @@
                     message(response);
                   }
                 })
-                .catch((response) => {
+                .catch(response => {
                   message(response);
                 });
             });
           }
         )
-        .catch((err) => {
+        .catch(err => {
           // handle any script or module loading errors
           // console.error(err);
         });
@@ -1175,17 +1177,14 @@
     REFSFunctionToGis(type) {
       if (!type) {
         //加载黑色arcgis午夜蓝图
-            this.arcgiswhiteMap.hide()
-             this.arcgisMap.show()
-      }
-      else
-      {   
+        this.arcgiswhiteMap.hide();
+        this.arcgisMap.show();
+      } else {
         //加载蓝色底图
              this.arcgisMap.hide()
              this.arcgiswhiteMap.show()
       }
-    
-    },
+    }
   },
   computed: {
   switchStatus: function () {
@@ -1211,16 +1210,16 @@
     // 默认加载项目站点覆盖排名
     this.loadQuyuPaiMing();
 
-    this.$nextTick(function () {
+    this.$nextTick(function() {
       this.timer = setInterval(this.ScrollUp, 100);
     });
 
     // 默认从本地session srotage里面读取历史搜索记录ZZJ
     this.getItem();
   },
-  destroyed: function () {
+  destroyed: function() {
     clearInterval(this.timer);
-  },
+  }
 };
 </script>
 <style scoped>
@@ -1388,7 +1387,7 @@
   overflow: hidden;
 }
 .previewOfSiteStatusCentent .previewButton {
-  padding-top: 0.2rem;
+  padding-top: 0.05rem;
 }
 .previewOfSiteStatusCentent .previewButton .text {
   text-align: left;

diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 36a1de7..84641c7 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -27,7 +27,12 @@
         >
           <!-- 自定义插槽显示状态 -->
           <template v-slot:col-equips="scope">
-            <el-button type="text" size="small" @click="handleClick('look',scope.row)">查看设备</el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click="handleClick('look', scope.row)"
+              >查看设备</el-button
+            >
           </template>
         </page-table>
       </div>
@@ -203,12 +208,27 @@
     >
       <template v-if="dialogInfo.type === 'look'">
         <div class="page-filter">
-          <el-form :inline="true" :model="deviceRelatedQuery" ref="deviceRelatedQuery" size="medium">
+          <el-form
+            :inline="true"
+            :model="deviceRelatedQuery"
+            ref="deviceRelatedQuery"
+            size="medium"
+          >
             <el-form-item label="">
-              <el-input v-model="deviceRelatedQuery.searchStr" placeholder="请输入设备编号/厂家" clearable></el-input>
+              <el-input
+                v-model="deviceRelatedQuery.searchStr"
+                placeholder="请输入设备编号/厂家"
+                clearable
+              ></el-input>
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="medium" @click="handleClick('deviceSearch')">查询</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="medium"
+                @click="handleClick('deviceSearch')"
+                >查询</el-button
+              >
             </el-form-item>
           </el-form>
         </div>
@@ -288,11 +308,45 @@
           endDate: ""
         },
         list: [
-          {type: "input", label: "站点名称/编号", value: "searchStr", hideLabel: true },
-          {type: "date", label: "开始时间", value: "startDate", dateType: "date", datePickerOptions: "pickerOptionsStart", hideLabel: true},
-          {type: "date", label: "结束时间", value: "endDate", dateType: "date", datePickerOptions: "pickerOptionsEnd", hideLabel: true},
-          {type: "button", label: "查询", btType: "primary", icon: "el-icon-search", event: "search", show: true},
-          {type: "button", label: "添加站点", btType: "primary", icon: "el-icon-circle-plus-outline", event: "create", show: true, has: "m11-2-1"}
+          {
+            type: "input",
+            label: "站点名称/编号",
+            value: "searchStr",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "开始时间",
+            value: "startDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsStart",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "结束时间",
+            value: "endDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsEnd",
+            hideLabel: true
+          },
+          {
+            type: "button",
+            label: "查询",
+            btType: "primary",
+            icon: "el-icon-search",
+            event: "search",
+            show: true
+          },
+          {
+            type: "button",
+            label: "添加站点",
+            btType: "primary",
+            icon: "el-icon-circle-plus-outline",
+            event: "create",
+            show: true,
+            has: "m11-2-1"
+          }
         ]
       },
       //站点表格相关
@@ -305,17 +359,34 @@
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
           { label: "站点类型", value: "stationTypeName", width: 120 },
-          { label: "站点安装时间", value: "createTime", minWidth: 120, tooltip: true },
+          {
+            label: "站点安装时间",
+            value: "createTime",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "安装人", value: "person", width: 100 },
           { label: "关联设备", value: "equips", width: 100, type: "slot" },
-          { label: "首次数据接入时间", value: "tt", minWidth: 150, tooltip: true },
+          {
+            label: "首次数据接入时间",
+            value: "tt",
+            minWidth: 150,
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
           label: "操作",
           width: "80",
           btList: [
-            { label: "修改", size: "small", type: "text", event: "update", show: true, has: 'm11-2-2' }
+            {
+              label: "修改",
+              size: "small",
+              type: "text",
+              event: "update",
+              show: true,
+              has: "m11-2-2"
+            }
           ]
         }
       },
@@ -427,7 +498,7 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: ''
+          look: ""
         },
         width: "60%",
         visible: false,
@@ -444,7 +515,12 @@
         initCurpage: 1,
         fieldList: [
           { label: "设备编号", value: "equipNo", minWidth: 100, tooltip: true },
-          { label: "设备厂家", value: "equipFactory", minWidth: 150, tooltip: true },
+          {
+            label: "设备厂家",
+            value: "equipFactory",
+            minWidth: 150,
+            tooltip: true
+          }
         ]
       },
       //已关联设备表格相关
@@ -517,8 +593,14 @@
       }
     },
     "deviceRelatedQuery.searchStr"(val) {
-      Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-      Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+      Object.assign(
+        this.isRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
+      Object.assign(
+        this.unRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
     }
   },
   methods: {
@@ -543,24 +625,26 @@
       let config = {
         headers: { "Content-Type": "multipart/form-data" }
       };
-      axios.post(this.nozzle.upload, formdata, config).then(res => {
-        if (res.data.code == 1) {
+      axios
+        .post(this.nozzle.upload, formdata, config)
+        .then(res => {
+          if (res.data.code == 1) {
+            this.loading = false;
+            this.$message({
+              message: "上传图片成功！",
+              type: "success"
+            });
+            this.ruleForm.fileList.push(res.data.data[0]);
+            this.siteTableInfo.refresh = Math.random();
+          }
+        })
+        .catch(res => {
           this.loading = false;
           this.$message({
-            message: "上传图片成功！",
-            type: "success"
+            message: "服务器问题！请重试！",
+            type: "warning"
           });
-          this.ruleForm.fileList.push(res.data.data[0]);
-          this.siteTableInfo.refresh = Math.random();
-        }
-      })
-      .catch(res => {
-        this.loading = false;
-        this.$message({
-          message: "服务器问题！请重试！",
-          type: "warning"
         });
-      });
     },
     // 删除图片按钮
     deleteImg(fileNo) {
@@ -587,7 +671,7 @@
             })
             .then(res => {
               loadingdelet.close();
-              if(res.data.code === 1) {
+              if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
@@ -623,20 +707,21 @@
     saveOru(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
-          this.$http.post(this.nozzle.saveOrupdate, {
-            data: this.ruleForm
-          })
-          .then(res => {
-            if(res.data.code === 1) {
-              this.siteTableInfo.refresh = Math.random();
-              this.yzaddflag = false;
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? 'success' : 'error',
-              showClose: true,
+          this.$http
+            .post(this.nozzle.saveOrupdate, {
+              data: this.ruleForm
             })
-          });
+            .then(res => {
+              if (res.data.code === 1) {
+                this.siteTableInfo.refresh = Math.random();
+                this.yzaddflag = false;
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            });
         }
       });
     },
@@ -656,9 +741,9 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              if(Array.isArray(that.$refs.cascader)) {
+              if (Array.isArray(that.$refs.cascader)) {
                 that.$refs.cascader[0].dropDownVisible = false;
-              }else{
+              } else {
                 that.$refs.cascader.dropDownVisible = false;
               }
             };
@@ -709,8 +794,8 @@
       }
     },
     //点击事件
-    handleClick(event, data, index){
-      switch(event) {
+    handleClick(event, data, index) {
+      switch (event) {
         //站点搜索
         case "search":
           this.siteTableInfo.initCurpage = Math.random();
@@ -740,8 +825,14 @@
           this.deviceRelatedQuery.siteCode = data.stCode;
           this.dialogInfo.visible = true;
           setTimeout(() => {
-            Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-            Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+            Object.assign(
+              this.isRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
+            Object.assign(
+              this.unRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
             this.deviceTableInfo.refresh = Math.random();
           }, 0);
           break;
@@ -752,43 +843,54 @@
           break;
         //添加设备到站点
         case "insert":
-          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map( item => item.equipNo);
+          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
             equipNos: insertEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipInsertBatch, { data: insertData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
             });
-          });
           break;
         //解绑设备与站点
         case "remove":
-          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(item => item.equipNo);
+          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
             equipNos: removeEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipRemoveBatch, { data: removeData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            })
+            .catch(e => {
+              console.log(e);
             });
-          }).catch(e =>{console.log(e)});
           break;
         //关闭
         case "close":
@@ -896,9 +998,10 @@
   width: 200px;
   margin: 0 10px;
 }
-.title, .table-title{
-  @include hl(30px,30px);
-  color: #409EFF;
+.title,
+.table-title {
+  @include hl(30px, 30px);
+  color: #409eff;
   text-align: center;
   font-size: 16px;
   margin-bottom: 10px;
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 9003c11..89044b3 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -132,20 +132,47 @@
                 </p>
               </div>
               <div class="option">
-                <el-button
-                  size="mini"
-                  icon="el-icon-rank"
-                  @click="showBigEcharts(item.target)"
-                ></el-button>
-                <el-button size="mini"
-                  ><i class="el-icon-picture" @click="downImg(item.target)"></i
-                ></el-button>
-                <el-button size="mini"
-                  ><i
-                    class="el-icon-download"
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="展开大图图表"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    @click="showBigEcharts(item.target)"
+                    class="optionbtn"
+                    ><img src="../../../../static/img/zk_icon.png"
+                  /></el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载图片文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
+                    @click="downImg(item.target)"
+                  >
+                    <img src="../../../../static/img/tpxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载xls文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
                     @click="downXls(item.target, item.name)"
-                  ></i
-                ></el-button>
+                  >
+                    <img src="../../../../static/img/wjxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
               </div>
             </div>
           </div>
@@ -874,4 +901,16 @@
 .export {
   color: var(--yellow);
 }
+
+.optionbtn {
+  position: relative;
+  // background-color: rgb(2, 120, 254) !important;
+  // border: 1px solid rgb(2, 120, 254) !important;
+  padding: 12px 20px;
+}
+.optionbtn img {
+  position: absolute;
+  top: calc(50% - 10px);
+  left: calc(50% - 10px);
+}
 </style>
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 4226c58..a81dedf 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -887,7 +887,7 @@
           axisPointer: {
             type: "cross",
             crossStyle: {
-              color: "#333"
+              color: "#3398DB"
             }
           }
         },
@@ -899,7 +899,7 @@
         legend: {
           data: [this.SiteYinziZn, this.SiteYinzi2Zn],
           textStyle: {
-            color: "#ffffff" //字体颜色
+            color: "#3398DB" //字体颜色
           }
         },
         xAxis: [
@@ -912,12 +912,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           }
@@ -929,12 +929,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           },
@@ -944,12 +944,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           }
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index c358964..00afbdd 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -339,7 +339,9 @@
                     effect="dark"
                     open-delay="300"
                     :enterable="false"
-                    :content="`${item.factorsName}${item.warnTypeDesc}，${item.warnTypeDesc}值为：${item.warnValue}`"
+                    :content="
+                      `${item.factorsName}${item.warnTypeDesc}，${item.warnTypeDesc}值为：${item.warnValue}`
+                    "
                     placement="top"
                   >
                     <div>
@@ -405,8 +407,8 @@
           offLine: 0,
           offLinePercentage: 0,
           total: 0,
-          totalPercentage: 0,
-        },
+          totalPercentage: 0
+        }
       ],
       dynamic: 0,
       ChecksplatformCode: "", //选取的平台的编号
@@ -423,7 +425,7 @@
         // 实时值
         EAll: 0,
         EOn: 0,
-        EOff: 0,
+        EOff: 0
       },
       Project: {
         // 初始值
@@ -433,7 +435,7 @@
         // 实时值
         EAll: 0,
         EOn: 0,
-        EOff: 0,
+        EOff: 0
       },
       // 平台站点数量及状态统计B
       // 项目站点覆盖排名A
@@ -462,8 +464,8 @@
       namelist: [
         { name: "全部", platform: "", type: "", select: true },
         { name: "合同", platform: "", type: "0", select: false },
-        { name: "临测", platform: "", type: "1", select: false },
-      ],
+        { name: "临测", platform: "", type: "1", select: false }
+      ]
     };
   },
   methods: {
@@ -478,14 +480,14 @@
             "&pageSize=" +
             999
         )
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             this.ProjectList = this.ProjectList.concat(response.data.data);
           } else {
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -495,9 +497,9 @@
 
       this.$http
         .post(this.nozzle.getSiteNum, {
-          data: { platform: this.ChecksplatformCode, type: this.platformtype },
+          data: { platform: this.ChecksplatformCode, type: this.platformtype }
         })
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             // 将当前数据设置成数字滚动的初始值
             this.Site.SAll = this.Site.EAll;
@@ -517,14 +519,14 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
     // 单击显示平台站点
     allpreview(index, item, event) {
       // console.log(index, platform, event.target);
-      this.namelist.forEach((item) => {
+      this.namelist.forEach(item => {
         item.select = false;
       });
       this.namelist[index].select = true;
@@ -534,9 +536,9 @@
 
       this.$http
         .post(this.nozzle.getSiteNum, {
-          data: { platform: this.ChecksplatformCode, type: this.platformtype },
+          data: { platform: this.ChecksplatformCode, type: this.platformtype }
         })
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             // 将当前数据设置成数字滚动的初始值
             this.Site.SAll = this.Site.EAll;
@@ -556,7 +558,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -564,14 +566,14 @@
     loadQuyuPaiMing() {
       this.$http
         .post(this.nozzle.sysPlatformGetAllSiteCount)
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.Region = response.data.data;
           } else {
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -580,10 +582,10 @@
       this.$http
         .post(this.nozzle.platEquipmentGetEquipStatistics, {
           data: {
-            platform: this.ChecksplatformCode,
-          },
+            platform: this.ChecksplatformCode
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.loadRegionEcharts(
               response.data.data.title,
@@ -596,7 +598,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -605,10 +607,10 @@
       this.$http
         .post(this.nozzle.sysPlatformGetSiteStateStatistics, {
           data: {
-            platform: this.ChecksplatformCode,
-          },
+            platform: this.ChecksplatformCode
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.loadRegionEcharts2(
               response.data.data.xdata,
@@ -621,7 +623,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -637,10 +639,10 @@
             platForm: this.ChecksplatformCode,
             endTime: "",
             startTime: "",
-            siteName: "",
-          },
+            siteName: ""
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             if (response.data.data.total > 0) {
               // 没有数据 显示暂无数据的提示
@@ -651,7 +653,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -691,7 +693,7 @@
           this.ProjectList[index].longitude,
           this.ProjectList[index].latitude,
           new esri.SpatialReference({
-            wkid: 4326,
+            wkid: 4326
           })
         );
         this.map.centerAndZoom(MapPoint, this.ProjectList[index].zoomLevel);
@@ -700,7 +702,7 @@
     // 点击历史搜索的文字
     HistoryClick(item) {
       this.ChecksplatformCodeTest = item;
-      this.ProjectList.forEach((item1) => {
+      this.ProjectList.forEach(item1 => {
         if (item1["groupName"] == item) {
           this.ChecksplatformCode = item1["groupNo"];
           // 根据平台渲染站点数量统计及状态统计
@@ -721,7 +723,7 @@
               item1.longitude,
               item1.latitude,
               new esri.SpatialReference({
-                wkid: 4326,
+                wkid: 4326
               })
             );
             this.map.centerAndZoom(MapPoint, item1.zoomLevel);
@@ -758,12 +760,12 @@
       this.myChart.setOption({
         color: ["red"],
         tooltip: {
-          trigger: "axis",
+          trigger: "axis"
         },
         legend: {
           x: "center",
           data: ["现有设备", "搭建设备"],
-          show: false,
+          show: false
         },
         radar: [
           {
@@ -773,17 +775,17 @@
             name: {
               formatter: "{value}",
               textStyle: {
-                color: "red",
-              },
-            },
-          },
+                color: "red"
+              }
+            }
+          }
         ],
         series: [
           {
             type: "radar",
             itemStyle: { normal: { areaStyle: { type: "default" } } },
             tooltip: {
-              trigger: "item",
+              trigger: "item"
             },
             data: [
               {
@@ -791,44 +793,44 @@
                 value: XianYouData,
                 areaStyle: {
                   normal: {
-                    color: "rgb(255, 217, 0)",
-                  },
+                    color: "rgb(255, 217, 0)"
+                  }
                 },
                 itemStyle: {
                   normal: {
                     color: "rgb(255, 217, 0)",
                     lineStyle: {
-                      color: "rgb(255, 217, 0)",
+                      color: "rgb(255, 217, 0)"
                     },
                     areaStyle: {
-                      type: "default",
-                    },
-                  },
-                },
+                      type: "default"
+                    }
+                  }
+                }
               },
               {
                 name: "搭建设备",
                 value: DaJianData,
                 areaStyle: {
                   normal: {
-                    color: "rgb(0, 119, 254)", // 选择项目颜色
-                  },
+                    color: "rgb(0, 119, 254)" // 选择项目颜色
+                  }
                 },
                 itemStyle: {
                   normal: {
                     color: "rgb(0, 119, 254)",
                     lineStyle: {
-                      color: "rgb(0, 119, 254)",
+                      color: "rgb(0, 119, 254)"
                     },
                     areaStyle: {
-                      type: "default",
-                    },
-                  },
-                },
-              },
-            ],
-          },
-        ],
+                      type: "default"
+                    }
+                  }
+                }
+              }
+            ]
+          }
+        ]
       });
     },
     // 加载项目设备环比增长的ecahrts
@@ -843,24 +845,24 @@
           "rgb(140,143,146)",
           "rgb(255,214,0)",
           "rgb(229,132,12)",
-          "rgb(211,22,22)",
+          "rgb(211,22,22)"
         ],
         tooltip: {
-          trigger: "axis",
+          trigger: "axis"
         },
         legend: {
           data: ["离线数量", "预警数量", "故障数量", "报警数量"],
           textStyle: {
             //图例文字的样式
             color: "rgb(0, 119, 254)",
-            fontSize: 12,
-          },
+            fontSize: 12
+          }
         },
         grid: {
           left: "3%",
           right: "6%",
           bottom: "3%",
-          containLabel: true,
+          containLabel: true
         },
         xAxis: {
           type: "category",
@@ -870,13 +872,13 @@
             formatter: "{value}",
             textStyle: {
               //改变刻度字体样式
-              color: "rgb(0, 119, 254)",
+              color: "rgb(0, 119, 254)"
             },
-            fontSize: 12, //字体大小
+            fontSize: 12 //字体大小
           },
           splitLine: {
-            show: false,
-          },
+            show: false
+          }
         },
         yAxis: {
           type: "value",
@@ -884,13 +886,13 @@
             formatter: "{value}",
             textStyle: {
               //改变刻度字体样式
-              color: "rgb(0, 119, 254)",
+              color: "rgb(0, 119, 254)"
             },
-            fontSize: 12, //字体大小
+            fontSize: 12 //字体大小
           },
           splitLine: {
-            show: false,
-          },
+            show: false
+          }
         },
         series: [
           {
@@ -898,30 +900,30 @@
             type: "line",
             data: V1,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "预警数量",
             type: "line",
             data: V2,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "故障数量",
             type: "line",
             data: V3,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "报警数量",
             type: "line",
             data: V4,
             smooth: true,
-            symbol: "none", //取消折点圆圈
-          },
-        ],
+            symbol: "none" //取消折点圆圈
+          }
+        ]
       });
     },
     // 预警报警信息滚动
@@ -976,7 +978,7 @@
         "dijit/layout/BorderContainer",
         "dijit/layout/ContentPane",
 
-        "dojo/domReady!",
+        "dojo/domReady!"
       ])
         .then(
           ([
@@ -1000,17 +1002,17 @@
             Point,
             webMercatorUtils,
             ArcGISTiledMapServiceLayer,
-            ClusterLayer,
+            ClusterLayer
           ]) => {
             // create map with the given options at a DOM node w/ id 'mapNode'
             _this.map = new Map("previewOfSiteStatusMaps", {
               center: [100, 35],
               zoom: 5,
               logo: false,
-              slider: false,
+              slider: false
             });
-            
-             this.arcgiswhiteMap = new ArcGISTiledMapServiceLayer(
+
+            this.arcgiswhiteMap = new ArcGISTiledMapServiceLayer(
               //"http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"
               "http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer"
             );
@@ -1028,20 +1030,20 @@
 
             _this.map.on("click", function(e) {
             }); */
-            _this.map.on("load", function () {
+            _this.map.on("load", function() {
               _this.$http
                 .post(_this.nozzle.listStationBase, {
-                  data: {},
+                  data: {}
                 })
-                .then((response) => {
+                .then(response => {
                   if (response.data.code === 200) {
                     let photoInfo = {};
                     let wgs = new SpatialReference({
-                      wkid: 4326,
+                      wkid: 4326
                     });
                     photoInfo.data = arrayUtils.map(
                       response.data.data,
-                      function (p) {
+                      function(p) {
                         /* if(p.lon!=null){
                         } */
                         let latlng = new Point(
@@ -1054,12 +1056,12 @@
                         );
                         let attributes = {
                           stName: p.stName,
-                          stCode: p.stCode,
+                          stCode: p.stCode
                         };
                         return {
                           x: webMercator.x,
                           y: webMercator.y,
-                          attributes: attributes,
+                          attributes: attributes
                         };
                       }
                     );
@@ -1070,14 +1072,14 @@
                         {
                           fieldName: "stName",
                           label: "名称：",
-                          visible: true,
+                          visible: true
                         },
                         {
                           fieldName: "stCode",
                           label: "编号：",
-                          visible: true,
-                        },
-                      ],
+                          visible: true
+                        }
+                      ]
                     });
                     let clusterLayer = new ClusterLayer({
                       data: photoInfo.data,
@@ -1087,7 +1089,7 @@
                       labelOffset: 10,
                       resolution: _this.map.extent.getWidth() / _this.map.width,
                       singleColor: "#888",
-                      singleTemplate: popupTemplate,
+                      singleTemplate: popupTemplate
                     });
                     let defaultSym = new SimpleMarkerSymbol().setSize(4);
                     let renderer = new ClassBreaksRenderer(
@@ -1118,7 +1120,7 @@
 
                     clusterLayer.setRenderer(renderer);
                     _this.map.addLayer(clusterLayer);
-                    clusterLayer.on("click", function (res) {
+                    clusterLayer.on("click", function(res) {
                       if (res.graphic._graphicsLayer._singles.length == 0) {
                         return;
                       }
@@ -1128,10 +1130,10 @@
                           data: {
                             stCode:
                               d.graphic._graphicsLayer._singles[0].attributes
-                                .stCode,
-                          },
+                                .stCode
+                          }
                         })
-                        .then((resP) => {
+                        .then(resP => {
                           let textContent =
                             "<table style='width: 330px;'><tr><td>名称</td><td>" +
                             d.graphic._graphicsLayer._singles[0].attributes
@@ -1159,13 +1161,13 @@
                     message(response);
                   }
                 })
-                .catch((response) => {
+                .catch(response => {
                   message(response);
                 });
             });
           }
         )
-        .catch((err) => {
+        .catch(err => {
           // handle any script or module loading errors
           // console.error(err);
         });
@@ -1175,17 +1177,14 @@
     REFSFunctionToGis(type) {
       if (!type) {
         //加载黑色arcgis午夜蓝图
-            this.arcgiswhiteMap.hide()
-             this.arcgisMap.show()
-      }
-      else
-      {   
+        this.arcgiswhiteMap.hide();
+        this.arcgisMap.show();
+      } else {
         //加载蓝色底图
              this.arcgisMap.hide()
              this.arcgiswhiteMap.show()
       }
-    
-    },
+    }
   },
   computed: {
   switchStatus: function () {
@@ -1211,16 +1210,16 @@
     // 默认加载项目站点覆盖排名
     this.loadQuyuPaiMing();
 
-    this.$nextTick(function () {
+    this.$nextTick(function() {
       this.timer = setInterval(this.ScrollUp, 100);
     });
 
     // 默认从本地session srotage里面读取历史搜索记录ZZJ
     this.getItem();
   },
-  destroyed: function () {
+  destroyed: function() {
     clearInterval(this.timer);
-  },
+  }
 };
 </script>
 <style scoped>
@@ -1388,7 +1387,7 @@
   overflow: hidden;
 }
 .previewOfSiteStatusCentent .previewButton {
-  padding-top: 0.2rem;
+  padding-top: 0.05rem;
 }
 .previewOfSiteStatusCentent .previewButton .text {
   text-align: left;
diff --git a/static/img/tpxz_icon.png b/static/img/tpxz_icon.png
new file mode 100644
index 0000000..77f2be0
--- /dev/null
+++ b/static/img/tpxz_icon.png
Binary files differ

diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 36a1de7..84641c7 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -27,7 +27,12 @@
         >
           <!-- 自定义插槽显示状态 -->
           <template v-slot:col-equips="scope">
-            <el-button type="text" size="small" @click="handleClick('look',scope.row)">查看设备</el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click="handleClick('look', scope.row)"
+              >查看设备</el-button
+            >
           </template>
         </page-table>
       </div>
@@ -203,12 +208,27 @@
     >
       <template v-if="dialogInfo.type === 'look'">
         <div class="page-filter">
-          <el-form :inline="true" :model="deviceRelatedQuery" ref="deviceRelatedQuery" size="medium">
+          <el-form
+            :inline="true"
+            :model="deviceRelatedQuery"
+            ref="deviceRelatedQuery"
+            size="medium"
+          >
             <el-form-item label="">
-              <el-input v-model="deviceRelatedQuery.searchStr" placeholder="请输入设备编号/厂家" clearable></el-input>
+              <el-input
+                v-model="deviceRelatedQuery.searchStr"
+                placeholder="请输入设备编号/厂家"
+                clearable
+              ></el-input>
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="medium" @click="handleClick('deviceSearch')">查询</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="medium"
+                @click="handleClick('deviceSearch')"
+                >查询</el-button
+              >
             </el-form-item>
           </el-form>
         </div>
@@ -288,11 +308,45 @@
           endDate: ""
         },
         list: [
-          {type: "input", label: "站点名称/编号", value: "searchStr", hideLabel: true },
-          {type: "date", label: "开始时间", value: "startDate", dateType: "date", datePickerOptions: "pickerOptionsStart", hideLabel: true},
-          {type: "date", label: "结束时间", value: "endDate", dateType: "date", datePickerOptions: "pickerOptionsEnd", hideLabel: true},
-          {type: "button", label: "查询", btType: "primary", icon: "el-icon-search", event: "search", show: true},
-          {type: "button", label: "添加站点", btType: "primary", icon: "el-icon-circle-plus-outline", event: "create", show: true, has: "m11-2-1"}
+          {
+            type: "input",
+            label: "站点名称/编号",
+            value: "searchStr",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "开始时间",
+            value: "startDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsStart",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "结束时间",
+            value: "endDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsEnd",
+            hideLabel: true
+          },
+          {
+            type: "button",
+            label: "查询",
+            btType: "primary",
+            icon: "el-icon-search",
+            event: "search",
+            show: true
+          },
+          {
+            type: "button",
+            label: "添加站点",
+            btType: "primary",
+            icon: "el-icon-circle-plus-outline",
+            event: "create",
+            show: true,
+            has: "m11-2-1"
+          }
         ]
       },
       //站点表格相关
@@ -305,17 +359,34 @@
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
           { label: "站点类型", value: "stationTypeName", width: 120 },
-          { label: "站点安装时间", value: "createTime", minWidth: 120, tooltip: true },
+          {
+            label: "站点安装时间",
+            value: "createTime",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "安装人", value: "person", width: 100 },
           { label: "关联设备", value: "equips", width: 100, type: "slot" },
-          { label: "首次数据接入时间", value: "tt", minWidth: 150, tooltip: true },
+          {
+            label: "首次数据接入时间",
+            value: "tt",
+            minWidth: 150,
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
           label: "操作",
           width: "80",
           btList: [
-            { label: "修改", size: "small", type: "text", event: "update", show: true, has: 'm11-2-2' }
+            {
+              label: "修改",
+              size: "small",
+              type: "text",
+              event: "update",
+              show: true,
+              has: "m11-2-2"
+            }
           ]
         }
       },
@@ -427,7 +498,7 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: ''
+          look: ""
         },
         width: "60%",
         visible: false,
@@ -444,7 +515,12 @@
         initCurpage: 1,
         fieldList: [
           { label: "设备编号", value: "equipNo", minWidth: 100, tooltip: true },
-          { label: "设备厂家", value: "equipFactory", minWidth: 150, tooltip: true },
+          {
+            label: "设备厂家",
+            value: "equipFactory",
+            minWidth: 150,
+            tooltip: true
+          }
         ]
       },
       //已关联设备表格相关
@@ -517,8 +593,14 @@
       }
     },
     "deviceRelatedQuery.searchStr"(val) {
-      Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-      Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+      Object.assign(
+        this.isRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
+      Object.assign(
+        this.unRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
     }
   },
   methods: {
@@ -543,24 +625,26 @@
       let config = {
         headers: { "Content-Type": "multipart/form-data" }
       };
-      axios.post(this.nozzle.upload, formdata, config).then(res => {
-        if (res.data.code == 1) {
+      axios
+        .post(this.nozzle.upload, formdata, config)
+        .then(res => {
+          if (res.data.code == 1) {
+            this.loading = false;
+            this.$message({
+              message: "上传图片成功！",
+              type: "success"
+            });
+            this.ruleForm.fileList.push(res.data.data[0]);
+            this.siteTableInfo.refresh = Math.random();
+          }
+        })
+        .catch(res => {
           this.loading = false;
           this.$message({
-            message: "上传图片成功！",
-            type: "success"
+            message: "服务器问题！请重试！",
+            type: "warning"
           });
-          this.ruleForm.fileList.push(res.data.data[0]);
-          this.siteTableInfo.refresh = Math.random();
-        }
-      })
-      .catch(res => {
-        this.loading = false;
-        this.$message({
-          message: "服务器问题！请重试！",
-          type: "warning"
         });
-      });
     },
     // 删除图片按钮
     deleteImg(fileNo) {
@@ -587,7 +671,7 @@
             })
             .then(res => {
               loadingdelet.close();
-              if(res.data.code === 1) {
+              if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
@@ -623,20 +707,21 @@
     saveOru(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
-          this.$http.post(this.nozzle.saveOrupdate, {
-            data: this.ruleForm
-          })
-          .then(res => {
-            if(res.data.code === 1) {
-              this.siteTableInfo.refresh = Math.random();
-              this.yzaddflag = false;
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? 'success' : 'error',
-              showClose: true,
+          this.$http
+            .post(this.nozzle.saveOrupdate, {
+              data: this.ruleForm
             })
-          });
+            .then(res => {
+              if (res.data.code === 1) {
+                this.siteTableInfo.refresh = Math.random();
+                this.yzaddflag = false;
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            });
         }
       });
     },
@@ -656,9 +741,9 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              if(Array.isArray(that.$refs.cascader)) {
+              if (Array.isArray(that.$refs.cascader)) {
                 that.$refs.cascader[0].dropDownVisible = false;
-              }else{
+              } else {
                 that.$refs.cascader.dropDownVisible = false;
               }
             };
@@ -709,8 +794,8 @@
       }
     },
     //点击事件
-    handleClick(event, data, index){
-      switch(event) {
+    handleClick(event, data, index) {
+      switch (event) {
         //站点搜索
         case "search":
           this.siteTableInfo.initCurpage = Math.random();
@@ -740,8 +825,14 @@
           this.deviceRelatedQuery.siteCode = data.stCode;
           this.dialogInfo.visible = true;
           setTimeout(() => {
-            Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-            Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+            Object.assign(
+              this.isRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
+            Object.assign(
+              this.unRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
             this.deviceTableInfo.refresh = Math.random();
           }, 0);
           break;
@@ -752,43 +843,54 @@
           break;
         //添加设备到站点
         case "insert":
-          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map( item => item.equipNo);
+          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
             equipNos: insertEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipInsertBatch, { data: insertData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
             });
-          });
           break;
         //解绑设备与站点
         case "remove":
-          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(item => item.equipNo);
+          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
             equipNos: removeEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipRemoveBatch, { data: removeData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            })
+            .catch(e => {
+              console.log(e);
             });
-          }).catch(e =>{console.log(e)});
           break;
         //关闭
         case "close":
@@ -896,9 +998,10 @@
   width: 200px;
   margin: 0 10px;
 }
-.title, .table-title{
-  @include hl(30px,30px);
-  color: #409EFF;
+.title,
+.table-title {
+  @include hl(30px, 30px);
+  color: #409eff;
   text-align: center;
   font-size: 16px;
   margin-bottom: 10px;
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 9003c11..89044b3 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -132,20 +132,47 @@
                 </p>
               </div>
               <div class="option">
-                <el-button
-                  size="mini"
-                  icon="el-icon-rank"
-                  @click="showBigEcharts(item.target)"
-                ></el-button>
-                <el-button size="mini"
-                  ><i class="el-icon-picture" @click="downImg(item.target)"></i
-                ></el-button>
-                <el-button size="mini"
-                  ><i
-                    class="el-icon-download"
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="展开大图图表"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    @click="showBigEcharts(item.target)"
+                    class="optionbtn"
+                    ><img src="../../../../static/img/zk_icon.png"
+                  /></el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载图片文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
+                    @click="downImg(item.target)"
+                  >
+                    <img src="../../../../static/img/tpxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载xls文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
                     @click="downXls(item.target, item.name)"
-                  ></i
-                ></el-button>
+                  >
+                    <img src="../../../../static/img/wjxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
               </div>
             </div>
           </div>
@@ -874,4 +901,16 @@
 .export {
   color: var(--yellow);
 }
+
+.optionbtn {
+  position: relative;
+  // background-color: rgb(2, 120, 254) !important;
+  // border: 1px solid rgb(2, 120, 254) !important;
+  padding: 12px 20px;
+}
+.optionbtn img {
+  position: absolute;
+  top: calc(50% - 10px);
+  left: calc(50% - 10px);
+}
 </style>
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 4226c58..a81dedf 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -887,7 +887,7 @@
           axisPointer: {
             type: "cross",
             crossStyle: {
-              color: "#333"
+              color: "#3398DB"
             }
           }
         },
@@ -899,7 +899,7 @@
         legend: {
           data: [this.SiteYinziZn, this.SiteYinzi2Zn],
           textStyle: {
-            color: "#ffffff" //字体颜色
+            color: "#3398DB" //字体颜色
           }
         },
         xAxis: [
@@ -912,12 +912,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           }
@@ -929,12 +929,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           },
@@ -944,12 +944,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           }
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index c358964..00afbdd 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -339,7 +339,9 @@
                     effect="dark"
                     open-delay="300"
                     :enterable="false"
-                    :content="`${item.factorsName}${item.warnTypeDesc}，${item.warnTypeDesc}值为：${item.warnValue}`"
+                    :content="
+                      `${item.factorsName}${item.warnTypeDesc}，${item.warnTypeDesc}值为：${item.warnValue}`
+                    "
                     placement="top"
                   >
                     <div>
@@ -405,8 +407,8 @@
           offLine: 0,
           offLinePercentage: 0,
           total: 0,
-          totalPercentage: 0,
-        },
+          totalPercentage: 0
+        }
       ],
       dynamic: 0,
       ChecksplatformCode: "", //选取的平台的编号
@@ -423,7 +425,7 @@
         // 实时值
         EAll: 0,
         EOn: 0,
-        EOff: 0,
+        EOff: 0
       },
       Project: {
         // 初始值
@@ -433,7 +435,7 @@
         // 实时值
         EAll: 0,
         EOn: 0,
-        EOff: 0,
+        EOff: 0
       },
       // 平台站点数量及状态统计B
       // 项目站点覆盖排名A
@@ -462,8 +464,8 @@
       namelist: [
         { name: "全部", platform: "", type: "", select: true },
         { name: "合同", platform: "", type: "0", select: false },
-        { name: "临测", platform: "", type: "1", select: false },
-      ],
+        { name: "临测", platform: "", type: "1", select: false }
+      ]
     };
   },
   methods: {
@@ -478,14 +480,14 @@
             "&pageSize=" +
             999
         )
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             this.ProjectList = this.ProjectList.concat(response.data.data);
           } else {
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -495,9 +497,9 @@
 
       this.$http
         .post(this.nozzle.getSiteNum, {
-          data: { platform: this.ChecksplatformCode, type: this.platformtype },
+          data: { platform: this.ChecksplatformCode, type: this.platformtype }
         })
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             // 将当前数据设置成数字滚动的初始值
             this.Site.SAll = this.Site.EAll;
@@ -517,14 +519,14 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
     // 单击显示平台站点
     allpreview(index, item, event) {
       // console.log(index, platform, event.target);
-      this.namelist.forEach((item) => {
+      this.namelist.forEach(item => {
         item.select = false;
       });
       this.namelist[index].select = true;
@@ -534,9 +536,9 @@
 
       this.$http
         .post(this.nozzle.getSiteNum, {
-          data: { platform: this.ChecksplatformCode, type: this.platformtype },
+          data: { platform: this.ChecksplatformCode, type: this.platformtype }
         })
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             // 将当前数据设置成数字滚动的初始值
             this.Site.SAll = this.Site.EAll;
@@ -556,7 +558,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -564,14 +566,14 @@
     loadQuyuPaiMing() {
       this.$http
         .post(this.nozzle.sysPlatformGetAllSiteCount)
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.Region = response.data.data;
           } else {
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -580,10 +582,10 @@
       this.$http
         .post(this.nozzle.platEquipmentGetEquipStatistics, {
           data: {
-            platform: this.ChecksplatformCode,
-          },
+            platform: this.ChecksplatformCode
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.loadRegionEcharts(
               response.data.data.title,
@@ -596,7 +598,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -605,10 +607,10 @@
       this.$http
         .post(this.nozzle.sysPlatformGetSiteStateStatistics, {
           data: {
-            platform: this.ChecksplatformCode,
-          },
+            platform: this.ChecksplatformCode
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.loadRegionEcharts2(
               response.data.data.xdata,
@@ -621,7 +623,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -637,10 +639,10 @@
             platForm: this.ChecksplatformCode,
             endTime: "",
             startTime: "",
-            siteName: "",
-          },
+            siteName: ""
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             if (response.data.data.total > 0) {
               // 没有数据 显示暂无数据的提示
@@ -651,7 +653,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -691,7 +693,7 @@
           this.ProjectList[index].longitude,
           this.ProjectList[index].latitude,
           new esri.SpatialReference({
-            wkid: 4326,
+            wkid: 4326
           })
         );
         this.map.centerAndZoom(MapPoint, this.ProjectList[index].zoomLevel);
@@ -700,7 +702,7 @@
     // 点击历史搜索的文字
     HistoryClick(item) {
       this.ChecksplatformCodeTest = item;
-      this.ProjectList.forEach((item1) => {
+      this.ProjectList.forEach(item1 => {
         if (item1["groupName"] == item) {
           this.ChecksplatformCode = item1["groupNo"];
           // 根据平台渲染站点数量统计及状态统计
@@ -721,7 +723,7 @@
               item1.longitude,
               item1.latitude,
               new esri.SpatialReference({
-                wkid: 4326,
+                wkid: 4326
               })
             );
             this.map.centerAndZoom(MapPoint, item1.zoomLevel);
@@ -758,12 +760,12 @@
       this.myChart.setOption({
         color: ["red"],
         tooltip: {
-          trigger: "axis",
+          trigger: "axis"
         },
         legend: {
           x: "center",
           data: ["现有设备", "搭建设备"],
-          show: false,
+          show: false
         },
         radar: [
           {
@@ -773,17 +775,17 @@
             name: {
               formatter: "{value}",
               textStyle: {
-                color: "red",
-              },
-            },
-          },
+                color: "red"
+              }
+            }
+          }
         ],
         series: [
           {
             type: "radar",
             itemStyle: { normal: { areaStyle: { type: "default" } } },
             tooltip: {
-              trigger: "item",
+              trigger: "item"
             },
             data: [
               {
@@ -791,44 +793,44 @@
                 value: XianYouData,
                 areaStyle: {
                   normal: {
-                    color: "rgb(255, 217, 0)",
-                  },
+                    color: "rgb(255, 217, 0)"
+                  }
                 },
                 itemStyle: {
                   normal: {
                     color: "rgb(255, 217, 0)",
                     lineStyle: {
-                      color: "rgb(255, 217, 0)",
+                      color: "rgb(255, 217, 0)"
                     },
                     areaStyle: {
-                      type: "default",
-                    },
-                  },
-                },
+                      type: "default"
+                    }
+                  }
+                }
               },
               {
                 name: "搭建设备",
                 value: DaJianData,
                 areaStyle: {
                   normal: {
-                    color: "rgb(0, 119, 254)", // 选择项目颜色
-                  },
+                    color: "rgb(0, 119, 254)" // 选择项目颜色
+                  }
                 },
                 itemStyle: {
                   normal: {
                     color: "rgb(0, 119, 254)",
                     lineStyle: {
-                      color: "rgb(0, 119, 254)",
+                      color: "rgb(0, 119, 254)"
                     },
                     areaStyle: {
-                      type: "default",
-                    },
-                  },
-                },
-              },
-            ],
-          },
-        ],
+                      type: "default"
+                    }
+                  }
+                }
+              }
+            ]
+          }
+        ]
       });
     },
     // 加载项目设备环比增长的ecahrts
@@ -843,24 +845,24 @@
           "rgb(140,143,146)",
           "rgb(255,214,0)",
           "rgb(229,132,12)",
-          "rgb(211,22,22)",
+          "rgb(211,22,22)"
         ],
         tooltip: {
-          trigger: "axis",
+          trigger: "axis"
         },
         legend: {
           data: ["离线数量", "预警数量", "故障数量", "报警数量"],
           textStyle: {
             //图例文字的样式
             color: "rgb(0, 119, 254)",
-            fontSize: 12,
-          },
+            fontSize: 12
+          }
         },
         grid: {
           left: "3%",
           right: "6%",
           bottom: "3%",
-          containLabel: true,
+          containLabel: true
         },
         xAxis: {
           type: "category",
@@ -870,13 +872,13 @@
             formatter: "{value}",
             textStyle: {
               //改变刻度字体样式
-              color: "rgb(0, 119, 254)",
+              color: "rgb(0, 119, 254)"
             },
-            fontSize: 12, //字体大小
+            fontSize: 12 //字体大小
           },
           splitLine: {
-            show: false,
-          },
+            show: false
+          }
         },
         yAxis: {
           type: "value",
@@ -884,13 +886,13 @@
             formatter: "{value}",
             textStyle: {
               //改变刻度字体样式
-              color: "rgb(0, 119, 254)",
+              color: "rgb(0, 119, 254)"
             },
-            fontSize: 12, //字体大小
+            fontSize: 12 //字体大小
           },
           splitLine: {
-            show: false,
-          },
+            show: false
+          }
         },
         series: [
           {
@@ -898,30 +900,30 @@
             type: "line",
             data: V1,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "预警数量",
             type: "line",
             data: V2,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "故障数量",
             type: "line",
             data: V3,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "报警数量",
             type: "line",
             data: V4,
             smooth: true,
-            symbol: "none", //取消折点圆圈
-          },
-        ],
+            symbol: "none" //取消折点圆圈
+          }
+        ]
       });
     },
     // 预警报警信息滚动
@@ -976,7 +978,7 @@
         "dijit/layout/BorderContainer",
         "dijit/layout/ContentPane",
 
-        "dojo/domReady!",
+        "dojo/domReady!"
       ])
         .then(
           ([
@@ -1000,17 +1002,17 @@
             Point,
             webMercatorUtils,
             ArcGISTiledMapServiceLayer,
-            ClusterLayer,
+            ClusterLayer
           ]) => {
             // create map with the given options at a DOM node w/ id 'mapNode'
             _this.map = new Map("previewOfSiteStatusMaps", {
               center: [100, 35],
               zoom: 5,
               logo: false,
-              slider: false,
+              slider: false
             });
-            
-             this.arcgiswhiteMap = new ArcGISTiledMapServiceLayer(
+
+            this.arcgiswhiteMap = new ArcGISTiledMapServiceLayer(
               //"http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"
               "http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer"
             );
@@ -1028,20 +1030,20 @@
 
             _this.map.on("click", function(e) {
             }); */
-            _this.map.on("load", function () {
+            _this.map.on("load", function() {
               _this.$http
                 .post(_this.nozzle.listStationBase, {
-                  data: {},
+                  data: {}
                 })
-                .then((response) => {
+                .then(response => {
                   if (response.data.code === 200) {
                     let photoInfo = {};
                     let wgs = new SpatialReference({
-                      wkid: 4326,
+                      wkid: 4326
                     });
                     photoInfo.data = arrayUtils.map(
                       response.data.data,
-                      function (p) {
+                      function(p) {
                         /* if(p.lon!=null){
                         } */
                         let latlng = new Point(
@@ -1054,12 +1056,12 @@
                         );
                         let attributes = {
                           stName: p.stName,
-                          stCode: p.stCode,
+                          stCode: p.stCode
                         };
                         return {
                           x: webMercator.x,
                           y: webMercator.y,
-                          attributes: attributes,
+                          attributes: attributes
                         };
                       }
                     );
@@ -1070,14 +1072,14 @@
                         {
                           fieldName: "stName",
                           label: "名称：",
-                          visible: true,
+                          visible: true
                         },
                         {
                           fieldName: "stCode",
                           label: "编号：",
-                          visible: true,
-                        },
-                      ],
+                          visible: true
+                        }
+                      ]
                     });
                     let clusterLayer = new ClusterLayer({
                       data: photoInfo.data,
@@ -1087,7 +1089,7 @@
                       labelOffset: 10,
                       resolution: _this.map.extent.getWidth() / _this.map.width,
                       singleColor: "#888",
-                      singleTemplate: popupTemplate,
+                      singleTemplate: popupTemplate
                     });
                     let defaultSym = new SimpleMarkerSymbol().setSize(4);
                     let renderer = new ClassBreaksRenderer(
@@ -1118,7 +1120,7 @@
 
                     clusterLayer.setRenderer(renderer);
                     _this.map.addLayer(clusterLayer);
-                    clusterLayer.on("click", function (res) {
+                    clusterLayer.on("click", function(res) {
                       if (res.graphic._graphicsLayer._singles.length == 0) {
                         return;
                       }
@@ -1128,10 +1130,10 @@
                           data: {
                             stCode:
                               d.graphic._graphicsLayer._singles[0].attributes
-                                .stCode,
-                          },
+                                .stCode
+                          }
                         })
-                        .then((resP) => {
+                        .then(resP => {
                           let textContent =
                             "<table style='width: 330px;'><tr><td>名称</td><td>" +
                             d.graphic._graphicsLayer._singles[0].attributes
@@ -1159,13 +1161,13 @@
                     message(response);
                   }
                 })
-                .catch((response) => {
+                .catch(response => {
                   message(response);
                 });
             });
           }
         )
-        .catch((err) => {
+        .catch(err => {
           // handle any script or module loading errors
           // console.error(err);
         });
@@ -1175,17 +1177,14 @@
     REFSFunctionToGis(type) {
       if (!type) {
         //加载黑色arcgis午夜蓝图
-            this.arcgiswhiteMap.hide()
-             this.arcgisMap.show()
-      }
-      else
-      {   
+        this.arcgiswhiteMap.hide();
+        this.arcgisMap.show();
+      } else {
         //加载蓝色底图
              this.arcgisMap.hide()
              this.arcgiswhiteMap.show()
       }
-    
-    },
+    }
   },
   computed: {
   switchStatus: function () {
@@ -1211,16 +1210,16 @@
     // 默认加载项目站点覆盖排名
     this.loadQuyuPaiMing();
 
-    this.$nextTick(function () {
+    this.$nextTick(function() {
       this.timer = setInterval(this.ScrollUp, 100);
     });
 
     // 默认从本地session srotage里面读取历史搜索记录ZZJ
     this.getItem();
   },
-  destroyed: function () {
+  destroyed: function() {
     clearInterval(this.timer);
-  },
+  }
 };
 </script>
 <style scoped>
@@ -1388,7 +1387,7 @@
   overflow: hidden;
 }
 .previewOfSiteStatusCentent .previewButton {
-  padding-top: 0.2rem;
+  padding-top: 0.05rem;
 }
 .previewOfSiteStatusCentent .previewButton .text {
   text-align: left;
diff --git a/static/img/tpxz_icon.png b/static/img/tpxz_icon.png
new file mode 100644
index 0000000..77f2be0
--- /dev/null
+++ b/static/img/tpxz_icon.png
Binary files differ
diff --git a/static/img/wjxz_icon.png b/static/img/wjxz_icon.png
new file mode 100644
index 0000000..0d1edd3
--- /dev/null
+++ b/static/img/wjxz_icon.png
Binary files differ

diff --git a/src/components/ConfigManager/SiteManagement.vue b/src/components/ConfigManager/SiteManagement.vue
index 36a1de7..84641c7 100644
--- a/src/components/ConfigManager/SiteManagement.vue
+++ b/src/components/ConfigManager/SiteManagement.vue
@@ -27,7 +27,12 @@
         >
           <!-- 自定义插槽显示状态 -->
           <template v-slot:col-equips="scope">
-            <el-button type="text" size="small" @click="handleClick('look',scope.row)">查看设备</el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click="handleClick('look', scope.row)"
+              >查看设备</el-button
+            >
           </template>
         </page-table>
       </div>
@@ -203,12 +208,27 @@
     >
       <template v-if="dialogInfo.type === 'look'">
         <div class="page-filter">
-          <el-form :inline="true" :model="deviceRelatedQuery" ref="deviceRelatedQuery" size="medium">
+          <el-form
+            :inline="true"
+            :model="deviceRelatedQuery"
+            ref="deviceRelatedQuery"
+            size="medium"
+          >
             <el-form-item label="">
-              <el-input v-model="deviceRelatedQuery.searchStr" placeholder="请输入设备编号/厂家" clearable></el-input>
+              <el-input
+                v-model="deviceRelatedQuery.searchStr"
+                placeholder="请输入设备编号/厂家"
+                clearable
+              ></el-input>
             </el-form-item>
             <el-form-item>
-              <el-button type="primary" icon="el-icon-search" size="medium" @click="handleClick('deviceSearch')">查询</el-button>
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="medium"
+                @click="handleClick('deviceSearch')"
+                >查询</el-button
+              >
             </el-form-item>
           </el-form>
         </div>
@@ -288,11 +308,45 @@
           endDate: ""
         },
         list: [
-          {type: "input", label: "站点名称/编号", value: "searchStr", hideLabel: true },
-          {type: "date", label: "开始时间", value: "startDate", dateType: "date", datePickerOptions: "pickerOptionsStart", hideLabel: true},
-          {type: "date", label: "结束时间", value: "endDate", dateType: "date", datePickerOptions: "pickerOptionsEnd", hideLabel: true},
-          {type: "button", label: "查询", btType: "primary", icon: "el-icon-search", event: "search", show: true},
-          {type: "button", label: "添加站点", btType: "primary", icon: "el-icon-circle-plus-outline", event: "create", show: true, has: "m11-2-1"}
+          {
+            type: "input",
+            label: "站点名称/编号",
+            value: "searchStr",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "开始时间",
+            value: "startDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsStart",
+            hideLabel: true
+          },
+          {
+            type: "date",
+            label: "结束时间",
+            value: "endDate",
+            dateType: "date",
+            datePickerOptions: "pickerOptionsEnd",
+            hideLabel: true
+          },
+          {
+            type: "button",
+            label: "查询",
+            btType: "primary",
+            icon: "el-icon-search",
+            event: "search",
+            show: true
+          },
+          {
+            type: "button",
+            label: "添加站点",
+            btType: "primary",
+            icon: "el-icon-circle-plus-outline",
+            event: "create",
+            show: true,
+            has: "m11-2-1"
+          }
         ]
       },
       //站点表格相关
@@ -305,17 +359,34 @@
           { label: "站点编号", value: "stCode", minWidth: 120, tooltip: true },
           { label: "站点名称", value: "stName", minWidth: 120, tooltip: true },
           { label: "站点类型", value: "stationTypeName", width: 120 },
-          { label: "站点安装时间", value: "createTime", minWidth: 120, tooltip: true },
+          {
+            label: "站点安装时间",
+            value: "createTime",
+            minWidth: 120,
+            tooltip: true
+          },
           { label: "安装人", value: "person", width: 100 },
           { label: "关联设备", value: "equips", width: 100, type: "slot" },
-          { label: "首次数据接入时间", value: "tt", minWidth: 150, tooltip: true },
+          {
+            label: "首次数据接入时间",
+            value: "tt",
+            minWidth: 150,
+            tooltip: true
+          }
         ],
         handle: {
           fixed: "right",
           label: "操作",
           width: "80",
           btList: [
-            { label: "修改", size: "small", type: "text", event: "update", show: true, has: 'm11-2-2' }
+            {
+              label: "修改",
+              size: "small",
+              type: "text",
+              event: "update",
+              show: true,
+              has: "m11-2-2"
+            }
           ]
         }
       },
@@ -427,7 +498,7 @@
       //弹窗相关
       dialogInfo: {
         title: {
-          look: ''
+          look: ""
         },
         width: "60%",
         visible: false,
@@ -444,7 +515,12 @@
         initCurpage: 1,
         fieldList: [
           { label: "设备编号", value: "equipNo", minWidth: 100, tooltip: true },
-          { label: "设备厂家", value: "equipFactory", minWidth: 150, tooltip: true },
+          {
+            label: "设备厂家",
+            value: "equipFactory",
+            minWidth: 150,
+            tooltip: true
+          }
         ]
       },
       //已关联设备表格相关
@@ -517,8 +593,14 @@
       }
     },
     "deviceRelatedQuery.searchStr"(val) {
-      Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-      Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+      Object.assign(
+        this.isRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
+      Object.assign(
+        this.unRelatedDeviceTableInfo.query,
+        this.deviceRelatedQuery
+      );
     }
   },
   methods: {
@@ -543,24 +625,26 @@
       let config = {
         headers: { "Content-Type": "multipart/form-data" }
       };
-      axios.post(this.nozzle.upload, formdata, config).then(res => {
-        if (res.data.code == 1) {
+      axios
+        .post(this.nozzle.upload, formdata, config)
+        .then(res => {
+          if (res.data.code == 1) {
+            this.loading = false;
+            this.$message({
+              message: "上传图片成功！",
+              type: "success"
+            });
+            this.ruleForm.fileList.push(res.data.data[0]);
+            this.siteTableInfo.refresh = Math.random();
+          }
+        })
+        .catch(res => {
           this.loading = false;
           this.$message({
-            message: "上传图片成功！",
-            type: "success"
+            message: "服务器问题！请重试！",
+            type: "warning"
           });
-          this.ruleForm.fileList.push(res.data.data[0]);
-          this.siteTableInfo.refresh = Math.random();
-        }
-      })
-      .catch(res => {
-        this.loading = false;
-        this.$message({
-          message: "服务器问题！请重试！",
-          type: "warning"
         });
-      });
     },
     // 删除图片按钮
     deleteImg(fileNo) {
@@ -587,7 +671,7 @@
             })
             .then(res => {
               loadingdelet.close();
-              if(res.data.code === 1) {
+              if (res.data.code === 1) {
                 this.siteTableInfo.refresh = Math.random();
               }
               this.$message({
@@ -623,20 +707,21 @@
     saveOru(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
-          this.$http.post(this.nozzle.saveOrupdate, {
-            data: this.ruleForm
-          })
-          .then(res => {
-            if(res.data.code === 1) {
-              this.siteTableInfo.refresh = Math.random();
-              this.yzaddflag = false;
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? 'success' : 'error',
-              showClose: true,
+          this.$http
+            .post(this.nozzle.saveOrupdate, {
+              data: this.ruleForm
             })
-          });
+            .then(res => {
+              if (res.data.code === 1) {
+                this.siteTableInfo.refresh = Math.random();
+                this.yzaddflag = false;
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            });
         }
       });
     },
@@ -656,9 +741,9 @@
                 this.previousElementSibling.click();
             };
             el.ondblclick = function() {
-              if(Array.isArray(that.$refs.cascader)) {
+              if (Array.isArray(that.$refs.cascader)) {
                 that.$refs.cascader[0].dropDownVisible = false;
-              }else{
+              } else {
                 that.$refs.cascader.dropDownVisible = false;
               }
             };
@@ -709,8 +794,8 @@
       }
     },
     //点击事件
-    handleClick(event, data, index){
-      switch(event) {
+    handleClick(event, data, index) {
+      switch (event) {
         //站点搜索
         case "search":
           this.siteTableInfo.initCurpage = Math.random();
@@ -740,8 +825,14 @@
           this.deviceRelatedQuery.siteCode = data.stCode;
           this.dialogInfo.visible = true;
           setTimeout(() => {
-            Object.assign(this.isRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
-            Object.assign(this.unRelatedDeviceTableInfo.query, this.deviceRelatedQuery);
+            Object.assign(
+              this.isRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
+            Object.assign(
+              this.unRelatedDeviceTableInfo.query,
+              this.deviceRelatedQuery
+            );
             this.deviceTableInfo.refresh = Math.random();
           }, 0);
           break;
@@ -752,43 +843,54 @@
           break;
         //添加设备到站点
         case "insert":
-          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map( item => item.equipNo);
+          const insertEquipNoArr = this.unRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const insertData = {
             siteCode: this.unRelatedDeviceTableInfo.query.siteCode,
             equipNos: insertEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipInsertBatch, { data: insertData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipInsertBatch, { data: insertData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
             });
-          });
           break;
         //解绑设备与站点
         case "remove":
-          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(item => item.equipNo);
+          const removeEquipNoArr = this.isRelatedDeviceTableInfo.selectList.map(
+            item => item.equipNo
+          );
           const removeData = {
             siteCode: this.isRelatedDeviceTableInfo.query.siteCode,
             equipNos: removeEquipNoArr
           };
-          this.$http.post(this.nozzle.sysEquipRemoveBatch, { data: removeData }).then(res => {
-            if (res.data.code === 1) {
-              this.deviceRelatedQuery.searchStr = "";
-              this.deviceTableInfo.refresh = Math.random();
-              this.deviceTableInfo.initCurpage = Math.random();
-            }
-            this.$message({
-              message: res.data.msg,
-              type: res.data.code === 1 ? "success" : "error",
-              showClose: true
+          this.$http
+            .post(this.nozzle.sysEquipRemoveBatch, { data: removeData })
+            .then(res => {
+              if (res.data.code === 1) {
+                this.deviceRelatedQuery.searchStr = "";
+                this.deviceTableInfo.refresh = Math.random();
+                this.deviceTableInfo.initCurpage = Math.random();
+              }
+              this.$message({
+                message: res.data.msg,
+                type: res.data.code === 1 ? "success" : "error",
+                showClose: true
+              });
+            })
+            .catch(e => {
+              console.log(e);
             });
-          }).catch(e =>{console.log(e)});
           break;
         //关闭
         case "close":
@@ -896,9 +998,10 @@
   width: 200px;
   margin: 0 10px;
 }
-.title, .table-title{
-  @include hl(30px,30px);
-  color: #409EFF;
+.title,
+.table-title {
+  @include hl(30px, 30px);
+  color: #409eff;
   text-align: center;
   font-size: 16px;
   margin-bottom: 10px;
diff --git a/src/components/ServiceWatch/components/monitor.vue b/src/components/ServiceWatch/components/monitor.vue
index 9003c11..89044b3 100644
--- a/src/components/ServiceWatch/components/monitor.vue
+++ b/src/components/ServiceWatch/components/monitor.vue
@@ -132,20 +132,47 @@
                 </p>
               </div>
               <div class="option">
-                <el-button
-                  size="mini"
-                  icon="el-icon-rank"
-                  @click="showBigEcharts(item.target)"
-                ></el-button>
-                <el-button size="mini"
-                  ><i class="el-icon-picture" @click="downImg(item.target)"></i
-                ></el-button>
-                <el-button size="mini"
-                  ><i
-                    class="el-icon-download"
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="展开大图图表"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    @click="showBigEcharts(item.target)"
+                    class="optionbtn"
+                    ><img src="../../../../static/img/zk_icon.png"
+                  /></el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载图片文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
+                    @click="downImg(item.target)"
+                  >
+                    <img src="../../../../static/img/tpxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
+                <el-tooltip
+                  class="item"
+                  effect="dark"
+                  content="下载xls文件"
+                  placement="top-end"
+                >
+                  <el-button
+                    type="primary"
+                    class="optionbtn"
                     @click="downXls(item.target, item.name)"
-                  ></i
-                ></el-button>
+                  >
+                    <img src="../../../../static/img/wjxz_icon.png" />
+                  </el-button>
+                </el-tooltip>
               </div>
             </div>
           </div>
@@ -874,4 +901,16 @@
 .export {
   color: var(--yellow);
 }
+
+.optionbtn {
+  position: relative;
+  // background-color: rgb(2, 120, 254) !important;
+  // border: 1px solid rgb(2, 120, 254) !important;
+  padding: 12px 20px;
+}
+.optionbtn img {
+  position: absolute;
+  top: calc(50% - 10px);
+  left: calc(50% - 10px);
+}
 </style>
diff --git a/src/components/newFiber/NewFiberSearch.vue b/src/components/newFiber/NewFiberSearch.vue
index 4226c58..a81dedf 100644
--- a/src/components/newFiber/NewFiberSearch.vue
+++ b/src/components/newFiber/NewFiberSearch.vue
@@ -887,7 +887,7 @@
           axisPointer: {
             type: "cross",
             crossStyle: {
-              color: "#333"
+              color: "#3398DB"
             }
           }
         },
@@ -899,7 +899,7 @@
         legend: {
           data: [this.SiteYinziZn, this.SiteYinzi2Zn],
           textStyle: {
-            color: "#ffffff" //字体颜色
+            color: "#3398DB" //字体颜色
           }
         },
         xAxis: [
@@ -912,12 +912,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           }
@@ -929,12 +929,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           },
@@ -944,12 +944,12 @@
             axisLabel: {
               show: true,
               textStyle: {
-                color: "#999" //这里用参数代替了
+                color: "#3398DB" //这里用参数代替了
               }
             },
             axisLine: {
               lineStyle: {
-                color: "#333" // 颜色
+                color: "#3398DB" // 颜色
               }
             }
           }
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index c358964..00afbdd 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -339,7 +339,9 @@
                     effect="dark"
                     open-delay="300"
                     :enterable="false"
-                    :content="`${item.factorsName}${item.warnTypeDesc}，${item.warnTypeDesc}值为：${item.warnValue}`"
+                    :content="
+                      `${item.factorsName}${item.warnTypeDesc}，${item.warnTypeDesc}值为：${item.warnValue}`
+                    "
                     placement="top"
                   >
                     <div>
@@ -405,8 +407,8 @@
           offLine: 0,
           offLinePercentage: 0,
           total: 0,
-          totalPercentage: 0,
-        },
+          totalPercentage: 0
+        }
       ],
       dynamic: 0,
       ChecksplatformCode: "", //选取的平台的编号
@@ -423,7 +425,7 @@
         // 实时值
         EAll: 0,
         EOn: 0,
-        EOff: 0,
+        EOff: 0
       },
       Project: {
         // 初始值
@@ -433,7 +435,7 @@
         // 实时值
         EAll: 0,
         EOn: 0,
-        EOff: 0,
+        EOff: 0
       },
       // 平台站点数量及状态统计B
       // 项目站点覆盖排名A
@@ -462,8 +464,8 @@
       namelist: [
         { name: "全部", platform: "", type: "", select: true },
         { name: "合同", platform: "", type: "0", select: false },
-        { name: "临测", platform: "", type: "1", select: false },
-      ],
+        { name: "临测", platform: "", type: "1", select: false }
+      ]
     };
   },
   methods: {
@@ -478,14 +480,14 @@
             "&pageSize=" +
             999
         )
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             this.ProjectList = this.ProjectList.concat(response.data.data);
           } else {
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -495,9 +497,9 @@
 
       this.$http
         .post(this.nozzle.getSiteNum, {
-          data: { platform: this.ChecksplatformCode, type: this.platformtype },
+          data: { platform: this.ChecksplatformCode, type: this.platformtype }
         })
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             // 将当前数据设置成数字滚动的初始值
             this.Site.SAll = this.Site.EAll;
@@ -517,14 +519,14 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
     // 单击显示平台站点
     allpreview(index, item, event) {
       // console.log(index, platform, event.target);
-      this.namelist.forEach((item) => {
+      this.namelist.forEach(item => {
         item.select = false;
       });
       this.namelist[index].select = true;
@@ -534,9 +536,9 @@
 
       this.$http
         .post(this.nozzle.getSiteNum, {
-          data: { platform: this.ChecksplatformCode, type: this.platformtype },
+          data: { platform: this.ChecksplatformCode, type: this.platformtype }
         })
-        .then((response) => {
+        .then(response => {
           if (response.status === 200) {
             // 将当前数据设置成数字滚动的初始值
             this.Site.SAll = this.Site.EAll;
@@ -556,7 +558,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -564,14 +566,14 @@
     loadQuyuPaiMing() {
       this.$http
         .post(this.nozzle.sysPlatformGetAllSiteCount)
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.Region = response.data.data;
           } else {
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -580,10 +582,10 @@
       this.$http
         .post(this.nozzle.platEquipmentGetEquipStatistics, {
           data: {
-            platform: this.ChecksplatformCode,
-          },
+            platform: this.ChecksplatformCode
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.loadRegionEcharts(
               response.data.data.title,
@@ -596,7 +598,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -605,10 +607,10 @@
       this.$http
         .post(this.nozzle.sysPlatformGetSiteStateStatistics, {
           data: {
-            platform: this.ChecksplatformCode,
-          },
+            platform: this.ChecksplatformCode
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             this.loadRegionEcharts2(
               response.data.data.xdata,
@@ -621,7 +623,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -637,10 +639,10 @@
             platForm: this.ChecksplatformCode,
             endTime: "",
             startTime: "",
-            siteName: "",
-          },
+            siteName: ""
+          }
         })
-        .then((response) => {
+        .then(response => {
           if (response.data.code === 200) {
             if (response.data.data.total > 0) {
               // 没有数据 显示暂无数据的提示
@@ -651,7 +653,7 @@
             message(response);
           }
         })
-        .catch((response) => {
+        .catch(response => {
           message(response);
         });
     },
@@ -691,7 +693,7 @@
           this.ProjectList[index].longitude,
           this.ProjectList[index].latitude,
           new esri.SpatialReference({
-            wkid: 4326,
+            wkid: 4326
           })
         );
         this.map.centerAndZoom(MapPoint, this.ProjectList[index].zoomLevel);
@@ -700,7 +702,7 @@
     // 点击历史搜索的文字
     HistoryClick(item) {
       this.ChecksplatformCodeTest = item;
-      this.ProjectList.forEach((item1) => {
+      this.ProjectList.forEach(item1 => {
         if (item1["groupName"] == item) {
           this.ChecksplatformCode = item1["groupNo"];
           // 根据平台渲染站点数量统计及状态统计
@@ -721,7 +723,7 @@
               item1.longitude,
               item1.latitude,
               new esri.SpatialReference({
-                wkid: 4326,
+                wkid: 4326
               })
             );
             this.map.centerAndZoom(MapPoint, item1.zoomLevel);
@@ -758,12 +760,12 @@
       this.myChart.setOption({
         color: ["red"],
         tooltip: {
-          trigger: "axis",
+          trigger: "axis"
         },
         legend: {
           x: "center",
           data: ["现有设备", "搭建设备"],
-          show: false,
+          show: false
         },
         radar: [
           {
@@ -773,17 +775,17 @@
             name: {
               formatter: "{value}",
               textStyle: {
-                color: "red",
-              },
-            },
-          },
+                color: "red"
+              }
+            }
+          }
         ],
         series: [
           {
             type: "radar",
             itemStyle: { normal: { areaStyle: { type: "default" } } },
             tooltip: {
-              trigger: "item",
+              trigger: "item"
             },
             data: [
               {
@@ -791,44 +793,44 @@
                 value: XianYouData,
                 areaStyle: {
                   normal: {
-                    color: "rgb(255, 217, 0)",
-                  },
+                    color: "rgb(255, 217, 0)"
+                  }
                 },
                 itemStyle: {
                   normal: {
                     color: "rgb(255, 217, 0)",
                     lineStyle: {
-                      color: "rgb(255, 217, 0)",
+                      color: "rgb(255, 217, 0)"
                     },
                     areaStyle: {
-                      type: "default",
-                    },
-                  },
-                },
+                      type: "default"
+                    }
+                  }
+                }
               },
               {
                 name: "搭建设备",
                 value: DaJianData,
                 areaStyle: {
                   normal: {
-                    color: "rgb(0, 119, 254)", // 选择项目颜色
-                  },
+                    color: "rgb(0, 119, 254)" // 选择项目颜色
+                  }
                 },
                 itemStyle: {
                   normal: {
                     color: "rgb(0, 119, 254)",
                     lineStyle: {
-                      color: "rgb(0, 119, 254)",
+                      color: "rgb(0, 119, 254)"
                     },
                     areaStyle: {
-                      type: "default",
-                    },
-                  },
-                },
-              },
-            ],
-          },
-        ],
+                      type: "default"
+                    }
+                  }
+                }
+              }
+            ]
+          }
+        ]
       });
     },
     // 加载项目设备环比增长的ecahrts
@@ -843,24 +845,24 @@
           "rgb(140,143,146)",
           "rgb(255,214,0)",
           "rgb(229,132,12)",
-          "rgb(211,22,22)",
+          "rgb(211,22,22)"
         ],
         tooltip: {
-          trigger: "axis",
+          trigger: "axis"
         },
         legend: {
           data: ["离线数量", "预警数量", "故障数量", "报警数量"],
           textStyle: {
             //图例文字的样式
             color: "rgb(0, 119, 254)",
-            fontSize: 12,
-          },
+            fontSize: 12
+          }
         },
         grid: {
           left: "3%",
           right: "6%",
           bottom: "3%",
-          containLabel: true,
+          containLabel: true
         },
         xAxis: {
           type: "category",
@@ -870,13 +872,13 @@
             formatter: "{value}",
             textStyle: {
               //改变刻度字体样式
-              color: "rgb(0, 119, 254)",
+              color: "rgb(0, 119, 254)"
             },
-            fontSize: 12, //字体大小
+            fontSize: 12 //字体大小
           },
           splitLine: {
-            show: false,
-          },
+            show: false
+          }
         },
         yAxis: {
           type: "value",
@@ -884,13 +886,13 @@
             formatter: "{value}",
             textStyle: {
               //改变刻度字体样式
-              color: "rgb(0, 119, 254)",
+              color: "rgb(0, 119, 254)"
             },
-            fontSize: 12, //字体大小
+            fontSize: 12 //字体大小
           },
           splitLine: {
-            show: false,
-          },
+            show: false
+          }
         },
         series: [
           {
@@ -898,30 +900,30 @@
             type: "line",
             data: V1,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "预警数量",
             type: "line",
             data: V2,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "故障数量",
             type: "line",
             data: V3,
             smooth: true,
-            symbol: "none", //取消折点圆圈
+            symbol: "none" //取消折点圆圈
           },
           {
             name: "报警数量",
             type: "line",
             data: V4,
             smooth: true,
-            symbol: "none", //取消折点圆圈
-          },
-        ],
+            symbol: "none" //取消折点圆圈
+          }
+        ]
       });
     },
     // 预警报警信息滚动
@@ -976,7 +978,7 @@
         "dijit/layout/BorderContainer",
         "dijit/layout/ContentPane",
 
-        "dojo/domReady!",
+        "dojo/domReady!"
       ])
         .then(
           ([
@@ -1000,17 +1002,17 @@
             Point,
             webMercatorUtils,
             ArcGISTiledMapServiceLayer,
-            ClusterLayer,
+            ClusterLayer
           ]) => {
             // create map with the given options at a DOM node w/ id 'mapNode'
             _this.map = new Map("previewOfSiteStatusMaps", {
               center: [100, 35],
               zoom: 5,
               logo: false,
-              slider: false,
+              slider: false
             });
-            
-             this.arcgiswhiteMap = new ArcGISTiledMapServiceLayer(
+
+            this.arcgiswhiteMap = new ArcGISTiledMapServiceLayer(
               //"http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"
               "http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer"
             );
@@ -1028,20 +1030,20 @@
 
             _this.map.on("click", function(e) {
             }); */
-            _this.map.on("load", function () {
+            _this.map.on("load", function() {
               _this.$http
                 .post(_this.nozzle.listStationBase, {
-                  data: {},
+                  data: {}
                 })
-                .then((response) => {
+                .then(response => {
                   if (response.data.code === 200) {
                     let photoInfo = {};
                     let wgs = new SpatialReference({
-                      wkid: 4326,
+                      wkid: 4326
                     });
                     photoInfo.data = arrayUtils.map(
                       response.data.data,
-                      function (p) {
+                      function(p) {
                         /* if(p.lon!=null){
                         } */
                         let latlng = new Point(
@@ -1054,12 +1056,12 @@
                         );
                         let attributes = {
                           stName: p.stName,
-                          stCode: p.stCode,
+                          stCode: p.stCode
                         };
                         return {
                           x: webMercator.x,
                           y: webMercator.y,
-                          attributes: attributes,
+                          attributes: attributes
                         };
                       }
                     );
@@ -1070,14 +1072,14 @@
                         {
                           fieldName: "stName",
                           label: "名称：",
-                          visible: true,
+                          visible: true
                         },
                         {
                           fieldName: "stCode",
                           label: "编号：",
-                          visible: true,
-                        },
-                      ],
+                          visible: true
+                        }
+                      ]
                     });
                     let clusterLayer = new ClusterLayer({
                       data: photoInfo.data,
@@ -1087,7 +1089,7 @@
                       labelOffset: 10,
                       resolution: _this.map.extent.getWidth() / _this.map.width,
                       singleColor: "#888",
-                      singleTemplate: popupTemplate,
+                      singleTemplate: popupTemplate
                     });
                     let defaultSym = new SimpleMarkerSymbol().setSize(4);
                     let renderer = new ClassBreaksRenderer(
@@ -1118,7 +1120,7 @@
 
                     clusterLayer.setRenderer(renderer);
                     _this.map.addLayer(clusterLayer);
-                    clusterLayer.on("click", function (res) {
+                    clusterLayer.on("click", function(res) {
                       if (res.graphic._graphicsLayer._singles.length == 0) {
                         return;
                       }
@@ -1128,10 +1130,10 @@
                           data: {
                             stCode:
                               d.graphic._graphicsLayer._singles[0].attributes
-                                .stCode,
-                          },
+                                .stCode
+                          }
                         })
-                        .then((resP) => {
+                        .then(resP => {
                           let textContent =
                             "<table style='width: 330px;'><tr><td>名称</td><td>" +
                             d.graphic._graphicsLayer._singles[0].attributes
@@ -1159,13 +1161,13 @@
                     message(response);
                   }
                 })
-                .catch((response) => {
+                .catch(response => {
                   message(response);
                 });
             });
           }
         )
-        .catch((err) => {
+        .catch(err => {
           // handle any script or module loading errors
           // console.error(err);
         });
@@ -1175,17 +1177,14 @@
     REFSFunctionToGis(type) {
       if (!type) {
         //加载黑色arcgis午夜蓝图
-            this.arcgiswhiteMap.hide()
-             this.arcgisMap.show()
-      }
-      else
-      {   
+        this.arcgiswhiteMap.hide();
+        this.arcgisMap.show();
+      } else {
         //加载蓝色底图
              this.arcgisMap.hide()
              this.arcgiswhiteMap.show()
       }
-    
-    },
+    }
   },
   computed: {
   switchStatus: function () {
@@ -1211,16 +1210,16 @@
     // 默认加载项目站点覆盖排名
     this.loadQuyuPaiMing();
 
-    this.$nextTick(function () {
+    this.$nextTick(function() {
       this.timer = setInterval(this.ScrollUp, 100);
     });
 
     // 默认从本地session srotage里面读取历史搜索记录ZZJ
     this.getItem();
   },
-  destroyed: function () {
+  destroyed: function() {
     clearInterval(this.timer);
-  },
+  }
 };
 </script>
 <style scoped>
@@ -1388,7 +1387,7 @@
   overflow: hidden;
 }
 .previewOfSiteStatusCentent .previewButton {
-  padding-top: 0.2rem;
+  padding-top: 0.05rem;
 }
 .previewOfSiteStatusCentent .previewButton .text {
   text-align: left;
diff --git a/static/img/tpxz_icon.png b/static/img/tpxz_icon.png
new file mode 100644
index 0000000..77f2be0
--- /dev/null
+++ b/static/img/tpxz_icon.png
Binary files differ
diff --git a/static/img/wjxz_icon.png b/static/img/wjxz_icon.png
new file mode 100644
index 0000000..0d1edd3
--- /dev/null
+++ b/static/img/wjxz_icon.png
Binary files differ
diff --git a/static/img/zk_icon.png b/static/img/zk_icon.png
new file mode 100644
index 0000000..6cc4dbf
--- /dev/null
+++ b/static/img/zk_icon.png
Binary files differ