diff --git a/src/components/index.vue b/src/components/index.vue
index 2ac1f4a..52105e5 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -41,7 +41,7 @@
         </el-dropdown> -->
         <el-dropdown class="dropdown" trigger="click" @command="handleCommand">
           <div class="user-account">
-            <span class="txt">{{LoginName}}</span>
+            <span class="txt">{{ LoginName }}</span>
             <i class="el-icon-arrow-down el-icon--right"></i>
           </div>
           <el-dropdown-menu slot="dropdown">
@@ -50,7 +50,7 @@
               :key="index"
               :command="item.command"
             >
-              {{item.key}}
+              {{ item.key }}
             </el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
@@ -162,7 +162,9 @@
                 <i class="el-icon-location"></i>
                 <span>服务监控</span>
               </template>
-              <el-menu-item index="/ServiceWatch/serverManage" v-has="'m12-1'">服务器管理</el-menu-item>
+              <el-menu-item index="/ServiceWatch/serverManage" v-has="'m12-1'"
+                >服务器管理</el-menu-item
+              >
             </el-submenu>
             <el-submenu index="8" v-has="'m7'">
               <template slot="title">
@@ -213,6 +215,7 @@
             id="ContentView"
             :userId="userId"
             :flag="flag"
+            ref="PathView"
           ></router-view>
         </el-main>
       </el-container>
@@ -241,45 +244,69 @@
 import * as locasto from "./../util/item";
 export default {
   name: "IndexTop",
-  data: function() {
+  data: function () {
     return {
       MenuWidth: 200,
       LoginName: "系统管理员", //登录用户名称
       userId: "",
       flag: true,
-      dropdownList:[
-        {key:'修改密码',command:'updatePw'}
-      ],
+      dropdownList: [{ key: "修改密码", command: "updatePw" }],
       //弹窗相关
-      dialogInfo:{
+      dialogInfo: {
         title: {
-          updatePw: '修改密码'
+          updatePw: "修改密码",
         },
         visible: false,
         btLoading: false,
         width: "500px",
-        type: '',
+        type: "",
         btList: [
-          {label:'关闭',type:'',icon:'',event:'close',show:true},
-          {label:'保存',type:'primary',icon:'',event:'save',show:true,loading: true}
-        ]
+          { label: "关闭", type: "", icon: "", event: "close", show: true },
+          {
+            label: "保存",
+            type: "primary",
+            icon: "",
+            event: "save",
+            show: true,
+            loading: true,
+          },
+        ],
       },
       //表单相关
-      formInfo:{
+      formInfo: {
         ref: null,
         data: {
-          userNo:'', //账户
-          password:'',  //原始密码
-          newpassword:'', //新密码
+          userNo: "", //账户
+          password: "", //原始密码
+          newpassword: "", //新密码
         },
         fieldList: [
-          {label:'账户',value:'userNo',disabled:true,type:'input',required:true,className:'el-form-block'},
-          {label:'原密码',value:'password',type:'password',required:true,className:'el-form-block'},
-          {label:'新密码',value:'newpassword',type:'password',required:true,className:'el-form-block'},
+          {
+            label: "账户",
+            value: "userNo",
+            disabled: true,
+            type: "input",
+            required: true,
+            className: "el-form-block",
+          },
+          {
+            label: "原密码",
+            value: "password",
+            type: "password",
+            required: true,
+            className: "el-form-block",
+          },
+          {
+            label: "新密码",
+            value: "newpassword",
+            type: "password",
+            required: true,
+            className: "el-form-block",
+          },
         ],
         rules: {},
-        labelWidth: '100px'
-      }
+        labelWidth: "100px",
+      },
     };
   },
   watch: {
@@ -292,10 +319,10 @@
         this.resetForm();
         this.dialogInfo.btLoading = false;
       }
-    }
+    },
   },
   methods: {
-    MenuSHOW: function() {
+    MenuSHOW: function () {
       if (this.MenuWidth == 200) {
         this.MenuWidth = 0;
       } else {
@@ -306,6 +333,11 @@
       // console.log(key, keyPath);
     },
     ChangeBGC() {
+      // 给予gis的方法调用demo  A
+      // this.$refs.PathView;
+      this.$refs["PathView"].REFSFunctionToGis();
+      // 给予gis的方法调用demo  E
+
       console.log(9999);
       let root = document.querySelector(":root");
       if (this.flag) {
@@ -404,18 +436,18 @@
       sessionStorage.clear();
     },
     // 初始化验证
-    initRules(){
+    initRules() {
       let formInfo = this.formInfo;
       formInfo.rules = this.$initRules(formInfo.fieldList);
     },
-    handleCommand(command){
-      const dialogInfo = this.dialogInfo
-      const formInfo = this.formInfo
-      switch(command){
+    handleCommand(command) {
+      const dialogInfo = this.dialogInfo;
+      const formInfo = this.formInfo;
+      switch (command) {
         //修改密码
-        case 'updatePw':
+        case "updatePw":
           dialogInfo.type = command;
-          dialogInfo.visible = true
+          dialogInfo.visible = true;
           this.formInfo.data.userNo = localStorage.getItem("USERNO");
           break;
       }
@@ -424,30 +456,34 @@
     handleClick(event, data) {
       const formInfo = this.formInfo;
       const dialogInfo = this.dialogInfo;
-      switch(event) {
+      switch (event) {
         //保存
-        case 'save':
-          formInfo.ref.validate(valid => {
-            if(valid){
-              let api; let params = formInfo.data;
+        case "save":
+          formInfo.ref.validate((valid) => {
+            if (valid) {
+              let api;
+              let params = formInfo.data;
               dialogInfo.btLoading = true;
-              this.$http.post(this.nozzle.updateUserPwd,{data:params}).then(res =>{
-                dialogInfo.btLoading = false;
-                if(res.data.code === 1) {
-                  dialogInfo.visible = false;
-                }
-                this.$message({
-                  message: res.data.msg,
-                  type: res.data.code === 1 ? "success" : "error",
-                  showClose: true
+              this.$http
+                .post(this.nozzle.updateUserPwd, { data: params })
+                .then((res) => {
+                  dialogInfo.btLoading = false;
+                  if (res.data.code === 1) {
+                    dialogInfo.visible = false;
+                  }
+                  this.$message({
+                    message: res.data.msg,
+                    type: res.data.code === 1 ? "success" : "error",
+                    showClose: true,
+                  });
+                })
+                .catch((e) => {
+                  dialogInfo.btLoading = false;
+                  console.log(e);
                 });
-              }).catch(e =>{
-                dialogInfo.btLoading = false;
-                console.log(e);
-              })
             }
-          })
-          break
+          });
+          break;
         //关闭
         case "close":
           dialogInfo.visible = false;
@@ -457,19 +493,19 @@
     //重置表单
     resetForm() {
       this.formInfo.data = {
-        userNo:'', //账户
-        password:'',  //原始密码
-        newpassword:'', //新密码
+        userNo: "", //账户
+        password: "", //原始密码
+        newpassword: "", //新密码
       };
-    }
+    },
   },
-  mounted: function() {
+  mounted: function () {
     //添加菜单
     // this.LoadMenu();
     // this.loadLoginName();
     this.initRules();
     this.LoginName = locasto.getItem("USERName");
-  }
+  },
 };
 </script>
 <style lang="scss" scoped>
@@ -489,9 +525,9 @@
 /deep/.el-icon-arrow-down el-icon--right {
   color: #fff !important;
 }
-.dropdown{
+.dropdown {
   float: right;
-  @include sc(16px,#fff);
+  @include sc(16px, #fff);
   cursor: pointer;
 }
 </style>

diff --git a/src/components/index.vue b/src/components/index.vue
index 2ac1f4a..52105e5 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -41,7 +41,7 @@
         </el-dropdown> -->
         <el-dropdown class="dropdown" trigger="click" @command="handleCommand">
           <div class="user-account">
-            <span class="txt">{{LoginName}}</span>
+            <span class="txt">{{ LoginName }}</span>
             <i class="el-icon-arrow-down el-icon--right"></i>
           </div>
           <el-dropdown-menu slot="dropdown">
@@ -50,7 +50,7 @@
               :key="index"
               :command="item.command"
             >
-              {{item.key}}
+              {{ item.key }}
             </el-dropdown-item>
           </el-dropdown-menu>
         </el-dropdown>
@@ -162,7 +162,9 @@
                 <i class="el-icon-location"></i>
                 <span>服务监控</span>
               </template>
-              <el-menu-item index="/ServiceWatch/serverManage" v-has="'m12-1'">服务器管理</el-menu-item>
+              <el-menu-item index="/ServiceWatch/serverManage" v-has="'m12-1'"
+                >服务器管理</el-menu-item
+              >
             </el-submenu>
             <el-submenu index="8" v-has="'m7'">
               <template slot="title">
@@ -213,6 +215,7 @@
             id="ContentView"
             :userId="userId"
             :flag="flag"
+            ref="PathView"
           ></router-view>
         </el-main>
       </el-container>
@@ -241,45 +244,69 @@
 import * as locasto from "./../util/item";
 export default {
   name: "IndexTop",
-  data: function() {
+  data: function () {
     return {
       MenuWidth: 200,
       LoginName: "系统管理员", //登录用户名称
       userId: "",
       flag: true,
-      dropdownList:[
-        {key:'修改密码',command:'updatePw'}
-      ],
+      dropdownList: [{ key: "修改密码", command: "updatePw" }],
       //弹窗相关
-      dialogInfo:{
+      dialogInfo: {
         title: {
-          updatePw: '修改密码'
+          updatePw: "修改密码",
         },
         visible: false,
         btLoading: false,
         width: "500px",
-        type: '',
+        type: "",
         btList: [
-          {label:'关闭',type:'',icon:'',event:'close',show:true},
-          {label:'保存',type:'primary',icon:'',event:'save',show:true,loading: true}
-        ]
+          { label: "关闭", type: "", icon: "", event: "close", show: true },
+          {
+            label: "保存",
+            type: "primary",
+            icon: "",
+            event: "save",
+            show: true,
+            loading: true,
+          },
+        ],
       },
       //表单相关
-      formInfo:{
+      formInfo: {
         ref: null,
         data: {
-          userNo:'', //账户
-          password:'',  //原始密码
-          newpassword:'', //新密码
+          userNo: "", //账户
+          password: "", //原始密码
+          newpassword: "", //新密码
         },
         fieldList: [
-          {label:'账户',value:'userNo',disabled:true,type:'input',required:true,className:'el-form-block'},
-          {label:'原密码',value:'password',type:'password',required:true,className:'el-form-block'},
-          {label:'新密码',value:'newpassword',type:'password',required:true,className:'el-form-block'},
+          {
+            label: "账户",
+            value: "userNo",
+            disabled: true,
+            type: "input",
+            required: true,
+            className: "el-form-block",
+          },
+          {
+            label: "原密码",
+            value: "password",
+            type: "password",
+            required: true,
+            className: "el-form-block",
+          },
+          {
+            label: "新密码",
+            value: "newpassword",
+            type: "password",
+            required: true,
+            className: "el-form-block",
+          },
         ],
         rules: {},
-        labelWidth: '100px'
-      }
+        labelWidth: "100px",
+      },
     };
   },
   watch: {
@@ -292,10 +319,10 @@
         this.resetForm();
         this.dialogInfo.btLoading = false;
       }
-    }
+    },
   },
   methods: {
-    MenuSHOW: function() {
+    MenuSHOW: function () {
       if (this.MenuWidth == 200) {
         this.MenuWidth = 0;
       } else {
@@ -306,6 +333,11 @@
       // console.log(key, keyPath);
     },
     ChangeBGC() {
+      // 给予gis的方法调用demo  A
+      // this.$refs.PathView;
+      this.$refs["PathView"].REFSFunctionToGis();
+      // 给予gis的方法调用demo  E
+
       console.log(9999);
       let root = document.querySelector(":root");
       if (this.flag) {
@@ -404,18 +436,18 @@
       sessionStorage.clear();
     },
     // 初始化验证
-    initRules(){
+    initRules() {
       let formInfo = this.formInfo;
       formInfo.rules = this.$initRules(formInfo.fieldList);
     },
-    handleCommand(command){
-      const dialogInfo = this.dialogInfo
-      const formInfo = this.formInfo
-      switch(command){
+    handleCommand(command) {
+      const dialogInfo = this.dialogInfo;
+      const formInfo = this.formInfo;
+      switch (command) {
         //修改密码
-        case 'updatePw':
+        case "updatePw":
           dialogInfo.type = command;
-          dialogInfo.visible = true
+          dialogInfo.visible = true;
           this.formInfo.data.userNo = localStorage.getItem("USERNO");
           break;
       }
@@ -424,30 +456,34 @@
     handleClick(event, data) {
       const formInfo = this.formInfo;
       const dialogInfo = this.dialogInfo;
-      switch(event) {
+      switch (event) {
         //保存
-        case 'save':
-          formInfo.ref.validate(valid => {
-            if(valid){
-              let api; let params = formInfo.data;
+        case "save":
+          formInfo.ref.validate((valid) => {
+            if (valid) {
+              let api;
+              let params = formInfo.data;
               dialogInfo.btLoading = true;
-              this.$http.post(this.nozzle.updateUserPwd,{data:params}).then(res =>{
-                dialogInfo.btLoading = false;
-                if(res.data.code === 1) {
-                  dialogInfo.visible = false;
-                }
-                this.$message({
-                  message: res.data.msg,
-                  type: res.data.code === 1 ? "success" : "error",
-                  showClose: true
+              this.$http
+                .post(this.nozzle.updateUserPwd, { data: params })
+                .then((res) => {
+                  dialogInfo.btLoading = false;
+                  if (res.data.code === 1) {
+                    dialogInfo.visible = false;
+                  }
+                  this.$message({
+                    message: res.data.msg,
+                    type: res.data.code === 1 ? "success" : "error",
+                    showClose: true,
+                  });
+                })
+                .catch((e) => {
+                  dialogInfo.btLoading = false;
+                  console.log(e);
                 });
-              }).catch(e =>{
-                dialogInfo.btLoading = false;
-                console.log(e);
-              })
             }
-          })
-          break
+          });
+          break;
         //关闭
         case "close":
           dialogInfo.visible = false;
@@ -457,19 +493,19 @@
     //重置表单
     resetForm() {
       this.formInfo.data = {
-        userNo:'', //账户
-        password:'',  //原始密码
-        newpassword:'', //新密码
+        userNo: "", //账户
+        password: "", //原始密码
+        newpassword: "", //新密码
       };
-    }
+    },
   },
-  mounted: function() {
+  mounted: function () {
     //添加菜单
     // this.LoadMenu();
     // this.loadLoginName();
     this.initRules();
     this.LoginName = locasto.getItem("USERName");
-  }
+  },
 };
 </script>
 <style lang="scss" scoped>
@@ -489,9 +525,9 @@
 /deep/.el-icon-arrow-down el-icon--right {
   color: #fff !important;
 }
-.dropdown{
+.dropdown {
   float: right;
-  @include sc(16px,#fff);
+  @include sc(16px, #fff);
   cursor: pointer;
 }
 </style>
diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue
index 14d8f58..57c361c 100644
--- a/src/components/site/previewOfSiteStatus.vue
+++ b/src/components/site/previewOfSiteStatus.vue
@@ -243,7 +243,7 @@
                 class="previewOfSiteStatusCentent3Li"
                 v-for="(item, index) in Region"
                 :key="index"
-                style="cursor: pointer;"
+                style="cursor: pointer"
               >
                 <span
                   class="previewOfSiteStatusCentent3LiName"
@@ -378,7 +378,7 @@
 export default {
   name: "previewOfSiteStatus",
   components: { countTo }, //加载数字滚动插件
-  data: function() {
+  data: function () {
     return {
       timer: {}, //定时器
       // 顶部中间汇总A
@@ -396,8 +396,8 @@
           offLine: 0,
           offLinePercentage: 0,
           total: 0,
-          totalPercentage: 0
-        }
+          totalPercentage: 0,
+        },
       ],
       dynamic: 0,
       ChecksplatformCode: "", //选取的平台的编号
@@ -414,7 +414,7 @@
         // 实时值
         EAll: 0,
         EOn: 0,
-        EOff: 0
+        EOff: 0,
       },
       Project: {
         // 初始值
@@ -424,7 +424,7 @@
         // 实时值
         EAll: 0,
         EOn: 0,
-        EOff: 0
+        EOff: 0,
       },
       // 平台站点数量及状态统计B
       // 项目站点覆盖排名A
@@ -453,8 +453,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: {
@@ -469,14 +469,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);
         });
     },
@@ -486,9 +486,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;
@@ -508,14 +508,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;
@@ -525,9 +525,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;
@@ -547,7 +547,7 @@
             message(response);
           }
         })
-        .catch(response => {
+        .catch((response) => {
           message(response);
         });
     },
@@ -555,14 +555,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);
         });
     },
@@ -571,10 +571,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,
@@ -587,7 +587,7 @@
             message(response);
           }
         })
-        .catch(response => {
+        .catch((response) => {
           message(response);
         });
     },
@@ -596,10 +596,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,
@@ -612,7 +612,7 @@
             message(response);
           }
         })
-        .catch(response => {
+        .catch((response) => {
           message(response);
         });
     },
@@ -628,10 +628,10 @@
             platForm: this.ChecksplatformCode,
             endTime: "",
             startTime: "",
-            siteName: ""
-          }
+            siteName: "",
+          },
         })
-        .then(response => {
+        .then((response) => {
           if (response.data.code === 200) {
             if (response.data.data.total > 0) {
               // 没有数据 显示暂无数据的提示
@@ -642,7 +642,7 @@
             message(response);
           }
         })
-        .catch(response => {
+        .catch((response) => {
           message(response);
         });
     },
@@ -682,7 +682,7 @@
           this.ProjectList[index].longitude,
           this.ProjectList[index].latitude,
           new esri.SpatialReference({
-            wkid: 4326
+            wkid: 4326,
           })
         );
         this.map.centerAndZoom(MapPoint, this.ProjectList[index].zoomLevel);
@@ -691,7 +691,7 @@
     // 点击历史搜索的文字
     HistoryClick(item) {
       this.ChecksplatformCodeTest = item;
-      this.ProjectList.forEach(item1 => {
+      this.ProjectList.forEach((item1) => {
         if (item1["groupName"] == item) {
           this.ChecksplatformCode = item1["groupNo"];
           // 根据平台渲染站点数量统计及状态统计
@@ -712,7 +712,7 @@
               item1.longitude,
               item1.latitude,
               new esri.SpatialReference({
-                wkid: 4326
+                wkid: 4326,
               })
             );
             this.map.centerAndZoom(MapPoint, item1.zoomLevel);
@@ -749,12 +749,12 @@
       this.myChart.setOption({
         color: ["red"],
         tooltip: {
-          trigger: "axis"
+          trigger: "axis",
         },
         legend: {
           x: "center",
           data: ["现有设备", "搭建设备"],
-          show: false
+          show: false,
         },
         radar: [
           {
@@ -764,17 +764,17 @@
             name: {
               formatter: "{value}",
               textStyle: {
-                color: "red"
-              }
-            }
-          }
+                color: "red",
+              },
+            },
+          },
         ],
         series: [
           {
             type: "radar",
             itemStyle: { normal: { areaStyle: { type: "default" } } },
             tooltip: {
-              trigger: "item"
+              trigger: "item",
             },
             data: [
               {
@@ -782,44 +782,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
@@ -834,24 +834,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",
@@ -861,13 +861,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",
@@ -875,13 +875,13 @@
             formatter: "{value}",
             textStyle: {
               //改变刻度字体样式
-              color: "rgb(0, 119, 254)"
+              color: "rgb(0, 119, 254)",
             },
-            fontSize: 12 //字体大小
+            fontSize: 12, //字体大小
           },
           splitLine: {
-            show: false
-          }
+            show: false,
+          },
         },
         series: [
           {
@@ -889,30 +889,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", //取消折点圆圈
+          },
+        ],
       });
     },
     // 预警报警信息滚动
@@ -927,7 +927,7 @@
     },
     //鼠标移入事件
     mouseOver() {
-      if(this.timer) {
+      if (this.timer) {
         clearInterval(this.timer);
       }
     },
@@ -967,7 +967,7 @@
         "dijit/layout/BorderContainer",
         "dijit/layout/ContentPane",
 
-        "dojo/domReady!"
+        "dojo/domReady!",
       ])
         .then(
           ([
@@ -991,14 +991,14 @@
             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,
             });
             let Main_Map = new ArcGISTiledMapServiceLayer(
               "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer"
@@ -1009,20 +1009,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(
@@ -1035,12 +1035,12 @@
                         );
                         let attributes = {
                           stName: p.stName,
-                          stCode: p.stCode
+                          stCode: p.stCode,
                         };
                         return {
                           x: webMercator.x,
                           y: webMercator.y,
-                          attributes: attributes
+                          attributes: attributes,
                         };
                       }
                     );
@@ -1051,14 +1051,14 @@
                         {
                           fieldName: "stName",
                           label: "名称：",
-                          visible: true
+                          visible: true,
                         },
                         {
                           fieldName: "stCode",
                           label: "编号：",
-                          visible: true
-                        }
-                      ]
+                          visible: true,
+                        },
+                      ],
                     });
                     let clusterLayer = new ClusterLayer({
                       data: photoInfo.data,
@@ -1068,7 +1068,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(
@@ -1099,7 +1099,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;
                       }
@@ -1109,10 +1109,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
@@ -1140,19 +1140,25 @@
                     message(response);
                   }
                 })
-                .catch(response => {
+                .catch((response) => {
                   message(response);
                 });
             });
           }
         )
-        .catch(err => {
+        .catch((err) => {
           // handle any script or module loading errors
           // console.error(err);
         });
-    }
+    },
+    // 给与gis的方法调动dome
+    REFSFunctionToGis() {
+      console.log(
+        "在index调用到了previewOfSiteStatus中的REFSFunctionToGis方法"
+      );
+    },
   },
-  mounted: function() {
+  mounted: function () {
     // 根据平台渲染站点数量统计及状态统计
     this.loadSiteNumForOroject();
     // 根据平台渲染项目设备总览
@@ -1171,16 +1177,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>