预警分析页面功能及样式调整完成，删除无用api文件，首页月利用小时弹窗接口调整

src/App.vue

@@ -94,6 +94,7 @@ import Header from "@/views/layout/Header.vue";
 import LoginPage from "./views/layout/login-page.vue";
 import { GetBoosterlist } from "@/api/factoryMonitor/index.js";
 import { getApiWeatherstation } from "@/api/monthlyPerformanceAnalysis";
+import { getAllStation } from "@/api/common.js";
 import SvgIcon from "@com/coms/icon/svg-icon.vue";
 import { GetDeviceTableData } from "@/api/zhbj/index.js";
 import dayjs from "dayjs";
@@ -195,6 +196,11 @@ export default {
       const { data: datas } = await getApiWeatherstation();
       this.$store.commit("changeCft", datas.data);
     },
+    // 获取全部场站（不分风电光伏）
+    async getAllStation() {
+      const { data: datas } = await getAllStation();
+      this.$store.commit("changeStationAll", datas);
+    },
     login() {
       this.$store.commit("user/SET_LOGINSTATE", true);
     },
@@ -215,6 +221,7 @@ export default {
         if (res) {
           this.getBooster();
           this.getCftlist();
+          this.getAllStation();
         }
       },
       immediate: true,

src/api/AES.js

@@ -1,32 +0,0 @@
-import CryptoJS from 'crypto-js';
-/**
- * CryptoJS加密
- */
-export function localEncrypt(word, keyStr) {
-  keyStr = keyStr ? keyStr : "BTRH201911PERMIS";
-  let key = CryptoJS.enc.Utf8.parse(keyStr);
-  let srcs = CryptoJS.enc.Utf8.parse(word);
-  let encrypted = CryptoJS.AES.encrypt(srcs, key, {
-    mode: CryptoJS.mode.ECB,
-    padding: CryptoJS.pad.Pkcs7
-  });
-  return encrypted.toString();
-}
-
-/**
- * CryptoJS解密
- */
-export function localDecrypt(word, keyStr) {
-  keyStr = keyStr ? keyStr : "BTRH201911PERMIS";
-  var key = CryptoJS.enc.Utf8.parse(keyStr);
-  var decrypt = CryptoJS.AES.decrypt(word, key, {
-    mode: CryptoJS.mode.ECB,
-    padding: CryptoJS.pad.Pkcs7
-  });
-  return CryptoJS.enc.Utf8.stringify(decrypt).toString();
-}
-
-export default {
-  localEncrypt,
-  localDecrypt
-}

src/api/api.js

@@ -1,323 +0,0 @@
-import request from './zmaxios.js'
-
-
-//获取服务端公钥
-export const getPublickey = query => {
-        return request.get(`info/publickey`);
-    }
-    // login
-export const loginRequest = params => {
-    return request.post("user/login", params);
-};
-//register
-export const registerRequest = params => {
-    return request.post("user/registers", params);
-};
-// ----------------------------------------user------------------------------------------------
-export const getUserList = () => {
-    return request.get(`user/getall`);
-}
-export const editRequest = params => {
-    return request.post("user/edituser", params);
-};
-export const deleteUser = data => {
-        return request.delete(`user/${data}`);
-    }
-    // ----------------------------------------user------------------------------------------------
-
-
-//获取所有风场
-export const fetchStationList = () => {
-    return request({
-        url: '' + 'info/station',
-        method: 'get'
-    });
-};
-//根据风场id获取所有风机
-export const fetchWindturbineList = query => {
-    return request({
-        url: '' + 'info/windturbine',
-        method: 'get',
-        params: {
-            stationId: query
-        }
-    });
-};
-// ----------------------------------------安全生产- 报警记录------------------------------------------------
-//查询历史报警
-export const alarm_history = (params) => {
-        return request({
-            url: `alarm/history/page2`,
-            params: params
-        });
-    }
-    //查报警
-export const alarm_snap = (params) => {
-        return request({
-            url: `alarm/snap`,
-            params: params
-        });
-    }
-    // ----------------------------------------安全生产- 实时报警------------------------------------------------
-    //实时故障 最高级
-export const alarm_fault_recent = (params) => {
-        return request({
-            url: `fault/recent`,
-            params: params
-        });
-    }
-    //实时故障 第一次请求
-export const alarm_fault_top = (params) => {
-        return request({
-            url: `fault/snap/top`,
-            params: params
-        });
-    }
-    //底下的实时报警 
-export const alarm_snap_top = (params) => {
-        return request({
-            url: `alarm/snap/top`,
-            params: params
-        });
-    }
-    // ----------------------------------------基础数据- 设备管理------------------------------------------------
-    //查询全部设备型号接口
-export const device_list = () => {
-        return request.get(`device/model/list`);
-    }
-    //获取结构tree
-export function tree(params) {
-    return request({
-        url: 'device/structure/tree/windturbine',
-        method: 'get',
-    });
-}
-//根据结构获取测点
-export function point(code, pagenum, pagesize) {
-    return request.get(`device/metrics/page?pagenum=${pagenum}&pagesize=${pagesize}&deviceId=windturbine&structureCode=${code}`);
-}
-//测点新增
-export function metrics(params) {
-    return request.post(`device/metrics/single`, params);
-}
-//测点删除
-export function delmetrics(params) {
-    return request.delete(`device/metrics/single/delete/${params}`);
-}
-
-//tree新增 添加一个设备结构节点
-export function treeAdd(params) {
-    return request.post(`device/structure`, params);
-}
-//tree删除 tree删除一个设备结构节点
-export function treeDel(params) {
-    return request.delete(`device/structure/delete/${params}`);
-}
-
-
-// 故障模式
-// get All
-export const faultmode_windturbine = () => {
-        return request.get(`device/faultmode/windturbine`);
-    }
-    // 根据 structurecode get
-export const faultmode_structurecode = params => {
-        return request.get(`device/faultmode/windturbine/${params}`);
-    }
-    // 根据 id delete
-export const faultmode_delete = params => {
-    return request.delete(`device/faultmode/delete/${params}`);
-}
-
-// 新增 修改
-export const faultmode_add_edit = data => {
-    return request.post(`device/faultmode`, data);
-}
-
-// ----------------------------------------end 基础数据- 风机管理------------------------------------------------
-
-
-// ---------------------------------------- 报警配置- 自定义预警------------------------------------------------
-export function custombj_fetchTableData(params) {
-    return request.get(`alertrule2/page/`, {
-        params: params
-    });
-}
-
-//根据场站编号，风机型号获取AI测点
-export const fetchAIPointList = (stationId, modelId) => {
-    return request({
-        url: '' + 'info/testing_point_ai',
-        method: 'get',
-        params: {
-            stationId: stationId,
-            modelId: modelId
-        }
-    });
-};
-//根据场站编号，风机型号获取DI测点
-export const fetchDIPointList = (stationId, modelId) => {
-    return request({
-        url: '' + 'info/testing_point_di',
-        method: 'get',
-        params: {
-            stationId: stationId,
-            modelId: modelId
-        }
-    });
-};
-//根据场站编号，获取电气DI测点
-export const fetchElectricDIPointList = (stationId) => {
-    return request({
-        url: '' + 'info/electrical_point_di',
-        method: 'get',
-        params: {
-            stationId: stationId
-        }
-    });
-};
-//根据电气测点，获取测点信息
-export const fetchElectricDIPointByPointId = (pointId) => {
-    return request({
-        url: '' + 'info/electrical_point_di/byId',
-        method: 'get',
-        params: {
-            pointId: pointId
-        }
-    });
-};
-
-//获取风机关联部件列表
-export const fetchRelatePart = () => {
-    return request({
-        url: '' + 'info/windturbine_parts',
-        method: 'get',
-    });
-};
-//根据风场编号获取电气AI测点
-export const fetch_electrical_point_ai = (stationId) => {
-    return request({
-        url: '' + 'info/electrical_point_ai',
-        method: 'get',
-        params: {
-            stationId: stationId
-        }
-    });
-};
-//根据风场编号获取电气DI测点
-export const fetch_electrical_point_di = (stationId) => {
-    return request({
-        url: '' + 'info/electrical_point_di',
-        method: 'get',
-        params: {
-            stationId: stationId
-        }
-    });
-};
-//获取报警类型
-export const fetchWarningType = () => {
-    return request({
-        url: '' + 'info/warning_type',
-        method: 'get',
-    });
-};
-//获取报警种类
-export const fetchWarningClassify = () => {
-    return request({
-        url: '' + 'info/warning_classify',
-        method: 'get',
-    });
-};
-export const custombj_batchImport = list => {
-    return Axrequestios.post('' + "alertrule2/save-batch", list);
-};
-export const custombj_postSave = form => {
-    return request.post('' + "alertrule2/save", form)
-};
-
-//******************************end****************************************//
-
-
-//******************************升压站报警API************************************//
-
-export const scadabj_fetchTableData = query => {
-    return request({
-        url: '' + 'scadabj/page',
-        method: 'get',
-        params: query,
-        timeout: 20000,
-    });
-};
-export const scadabj_postSave = objData => {
-    return request.post('' + "scadabj/save", objData);
-};
-export const scadabj_batchImport = list => {
-    return request.post('' + "scadabj/save-batch", list);
-};
-//********************************************end********************************//\
-
-
-
-//******************************风机报警API************************************//
-export const windturbinebj_fetchTableData = query => {
-    return request({
-        url: '' + 'warning2/page',
-        method: 'get',
-        params: query,
-        timeout: 20000,
-    });
-};
-export const windturbinebj_postSave = form => {
-    return Axios.post('' + 'warning2/save', form);
-};
-export const windturbinebj_batchImport = list => {
-    return Axios.post('' + "warning2/save-batch", list);
-};
-
-export const fetchLeaf = () => {
-    return request({
-        url: '' + 'warning2/page',
-        method: 'get',
-        params: {
-            pagenum: 1,
-            pagesize: 10000,
-            isLeaf: 0,
-        }
-    });
-};
-
-
-//根据风机型号获取DI测点统一编码相关数据 testingpointdi2
-export const getDIPointByModelId = query => {
-    return request({
-        url: '' + 'info/testing_point_di',
-        method: 'get',
-        params: query
-    });
-};
-
-//******************************end*******************************************// 
-//******************************预警统计*******************************************//
-export const statistics_querymap = params => {
-    return request.get(`alarm/count/querymap2`, { params: params })
-        // return request.get(`alarm/count/querymap?stationid=XS_FDC&datebegin=2021-10-12&dateend=2021-11-13`)
-};
-export const statistics_querybyname = params => {
-    return request.get('alarm/count/querybyname2', { params: params })
-};
-export const statistics_lineandproject = params => {
-    return request.get('alarm/count/lineandproject2', { params: params })
-};
-//******************************end*******************************************//
-
-//******************************预警分析*******************************************//
-export const warning_query_new = params => {
-    return request.get(`alarm/count/query/new2`, { params: params })
-};
-export const warning_detail = params => {
-    return request.get('analysis/detail', { params: params })
-};
-// export const statistics_lineandproject = params => {
-//     return request.get('alarm/count/lineandproject', { params: params })
-// };
-//******************************end*******************************************//

src/api/cockpit/boosterStation/index.js

@@ -1,13 +0,0 @@
-import request from "../../../tools/request";
-//数据刷新
-const refreshData = (keys) => {
-    return request({
-        baseURL: process.env.VUE_APP_ADAPTERURL,
-        url: `/ts/latest?keys=${keys}`,
-        method: "get",
-    });
-};
-
-export default {
-    refreshData,
-}

src/api/common.js

@@ -44,3 +44,11 @@ export function logout(data) {
     data,
   });
 }
+//查询所有场站
+export function getAllStation() {
+  return request({
+    baseURL: process.env.VUE_APP_API,
+    url: `/electricity/czlist`,
+    method: "GET",
+  });
+}

src/api/config.js

@@ -1,13 +0,0 @@
-/**
- * 
- * */
-
-//测试 - 国电
-export default {
-  webSoketUrl: 'ws://10.155.32.4:8082/gyee-websocket', // webSoket
-}
-
-//生产 - 国电
-// export default {
-//   webSoketUrl: '192.168.4.203:9008', // webSoket
-// }

src/api/maintenance/expertKnowledge/index.js

@@ -1,54 +0,0 @@
-import request from "../../../tools/request";
-
-const faultKnowledge = (data) => {
-    return request({
-        url: `/consumer/knowledge/faultKnowledge?gzjb=${data.gzjb}&tjlx=${data.tjlx}&cxnr=${data.cxnr}&pageNum=${data.pageNum}&pageSize=${data.pageSize}`,
-        method: "get",
-    });
-};
-const safeMeasureKnowledge = (data) => {
-    return request({
-        url: `/consumer/knowledge/safeMeasureKnowledge?safecontent=${data.name}&pageNum=${data.pageNum}&pageSize=${data.pageSize}`,
-        method: "get",
-    });
-};
-const workGuideKnowledge = (data) => {
-    return request({
-        url: `/consumer/knowledge/workGuideKnowledge?content=${data.name}&pageNum=${data.pageNum}&pageSize=${data.pageSize}`,
-        method: "get",
-    });
-};
-const featureParameter = (data) => {
-    return request({
-        url: `/consumer/knowledge/featureParameter?name=${data.name}&pageNum=${data.pageNum}&pageSize=${data.pageSize}`,
-        method: "get",
-    });
-};
-const checkRepairProgramme = (data) => {
-    return request({
-        url: `/consumer/knowledge/checkRepairProgramme?model=${data.model}&pageNum=${data.pageNum}&pageSize=${data.pageSize}`,
-        method: "get",
-    });
-};
-const earlyKnowledge = (data) => {
-    return request({
-        url: `/consumer/knowledge/earlyKnowledge?gzjb=${data.gzjb}&bjlx=${data.bjlx}&cxnr=${data.cxnr}&pageNum=${data.pageNum}&pageSize=${data.pageSize}`,
-        method: "get",
-    });
-};
-const modelList = (data) => {
-    return request({
-        url: `/consumer/knowledge/modelList`,
-        method: "get",
-    });
-};
-
-export default {
-    faultKnowledge,
-    safeMeasureKnowledge,
-    workGuideKnowledge,
-    featureParameter,
-    checkRepairProgramme,
-    earlyKnowledge,
-    modelList,
-}

src/api/monthlyPerformanceAnalysis.js

@@ -370,14 +370,7 @@ export function getOwnDemand(params) {
     method: "GET",
   });
 }
-//查询逆变器电量分析
-export function getAllStation(params) {
-  return request({
-    baseURL: process.env.VUE_APP_API,
-    url: `/electricity/czlist`,
-    method: "GET",
-  });
-}
+
 //查询逆变器PR分析
 export function getPrAnalysis(params) {
   return request({

src/api/reportForms.js

@@ -1,58 +0,0 @@
-import request from "@/tools/request";
-
-// 新能源日报
-export function getNemDailyReportData(data) {
-  return request({
-    url:
-      process.env.VUE_APP_API + `/reports/GetNemDailyReportData?date=${data}`,
-    method: "get",
-  });
-}
-
-// 新能源月报
-export function getNemMonthReportData(data) {
-  return request({
-    url:
-      process.env.VUE_APP_API +
-      `/reports/GetNemMonthReportData?date=${data.date}&stationId=${data.stationId}`,
-    method: "get",
-  });
-}
-
-// 获取公司列表
-export function getApicompanyslist(data) {
-  return request({
-    url: process.env.VUE_APP_API + `/assets/GetCompanyList?type=${data.type}`,
-    method: "get",
-  });
-}
-
-// 获取场站列表
-export function getApiwpByCplistlist(data) {
-  return request({
-    url:
-      process.env.VUE_APP_API +
-      `/assets/GetPowerStation?companyCode=${data.companyCode}&stationType=${data.stationType}`,
-    method: "get",
-  });
-}
-
-// 各风场生产月报
-export function getPowerStationMonthReportData(data) {
-  return request({
-    url:
-      process.env.VUE_APP_API +
-      `/reports/GetPowerStationMonthReportData?date=${data.date}&stationId=${data.stationId}`,
-    method: "get",
-  });
-}
-
-// 各风场生产月报
-export function getEquipmentReportData(data) {
-  return request({
-    url:
-      process.env.VUE_APP_API +
-      `/reports/GetEquipmentReportData?date=${data.date}&stationId=${data.stationId}`,
-    method: "get",
-  });
-}

src/api/stateMonitor/index.js

@@ -1,511 +0,0 @@
-import request from "@/tools/request";
-//全部风机
-const getWindturbine = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/windturbine/all`,
-        method: "get",
-    });
-};
-// 获取所有升压站tab数据
-const getAllStationTab = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/boost_station/stations`,
-        method: "get",
-    });
-}
-// 获取svg触发器
-const getAllStationSvgInfo = (params) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/boost_station/svginfo?id=${params.id}`,
-        method: "get",
-    });
-}
-// 获取升压站svg图片数据
-const getSvgData = (params) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/boost_station/svg?id=${params.id}`,
-        method: "get",
-    });
-}
-// 获取矩阵页面光伏二级页左侧栏数据
-const getStationInfoData = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/station/pv_info`,
-        method: "get",
-    });
-}
-// 获取矩阵页面光伏二级页整体数据
-const getAllPvStationData = (params) => {
-    return request({
-        baseURL: process.env.VUE_APP_ADAPTERURL,
-        url: `/ts/latest?thingType=windturbine&thingId=${params.id}&uniformCodes=${params.codes}`,
-        method: "get",
-    });
-}
-// 获取矩阵页面光伏二级页echarts数据
-const getAllPvHistoryData = (params) => {
-    return request({
-        baseURL: process.env.VUE_APP_ADAPTERURL,
-        url: `/ts/history/snap?thingType=windturbine&thingId=${params.id}&uniformCode=${params.code}&startTs=${params.startTime}&endTs=${params.endTime}&interval=${params.interval}`,
-        method: "get",
-    });
-}
-
-// 标题栏数据
-const stationOverview = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/station/overview`,
-        method: "get",
-    });
-};
-//获取报警数据
-const alarmFault = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/alarm/fault`,
-        method: "get",
-    });
-};
-//获取推荐风机信息
-const recommendation = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/windturbine/recommendation`,
-        method: "get",
-    });
-};
-//登陆
-const login = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/user/login`,
-        method: "post",
-        data: data,
-    });
-};
-//获取场站
-const getStation = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/station/info`,
-        method: "get",
-    });
-};
-//获取AGC场站
-const getAGCStation = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/station/agc`,
-        method: "get",
-    });
-};
-//刷新报警信息
-const getSnap = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_SHARDINGURL,
-        url: `/alarm/snap/page?pagenum=${data.pagenum}&pagesize=${data.pagesize}&category1=${data.category1}&isopened=${data.isopened}&starttime=${data.starttime}&endtime=${data.endtime}&windturbineId=${data.windturbineId ? data.windturbineId : ''}`,
-        method: "get",
-    });
-};
-//数据刷新
-const refreshData = (keys) => {
-    return request({
-        baseURL: process.env.VUE_APP_ADAPTERURL,
-        url: `/ts/latest?keys=${keys}`,
-        method: "get",
-    });
-};
-//风机控制
-const windturbControl = (pairs) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/control/`,
-        method: "post",
-        data: pairs
-    });
-};
-//风机控制
-const windturbControlLock = (pairs) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/control/lock`,
-        method: "post",
-        data: pairs
-    });
-};
-//获取风机详情页面数据
-const nitWinturbineBaseData = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_ADAPTERURL,
-        url: `/ts/latest?thingType=${data.thingType}&thingId=${data.thingId}&uniformCodes=${data.uniformCodes}`,
-        method: "get",
-    });
-};
-const getOverview = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/windturbine/overview`,
-        method: "get",
-    });
-};
-const sendWarning = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/alarm/confirm?snapID=${data.snapID}&faultID=${data.faultID}&userName=${data.userName}`,
-        method: "get",
-    });
-};
-const sendRecommend = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `api/voice-control/addvoicetask`,
-        method: "post",
-        data: data
-    });
-};
-const getPower = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_ADAPTERURL,
-        url: `/ts/history/snap?tagName=${data.tagName}&startTs=${data.startTs}&endTs=${data.endTs}&interval=${data.interval}`,
-        method: "get",
-    });
-};
-const getOriginalPower = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_ADAPTERURL,
-        url: `/ts/history/raw?tagName=${data.tagName}&startTs=${data.startTs}&endTs=${data.endTs}`,
-        method: "get",
-    });
-};
-const getWindturbinePower = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_ADAPTERURL,
-        url: `/ts/history/snap?thingId=${data.thingId}&uniformCode=${data.uniformCode}&startTs=${data.startTs}&endTs=${data.endTs}&thingType=${data.thingType}&interval=${data.interval}`,
-        method: "get",
-    });
-};
-const getOriginalWindturbinePower = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_ADAPTERURL,
-        url: `/ts/history/raw?thingId=${data.thingId}&uniformCode=${data.uniformCode}&startTs=${data.startTs}&endTs=${data.endTs}&thingType=${data.thingType}`,
-        method: "get",
-    });
-};
-const getWindWarning = (data, pageIndex, pageSize) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/alarm/real-time-alarm?objectId=${data}&pageIndex=${pageIndex}&pageSize=${pageSize}`,
-        method: "get"
-    });
-};
-const getHealthDate = (stid, wtid) => {
-    return request({
-        baseURL: process.env.VUE_APP_WARNING,
-        url: `/alarm/statistic?stId=${stid}&wtId=${wtid}`,
-        method: "get"
-    })
-}
-const getDetial = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/windturbine/${data}`,
-        method: "get"
-    })
-}
-const getWarning = (data, wtid, pt) => {
-    return request({
-        baseURL: process.env.VUE_APP_WARNING,
-        url: `/alarm/list?stId=${data}&wtId=${wtid}&widget=${pt}`,
-        method: "get"
-    })
-}
-const getCustomerLock = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/windturbine/customer-lock`,
-        method: "get"
-    })
-}
-const controlRecord = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/control-record/search?stationId=${data.stationId}&userName=${data.userName}&windturbineId=${data.windturbineId}&startTime=${data.startTime}&endTime=${data.endTime}&pageSize=${data.pageSize}&pageIndex=${data.pageIndex}`,
-        method: "get",
-    });
-};
-const getLatest = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_ADAPTERURL,
-        url: `/ts/latest?keys=${data}`,
-        method: "get",
-    });
-};
-//获取智能模式下场站
-const getControlType = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/station/status`,
-        method: "get",
-    });
-};
-const uodateControlType = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/station/status/update?stationid=${data.stationid}&type=${data.type}&userName=${data.userName}`,
-        method: "get",
-    });
-};
-//获取UniformCodes数据
-const getUniformCodes = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/windturbine/uniform-code`,
-        method: "get",
-    });
-};
-const getBoostStation = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/station/boost-station`,
-        method: "get",
-    });
-};
-//获取风机code名称
-const getWindturbineFdc = () => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/windturbine/fdc`,
-        method: "get",
-    });
-};
-const getWindturbineWarning = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_SHARDINGURL,
-        url: `/alarm/history/page?pagenum=${data.pagenum}&pagesize=${data.pagesize}&windturbineid=${data.windturbineid ? data.windturbineid : ''}&starttime=${data.starttime}&endtime=${data.endtime}&keyword=${data.keyword ? data.keyword : ''}&stationid=${data.stationid ? data.stationid : ''}&category1=${data.category1 ? data.category1 : ''}`,
-        method: "get",
-    });
-};
-//获取报警历史数据
-const getFaultHistory = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_SHARDINGURL,
-        url: `/fault/history/listpage?pagenum=${data.pageIndex}&pagesize=${data.pageSize}&stationid=${data.stationid}&keyword=${data.keyword}&starttime=${data.startTime}&endtime=${data.endTime}`,
-        method: "get",
-    });
-};
-
-const stationCompared = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/station/compared?models=${data}`,
-        method: "get",
-    });
-};
-//温度矩阵
-const temperatureInfo = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/windturbine/temperature-info?id=${data.id}&status=${data.status}&pagenum=${data.pagenum}&pagesize=${data.pagesize}`,
-        method: "get",
-    });
-};
-//获取风机故障
-const alarmSnap = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/alarm/alarm-snap?windturbineId=${data.windturbineId}`,
-        method: "get",
-    });
-};
-
-//预警分析
-const analysisDetail = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_WARNING,
-        url: `/analysis/detail?station=${data.station}&startTs=${data.startTs}&endTs=${data.endTs}&interval=${data.interval}&wtId=${data.wtId}&name=${data.name}`,
-        method: "get",
-    });
-};
-//预警分析
-const alarmCountQuery = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_WARNING,
-        url: `/alarm/count/query/new2?stationid=${data.stationid}&startdate=${data.startdate}&enddate=${data.enddate}`,
-        method: "get",
-    });
-};
-//获取风场机型
-const getStationModels = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/station/models?stationid=${data.stationid}`,
-        method: "get",
-    });
-};
-//获取设置查询
-const getSettings = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/settings/recommendation?stationId=${data.stationId}&modelId=${data.modelId}`,
-        method: "get",
-    });
-};
-//修改设置
-const updateSettings = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/settings/recommendation`,
-        method: "post",
-        data: data
-    });
-};
-//状态时间查询
-const statusTime = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/windturbine/status-time?stationId=${data.stationid}&startTs=${data.startTs}&endTs=${data.endTs}`,
-        method: "get",
-    });
-};
-
-//推荐记录查询
-const recommended = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `control-record/recommended?pagesize=${data.pagesize}&pagenum=${data.pagenum}&stationid=${data.stationid}&windturbineid=${data.windturbineid}`,
-        method: "get",
-    });
-};
-
-//状态变化查询
-const statusChange = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/windturbine/status?startTs=${data.startTs}&endTs=${data.endTs}&pagesize=${data.pagesize}&pagenum=${data.pagenum}&windturbineId=${data.windturbineid}`,
-        method: "get",
-    });
-};
-
-//恢复默认设置
-const returnSetting = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/settings/recommendation/recover?stationId=${data.stationId}&modelId=${data.modelId}`,
-        method: "get",
-    });
-};
-
-//获取报警列表
-const warningSetting = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/settings/alarminfos?stationId=${data.stationId}&modelId=${data.modelId}`,
-        method: "get"
-    })
-}
-
-//获取预警列表
-const costumeSetting = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/api/settings/costume-alarminfos?stationId=${data.stationId}&modelId=${data.modelId}`,
-        method: "get"
-    })
-}
-
-//刷新报警信息
-const getAlarmSnap = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_SHARDINGURL,
-        url: `/alarm/snap?stationid=${data.stationid}&category1=${data.category1}&windturbineid=${data.windturbineid}&isopened=${data.isopened}`,
-        method: "get",
-    });
-};
-
-const getEvaluationData = (id) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/control-record/evaluation?id=${id || ""}`,
-        method: "get",
-    });
-};
-
-const getControlStatistics = (startTs, endTs, stationId) => {
-    return request({
-        baseURL: process.env.VUE_APP_API,
-        url: `/control-record/control-statistics?startTs=${startTs}&endTs=${endTs}&stationId=${stationId}`,
-        method: "get",
-    });
-}
-const getnb = (data) => {
-    return request({
-        baseURL: process.env.VUE_APP_APT,
-        url: `/api/windturbine/temperature-export?windturbineIds=${data.windturbineIds}&startTs=${data.startTs}&endTs=${data.endTs}`,
-        method: "get",
-    });
-}
-export default {
-    login,
-    getStation,
-    getAGCStation,
-    getSnap,
-    refreshData,
-    windturbControl,
-    windturbControlLock,
-    nitWinturbineBaseData,
-    getOverview,
-    sendWarning,
-    sendRecommend,
-    getPower,
-    getOriginalPower,
-    getWindWarning,
-    getHealthDate,
-    getDetial,
-    getWarning,
-    getCustomerLock,
-    getWindturbinePower,
-    getOriginalWindturbinePower,
-    controlRecord,
-    getLatest,
-    getControlType,
-    uodateControlType,
-    getUniformCodes,
-    getBoostStation,
-    getWindturbineFdc,
-    getWindturbineWarning,
-    getFaultHistory,
-    stationCompared,
-    temperatureInfo,
-    alarmSnap,
-    analysisDetail,
-    alarmCountQuery,
-    statusTime,
-    getWindturbine,
-    getSvgData,
-    getStationInfoData,
-    getAllPvStationData,
-    getAllPvHistoryData,
-    getAllStationTab,
-    getAllStationSvgInfo,
-    stationOverview,
-    alarmFault,
-    recommendation,
-    getStationModels,
-    getSettings,
-    updateSettings,
-    warningSetting,
-    costumeSetting,
-    recommended,
-    statusChange,
-    returnSetting,
-    getAlarmSnap,
-    getEvaluationData,
-    getControlStatistics,
-    getnb
-};

src/api/zmaxios.js

@@ -1,61 +0,0 @@
-import axios from 'axios';
-import { ElMessage, ElMessageBox } from 'element-plus';
-
-// 配置新建一个 axios 实例
-const service = axios.create({
-    baseURL: 'http://192.168.1.18:8075',
-    timeout: 50000,
-    headers: { 'Content-Type': 'application/json' },
-});
-
-// 添加请求拦截器
-service.interceptors.request.use(
-    (config) => {
-        // 在发送请求之前做些什么 token
-        let token = sessionStorage.getItem('token')
-        if (token) {
-            config.headers.common['token'] = token;
-        }
-        return config
-    },
-    (error) => {
-        // 对请求错误做些什么
-        return Promise.reject(error);
-    }
-);
-
-// 添加响应拦截器
-service.interceptors.response.use(
-    (response) => {
-        // 对响应数据做点什么
-        const res = response.data;
-        if (res.code && res.code !== 0 && res.code == !200) {
-            // `token` 过期或者账号已在别处登录
-            if (res.code === 401 || res.code === 4001) {
-                localStorage.clear(); // 清除浏览器全部临时缓存
-                window.location.href = '/'; // 去登录页
-                ElMessageBox.alert('你已被登出，请重新登录', '提示', {})
-                    .then(() => {})
-                    .catch(() => {});
-            }
-            return Promise.reject(service.interceptors.response);
-        } else {
-            return response.data;
-        }
-    },
-    (error) => {
-        // 对响应错误做点什么
-        if (error.message.indexOf('timeout') != -1) {
-            ElMessage.error('网络超时');
-        } else if (error.message == 'Network Error') {
-            ElMessage.error('网络连接错误');
-        } else {
-            if (error.response.data) ElMessage.error(error.response.statusText);
-            else ElMessage.error('接口路径找不到');
-        }
-        return Promise.reject(error);
-    }
-);
-
-// 导出 axios 实例
-export default service;

src/assets/styles/dialog.less

@@ -414,7 +414,7 @@ background-color: rgba(30,90,163, .5);
   .el-select .el-input__inner {
     width: 190px;
     max-width: 190px;
-    height: 25px;
+    // height: 25px;
     background: rgba(67, 81, 107, 0.2);
     border: 1px solid #2a374f;
     border-radius: 12.5px;

src/components/BoosterStation/previewPicture.vue

@@ -1,722 +0,0 @@
-<template>
-  <div class="pop-up-main">
-    <div class="paln-box">
-      <div
-        class="movableItem"
-        :style="{ width: width, height: height }"
-        @mousewheel="rollImg($event)"
-        @mousedown="drag($event, 1)"
-        ref="bigImage"
-      >
-        <!-- 图片不可选中 或不可拖拽到新标签打开-->
-        <slot
-          name="svg"
-          oncontextmenu="return false;"
-          onselectstart="return false;"
-          draggable="false"
-        ></slot>
-        <template v-if="isEdit && iconWidth">
-          <img
-            ref="signImage"
-            :src="iconImgUrl"
-            @mousedown="dragSign($event, key)"
-            v-for="(item, key) in equipment"
-            :key="key"
-            :style="{
-              top: equipment[key].top + '%',
-              left: equipment[key].left + '%',
-              width: iconWidth,
-              height: iconHeight,
-            }"
-            class="equipment"
-          />
-        </template>
-        <el-popover
-          width="200"
-          placement="bottom-start"
-          trigger="hover"
-          :close-delay="100"
-          content="暂无描述"
-          v-else-if="!isEdit && iconWidth && arrIcon.length == equipment.length"
-          v-for="(item, key) in equipment"
-          :key="key"
-          popper-class="preview-popover"
-        >
-          <!-- &&arrIcon.length==equipment.length -->
-          <template>
-            <div v-if="equipment[key].describe" class="describe">
-              <p class="describe-top">
-                {{ equipment[key].describe.deviceName }}
-              </p>
-              <p class="describe-center">
-                {{ equipment[key].describe.remark }}
-              </p>
-              <p class="describe-bottom">
-                {{ equipment[key].describe.location }}
-              </p>
-            </div>
-          </template>
-          <!-- <img oncontextmenu="return false;" onselectstart="return false;" draggable="false" slot="reference"
-						ref="signImage" :src="$baseUrl + equipment[key].iconImgUrl"
-						:style="{top:equipment[key].top+'%',left:equipment[key].left+'%',width:arrIcon[key].iconWidth,height:arrIcon[key].iconHeight}"
-						class="equipment" /> -->
-        </el-popover>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    equipment: {
-      type: Array,
-      default: () => {
-        return [
-          {
-            iconImgUrl: "",
-            top: 0,
-            left: 0,
-          },
-        ];
-      },
-    },
-    isEdit: {
-      default: false,
-    },
-    imgUrl: {},
-  },
-
-  data() {
-    return {
-      // 定时器
-      timer: "",
-      // 图片加载失败
-      imgOnerror: false,
-      imgIndex: 0,
-      isChange: true,
-      // 图片显示默认大小
-      width: "1200px",
-      height: "800px",
-      // 可缩小倍数,为空则可无限缩小
-      minification: 3,
-      // 可放大倍数 为空则可无限放大
-      magnification: "",
-      bigMaxWidth: 1100,
-      bigMaxHeight: 800,
-
-      // 小图标信息
-      iconImgUrl: "",
-      iconWidth: "",
-      // 存储每个小图标处理好的宽高
-      iconHeight: "",
-      arrIcon: [],
-      iconMaxWidth: 32,
-      iconMaxHeight: 32,
-      tog: 1,
-    };
-  },
-  methods: {
-    // 获取图片大小
-    getImgInfo(
-      imgUrl,
-      MaxWidth,
-      MaxHeight,
-      StrWidth,
-      StrHeight,
-      Array = false,
-      arr,
-      num = 0
-    ) {
-      let img = new Image();
-
-      // img.src = imgUrl;
-      img = document.getElementsByClassName("svg");
-      let _this = this;
-      img.onerror = () => {
-        // console.log("加载失败！！", _this.arrIcon.length);
-        // console.log(imgUrl, MaxWidth, MaxHeight, StrWidth, StrHeight);
-        _this.imgOnerror = true;
-        _this.imgIndex =
-          _this.arrIcon.length - 1 < 0 ? 0 : _this.arrIcon.length - 1;
-        this.timer = setTimeout(() => {
-          if (num <= 5) {
-            _this.getImgInfo(
-              imgUrl,
-              MaxWidth,
-              MaxHeight,
-              StrWidth,
-              StrHeight,
-              Array,
-              arr,
-              num + 1
-            );
-          }
-          clearInterval(this.timer);
-        }, 2000);
-      };
-      img.onload = function (e) {
-        //  显示时 初始 最大宽度
-        let maxWidth = MaxWidth;
-        //  显示时 初始 最大高度
-        let maxHeight = MaxHeight;
-        if (
-          e.path[0].naturalWidth <= maxWidth &&
-          e.path[0].naturalHeight <= maxHeight
-        ) {
-          _this[StrWidth] = e.path[0].naturalWidth + "px";
-          _this[StrHeight] = e.path[0].naturalHeight + "px";
-        } else {
-          _this[StrWidth] = e.path[0].naturalWidth + "px";
-          _this[StrHeight] = e.path[0].naturalHeight + "px";
-          if (
-            e.path[0].naturalWidth > maxWidth &&
-            e.path[0].naturalHeight <= maxHeight
-          ) {
-            let ratio = e.path[0].naturalWidth / e.path[0].naturalHeight;
-            _this[StrWidth] = "1600px";
-            _this[StrHeight] = maxWidth / ratio + "px";
-          } else if (
-            e.path[0].naturalWidth <= maxWidth &&
-            e.path[0].naturalHeight > maxHeight
-          ) {
-            let ratio = e.path[0].naturalWidth / e.path[0].naturalHeight;
-            _this[StrWidth] = maxHeight * ratio + "px";
-            _this[StrHeight] = "800px";
-          } else if (
-            e.path[0].naturalWidth > maxWidth &&
-            e.path[0].naturalHeight > maxHeight
-          ) {
-            let ratio = e.path[0].naturalWidth / e.path[0].naturalHeight;
-            let w = maxWidth;
-            let h = w / ratio;
-            if (h > maxHeight) {
-              let ratio2 = w / h;
-              h = maxHeight;
-              w = h * ratio2;
-            }
-            _this[StrWidth] = w + "px";
-            _this[StrHeight] = h + "px";
-          }
-        }
-        if (Array) {
-          _this[arr].push({
-            iconWidth: _this[StrWidth],
-            iconHeight: _this[StrHeight],
-          });
-          // console.log(
-          // 	"tow#################################arrIcon",
-          // 	_this[arr].length
-          // );
-        }
-        // _this[StrWidth] = `${e.path[0].naturalWidth}px`;
-        // _this[StrHeight] = `${e.path[0].naturalHeight}px`;
-        // vm.$set(vm.imgInfo, "width", img.width);
-        // vm.$set(vm.imgInfo, "height", img.height);
-        // console.log("打印图片信息", imgUrl, _this[StrWidth], _this[StrHeight]); // 打印图片信息
-
-        // console.log("打印图片信息", e.path[0].naturalHeight); // 打印图片信息
-        // console.log("打印图片信息", e); // 打印图片信息
-        // console.log("打印图片信息this.width", _this[StrWidth]); // 打印图片信息
-        // console.log("打印图片信息this.height", _this[StrHeight]); // 打印图片信息
-      };
-    },
-    // 缩放
-    rollImg() {
-      let that = this;
-      // let oImg = document.getElementsByClassName("movableItem")[0];
-      let oImg = this.$refs.bigImage;
-      // console.log(
-      // 	"length",
-      // 	document.getElementsByClassName("movableItem").length
-      // );
-      // console.log("oImg", oImg);
-      let _this = this;
-
-      function fnWheel(obj, fncc) {
-        obj.onmousewheel = fn;
-        if (obj.addEventListener) {
-          obj.addEventListener("DOMMouseScroll", fn, false);
-        }
-
-        function fn(ev) {
-          let oEvent = ev || window.event;
-          let down = true;
-          if (oEvent.detail) {
-            down = oEvent.detail > 0;
-          } else {
-            down = oEvent.wheelDelta < 0;
-          }
-          if (fncc) {
-            fncc.call(this, down, oEvent);
-          }
-          if (oEvent.preventDefault) {
-            oEvent.preventDefault();
-          }
-          return false;
-        }
-      }
-      fnWheel(oImg, function (down, oEvent) {
-        let oldWidth = this.offsetWidth;
-        let oldHeight = this.offsetHeight;
-        let oldLeft = this.offsetLeft;
-        let oldTop = this.offsetTop;
-        let parent = oEvent.path[2];
-        // 获取父元素距离页面可视区域的位置
-        let parentLeft = parent.getBoundingClientRect().left;
-        let parentTop = parent.getBoundingClientRect().top;
-        // 比例 = （点击位置距离可视窗口位置 - 父元素距离可视窗口位置 - 相对定位的left）/ 本身宽度
-        let scaleX = (oEvent.clientX - parentLeft - oldLeft) / oldWidth; //比例
-        let scaleY = (oEvent.clientY - parentTop - oldTop) / oldHeight;
-
-        let nowWidth = this.style.width.split("p")[0];
-        let initWidth = _this.width.split("p")[0];
-        let initHeight = _this.height.split("p")[0];
-
-        let miniFlag = true;
-        let magniFlag = true;
-        if (_this.minification) {
-          // 限制缩小范围
-          if (nowWidth <= parseInt(initWidth / _this.minification)) {
-            miniFlag = false;
-            // console.log("限制缩小范围");
-            // console.log(
-            // 	"限制缩小范围",
-            // 	nowWidth,
-            // 	parseInt(initWidth / _this.minification)
-            // );
-            this.style.width = parseInt(initWidth / _this.minification) + "px";
-            this.style.height =
-              parseInt(initHeight / _this.minification) + "px";
-          }
-          if (_this.magnification) {
-            // 限制放大范围
-            if (nowWidth >= parseInt(initWidth * _this.magnification)) {
-              magniFlag = false;
-              // console.log("限制放大范围");
-              this.style.width =
-                parseInt(initWidth * _this.magnification) + "px";
-              this.style.height =
-                parseInt(initHeight * _this.magnification) + "px";
-            }
-          }
-        }
-
-        if (down && miniFlag) {
-          this.style.width = parseInt(this.offsetWidth * 0.9) + "px";
-          this.style.height = parseInt(this.offsetHeight * 0.9) + "px";
-
-          that.width = parseInt(this.offsetWidth * 0.9) + "px";
-          that.height = parseInt(this.offsetHeight * 0.9) + "px";
-        } else if (!down && magniFlag) {
-          // console.log("放大");
-          this.style.width = parseInt(this.offsetWidth * 1.1) + "px";
-          this.style.height = parseInt(this.offsetHeight * 1.1) + "px";
-          that.width = parseInt(this.offsetWidth * 1.1) + "px";
-          that.height = parseInt(this.offsetHeight * 1.1) + "px";
-        }
-        let newWidth = this.offsetWidth;
-        let newHeight = this.offsetHeight;
-
-        // 新的相对位置left = 原先的相对位置left - 比例 *（本身新的宽度-旧的宽度）
-        this.style.left =
-          Math.round(this.offsetLeft - scaleX * (newWidth - oldWidth)) + "px";
-        this.style.top =
-          Math.round(this.offsetTop - scaleY * (newHeight - oldHeight)) + "px";
-      });
-      // console.log(that.width)
-    },
-    // },
-    //拖拽
-    drag(ev) {
-      // let ie = document.all;
-      let nn6 = document.getElementById && !document.all;
-      let isdrag = false;
-      let y, x;
-      let nTY, nTX;
-      let oDragObj;
-
-      function moveMouse(e) {
-        if (isdrag) {
-          oDragObj.style.top =
-            (nn6 ? nTY + e.clientY - y : nTY + event.clientY - y) + "px";
-          oDragObj.style.left =
-            (nn6 ? nTX + e.clientX - x : nTX + event.clientX - x) + "px";
-          return false;
-        }
-      }
-
-      function initDrag(e) {
-        // console.log("点击图片initDrag");
-        let oDragHandle = nn6 ? e.target : event.srcElement;
-        let topElement = "HTML";
-        while (
-          oDragHandle.tagName != topElement &&
-          oDragHandle.className != "movableItem"
-        ) {
-          oDragHandle = nn6
-            ? oDragHandle.parentNode
-            : oDragHandle.parentElement;
-        }
-        if (oDragHandle.className == "movableItem") {
-          isdrag = true;
-          oDragObj = oDragHandle;
-          // 父元素宽高
-          let width = e.path[2].offsetWidth;
-          let height = e.path[2].offsetHeight;
-          // 这里判断第一次获取不到style 样式 默认为 居中50%
-          if (oDragObj.style.top == "") {
-            nTY = 0;
-            nTX = parseInt((50 * width) / 100 + 0);
-          } else {
-            nTY = parseInt(oDragObj.style.top + 0);
-            nTX = parseInt(oDragObj.style.left + 0);
-          }
-          y = nn6 ? e.clientY : event.clientY;
-          x = nn6 ? e.clientX : event.clientX;
-          oDragObj.style.cursor = "move";
-          document.onmousemove = moveMouse;
-          return false;
-        }
-      }
-      document.onmousemove = initDrag;
-      // document.onmouseup = new Function("isdrag=false");
-      document.onmouseup = function (e) {
-        isdrag = false;
-        document.onmousemove = null;
-        document.onmouseup = null;
-        let oDragHandle = nn6 ? e.target : event.srcElement;
-        let topElement = "HTML";
-        while (
-          oDragHandle.tagName != topElement &&
-          oDragHandle.className != "movableItem"
-        ) {
-          oDragHandle = nn6
-            ? oDragHandle.parentNode
-            : oDragHandle.parentElement;
-        }
-        if (oDragHandle.className == "movableItem") {
-          oDragObj = oDragHandle;
-          oDragObj.style.cursor = "Default";
-        }
-      };
-      ev = event || window.event;
-
-      // 取消事件冒泡行为
-      // window.event ? (window.event.cancelBubble = true) : ev.stopPropagation();
-    },
-    // 拖拽标记
-    // eslint-disable-next-line no-unused-lets
-    dragSign(ev, key) {
-      let nn6 = document.getElementById && !document.all;
-      let isdrag = false;
-      let y, x;
-      let nTY, nTX;
-      let oDragObj;
-      let _this = this;
-
-      function moveMouse(e) {
-        if (isdrag) {
-          this.equipmentKey = key;
-          // console.log("thisequipmentKey", this.equipmentKey);
-
-          let widthItem = e.path[1].style.width.split("p");
-          let heightItem = e.path[1].style.height.split("p");
-          let width = widthItem[0];
-          // eslint-disable-next-line no-unused-lets
-          let height = heightItem[0];
-          let top =
-            ((nn6
-              ? (nTY / 100) * height + e.clientY - y
-              : (nTY / 100) * height + event.clientY - y) /
-              height) *
-            100;
-          let left =
-            ((nn6
-              ? (nTX / 100) * width + e.clientX - x
-              : (nTX / 100) * width + event.clientX - x) /
-              width) *
-            100;
-
-          if (top >= 0 && top <= 100) {
-            _this.equipment[key].top = top;
-          }
-          if (left >= 0 && left <= 100) {
-            _this.equipment[key].left = left;
-          }
-
-          return false;
-        }
-      }
-      // eslint-disable-next-line no-unused-vars
-      function initDrag(e) {
-        // console.log("_this", _this);
-        let oDragHandle = nn6 ? e.target : event.srcElement;
-        let topElement = "HTML";
-        while (
-          oDragHandle.tagName != topElement &&
-          oDragHandle.className.indexOf("equipment") == -1
-        ) {
-          oDragHandle = nn6
-            ? oDragHandle.parentNode
-            : oDragHandle.parentElement;
-        }
-        if (oDragHandle.className.indexOf("equipment") != -1) {
-          isdrag = true;
-          oDragObj = oDragHandle;
-          // 父元素宽高
-          let width = e.path[1].offsetWidth;
-          // let height = e.path[1].offsetHeight;
-          // console.log(width, height);
-          // console.log("oDragObj.style", oDragObj.style);
-          // 这里判断第一次获取不到style 样式 默认为 居中50%
-          if (oDragObj.style.top == "") {
-            // nTY = parseInt((50 * height) / 100 + 0);
-            nTY = 0;
-            nTX = parseInt((50 * width) / 100 + 0);
-          } else if (oDragObj.style.top.indexOf("%") != -1) {
-            nTY = oDragObj.style.top.split("%")[0];
-            nTX = oDragObj.style.left.split("%")[0];
-          } else {
-            nTY = parseInt(oDragObj.style.top + 0);
-            nTX = parseInt(oDragObj.style.left + 0);
-          }
-          y = nn6 ? e.clientY : event.clientY;
-          x = nn6 ? e.clientX : event.clientX;
-
-          oDragObj.style.cursor = "move";
-          document.onmousemove = moveMouse;
-          return false;
-        }
-      }
-
-      // document.onmousedown = initDrag;
-      document.onmousemove = initDrag;
-
-      document.onmouseup = function (e) {
-        isdrag = false;
-        document.onmousemove = null;
-        document.onmouseup = null;
-        let oDragHandle = nn6 ? e.target : event.srcElement;
-        let topElement = "HTML";
-        while (
-          oDragHandle.tagName != topElement &&
-          oDragHandle.className != "equipment"
-        ) {
-          oDragHandle = nn6
-            ? oDragHandle.parentNode
-            : oDragHandle.parentElement;
-        }
-        if (oDragHandle.className == "equipment") {
-          oDragObj = oDragHandle;
-          oDragObj.style.cursor = "Default";
-        }
-      };
-
-      // _this.equipmentKey = key;
-      // _this.equipment[_this.equipmentKey].left = l;
-      // _this.equipment[_this.equipmentKey].top = t;
-      ev = event || window.event;
-
-      // 取消事件冒泡行为
-      window.event ? (window.event.cancelBubble = true) : ev.stopPropagation();
-    },
-  },
-
-  watch: {
-    equipment() {
-      if (this.equipment.length != 0) {
-        this.arrIcon = [];
-        let finish = true;
-        this.equipment.filter((item) => {
-          if (!item.iconImgUrl) {
-            finish = false;
-          }
-          return true;
-        });
-        // console.log("finish", finish);
-        if (finish) {
-          this.equipment.filter((item, index) => {
-            if (index >= this.imgIndex) {
-              console.log("iconImgUrl", this.equipment[index].iconImgUrl);
-              this.getImgInfo(
-                this.$baseUrl + item.iconImgUrl,
-                this.iconMaxWidth,
-                this.iconMaxHeight,
-                "iconWidth",
-                "iconHeight",
-                true,
-                "arrIcon"
-              );
-            }
-            console.log("22filter", index);
-            return true;
-          });
-        }
-      }
-    },
-  },
-  created() {
-    this.getImgInfo(
-      this.imgUrl,
-      this.bigMaxWidth,
-      this.bigMaxHeight,
-      "width",
-      "height"
-    );
-    if (this.equipment.length != 0) {
-      this.arrIcon = [];
-      let finish = true;
-      this.equipment.filter((item) => {
-        if (!item.iconImgUrl) {
-          finish = false;
-        }
-        return true;
-      });
-      // console.log("finish", finish);
-      if (finish) {
-        this.equipment.filter((item, index) => {
-          if (index >= this.imgIndex) {
-            // console.log("iconImgUrl", this.equipment[index].iconImgUrl);
-            this.getImgInfo(
-              this.$baseUrl + item.iconImgUrl,
-              this.iconMaxWidth,
-              this.iconMaxHeight,
-              "iconWidth",
-              "iconHeight",
-              true,
-              "arrIcon"
-            );
-          }
-          // console.log("22filter", index);
-          return true;
-        });
-      }
-    }
-
-    this.iconImgUrl = JSON.parse(
-      JSON.stringify(this.$baseUrl + this.equipment[0].iconImgUrl)
-    );
-    // console.log("imgUrl", this.imgUrl);
-    // console.log("equipment", this.equipment);
-    // //禁止鼠标右键
-    // document.oncontextmenu = function() {
-    //   return false;
-    // };
-  },
-};
-</script>
-<style lang="less">
-.preview-popover {
-  background-color: #d3edf7dd;
-  padding: 12px;
-
-  .popper__arrow::after {
-    border-bottom-color: #d3edf7dd !important;
-  }
-
-  .describe {
-    p {
-      padding-bottom: 5px;
-
-      &:last-child {
-        padding-bottom: 0px;
-      }
-    }
-
-    .describe-top {
-      // color: sandybrown;
-      // color: red;
-      color: rgb(21, 110, 110);
-    }
-
-    .describe-center {
-      color: rgb(79, 21, 206);
-    }
-
-    .describe-bottom {
-      color: rgb(30, 31, 29);
-    }
-  }
-}
-</style>
-<style lang="less" scoped>
-.pop-up-main {
-		width: 100%;
-		height: calc(100vh - 32vh);
-		overflow-y:hidden ;
-
-		.paln-box {
-			width: 100%;
-			height: 100%;
-			position: relative;
-
-			.movableItem {
-				position: absolute;
-				// top: 75%;
-				left: 50%;
-				transform: translate(-50%, -15%);
-
-				img,
-				.svg {
-					z-index: 1;
-					width: 100%;
-					height: 100%;
-				}
-
-				.equipment {
-					position: absolute;
-					top: 0;
-					left: 0;
-					transform: translate(-50%, -50%);
-					z-index: 2;
-					font-size: 40px;
-					// color: red;
-					// background: blue;
-					zoom: 1;
-				}
-			}
-
-			.shuaxin {
-				position: absolute;
-				z-index: 2;
-				font-size: 40px;
-				top: 20px;
-				left: 20px;
-				cursor: pointer;
-
-				&:hover {
-					color: yellowgreen;
-				}
-			}
-
-			.equipment {
-				color: white;
-			}
-
-			&/deep/.el-button {
-				z-index: 2;
-				position: absolute;
-				bottom: 60px;
-				right: 20px;
-				width: 60px;
-				height: 35px;
-
-				span {
-					display: inline-block;
-					position: absolute;
-					top: 50%;
-					left: 50%;
-					transform: translate(-50%, -50%);
-				}
-
-				i {
-					display: inline-block;
-					position: absolute;
-					top: 50%;
-					left: 25%;
-					transform: translate(-50%, -50%);
-				}
-			}
-		}
-	}
-</style>

src/components/alarm-badge/index.vue

@@ -401,6 +401,7 @@ export default {
       const alarmOption = {
         id: alarmItem.id ? alarmItem.id : alarmItem.tbname,
         lv: alarmItem.rank,
+        modelId: alarmItem.modelId,
         lvName: this.getLvName(alarmItem),
         rank: alarmItem.rank,
         confirmed: alarmItem.confirmed,

src/components/arcgis/DWK_GDC.vue

@@ -1,679 +0,0 @@
-<template>
-  <div class="map-1" style="width: 100%; height: 100%">
-    <arcgis @when="when" ref="arcgis" :data="arcgisData" @clickMap="clickMap">
-      <template v-slot:content>
-        <div class="panel-box">
-          <div
-            class="panel-item"
-            :class="panel.line"
-            v-for="(panel, index) of panels"
-            :key="index"
-          >
-            <svg
-              v-show="panel.type != 'none' && panel.type != 'syz'"
-              viewBox="0 0 800 800"
-              version="1.1"
-              xmlns="http://www.w3.org/2000/svg"
-              xmlns:xlink="http://www.w3.org/1999/xlink"
-              xml:space="preserve"
-            >
-              <defs>
-                <rect
-                  id="fill-rect"
-                  x="5"
-                  y="5"
-                  rx="8"
-                  ry="8"
-                  width="90"
-                  height="340"
-                  fill="#303B6F"
-                />
-                <rect
-                  id="none-rect"
-                  x="5"
-                  y="5"
-                  rx="8"
-                  ry="8"
-                  width="90"
-                  height="120"
-                  fill="#303B6F"
-                />
-                <g id="panel-deepblue">
-                  <polygon
-                    fill="#FFFFFF"
-                    points="300 13.73 60.07 13.73 60.07 13.73 22.48 13.73 0 109.84 0 109.84 0 109.84 0 109.84 0 109.84 22.48 205.95 272.88 205.95 272.88 205.61 300 205.61 300 13.73"
-                  />
-                  <polygon
-                    fill="#5C9BAF"
-                    points="250.4 109.84 3.26 109.84 29 0 276.14 0 250.4 109.84"
-                  />
-                  <polygon
-                    fill="#00486B"
-                    points="29 219.68 276.14 219.68 250.4 109.84 3.26 109.84 29 219.68"
-                  />
-                </g>
-                <g id="panel-blue">
-                  <polygon
-                    fill="#FFFFFF"
-                    points="300 13.73 60.07 13.73 60.07 13.73 22.48 13.73 0 109.84 0 109.84 0 109.84 0 109.84 0 109.84 22.48 205.95 272.88 205.95 272.88 205.61 300 205.61 300 13.73"
-                  />
-                  <polygon
-                    fill="#23ABFF"
-                    points="250.4 109.84 3.26 109.84 29 0 276.14 0 250.4 109.84"
-                  />
-                  <polygon
-                    fill="#0E6BBB"
-                    points="29 219.68 276.14 219.68 250.4 109.84 3.26 109.84 29 219.68"
-                  />
-                </g>
-                <g id="panel-red">
-                  <polygon
-                    fill="#FFFFFF"
-                    points="290 13.27 58.07 13.27 58.07 13.27 21.73 13.27 0 106.18 0 106.18 0 106.18 0 106.18 0 106.18 21.73 199.09 263.79 199.09 263.79 198.75 290 198.75 290 13.27"
-                  />
-                  <polygon
-                    fill="#EC1208"
-                    points="242.05 106.18 3.15 106.18 28.04 0 266.94 0 242.05 106.18"
-                  />
-                  <polygon
-                    fill="#AA0607"
-                    points="28.04 212.36 266.94 212.36 242.05 106.18 3.15 106.18 28.04 212.36"
-                  />
-                </g>
-              </defs>
-              <!-- 底图 左右两列矩形 -->
-              <g>
-                <use xlink:href="#fill-rect" x="50" y="50" />
-                <use xlink:href="#fill-rect" x="150" y="50" />
-                <use xlink:href="#fill-rect" x="550" y="50" />
-                <use xlink:href="#fill-rect" x="650" y="50" />
-                <use xlink:href="#fill-rect" x="50" y="400" />
-                <use xlink:href="#fill-rect" x="150" y="400" />
-                <use xlink:href="#fill-rect" x="550" y="400" />
-                <use xlink:href="#fill-rect" x="650" y="400" />
-              </g>
-
-              <!-- 中间上矩形 全部 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'fill' || panel.type == 'bottom'
-                    ? 'block'
-                    : 'none')
-                "
-              >
-                <use xlink:href="#fill-rect" x="250" y="50" />
-                <use xlink:href="#fill-rect" x="350" y="50" />
-                <use xlink:href="#fill-rect" x="450" y="50" />
-              </g>
-
-              <!-- 中间上矩形 一半 -->
-              <g
-                :style="'display: ' + (panel.type == 'top' ? 'block' : 'none')"
-              >
-                <use xlink:href="#none-rect" x="250" y="270" />
-                <use xlink:href="#none-rect" x="350" y="270" />
-                <use xlink:href="#none-rect" x="450" y="270" />
-              </g>
-
-              <!-- 中间上逆变器 深蓝色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'top' && panel.state == 'deepblue'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-deepblue" x="250" y="50" />
-              </g>
-
-              <!-- 中间上逆变器 蓝色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'top' && panel.state == 'blue'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-blue" x="250" y="50" />
-              </g>
-
-              <!-- 中间上逆变器 红色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'top' && panel.state == 'red'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-red" x="250" y="50" />
-              </g>
-
-              <!-- 中间上文字 -->
-              <g
-                :style="'display: ' + (panel.type == 'top' ? 'block' : 'none')"
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <text
-                  x="365"
-                  y="220"
-                  fill="#ffffff"
-                  font-size="150"
-                  text-anchor="middle"
-                >
-                  {{ panel.code }}
-                </text>
-              </g>
-
-              <!-- 中间下矩形 全部 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'fill' || panel.type == 'top'
-                    ? 'block'
-                    : 'none')
-                "
-              >
-                <use xlink:href="#fill-rect" x="250" y="400" />
-                <use xlink:href="#fill-rect" x="350" y="400" />
-                <use xlink:href="#fill-rect" x="450" y="400" />
-              </g>
-
-              <!-- 中间下矩形 一半 -->
-              <g
-                :style="
-                  'display: ' + (panel.type == 'bottom' ? 'block' : 'none')
-                "
-              >
-                <use xlink:href="#none-rect" x="250" y="400" />
-                <use xlink:href="#none-rect" x="350" y="400" />
-                <use xlink:href="#none-rect" x="450" y="400" />
-              </g>
-
-              <!-- 中间下逆变器 深蓝色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'bottom' && panel.state == 'deepblue'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-deepblue" x="250" y="530" />
-              </g>
-
-              <!-- 中间下逆变器 蓝色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'bottom' && panel.state == 'blue'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-blue" x="250" y="530" />
-              </g>
-
-              <!-- 中间下逆变器 红色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'bottom' && panel.state == 'red'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-red" x="250" y="530" />
-              </g>
-
-              <!-- 中间下文字 -->
-              <g
-                :style="
-                  'display: ' + (panel.type == 'bottom' ? 'block' : 'none')
-                "
-                class="can-click"
-                @click.prevent="clickEl(panel)"
-              >
-                <text
-                  x="460"
-                  y="740"
-                  fill="#ffffff"
-                  font-size="150"
-                  text-anchor="middle"
-                >
-                  {{ panel.code }}
-                </text>
-              </g>
-            </svg>
-            <div v-show="panel.type == 'syz'" class="panel-syz">
-              <img :src="syzImg" class="syz-img" />
-              <div class="syz-text">升压站</div>
-            </div>
-          </div>
-          <!-- <img :src="tempImg" style="width: 800px; height: 700px;"> -->
-        </div>
-      </template>
-    </arcgis>
-  </div>
-</template>
-
-<script>
-import arcgis from "./arcgis.vue";
-import dataService from "@/helper/data.js";
-
-export default {
-  // 名称
-  name: "Map",
-  // 使用组件
-  components: {
-    arcgis,
-  },
-  props: {
-    wpId: {
-      type: String,
-      default: "",
-    },
-  },
-  // 数据
-  data() {
-    return {
-      wpnumMap: {}, //风机监视数量
-      wpInfoMap: {}, //风机详情
-      fjmap: [], // 风机名
-      sourceId: "",
-      arcgisData: {
-        mode: "2D", // 模式 2D 3D
-        title: "宁夏地图", // 标题
-        center: [106.2953, 38.58533], // 初始中心点
-        height: 654, // 3D地图初始相机高度
-        tilt: 65, // 俯视角
-        scale: 15000,
-        rotation: 180,
-      },
-      tempImg: require("@assets/temp1.png"),
-      syzImg: require("@assets/png/booster-station.png"),
-      showPopup: true,
-      panels: 
-	  [{"id":"00","type":"top","code":1,"state":"deepblue","line":"top left"},
-	  {"id":"01","type":"top","code":2,"state":"deepblue","line":"top right"},
-	  {"id":"02","type":"top","code":3,"state":"deepblue","line":"top"},
-	  {"id":"03","type":"top","code":4,"state":"deepblue","line":"top right"},
-	  {"id":"04","type":"top","code":5,"state":"deepblue","line":"top"},
-	  {"id":"05","type":"top","code":6,"state":"deepblue","line":"top right"},
-	  {"id":"06","type":"top","code":7,"state":"deepblue","line":"top"},
-	  {"id":"07","type":"top","code":8,"state":"deepblue","line":"top right"},
-	  {"id":"08","type":"top","code":9,"state":"deepblue","line":"top"},
-	  {"id":"09","type":"top","code":10,"state":"deepblue","line":"top right"},
-	  {"id":"10","type":"top","code":11,"state":"deepblue","line":"top left"},
-	  {"id":"11","type":"top","code":12,"state":"deepblue","line":"top right"},
-	  {"id":"12","type":"top","code":13,"state":"deepblue","line":"top"},
-	  {"id":"13","type":"top","code":14,"state":"deepblue","line":"top right"},
-	  {"id":"14","type":"top","code":15,"state":"deepblue","line":"top"},
-	  {"id":"15","type":"top","code":16,"state":"deepblue","line":"top right"},
-	  {"id":"16","type":"top","code":17,"state":"deepblue","line":"top"},
-	  {"id":"17","type":"top","code":18,"state":"deepblue","line":"top right"},
-	  {"id":"18","type":"top","code":19,"state":"deepblue","line":"top"},
-	  {"id":"19","type":"top","code":20,"state":"deepblue","line":"top right"}]
-    };
-  },
-  created() {
-    let that = this;
-    that.sourceId = this.wpId;
-    that.$nextTick(() => {});
-  },
-  // 函数
-  methods: {
-    when: function () {
-      this.$refs.arcgis.addHtmlPoint(
-        [106.48638888888888, 38.924166666666665],
-        "content",
-        400,
-        350
-      );
-    },
-    clickMap: function (info) {
-      console.log(info);
-    },
-    clickEl: function (item) {
-		let wpId = this.$route.path.split('/').pop(),
-			wtId = wpId.split('_')[0] +'01_'+ item.id;
-		this.$router.push({
-		  path: `/monitor/windsite/inverter-info/`+wpId+`/`+wtId,
-		});
-    },
-  },
-  watch: {
-    wpId(res) {
-      this.sourceId = res;
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@titleHeight: 40px;
-
-.map-1 {
-  width: 100%;
-  height: calc(100vh - 90px);
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-  }
-
-    .panel-box {
-        width: 840px;
-        padding: 20px;
-        display: flex;
-        flex-wrap: wrap;
-        background: #536268B8;
-
-        .panel-item {
-            width: 80px;
-            height: 80px;
-            position: relative;
-            
-            // margin-top: -20px;
-            // margin-left: -20px;
-
-            &.top {
-                &::after {
-                    top: -3px;
-                    opacity: 1;
-                }
-            }
-
-            &.bottom {
-                &::after {
-                    bottom: -3px;
-                    opacity: 1;
-                }
-            }
-
-            &.left {
-                &::before {
-                    left: -3px;
-                    opacity: 1;
-                }
-            }
-
-            &.right {
-                &::before {
-                    right: -3px;
-                    opacity: 1;
-                }
-            }
-
-            &::after {
-                content: '';
-                width: 100%;
-                height: 6px;
-                position: absolute;
-                left: 0;
-                background: @green;
-                opacity: 0;
-            }
-
-            &::before {
-                content: '';
-                width: 6px;
-                height: 100%;
-                position: absolute;
-                top: 0;
-                background: @green;
-                opacity: 0;
-            }
-
-            svg {
-                width: 80px;
-                height: 80px;
-            }
-
-            .panel-syz {
-                width: 100%;
-                height: 100%;
-                position: relative;
-
-                .syz-img {
-                    position: absolute;
-                    height: 70px;
-                    top: -35px;
-                    left: -10px;
-                }
-
-                .syz-text {
-                    position: absolute;
-                    color: @green;
-                    font-size: @fontsize-l;
-                    width: 100%;
-                    text-align: center;
-                    left: 0;
-                    top: -55px;
-                    font-weight: bold;
-                }
-            }
-        }
-
-    }
-
-  .can-click {
-    cursor: pointer;
-  }
-
-  .syz-img {
-    width: 65px;
-    height: 47px;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .panel-title {
-    width: 100%;
-    background-color: fade(@darkgray, 40%);
-    margin-top: 16px;
-    padding: 6px;
-    display: flex;
-    align-items: center;
-
-    .panel-title-name {
-      color: @green;
-      display: flex;
-      align-items: center;
-      line-height: 0;
-      font-size: 0;
-
-      i,
-      span {
-        margin: 0 0 0 16px;
-        line-height: 0;
-        font-size: 13px;
-      }
-    }
-
-    .sub-title-item {
-      display: flex;
-      align-items: center;
-      margin-left: 16px;
-
-      .sub-title {
-        font-size: 13px;
-        margin-left: 6px;
-      }
-
-      .sub-count {
-        font-size: 13px;
-        font-weight: 500;
-      }
-
-      img {
-        height: 31px;
-      }
-    }
-  }
-
-  .panel-body {
-    flex-grow: 1;
-    background-color: fade(@darkgray, 20%);
-    padding: 8px;
-    overflow: auto;
-    position: relative;
-
-    .arcgis-layer {
-      z-index: 1;
-    }
-
-    .map-popup-panel {
-      width: 760px;
-      position: absolute;
-      left: 71px;
-      top: 22px;
-      z-index: 2;
-
-      .map-popup-panel-header {
-        width: 100%;
-        background: fade(#152221, 90%);
-        display: flex;
-
-        .map-popup-panel-title {
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          position: relative;
-
-          &::before,
-          &::after {
-            position: absolute;
-            width: calc(50% - 6px);
-            bottom: 0;
-            border-bottom: 2px solid @green;
-          }
-
-          &::before {
-            content: "";
-            left: 0;
-          }
-
-          &::after {
-            content: "";
-            right: 0;
-          }
-
-          span {
-            position: absolute;
-            width: 11.3px;
-            height: 11.3px;
-            border-left: 2px solid @green;
-            border-top: 2px solid @green;
-            left: calc(50% - 5.65px);
-            bottom: -3px;
-            transform: rotate(45deg);
-          }
-        }
-
-        .map-popup-panel-date {
-          flex-grow: 1;
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          text-align: right;
-          border-bottom: 2px solid @green;
-        }
-
-        .map-popup-panel-back {
-          margin-left: auto;
-          width: 54px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          position: relative;
-          cursor: pointer;
-
-          &::after {
-            content: "";
-            position: absolute;
-            left: 0;
-            height: 50%;
-            border-left: 1px solid @gray;
-            top: 25%;
-          }
-        }
-      }
-
-      .map-popup-panel-body {
-        background: fade(#152221, 75%);
-        border: 1px solid fade(@darkgray, 40);
-        border-top: 0px;
-
-        .table-form {
-          .text,
-          .unit {
-            font-weight: 400;
-          }
-
-          .unit {
-            min-width: auto;
-          }
-
-          .value,
-          .unit {
-            text-align: left;
-          }
-        }
-      }
-    }
-
-    .map-tool {
-      position: absolute;
-      right: 22px;
-      top: 22px;
-      z-index: 2;
-      background: #152221af;
-      padding: 18px 14px;
-
-      .m-btn {
-        width: 124px;
-        height: 44px;
-        background: #152221bf;
-        border: 1px solid #152221bf;
-        color: #ffffff;
-        transition: all 0.3s;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-
-        &:hover,
-        &.active {
-          background: #05bb4c33;
-          border: 1px solid #05bb4c;
-          color: #05bb4c;
-        }
-
-        + .m-btn {
-          margin-top: 16px;
-        }
-      }
-    }
-  }
-}
-</style>

src/components/arcgis/MHS_FDC.vue

@@ -1,502 +0,0 @@
-<template>
-  <div style="width: 100%; height: 100%">
-    <arcgis
-      class="arcgis-layer"
-      @when="when"
-      ref="arcgis"
-      :data="arcgisData"
-      @clickMap="clickMap"
-    >
-      <template
-        v-for="(fan, index) of fans"
-        :key="index"
-        v-slot:[fan.attributes.code]
-      >
-        <svg
-          v-if="fan.attributes.code != '升压站'"
-          @click="clickFan(fan.attributes.code)"
-          class="can-click esri-component"
-          version="1.1"
-          xmlns="http://www.w3.org/2000/svg"
-          xmlns:xlink="http://www.w3.org/1999/xlink"
-          viewBox="0 0 200 240"
-          enable-background="new 0 0 200 240"
-          xml:space="preserve"
-          width="66"
-          height="66"
-        >
-          <!-- 底座 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][2]"
-              d="M100.681,156.137c24.579,0,44.505,8.548,44.505,19.094
-                            c0,10.545-19.926,19.093-44.505,19.093c-24.577,0-42.878-8.548-42.878-19.093C57.803,164.685,76.104,156.137,100.681,156.137z"
-            />
-          </g>
-          <!-- 后面的脑袋 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][0]"
-              d="M92.875,76.372l27.897-18.417c0,0,4.108-0.096,7.891,2.681
-                                c4.305,3.156,1.86,9.235,1.86,9.235l-24.374,23.292L92.875,76.372z"
-            />
-          </g>
-          <!-- 柱 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][0]"
-              d="M92.152,175.229h18.689l-4.876-94.254H97.84L92.152,175.229z"
-            />
-          </g>
-          <!-- 风扇 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][1]"
-              d="M109.007,85.525l-16.061,0.268l7.396-83.773L109.007,85.525z"
-            />
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][1]"
-              d="M95.219,75.597l8.265,13.771l-76.25,35.483L95.219,75.597z
-                            M99.108,89.634l7.795-14.04l68.854,48.291L99.108,89.634z"
-            />
-            <animateTransform
-              v-if="fan.attributes.rotate"
-              attributeName="transform"
-              attributeType="XML"
-              type="rotate"
-              from="0 100 82"
-              to="359 100 82"
-              :dur="fan.attributes.dur + 's'"
-              repeatCount="indefinite"
-            />
-          </g>
-          <!-- 前面的尖 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][2]"
-              d="M92.863,72.903c0,0,13.912-0.343,17.098,4.352
-                            c2.984,4.397-2.58,15.473-2.58,15.473l-24.376,0.436L92.863,72.903z"
-            />
-          </g>
-          <!-- 文字 -->
-          <g>
-            <text
-              x="100"
-              y="240"
-              fill="#ffffff"
-              font-size="40"
-              text-anchor="middle"
-              alignment-baseline="baseline"
-            >
-              {{ fan.attributes.code }}
-            </text>
-          </g>
-        </svg>
-        <div v-if="fan.attributes.code == '升压站'">
-          <div class="syz-img">
-            <img :src="syzImg" />
-          </div>
-          <div class="white font-sm mr-t-8" style="text-align: center">
-            {{ fan.attributes.code }}
-          </div>
-        </div>
-      </template>
-    </arcgis>
-  </div>
-</template>
-
-<script>
-import arcgis from "./arcgis.vue";
-import dataService from "@/helper/data.js";
-
-export default {
-  // 名称
-  name: "Map",
-  // 使用组件
-  components: {
-    arcgis,
-  },
-  props: {
-    wpId: {
-      type: String,
-      default: "",
-    },
-  },
-  // 数据
-  data() {
-    return {
-      wpnumMap: {}, //风机监视数量
-      wpInfoMap: {}, //风机详情
-      fjmap: [], // 风机名
-      sourceId: "",
-      arcgisData: {
-        mode: "2D", // 模式 2D 3D
-        title: "宁夏地图", // 标题
-        center: [107.0391975, 37.31469028], // 初始中心点 106.230909, 38.487193
-        height: 654, // 3D地图初始相机高度
-        tilt: 65, // 俯视角
-        scale: 30000,
-        rotation: -45,
-        ox: -600,
-        oy: -50,
-      },
-      showPopup: false,
-      mapToolIndex: 0,
-      fans: [],
-      colors: {
-        0: ["#05bb4c", "#4ad476", "#9fedb2"],
-        1: ["#4b55ae", "#959dc7", "#d3d6e0"],
-        2: ["#BA3237", "#d4807d", "#eddad8"],
-        3: ["#606769", "#757575", "#AFAFAF"],
-        4: ["#e17e23", "#fabf78", "#ffebcc"],
-        5: ["#c531c7", "#e080dc", "#fadef7"],
-        6: ["#c531c7", "#e080dc", "#fadef7"],
-      },
-      syzImg: require("@assets/png/booster-station.png"),
-    };
-  },
-  created() {
-    let that = this;
-    that.sourceId = this.wpId;
-    that.$nextTick(() => {
-      that.requestData();
-    });
-  },
-  // 函数
-  methods: {
-    select(res) {
-      this.$router.replace({
-        path: `/monitor/windsite/map/${res.code}`,
-      });
-    },
-    // 风机状态监视
-    requestData() {
-      let that = this;
-      that.API.requestData({
-        method: "POST",
-        subUrl: "monitor/findGeneralAppearance",
-        data: {
-          wpId: that.wpId,
-        },
-        success(res) {
-          if (res.code == 200) {
-            that.wpnumMap = res.data.fczbmap.jczbmap;
-            that.wpInfoMap = res.data.wxssmap;
-            that.fjmap = res.data.fjmap[0];
-			that.when();
-          }
-        },
-      });
-    },
-    when: function () {
-      let jsonObj = dataService.get("arcgis-mhs");
-      this.fans = jsonObj;
-      jsonObj.forEach((item) => {
-        let obj = this.fjmap.find((t) => {
-          let wtid = t.wtId.replace("01_", "");
-          if (wtid == item.attributes.code) return t;
-        });
-        if (obj) {
-          item.attributes.state = String(obj.fjzt);
-        } else {
-          item.attributes.state = "4";
-        }
-        switch (item.attributes.state) {
-          case "0": //待机
-            item.attributes.rotate = false; // 转
-            item.attributes.dur = 8; // 转一圈时间
-            break;
-          case "1": //运行
-            item.attributes.rotate = true; // 转
-            item.attributes.dur = 2; // 转一圈时间
-            break;
-          case "2": //故障
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "3": //中断
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "4": //维护
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "5": //限电
-            item.attributes.rotate = true; // 转
-            item.attributes.dur = 6;
-            break;
-          case "6": //停机
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          default:
-            item.attributes.rotate = false;
-            item.attributes.dur = 8;
-            break;
-        }
-        this.$refs.arcgis.addHtmlPoint(
-          [item.geometry.x, item.geometry.y],
-          item.attributes.code,
-          33,
-          50,
-          false
-        );
-      });
-      let lineJsonObj = dataService.get("arcgis-mhs-line");
-      this.$refs.arcgis.addFanByJson(jsonObj, lineJsonObj);
-    },
-    clickMap: function (info) {
-      console.log(info);
-    },
-    clickFan: function (code) {
-      let wtId = code.replace("G", "G01_");
-      this.$router.push(`/monitor/windsite/info/${this.wpId}/${wtId}`);
-    },
-    popupBack: function () {
-      this.showPopup = false;
-    },
-    clickMapTool: function (index) {
-      //   this.mapToolIndex = index;
-      this.showPopup = !this.showPopup;
-    },
-  },
-  watch: {
-    wpId(res) {
-      this.sourceId = res;
-      if (res) {
-        this.requestData();
-      }
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-@titleHeight: 40px;
-
-.map-1 {
-  width: 100%;
-  height: calc(100vh - 90px);
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-  }
-
-  .can-click {
-    cursor: pointer;
-  }
-
-  .syz-img {
-    width: 65px;
-    height: 47px;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .panel-title {
-    width: 100%;
-    background-color: fade(@darkgray, 40%);
-    margin-top: 16px;
-    padding: 6px;
-    display: flex;
-    align-items: center;
-
-    .panel-title-name {
-      color: @green;
-      display: flex;
-      align-items: center;
-      line-height: 0;
-      font-size: 0;
-
-      i,
-      span {
-        margin: 0 0 0 16px;
-        line-height: 0;
-        font-size: 13px;
-      }
-    }
-
-    .sub-title-item {
-      display: flex;
-      align-items: center;
-      margin-left: 16px;
-
-      .sub-title {
-        font-size: 13px;
-        margin-left: 6px;
-      }
-
-      .sub-count {
-        font-size: 13px;
-        font-weight: 500;
-      }
-
-      img {
-        height: 31px;
-      }
-    }
-  }
-
-  .panel-body {
-    flex-grow: 1;
-    background-color: fade(@darkgray, 20%);
-    padding: 8px;
-    overflow: auto;
-    position: relative;
-
-    .arcgis-layer {
-      z-index: 1;
-    }
-
-    .map-popup-panel {
-      width: 760px;
-      position: absolute;
-      left: 71px;
-      top: 22px;
-      z-index: 2;
-
-      .map-popup-panel-header {
-        width: 100%;
-        background: fade(#152221, 90%);
-        display: flex;
-
-        .map-popup-panel-title {
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          position: relative;
-
-          &::before,
-          &::after {
-            position: absolute;
-            width: calc(50% - 6px);
-            bottom: 0;
-            border-bottom: 2px solid @green;
-          }
-
-          &::before {
-            content: "";
-            left: 0;
-          }
-
-          &::after {
-            content: "";
-            right: 0;
-          }
-
-          span {
-            position: absolute;
-            width: 11.3px;
-            height: 11.3px;
-            border-left: 2px solid @green;
-            border-top: 2px solid @green;
-            left: calc(50% - 5.65px);
-            bottom: -3px;
-            transform: rotate(45deg);
-          }
-        }
-
-        .map-popup-panel-date {
-          flex-grow: 1;
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          text-align: right;
-          border-bottom: 2px solid @green;
-        }
-
-        .map-popup-panel-back {
-          margin-left: auto;
-          width: 54px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          position: relative;
-          cursor: pointer;
-
-          &::after {
-            content: "";
-            position: absolute;
-            left: 0;
-            height: 50%;
-            border-left: 1px solid @gray;
-            top: 25%;
-          }
-        }
-      }
-
-      .map-popup-panel-body {
-        background: fade(#152221, 75%);
-        border: 1px solid fade(@darkgray, 40);
-        border-top: 0px;
-
-        .table-form {
-          .text,
-          .unit {
-            font-weight: 400;
-          }
-
-          .unit {
-            min-width: auto;
-          }
-
-          .value,
-          .unit {
-            text-align: left;
-          }
-        }
-      }
-    }
-
-    .map-tool {
-      position: absolute;
-      right: 22px;
-      top: 22px;
-      z-index: 2;
-      background: #152221af;
-      padding: 18px 14px;
-
-      .m-btn {
-        width: 124px;
-        height: 44px;
-        background: #152221bf;
-        border: 1px solid #152221bf;
-        color: #ffffff;
-        transition: all 0.3s;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-
-        &:hover,
-        &.active {
-          background: #05bb4c33;
-          border: 1px solid #05bb4c;
-          color: #05bb4c;
-        }
-
-        + .m-btn {
-          margin-top: 16px;
-        }
-      }
-    }
-  }
-}
-</style>

src/components/arcgis/NSS_FDC.vue

@@ -1,502 +0,0 @@
-<template>
-  <div style="width: 100%; height: 100%">
-    <arcgis
-      class="arcgis-layer"
-      @when="when"
-      ref="arcgis"
-      :data="arcgisData"
-      @clickMap="clickMap"
-    >
-      <template
-        v-for="(fan, index) of fans"
-        :key="index"
-        v-slot:[fan.attributes.code]
-      >
-        <svg
-          v-if="fan.attributes.code != '升压站'"
-          @click="clickFan(fan.attributes.code)"
-          class="can-click esri-component"
-          version="1.1"
-          xmlns="http://www.w3.org/2000/svg"
-          xmlns:xlink="http://www.w3.org/1999/xlink"
-          viewBox="0 0 200 240"
-          enable-background="new 0 0 200 240"
-          xml:space="preserve"
-          width="66"
-          height="66"
-        >
-          <!-- 底座 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][2]"
-              d="M100.681,156.137c24.579,0,44.505,8.548,44.505,19.094
-                            c0,10.545-19.926,19.093-44.505,19.093c-24.577,0-42.878-8.548-42.878-19.093C57.803,164.685,76.104,156.137,100.681,156.137z"
-            />
-          </g>
-          <!-- 后面的脑袋 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][0]"
-              d="M92.875,76.372l27.897-18.417c0,0,4.108-0.096,7.891,2.681
-                                c4.305,3.156,1.86,9.235,1.86,9.235l-24.374,23.292L92.875,76.372z"
-            />
-          </g>
-          <!-- 柱 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][0]"
-              d="M92.152,175.229h18.689l-4.876-94.254H97.84L92.152,175.229z"
-            />
-          </g>
-          <!-- 风扇 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][1]"
-              d="M109.007,85.525l-16.061,0.268l7.396-83.773L109.007,85.525z"
-            />
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][1]"
-              d="M95.219,75.597l8.265,13.771l-76.25,35.483L95.219,75.597z
-                            M99.108,89.634l7.795-14.04l68.854,48.291L99.108,89.634z"
-            />
-            <animateTransform
-              v-if="fan.attributes.rotate"
-              attributeName="transform"
-              attributeType="XML"
-              type="rotate"
-              from="0 100 82"
-              to="359 100 82"
-              :dur="fan.attributes.dur + 's'"
-              repeatCount="indefinite"
-            />
-          </g>
-          <!-- 前面的尖 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][2]"
-              d="M92.863,72.903c0,0,13.912-0.343,17.098,4.352
-                            c2.984,4.397-2.58,15.473-2.58,15.473l-24.376,0.436L92.863,72.903z"
-            />
-          </g>
-          <!-- 文字 -->
-          <g>
-            <text
-              x="100"
-              y="240"
-              fill="#ffffff"
-              font-size="40"
-              text-anchor="middle"
-              alignment-baseline="baseline"
-            >
-              {{ fan.attributes.code }}
-            </text>
-          </g>
-        </svg>
-        <div v-if="fan.attributes.code == '升压站'">
-          <div class="syz-img">
-            <img :src="syzImg" />
-          </div>
-          <div class="white font-sm mr-t-8" style="text-align: center">
-            {{ fan.attributes.code }}
-          </div>
-        </div>
-      </template>
-    </arcgis>
-  </div>
-</template>
-
-<script>
-import arcgis from "./arcgis.vue";
-import dataService from "@/helper/data.js";
-
-export default {
-  // 名称
-  name: "Map",
-  // 使用组件
-  components: {
-    arcgis,
-  },
-  props: {
-    wpId: {
-      type: String,
-      default: "",
-    },
-  },
-  // 数据
-  data() {
-    return {
-      wpnumMap: {}, //风机监视数量
-      wpInfoMap: {}, //风机详情
-      fjmap: [], // 风机名
-      sourceId: "",
-      arcgisData: {
-        mode: "2D", // 模式 2D 3D
-        title: "宁夏地图", // 标题
-        center: [106.0231304, 37.76323706], // 初始中心点 106.230909, 38.487193
-        height: 654, // 3D地图初始相机高度
-        tilt: 65, // 俯视角
-        scale: 50000,
-        rotation: -45,
-        ox: -600,
-        oy: -50,
-      },
-      showPopup: false,
-      mapToolIndex: 0,
-      fans: [],
-      colors: {
-        0: ["#05bb4c", "#4ad476", "#9fedb2"],
-        1: ["#4b55ae", "#959dc7", "#d3d6e0"],
-        2: ["#BA3237", "#d4807d", "#eddad8"],
-        3: ["#606769", "#757575", "#AFAFAF"],
-        4: ["#e17e23", "#fabf78", "#ffebcc"],
-        5: ["#c531c7", "#e080dc", "#fadef7"],
-        6: ["#c531c7", "#e080dc", "#fadef7"],
-      },
-      syzImg: require("@assets/png/booster-station.png"),
-    };
-  },
-  created() {
-    let that = this;
-    that.sourceId = this.wpId;
-    that.$nextTick(() => {
-      that.requestData();
-    });
-  },
-  // 函数
-  methods: {
-    select(res) {
-      this.$router.replace({
-        path: `/monitor/windsite/map/${res.code}`,
-      });
-    },
-    // 风机状态监视
-    requestData() {
-      let that = this;
-      that.API.requestData({
-        method: "POST",
-        subUrl: "monitor/findGeneralAppearance",
-        data: {
-          wpId: that.wpId,
-        },
-        success(res) {
-          if (res.code == 200) {
-            that.wpnumMap = res.data.fczbmap.jczbmap;
-            that.wpInfoMap = res.data.wxssmap;
-            that.fjmap = res.data.fjmap[0];
-			that.when();
-          }
-        },
-      });
-    },
-    when: function () {
-      let jsonObj = dataService.get("arcgis-nss");
-      this.fans = jsonObj;
-      jsonObj.forEach((item) => {
-        let obj = this.fjmap.find((t) => {
-          let wtid = t.wtId.replace("01_", "");
-          if (wtid == item.attributes.code) return t;
-        });
-        if (obj) {
-          item.attributes.state = String(obj.fjzt);
-        } else {
-          item.attributes.state = "4";
-        }
-        switch (item.attributes.state) {
-          case "0": //待机
-            item.attributes.rotate = false; // 转
-            item.attributes.dur = 8; // 转一圈时间
-            break;
-          case "1": //运行
-            item.attributes.rotate = true; // 转
-            item.attributes.dur = 2; // 转一圈时间
-            break;
-          case "2": //故障
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "3": //中断
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "4": //维护
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "5": //限电
-            item.attributes.rotate = true; // 转
-            item.attributes.dur = 6;
-            break;
-          case "6": //停机
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          default:
-            item.attributes.rotate = false;
-            item.attributes.dur = 8;
-            break;
-        }
-        this.$refs.arcgis.addHtmlPoint(
-          [item.geometry.x, item.geometry.y],
-          item.attributes.code,
-          33,
-          50,
-          false
-        );
-      });
-      let lineJsonObj = dataService.get("arcgis-nss-line");
-      this.$refs.arcgis.addFanByJson(jsonObj, lineJsonObj);
-    },
-    clickMap: function (info) {
-      console.log(info);
-    },
-    clickFan: function (code) {
-      let wtId = code.replace("G", "G01_");
-      this.$router.push(`/monitor/windsite/info/${this.wpId}/${wtId}`);
-    },
-    popupBack: function () {
-      this.showPopup = false;
-    },
-    clickMapTool: function (index) {
-      //   this.mapToolIndex = index;
-      this.showPopup = !this.showPopup;
-    },
-  },
-  watch: {
-    wpId(res) {
-      this.sourceId = res;
-      if (res) {
-        this.requestData();
-      }
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-@titleHeight: 40px;
-
-.map-1 {
-  width: 100%;
-  height: calc(100vh - 90px);
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-  }
-
-  .can-click {
-    cursor: pointer;
-  }
-
-  .syz-img {
-    width: 65px;
-    height: 47px;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .panel-title {
-    width: 100%;
-    background-color: fade(@darkgray, 40%);
-    margin-top: 16px;
-    padding: 6px;
-    display: flex;
-    align-items: center;
-
-    .panel-title-name {
-      color: @green;
-      display: flex;
-      align-items: center;
-      line-height: 0;
-      font-size: 0;
-
-      i,
-      span {
-        margin: 0 0 0 16px;
-        line-height: 0;
-        font-size: 13px;
-      }
-    }
-
-    .sub-title-item {
-      display: flex;
-      align-items: center;
-      margin-left: 16px;
-
-      .sub-title {
-        font-size: 13px;
-        margin-left: 6px;
-      }
-
-      .sub-count {
-        font-size: 13px;
-        font-weight: 500;
-      }
-
-      img {
-        height: 31px;
-      }
-    }
-  }
-
-  .panel-body {
-    flex-grow: 1;
-    background-color: fade(@darkgray, 20%);
-    padding: 8px;
-    overflow: auto;
-    position: relative;
-
-    .arcgis-layer {
-      z-index: 1;
-    }
-
-    .map-popup-panel {
-      width: 760px;
-      position: absolute;
-      left: 71px;
-      top: 22px;
-      z-index: 2;
-
-      .map-popup-panel-header {
-        width: 100%;
-        background: fade(#152221, 90%);
-        display: flex;
-
-        .map-popup-panel-title {
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          position: relative;
-
-          &::before,
-          &::after {
-            position: absolute;
-            width: calc(50% - 6px);
-            bottom: 0;
-            border-bottom: 2px solid @green;
-          }
-
-          &::before {
-            content: "";
-            left: 0;
-          }
-
-          &::after {
-            content: "";
-            right: 0;
-          }
-
-          span {
-            position: absolute;
-            width: 11.3px;
-            height: 11.3px;
-            border-left: 2px solid @green;
-            border-top: 2px solid @green;
-            left: calc(50% - 5.65px);
-            bottom: -3px;
-            transform: rotate(45deg);
-          }
-        }
-
-        .map-popup-panel-date {
-          flex-grow: 1;
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          text-align: right;
-          border-bottom: 2px solid @green;
-        }
-
-        .map-popup-panel-back {
-          margin-left: auto;
-          width: 54px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          position: relative;
-          cursor: pointer;
-
-          &::after {
-            content: "";
-            position: absolute;
-            left: 0;
-            height: 50%;
-            border-left: 1px solid @gray;
-            top: 25%;
-          }
-        }
-      }
-
-      .map-popup-panel-body {
-        background: fade(#152221, 75%);
-        border: 1px solid fade(@darkgray, 40);
-        border-top: 0px;
-
-        .table-form {
-          .text,
-          .unit {
-            font-weight: 400;
-          }
-
-          .unit {
-            min-width: auto;
-          }
-
-          .value,
-          .unit {
-            text-align: left;
-          }
-        }
-      }
-    }
-
-    .map-tool {
-      position: absolute;
-      right: 22px;
-      top: 22px;
-      z-index: 2;
-      background: #152221af;
-      padding: 18px 14px;
-
-      .m-btn {
-        width: 124px;
-        height: 44px;
-        background: #152221bf;
-        border: 1px solid #152221bf;
-        color: #ffffff;
-        transition: all 0.3s;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-
-        &:hover,
-        &.active {
-          background: #05bb4c33;
-          border: 1px solid #05bb4c;
-          color: #05bb4c;
-        }
-
-        + .m-btn {
-          margin-top: 16px;
-        }
-      }
-    }
-  }
-}
-</style>

src/components/arcgis/PL_GDC.vue

@@ -1,678 +0,0 @@
-<template>
-  <div class="map-1" style="width: 100%; height: 100%">
-    <arcgis @when="when" ref="arcgis" :data="arcgisData" @clickMap="clickMap">
-      <template v-slot:content>
-        <div class="panel-box">
-          <div
-            class="panel-item"
-            :class="panel.line"
-            v-for="(panel, index) of panels"
-            :key="index"
-          >
-            <svg
-              v-show="panel.type != 'none' && panel.type != 'syz'"
-              viewBox="0 0 800 800"
-              version="1.1"
-              xmlns="http://www.w3.org/2000/svg"
-              xmlns:xlink="http://www.w3.org/1999/xlink"
-              xml:space="preserve"
-            >
-              <defs>
-                <rect
-                  id="fill-rect"
-                  x="5"
-                  y="5"
-                  rx="8"
-                  ry="8"
-                  width="90"
-                  height="340"
-                  fill="#303B6F"
-                />
-                <rect
-                  id="none-rect"
-                  x="5"
-                  y="5"
-                  rx="8"
-                  ry="8"
-                  width="90"
-                  height="120"
-                  fill="#303B6F"
-                />
-                <g id="panel-deepblue">
-                  <polygon
-                    fill="#FFFFFF"
-                    points="300 13.73 60.07 13.73 60.07 13.73 22.48 13.73 0 109.84 0 109.84 0 109.84 0 109.84 0 109.84 22.48 205.95 272.88 205.95 272.88 205.61 300 205.61 300 13.73"
-                  />
-                  <polygon
-                    fill="#5C9BAF"
-                    points="250.4 109.84 3.26 109.84 29 0 276.14 0 250.4 109.84"
-                  />
-                  <polygon
-                    fill="#00486B"
-                    points="29 219.68 276.14 219.68 250.4 109.84 3.26 109.84 29 219.68"
-                  />
-                </g>
-                <g id="panel-blue">
-                  <polygon
-                    fill="#FFFFFF"
-                    points="300 13.73 60.07 13.73 60.07 13.73 22.48 13.73 0 109.84 0 109.84 0 109.84 0 109.84 0 109.84 22.48 205.95 272.88 205.95 272.88 205.61 300 205.61 300 13.73"
-                  />
-                  <polygon
-                    fill="#23ABFF"
-                    points="250.4 109.84 3.26 109.84 29 0 276.14 0 250.4 109.84"
-                  />
-                  <polygon
-                    fill="#0E6BBB"
-                    points="29 219.68 276.14 219.68 250.4 109.84 3.26 109.84 29 219.68"
-                  />
-                </g>
-                <g id="panel-red">
-                  <polygon
-                    fill="#FFFFFF"
-                    points="290 13.27 58.07 13.27 58.07 13.27 21.73 13.27 0 106.18 0 106.18 0 106.18 0 106.18 0 106.18 21.73 199.09 263.79 199.09 263.79 198.75 290 198.75 290 13.27"
-                  />
-                  <polygon
-                    fill="#EC1208"
-                    points="242.05 106.18 3.15 106.18 28.04 0 266.94 0 242.05 106.18"
-                  />
-                  <polygon
-                    fill="#AA0607"
-                    points="28.04 212.36 266.94 212.36 242.05 106.18 3.15 106.18 28.04 212.36"
-                  />
-                </g>
-              </defs>
-              <!-- 底图 左右两列矩形 -->
-              <g>
-                <use xlink:href="#fill-rect" x="50" y="50" />
-                <use xlink:href="#fill-rect" x="150" y="50" />
-                <use xlink:href="#fill-rect" x="550" y="50" />
-                <use xlink:href="#fill-rect" x="650" y="50" />
-                <use xlink:href="#fill-rect" x="50" y="400" />
-                <use xlink:href="#fill-rect" x="150" y="400" />
-                <use xlink:href="#fill-rect" x="550" y="400" />
-                <use xlink:href="#fill-rect" x="650" y="400" />
-              </g>
-
-              <!-- 中间上矩形 全部 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'fill' || panel.type == 'bottom'
-                    ? 'block'
-                    : 'none')
-                "
-              >
-                <use xlink:href="#fill-rect" x="250" y="50" />
-                <use xlink:href="#fill-rect" x="350" y="50" />
-                <use xlink:href="#fill-rect" x="450" y="50" />
-              </g>
-
-              <!-- 中间上矩形 一半 -->
-              <g
-                :style="'display: ' + (panel.type == 'top' ? 'block' : 'none')"
-              >
-                <use xlink:href="#none-rect" x="250" y="270" />
-                <use xlink:href="#none-rect" x="350" y="270" />
-                <use xlink:href="#none-rect" x="450" y="270" />
-              </g>
-
-              <!-- 中间上逆变器 深蓝色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'top' && panel.state == 'deepblue'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-deepblue" x="250" y="50" />
-              </g>
-
-              <!-- 中间上逆变器 蓝色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'top' && panel.state == 'blue'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-blue" x="250" y="50" />
-              </g>
-
-              <!-- 中间上逆变器 红色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'top' && panel.state == 'red'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-red" x="250" y="50" />
-              </g>
-
-              <!-- 中间上文字 -->
-              <g
-                :style="'display: ' + (panel.type == 'top' ? 'block' : 'none')"
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <text
-                  x="365"
-                  y="220"
-                  fill="#ffffff"
-                  font-size="150"
-                  text-anchor="middle"
-                >
-                  {{ panel.code }}
-                </text>
-              </g>
-
-              <!-- 中间下矩形 全部 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'fill' || panel.type == 'top'
-                    ? 'block'
-                    : 'none')
-                "
-              >
-                <use xlink:href="#fill-rect" x="250" y="400" />
-                <use xlink:href="#fill-rect" x="350" y="400" />
-                <use xlink:href="#fill-rect" x="450" y="400" />
-              </g>
-
-              <!-- 中间下矩形 一半 -->
-              <g
-                :style="
-                  'display: ' + (panel.type == 'bottom' ? 'block' : 'none')
-                "
-              >
-                <use xlink:href="#none-rect" x="250" y="400" />
-                <use xlink:href="#none-rect" x="350" y="400" />
-                <use xlink:href="#none-rect" x="450" y="400" />
-              </g>
-
-              <!-- 中间下逆变器 深蓝色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'bottom' && panel.state == 'deepblue'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-deepblue" x="250" y="530" />
-              </g>
-
-              <!-- 中间下逆变器 蓝色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'bottom' && panel.state == 'blue'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-blue" x="250" y="530" />
-              </g>
-
-              <!-- 中间下逆变器 红色 -->
-              <g
-                :style="
-                  'display: ' +
-                  (panel.type == 'bottom' && panel.state == 'red'
-                    ? 'block'
-                    : 'none')
-                "
-                class="can-click esri-component"
-                @click.prevent="clickEl(panel)"
-              >
-                <use xlink:href="#panel-red" x="250" y="530" />
-              </g>
-
-              <!-- 中间下文字 -->
-              <g
-                :style="
-                  'display: ' + (panel.type == 'bottom' ? 'block' : 'none')
-                "
-                class="can-click"
-                @click.prevent="clickEl(panel)"
-              >
-                <text
-                  x="460"
-                  y="740"
-                  fill="#ffffff"
-                  font-size="150"
-                  text-anchor="middle"
-                >
-                  {{ panel.code }}
-                </text>
-              </g>
-            </svg>
-            <div v-show="panel.type == 'syz'" class="panel-syz">
-              <img :src="syzImg" class="syz-img" />
-              <div class="syz-text">升压站</div>
-            </div>
-          </div>
-          <!-- <img :src="tempImg" style="width: 800px; height: 700px;"> -->
-        </div>
-      </template>
-    </arcgis>
-  </div>
-</template>
-
-<script>
-import arcgis from "./arcgis.vue";
-import dataService from "@/helper/data.js";
-
-export default {
-  // 名称
-  name: "Map",
-  // 使用组件
-  components: {
-    arcgis,
-  },
-  props: {
-    wpId: {
-      type: String,
-      default: "",
-    },
-  },
-  // 数据
-  data() {
-    return {
-      wpnumMap: {}, //风机监视数量
-      wpInfoMap: {}, //风机详情
-      fjmap: [], // 风机名
-      sourceId: "",
-      arcgisData: {
-        mode: "2D", // 模式 2D 3D
-        title: "宁夏地图", // 标题
-        center: [106.2850, 38.5528], // 初始中心点
-        height: 654, // 3D地图初始相机高度
-        tilt: 65, // 俯视角
-        scale: 15000,
-        rotation: 180,
-      },
-      tempImg: require("@assets/temp1.png"),
-      syzImg: require("@assets/png/booster-station.png"),
-      showPopup: true,
-      panels: 
-	  [{"id":"00","type":"top","code":1,"state":"deepblue","line":"top left"},
-	  {"id":"01","type":"top","code":2,"state":"deepblue","line":"top right"},
-	  {"id":"02","type":"top","code":3,"state":"deepblue","line":"top"},
-	  {"id":"03","type":"top","code":4,"state":"deepblue","line":"top right"},
-	  {"id":"04","type":"top","code":5,"state":"deepblue","line":"top"},
-	  {"id":"05","type":"top","code":6,"state":"deepblue","line":"top right"},
-	  {"id":"06","type":"top","code":7,"state":"deepblue","line":"top"},
-	  {"id":"07","type":"top","code":8,"state":"deepblue","line":"top right"},
-	  {"id":"08","type":"top","code":9,"state":"deepblue","line":"top"},
-	  {"id":"09","type":"top","code":10,"state":"deepblue","line":"top right"},
-	  {"id":"10","type":"top","code":11,"state":"deepblue","line":"top left"},
-	  {"id":"11","type":"top","code":12,"state":"deepblue","line":"top right"},
-	  {"id":"12","type":"top","code":13,"state":"deepblue","line":"top"},
-	  {"id":"13","type":"top","code":14,"state":"deepblue","line":"top right"},
-	  {"id":"14","type":"top","code":15,"state":"deepblue","line":"top"},
-	  {"id":"15","type":"top","code":16,"state":"deepblue","line":"top right"},
-	  {"id":"16","type":"top","code":17,"state":"deepblue","line":"top"},
-	  {"id":"17","type":"top","code":18,"state":"deepblue","line":"top right"},
-	  {"id":"18","type":"top","code":19,"state":"deepblue","line":"top right"}]
-    };
-  },
-  created() {
-    let that = this;
-    that.sourceId = this.wpId;
-    that.$nextTick(() => {});
-  },
-  // 函数
-  methods: {
-    when: function () {
-      this.$refs.arcgis.addHtmlPoint(
-        [106.48638888888888, 38.924166666666665],
-        "content",
-        400,
-        350
-      );
-    },
-    clickMap: function (info) {
-      console.log(info);
-    },
-    clickEl: function (item) {
-		let wpId = this.$route.path.split('/').pop(),
-			wtId = wpId.split('_')[0] +'01_'+ item.id;
-		this.$router.push({
-		  path: `/monitor/windsite/inverter-info/`+wpId+`/`+wtId,
-		});
-    },
-  },
-  watch: {
-    wpId(res) {
-      this.sourceId = res;
-    },
-  },
-};
-</script>
-
-<style lang="less">
-@titleHeight: 40px;
-
-.map-1 {
-  width: 100%;
-  height: calc(100vh - 90px);
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-  }
-
-    .panel-box {
-        width: 840px;
-        padding: 20px;
-        display: flex;
-        flex-wrap: wrap;
-        background: #536268B8;
-
-        .panel-item {
-            width: 80px;
-            height: 80px;
-            position: relative;
-            
-            // margin-top: -20px;
-            // margin-left: -20px;
-
-            &.top {
-                &::after {
-                    top: -3px;
-                    opacity: 1;
-                }
-            }
-
-            &.bottom {
-                &::after {
-                    bottom: -3px;
-                    opacity: 1;
-                }
-            }
-
-            &.left {
-                &::before {
-                    left: -3px;
-                    opacity: 1;
-                }
-            }
-
-            &.right {
-                &::before {
-                    right: -3px;
-                    opacity: 1;
-                }
-            }
-
-            &::after {
-                content: '';
-                width: 100%;
-                height: 6px;
-                position: absolute;
-                left: 0;
-                background: @green;
-                opacity: 0;
-            }
-
-            &::before {
-                content: '';
-                width: 6px;
-                height: 100%;
-                position: absolute;
-                top: 0;
-                background: @green;
-                opacity: 0;
-            }
-
-            svg {
-                width: 80px;
-                height: 80px;
-            }
-
-            .panel-syz {
-                width: 100%;
-                height: 100%;
-                position: relative;
-
-                .syz-img {
-                    position: absolute;
-                    height: 70px;
-                    top: -35px;
-                    left: -10px;
-                }
-
-                .syz-text {
-                    position: absolute;
-                    color: @green;
-                    font-size: @fontsize-l;
-                    width: 100%;
-                    text-align: center;
-                    left: 0;
-                    top: -55px;
-                    font-weight: bold;
-                }
-            }
-        }
-
-    }
-
-  .can-click {
-    cursor: pointer;
-  }
-
-  .syz-img {
-    width: 65px;
-    height: 47px;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .panel-title {
-    width: 100%;
-    background-color: fade(@darkgray, 40%);
-    margin-top: 16px;
-    padding: 6px;
-    display: flex;
-    align-items: center;
-
-    .panel-title-name {
-      color: @green;
-      display: flex;
-      align-items: center;
-      line-height: 0;
-      font-size: 0;
-
-      i,
-      span {
-        margin: 0 0 0 16px;
-        line-height: 0;
-        font-size: 13px;
-      }
-    }
-
-    .sub-title-item {
-      display: flex;
-      align-items: center;
-      margin-left: 16px;
-
-      .sub-title {
-        font-size: 13px;
-        margin-left: 6px;
-      }
-
-      .sub-count {
-        font-size: 13px;
-        font-weight: 500;
-      }
-
-      img {
-        height: 31px;
-      }
-    }
-  }
-
-  .panel-body {
-    flex-grow: 1;
-    background-color: fade(@darkgray, 20%);
-    padding: 8px;
-    overflow: auto;
-    position: relative;
-
-    .arcgis-layer {
-      z-index: 1;
-    }
-
-    .map-popup-panel {
-      width: 760px;
-      position: absolute;
-      left: 71px;
-      top: 22px;
-      z-index: 2;
-
-      .map-popup-panel-header {
-        width: 100%;
-        background: fade(#152221, 90%);
-        display: flex;
-
-        .map-popup-panel-title {
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          position: relative;
-
-          &::before,
-          &::after {
-            position: absolute;
-            width: calc(50% - 6px);
-            bottom: 0;
-            border-bottom: 2px solid @green;
-          }
-
-          &::before {
-            content: "";
-            left: 0;
-          }
-
-          &::after {
-            content: "";
-            right: 0;
-          }
-
-          span {
-            position: absolute;
-            width: 11.3px;
-            height: 11.3px;
-            border-left: 2px solid @green;
-            border-top: 2px solid @green;
-            left: calc(50% - 5.65px);
-            bottom: -3px;
-            transform: rotate(45deg);
-          }
-        }
-
-        .map-popup-panel-date {
-          flex-grow: 1;
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          text-align: right;
-          border-bottom: 2px solid @green;
-        }
-
-        .map-popup-panel-back {
-          margin-left: auto;
-          width: 54px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          position: relative;
-          cursor: pointer;
-
-          &::after {
-            content: "";
-            position: absolute;
-            left: 0;
-            height: 50%;
-            border-left: 1px solid @gray;
-            top: 25%;
-          }
-        }
-      }
-
-      .map-popup-panel-body {
-        background: fade(#152221, 75%);
-        border: 1px solid fade(@darkgray, 40);
-        border-top: 0px;
-
-        .table-form {
-          .text,
-          .unit {
-            font-weight: 400;
-          }
-
-          .unit {
-            min-width: auto;
-          }
-
-          .value,
-          .unit {
-            text-align: left;
-          }
-        }
-      }
-    }
-
-    .map-tool {
-      position: absolute;
-      right: 22px;
-      top: 22px;
-      z-index: 2;
-      background: #152221af;
-      padding: 18px 14px;
-
-      .m-btn {
-        width: 124px;
-        height: 44px;
-        background: #152221bf;
-        border: 1px solid #152221bf;
-        color: #ffffff;
-        transition: all 0.3s;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-
-        &:hover,
-        &.active {
-          background: #05bb4c33;
-          border: 1px solid #05bb4c;
-          color: #05bb4c;
-        }
-
-        + .m-btn {
-          margin-top: 16px;
-        }
-      }
-    }
-  }
-}
-</style>

src/components/arcgis/QS_FDC.vue

@@ -1,502 +0,0 @@
-<template>
-  <div style="width: 100%; height: 100%">
-    <arcgis
-      class="arcgis-layer"
-      @when="when"
-      ref="arcgis"
-      :data="arcgisData"
-      @clickMap="clickMap"
-    >
-      <template
-        v-for="(fan, index) of fans"
-        :key="index"
-        v-slot:[fan.attributes.code]
-      >
-        <svg
-          v-if="fan.attributes.code != '升压站'"
-          @click="clickFan(fan.attributes.code)"
-          class="can-click esri-component"
-          version="1.1"
-          xmlns="http://www.w3.org/2000/svg"
-          xmlns:xlink="http://www.w3.org/1999/xlink"
-          viewBox="0 0 200 240"
-          enable-background="new 0 0 200 240"
-          xml:space="preserve"
-          width="66"
-          height="66"
-        >
-          <!-- 底座 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][2]"
-              d="M100.681,156.137c24.579,0,44.505,8.548,44.505,19.094
-                            c0,10.545-19.926,19.093-44.505,19.093c-24.577,0-42.878-8.548-42.878-19.093C57.803,164.685,76.104,156.137,100.681,156.137z"
-            />
-          </g>
-          <!-- 后面的脑袋 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][0]"
-              d="M92.875,76.372l27.897-18.417c0,0,4.108-0.096,7.891,2.681
-                                c4.305,3.156,1.86,9.235,1.86,9.235l-24.374,23.292L92.875,76.372z"
-            />
-          </g>
-          <!-- 柱 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][0]"
-              d="M92.152,175.229h18.689l-4.876-94.254H97.84L92.152,175.229z"
-            />
-          </g>
-          <!-- 风扇 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][1]"
-              d="M109.007,85.525l-16.061,0.268l7.396-83.773L109.007,85.525z"
-            />
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][1]"
-              d="M95.219,75.597l8.265,13.771l-76.25,35.483L95.219,75.597z
-                            M99.108,89.634l7.795-14.04l68.854,48.291L99.108,89.634z"
-            />
-            <animateTransform
-              v-if="fan.attributes.rotate"
-              attributeName="transform"
-              attributeType="XML"
-              type="rotate"
-              from="0 100 82"
-              to="359 100 82"
-              :dur="fan.attributes.dur + 's'"
-              repeatCount="indefinite"
-            />
-          </g>
-          <!-- 前面的尖 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][2]"
-              d="M92.863,72.903c0,0,13.912-0.343,17.098,4.352
-                            c2.984,4.397-2.58,15.473-2.58,15.473l-24.376,0.436L92.863,72.903z"
-            />
-          </g>
-          <!-- 文字 -->
-          <g>
-            <text
-              x="100"
-              y="240"
-              fill="#ffffff"
-              font-size="40"
-              text-anchor="middle"
-              alignment-baseline="baseline"
-            >
-              {{ fan.attributes.code }}
-            </text>
-          </g>
-        </svg>
-        <div v-if="fan.attributes.code == '升压站'">
-          <div class="syz-img">
-            <img :src="syzImg" />
-          </div>
-          <div class="white font-sm mr-t-8" style="text-align: center">
-            {{ fan.attributes.code }}
-          </div>
-        </div>
-      </template>
-    </arcgis>
-  </div>
-</template>
-
-<script>
-import arcgis from "./arcgis.vue";
-import dataService from "@/helper/data.js";
-
-export default {
-  // 名称
-  name: "Map",
-  // 使用组件
-  components: {
-    arcgis,
-  },
-  props: {
-    wpId: {
-      type: String,
-      default: "",
-    },
-  },
-  // 数据
-  data() {
-    return {
-      wpnumMap: {}, //风机监视数量
-      wpInfoMap: {}, //风机详情
-      fjmap: [], // 风机名
-      sourceId: "",
-      arcgisData: {
-        mode: "2D", // 模式 2D 3D
-        title: "宁夏地图", // 标题
-        center: [107.217636108398, 37.5134917819943], // 初始中心点 106.230909, 38.487193
-        height: 654, // 3D地图初始相机高度
-        tilt: 65, // 俯视角
-        scale: 55000,
-        rotation: -45,
-        ox: -600,
-        oy: -50,
-      },
-      showPopup: false,
-      mapToolIndex: 0,
-      fans: [],
-      colors: {
-        0: ["#05bb4c", "#4ad476", "#9fedb2"],
-        1: ["#4b55ae", "#959dc7", "#d3d6e0"],
-        2: ["#BA3237", "#d4807d", "#eddad8"],
-        3: ["#606769", "#757575", "#AFAFAF"],
-        4: ["#e17e23", "#fabf78", "#ffebcc"],
-        5: ["#c531c7", "#e080dc", "#fadef7"],
-        6: ["#c531c7", "#e080dc", "#fadef7"],
-      },
-      syzImg: require("@assets/png/booster-station.png"),
-    };
-  },
-  created() {
-    let that = this;
-    that.sourceId = this.wpId;
-    that.$nextTick(() => {
-      that.requestData();
-    });
-  },
-  // 函数
-  methods: {
-    select(res) {
-      this.$router.replace({
-        path: `/monitor/windsite/map/${res.code}`,
-      });
-    },
-    // 风机状态监视
-    requestData() {
-      let that = this;
-      that.API.requestData({
-        method: "POST",
-        subUrl: "monitor/findGeneralAppearance",
-        data: {
-          wpId: that.wpId,
-        },
-        success(res) {
-          if (res.code == 200) {
-            that.wpnumMap = res.data.fczbmap.jczbmap;
-            that.wpInfoMap = res.data.wxssmap;
-            that.fjmap = res.data.fjmap[0];
-			that.when();
-          }
-        },
-      });
-    },
-    when: function () {
-      let jsonObj = dataService.get("arcgis-qs");
-      this.fans = jsonObj;
-      jsonObj.forEach((item) => {
-        let obj = this.fjmap.find((t) => {
-          let wtid = t.wtId.replace("01_", "");
-          if (wtid == item.attributes.code) return t;
-        });
-        if (obj) {
-          item.attributes.state = String(obj.fjzt);
-        } else {
-          item.attributes.state = "4";
-        }
-        switch (item.attributes.state) {
-          case "0": //待机
-            item.attributes.rotate = false; // 转
-            item.attributes.dur = 8; // 转一圈时间
-            break;
-          case "1": //运行
-            item.attributes.rotate = true; // 转
-            item.attributes.dur = 2; // 转一圈时间
-            break;
-          case "2": //故障
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "3": //中断
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "4": //维护
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "5": //限电
-            item.attributes.rotate = true; // 转
-            item.attributes.dur = 6;
-            break;
-          case "6": //停机
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          default:
-            item.attributes.rotate = false;
-            item.attributes.dur = 8;
-            break;
-        }
-        this.$refs.arcgis.addHtmlPoint(
-          [item.geometry.x, item.geometry.y],
-          item.attributes.code,
-          33,
-          50,
-          false
-        );
-      });
-      let lineJsonObj = dataService.get("arcgis-qs-line");
-      this.$refs.arcgis.addFanByJson(jsonObj, lineJsonObj);
-    },
-    clickMap: function (info) {
-      console.log(info);
-    },
-    clickFan: function (code) {
-      let wtId = code.replace("G", "G01_");
-      this.$router.push(`/monitor/windsite/info/${this.wpId}/${wtId}`);
-    },
-    popupBack: function () {
-      this.showPopup = false;
-    },
-    clickMapTool: function (index) {
-      //   this.mapToolIndex = index;
-      this.showPopup = !this.showPopup;
-    },
-  },
-  watch: {
-    wpId(res) {
-      this.sourceId = res;
-      if (res) {
-        this.requestData();
-      }
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-@titleHeight: 40px;
-
-.map-1 {
-  width: 100%;
-  height: calc(100vh - 90px);
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-  }
-
-  .can-click {
-    cursor: pointer;
-  }
-
-  .syz-img {
-    width: 65px;
-    height: 47px;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .panel-title {
-    width: 100%;
-    background-color: fade(@darkgray, 40%);
-    margin-top: 16px;
-    padding: 6px;
-    display: flex;
-    align-items: center;
-
-    .panel-title-name {
-      color: @green;
-      display: flex;
-      align-items: center;
-      line-height: 0;
-      font-size: 0;
-
-      i,
-      span {
-        margin: 0 0 0 16px;
-        line-height: 0;
-        font-size: 13px;
-      }
-    }
-
-    .sub-title-item {
-      display: flex;
-      align-items: center;
-      margin-left: 16px;
-
-      .sub-title {
-        font-size: 13px;
-        margin-left: 6px;
-      }
-
-      .sub-count {
-        font-size: 13px;
-        font-weight: 500;
-      }
-
-      img {
-        height: 31px;
-      }
-    }
-  }
-
-  .panel-body {
-    flex-grow: 1;
-    background-color: fade(@darkgray, 20%);
-    padding: 8px;
-    overflow: auto;
-    position: relative;
-
-    .arcgis-layer {
-      z-index: 1;
-    }
-
-    .map-popup-panel {
-      width: 760px;
-      position: absolute;
-      left: 71px;
-      top: 22px;
-      z-index: 2;
-
-      .map-popup-panel-header {
-        width: 100%;
-        background: fade(#152221, 90%);
-        display: flex;
-
-        .map-popup-panel-title {
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          position: relative;
-
-          &::before,
-          &::after {
-            position: absolute;
-            width: calc(50% - 6px);
-            bottom: 0;
-            border-bottom: 2px solid @green;
-          }
-
-          &::before {
-            content: "";
-            left: 0;
-          }
-
-          &::after {
-            content: "";
-            right: 0;
-          }
-
-          span {
-            position: absolute;
-            width: 11.3px;
-            height: 11.3px;
-            border-left: 2px solid @green;
-            border-top: 2px solid @green;
-            left: calc(50% - 5.65px);
-            bottom: -3px;
-            transform: rotate(45deg);
-          }
-        }
-
-        .map-popup-panel-date {
-          flex-grow: 1;
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          text-align: right;
-          border-bottom: 2px solid @green;
-        }
-
-        .map-popup-panel-back {
-          margin-left: auto;
-          width: 54px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          position: relative;
-          cursor: pointer;
-
-          &::after {
-            content: "";
-            position: absolute;
-            left: 0;
-            height: 50%;
-            border-left: 1px solid @gray;
-            top: 25%;
-          }
-        }
-      }
-
-      .map-popup-panel-body {
-        background: fade(#152221, 75%);
-        border: 1px solid fade(@darkgray, 40);
-        border-top: 0px;
-
-        .table-form {
-          .text,
-          .unit {
-            font-weight: 400;
-          }
-
-          .unit {
-            min-width: auto;
-          }
-
-          .value,
-          .unit {
-            text-align: left;
-          }
-        }
-      }
-    }
-
-    .map-tool {
-      position: absolute;
-      right: 22px;
-      top: 22px;
-      z-index: 2;
-      background: #152221af;
-      padding: 18px 14px;
-
-      .m-btn {
-        width: 124px;
-        height: 44px;
-        background: #152221bf;
-        border: 1px solid #152221bf;
-        color: #ffffff;
-        transition: all 0.3s;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-
-        &:hover,
-        &.active {
-          background: #05bb4c33;
-          border: 1px solid #05bb4c;
-          color: #05bb4c;
-        }
-
-        + .m-btn {
-          margin-top: 16px;
-        }
-      }
-    }
-  }
-}
-</style>

src/components/arcgis/SBQ_FDC.vue

@@ -1,502 +0,0 @@
-<template>
-  <div style="width: 100%; height: 100%">
-    <arcgis
-      class="arcgis-layer"
-      @when="when"
-      ref="arcgis"
-      :data="arcgisData"
-      @clickMap="clickMap"
-    >
-      <template
-        v-for="(fan, index) of fans"
-        :key="index"
-        v-slot:[fan.attributes.code]
-      >
-        <svg
-          v-if="fan.attributes.code != '升压站'"
-          @click="clickFan(fan.attributes.code)"
-          class="can-click esri-component"
-          version="1.1"
-          xmlns="http://www.w3.org/2000/svg"
-          xmlns:xlink="http://www.w3.org/1999/xlink"
-          viewBox="0 0 200 240"
-          enable-background="new 0 0 200 240"
-          xml:space="preserve"
-          width="66"
-          height="66"
-        >
-          <!-- 底座 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][2]"
-              d="M100.681,156.137c24.579,0,44.505,8.548,44.505,19.094
-                            c0,10.545-19.926,19.093-44.505,19.093c-24.577,0-42.878-8.548-42.878-19.093C57.803,164.685,76.104,156.137,100.681,156.137z"
-            />
-          </g>
-          <!-- 后面的脑袋 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][0]"
-              d="M92.875,76.372l27.897-18.417c0,0,4.108-0.096,7.891,2.681
-                                c4.305,3.156,1.86,9.235,1.86,9.235l-24.374,23.292L92.875,76.372z"
-            />
-          </g>
-          <!-- 柱 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][0]"
-              d="M92.152,175.229h18.689l-4.876-94.254H97.84L92.152,175.229z"
-            />
-          </g>
-          <!-- 风扇 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][1]"
-              d="M109.007,85.525l-16.061,0.268l7.396-83.773L109.007,85.525z"
-            />
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][1]"
-              d="M95.219,75.597l8.265,13.771l-76.25,35.483L95.219,75.597z
-                            M99.108,89.634l7.795-14.04l68.854,48.291L99.108,89.634z"
-            />
-            <animateTransform
-              v-if="fan.attributes.rotate"
-              attributeName="transform"
-              attributeType="XML"
-              type="rotate"
-              from="0 100 82"
-              to="359 100 82"
-              :dur="fan.attributes.dur + 's'"
-              repeatCount="indefinite"
-            />
-          </g>
-          <!-- 前面的尖 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][2]"
-              d="M92.863,72.903c0,0,13.912-0.343,17.098,4.352
-                            c2.984,4.397-2.58,15.473-2.58,15.473l-24.376,0.436L92.863,72.903z"
-            />
-          </g>
-          <!-- 文字 -->
-          <g>
-            <text
-              x="100"
-              y="240"
-              fill="#ffffff"
-              font-size="40"
-              text-anchor="middle"
-              alignment-baseline="baseline"
-            >
-              {{ fan.attributes.code }}
-            </text>
-          </g>
-        </svg>
-        <div v-if="fan.attributes.code == '升压站'">
-          <div class="syz-img">
-            <img :src="syzImg" />
-          </div>
-          <div class="white font-sm mr-t-8" style="text-align: center">
-            {{ fan.attributes.code }}
-          </div>
-        </div>
-      </template>
-    </arcgis>
-  </div>
-</template>
-
-<script>
-import arcgis from "./arcgis.vue";
-import dataService from "@/helper/data.js";
-
-export default {
-  // 名称
-  name: "Map",
-  // 使用组件
-  components: {
-    arcgis,
-  },
-  props: {
-    wpId: {
-      type: String,
-      default: "",
-    },
-  },
-  // 数据
-  data() {
-    return {
-      wpnumMap: {}, //风机监视数量
-      wpInfoMap: {}, //风机详情
-      fjmap: [], // 风机名
-      sourceId: "",
-      arcgisData: {
-        mode: "2D", // 模式 2D 3D
-        title: "宁夏地图", // 标题
-        center: [106.4515667, 37.60171667], // 初始中心点 106.230909, 38.487193
-        height: 654, // 3D地图初始相机高度
-        tilt: 65, // 俯视角
-        scale: 120000,
-        rotation: -45,
-        ox: -600,
-        oy: -50,
-      },
-      showPopup: false,
-      mapToolIndex: 0,
-      fans: [],
-      colors: {
-        0: ["#05bb4c", "#4ad476", "#9fedb2"],
-        1: ["#4b55ae", "#959dc7", "#d3d6e0"],
-        2: ["#BA3237", "#d4807d", "#eddad8"],
-        3: ["#606769", "#757575", "#AFAFAF"],
-        4: ["#e17e23", "#fabf78", "#ffebcc"],
-        5: ["#c531c7", "#e080dc", "#fadef7"],
-        6: ["#c531c7", "#e080dc", "#fadef7"],
-      },
-      syzImg: require("@assets/png/booster-station.png"),
-    };
-  },
-  created() {
-    let that = this;
-    that.sourceId = this.wpId;
-    that.$nextTick(() => {
-      that.requestData();
-    });
-  },
-  // 函数
-  methods: {
-    select(res) {
-      this.$router.replace({
-        path: `/monitor/windsite/map/${res.code}`,
-      });
-    },
-    // 风机状态监视
-    requestData() {
-      let that = this;
-      that.API.requestData({
-        method: "POST",
-        subUrl: "monitor/findGeneralAppearance",
-        data: {
-          wpId: that.wpId,
-        },
-        success(res) {
-          if (res.code == 200) {
-            that.wpnumMap = res.data.fczbmap.jczbmap;
-            that.wpInfoMap = res.data.wxssmap;
-            that.fjmap = res.data.fjmap[0];
-			that.when();
-          }
-        },
-      });
-    },
-    when: function () {
-      let jsonObj = dataService.get("arcgis-sbq");
-      this.fans = jsonObj;
-      jsonObj.forEach((item) => {
-        let obj = this.fjmap.find((t) => {
-          let wtid = t.wtId.replace("01_", "");
-          if (wtid == item.attributes.code) return t;
-        });
-        if (obj) {
-          item.attributes.state = String(obj.fjzt);
-        } else {
-          item.attributes.state = "4";
-        }
-        switch (item.attributes.state) {
-          case "0": //待机
-            item.attributes.rotate = false; // 转
-            item.attributes.dur = 8; // 转一圈时间
-            break;
-          case "1": //运行
-            item.attributes.rotate = true; // 转
-            item.attributes.dur = 2; // 转一圈时间
-            break;
-          case "2": //故障
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "3": //中断
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "4": //维护
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "5": //限电
-            item.attributes.rotate = true; // 转
-            item.attributes.dur = 6;
-            break;
-          case "6": //停机
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          default:
-            item.attributes.rotate = false;
-            item.attributes.dur = 8;
-            break;
-        }
-        this.$refs.arcgis.addHtmlPoint(
-          [item.geometry.x, item.geometry.y],
-          item.attributes.code,
-          33,
-          50,
-          false
-        );
-      });
-      let lineJsonObj = dataService.get("arcgis-sbq-line");
-      this.$refs.arcgis.addFanByJson(jsonObj, lineJsonObj);
-    },
-    clickMap: function (info) {
-      console.log(info);
-    },
-    clickFan: function (code) {
-      let wtId = code.replace("G", "G01_");
-      this.$router.push(`/monitor/windsite/info/${this.wpId}/${wtId}`);
-    },
-    popupBack: function () {
-      this.showPopup = false;
-    },
-    clickMapTool: function (index) {
-      //   this.mapToolIndex = index;
-      this.showPopup = !this.showPopup;
-    },
-  },
-  watch: {
-    wpId(res) {
-      this.sourceId = res;
-      if (res) {
-        this.requestData();
-      }
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-@titleHeight: 40px;
-
-.map-1 {
-  width: 100%;
-  height: calc(100vh - 90px);
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-  }
-
-  .can-click {
-    cursor: pointer;
-  }
-
-  .syz-img {
-    width: 65px;
-    height: 47px;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .panel-title {
-    width: 100%;
-    background-color: fade(@darkgray, 40%);
-    margin-top: 16px;
-    padding: 6px;
-    display: flex;
-    align-items: center;
-
-    .panel-title-name {
-      color: @green;
-      display: flex;
-      align-items: center;
-      line-height: 0;
-      font-size: 0;
-
-      i,
-      span {
-        margin: 0 0 0 16px;
-        line-height: 0;
-        font-size: 13px;
-      }
-    }
-
-    .sub-title-item {
-      display: flex;
-      align-items: center;
-      margin-left: 16px;
-
-      .sub-title {
-        font-size: 13px;
-        margin-left: 6px;
-      }
-
-      .sub-count {
-        font-size: 13px;
-        font-weight: 500;
-      }
-
-      img {
-        height: 31px;
-      }
-    }
-  }
-
-  .panel-body {
-    flex-grow: 1;
-    background-color: fade(@darkgray, 20%);
-    padding: 8px;
-    overflow: auto;
-    position: relative;
-
-    .arcgis-layer {
-      z-index: 1;
-    }
-
-    .map-popup-panel {
-      width: 760px;
-      position: absolute;
-      left: 71px;
-      top: 22px;
-      z-index: 2;
-
-      .map-popup-panel-header {
-        width: 100%;
-        background: fade(#152221, 90%);
-        display: flex;
-
-        .map-popup-panel-title {
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          position: relative;
-
-          &::before,
-          &::after {
-            position: absolute;
-            width: calc(50% - 6px);
-            bottom: 0;
-            border-bottom: 2px solid @green;
-          }
-
-          &::before {
-            content: "";
-            left: 0;
-          }
-
-          &::after {
-            content: "";
-            right: 0;
-          }
-
-          span {
-            position: absolute;
-            width: 11.3px;
-            height: 11.3px;
-            border-left: 2px solid @green;
-            border-top: 2px solid @green;
-            left: calc(50% - 5.65px);
-            bottom: -3px;
-            transform: rotate(45deg);
-          }
-        }
-
-        .map-popup-panel-date {
-          flex-grow: 1;
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          text-align: right;
-          border-bottom: 2px solid @green;
-        }
-
-        .map-popup-panel-back {
-          margin-left: auto;
-          width: 54px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          position: relative;
-          cursor: pointer;
-
-          &::after {
-            content: "";
-            position: absolute;
-            left: 0;
-            height: 50%;
-            border-left: 1px solid @gray;
-            top: 25%;
-          }
-        }
-      }
-
-      .map-popup-panel-body {
-        background: fade(#152221, 75%);
-        border: 1px solid fade(@darkgray, 40);
-        border-top: 0px;
-
-        .table-form {
-          .text,
-          .unit {
-            font-weight: 400;
-          }
-
-          .unit {
-            min-width: auto;
-          }
-
-          .value,
-          .unit {
-            text-align: left;
-          }
-        }
-      }
-    }
-
-    .map-tool {
-      position: absolute;
-      right: 22px;
-      top: 22px;
-      z-index: 2;
-      background: #152221af;
-      padding: 18px 14px;
-
-      .m-btn {
-        width: 124px;
-        height: 44px;
-        background: #152221bf;
-        border: 1px solid #152221bf;
-        color: #ffffff;
-        transition: all 0.3s;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-
-        &:hover,
-        &.active {
-          background: #05bb4c33;
-          border: 1px solid #05bb4c;
-          color: #05bb4c;
-        }
-
-        + .m-btn {
-          margin-top: 16px;
-        }
-      }
-    }
-  }
-}
-</style>

src/components/arcgis/XS_FDC.vue

@@ -1,502 +0,0 @@
-<template>
-  <div style="width: 100%; height: 100%">
-    <arcgis
-      class="arcgis-layer"
-      @when="when"
-      ref="arcgis"
-      :data="arcgisData"
-      @clickMap="clickMap"
-    >
-      <template
-        v-for="(fan, index) of fans"
-        :key="index"
-        v-slot:[fan.attributes.code]
-      >
-        <svg
-          v-if="fan.attributes.code != '升压站'"
-          @click="clickFan(fan.attributes.code)"
-          class="can-click esri-component"
-          version="1.1"
-          xmlns="http://www.w3.org/2000/svg"
-          xmlns:xlink="http://www.w3.org/1999/xlink"
-          viewBox="0 0 200 240"
-          enable-background="new 0 0 200 240"
-          xml:space="preserve"
-          width="66"
-          height="66"
-        >
-          <!-- 底座 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][2]"
-              d="M100.681,156.137c24.579,0,44.505,8.548,44.505,19.094
-                            c0,10.545-19.926,19.093-44.505,19.093c-24.577,0-42.878-8.548-42.878-19.093C57.803,164.685,76.104,156.137,100.681,156.137z"
-            />
-          </g>
-          <!-- 后面的脑袋 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][0]"
-              d="M92.875,76.372l27.897-18.417c0,0,4.108-0.096,7.891,2.681
-                                c4.305,3.156,1.86,9.235,1.86,9.235l-24.374,23.292L92.875,76.372z"
-            />
-          </g>
-          <!-- 柱 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][0]"
-              d="M92.152,175.229h18.689l-4.876-94.254H97.84L92.152,175.229z"
-            />
-          </g>
-          <!-- 风扇 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][1]"
-              d="M109.007,85.525l-16.061,0.268l7.396-83.773L109.007,85.525z"
-            />
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][1]"
-              d="M95.219,75.597l8.265,13.771l-76.25,35.483L95.219,75.597z
-                            M99.108,89.634l7.795-14.04l68.854,48.291L99.108,89.634z"
-            />
-            <animateTransform
-              v-if="fan.attributes.rotate"
-              attributeName="transform"
-              attributeType="XML"
-              type="rotate"
-              from="0 100 82"
-              to="359 100 82"
-              :dur="fan.attributes.dur + 's'"
-              repeatCount="indefinite"
-            />
-          </g>
-          <!-- 前面的尖 -->
-          <g>
-            <path
-              fill-rule="evenodd"
-              clip-rule="evenodd"
-              :fill="colors[fan.attributes.state][2]"
-              d="M92.863,72.903c0,0,13.912-0.343,17.098,4.352
-                            c2.984,4.397-2.58,15.473-2.58,15.473l-24.376,0.436L92.863,72.903z"
-            />
-          </g>
-          <!-- 文字 -->
-          <g>
-            <text
-              x="100"
-              y="240"
-              fill="#ffffff"
-              font-size="40"
-              text-anchor="middle"
-              alignment-baseline="baseline"
-            >
-              {{ fan.attributes.code }}
-            </text>
-          </g>
-        </svg>
-        <div v-if="fan.attributes.code == '升压站'">
-          <div class="syz-img">
-            <img :src="syzImg" />
-          </div>
-          <div class="white font-sm mr-t-8" style="text-align: center">
-            {{ fan.attributes.code }}
-          </div>
-        </div>
-      </template>
-    </arcgis>
-  </div>
-</template>
-
-<script>
-import arcgis from "./arcgis.vue";
-import dataService from "@/helper/data.js";
-
-export default {
-  // 名称
-  name: "Map",
-  // 使用组件
-  components: {
-    arcgis,
-  },
-  props: {
-    wpId: {
-      type: String,
-      default: "",
-    },
-  },
-  // 数据
-  data() {
-    return {
-      wpnumMap: {}, //风机监视数量
-      wpInfoMap: {}, //风机详情
-      fjmap: [], // 风机名
-      sourceId: "",
-      arcgisData: {
-        mode: "2D", // 模式 2D 3D
-        title: "宁夏地图", // 标题
-        center: [105.2139616, 37.15630397], // 初始中心点 106.230909, 38.487193
-        height: 654, // 3D地图初始相机高度
-        tilt: 65, // 俯视角
-        scale: 45000,
-        rotation: -45,
-        ox: -600,
-        oy: -50,
-      },
-      showPopup: false,
-      mapToolIndex: 0,
-      fans: [],
-      colors: {
-        0: ["#05bb4c", "#4ad476", "#9fedb2"],
-        1: ["#4b55ae", "#959dc7", "#d3d6e0"],
-        2: ["#BA3237", "#d4807d", "#eddad8"],
-        3: ["#606769", "#757575", "#AFAFAF"],
-        4: ["#e17e23", "#fabf78", "#ffebcc"],
-        5: ["#c531c7", "#e080dc", "#fadef7"],
-        6: ["#c531c7", "#e080dc", "#fadef7"],
-      },
-      syzImg: require("@assets/png/booster-station.png"),
-    };
-  },
-  created() {
-    let that = this;
-    that.sourceId = this.wpId;
-    that.$nextTick(() => {
-      that.requestData();
-    });
-  },
-  // 函数
-  methods: {
-    select(res) {
-      this.$router.replace({
-        path: `/monitor/windsite/map/${res.code}`,
-      });
-    },
-    // 风机状态监视
-    requestData() {
-      let that = this;
-      that.API.requestData({
-        method: "POST",
-        subUrl: "monitor/findGeneralAppearance",
-        data: {
-          wpId: that.wpId,
-        },
-        success(res) {
-          if (res.code == 200) {
-            that.wpnumMap = res.data.fczbmap.jczbmap;
-            that.wpInfoMap = res.data.wxssmap;
-            that.fjmap = res.data.fjmap[0];
-			that.when();
-          }
-        },
-      });
-    },
-    when: function () {
-      let jsonObj = dataService.get("arcgis-xs");
-      this.fans = jsonObj;
-      jsonObj.forEach((item) => {
-        let obj = this.fjmap.find((t) => {
-          let wtid = t.wtId.replace("01_", "");
-          if (wtid == item.attributes.code) return t;
-        });
-        if (obj) {
-          item.attributes.state = String(obj.fjzt);
-        } else {
-          item.attributes.state = "4";
-        }
-        switch (item.attributes.state) {
-          case "0": //待机
-            item.attributes.rotate = false; // 转
-            item.attributes.dur = 8; // 转一圈时间
-            break;
-          case "1": //运行
-            item.attributes.rotate = true; // 转
-            item.attributes.dur = 2; // 转一圈时间
-            break;
-          case "2": //故障
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "3": //中断
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "4": //维护
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          case "5": //限电
-            item.attributes.rotate = true; // 转
-            item.attributes.dur = 6;
-            break;
-          case "6": //停机
-            item.attributes.rotate = false; // 不转
-            item.attributes.dur = 8;
-            break;
-          default:
-            item.attributes.rotate = false;
-            item.attributes.dur = 8;
-            break;
-        }
-        this.$refs.arcgis.addHtmlPoint(
-          [item.geometry.x, item.geometry.y],
-          item.attributes.code,
-          33,
-          50,
-          false
-        );
-      });
-      let lineJsonObj = dataService.get("arcgis-xs-line");
-      this.$refs.arcgis.addFanByJson(jsonObj, lineJsonObj);
-    },
-    clickMap: function (info) {
-      console.log(info);
-    },
-    clickFan: function (code) {
-      let wtId = code.replace("G", "G01_");
-      this.$router.push(`/monitor/windsite/info/${this.wpId}/${wtId}`);
-    },
-    popupBack: function () {
-      this.showPopup = false;
-    },
-    clickMapTool: function (index) {
-      //   this.mapToolIndex = index;
-      this.showPopup = !this.showPopup;
-    },
-  },
-  watch: {
-    wpId(res) {
-      this.sourceId = res;
-      if (res) {
-        this.requestData();
-      }
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-@titleHeight: 40px;
-
-.map-1 {
-  width: 100%;
-  height: calc(100vh - 90px);
-  display: flex;
-  flex-direction: column;
-
-  .btn-group-tabs {
-    display: flex;
-    flex-direction: row;
-  }
-
-  .can-click {
-    cursor: pointer;
-  }
-
-  .syz-img {
-    width: 65px;
-    height: 47px;
-
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-
-  .panel-title {
-    width: 100%;
-    background-color: fade(@darkgray, 40%);
-    margin-top: 16px;
-    padding: 6px;
-    display: flex;
-    align-items: center;
-
-    .panel-title-name {
-      color: @green;
-      display: flex;
-      align-items: center;
-      line-height: 0;
-      font-size: 0;
-
-      i,
-      span {
-        margin: 0 0 0 16px;
-        line-height: 0;
-        font-size: 13px;
-      }
-    }
-
-    .sub-title-item {
-      display: flex;
-      align-items: center;
-      margin-left: 16px;
-
-      .sub-title {
-        font-size: 13px;
-        margin-left: 6px;
-      }
-
-      .sub-count {
-        font-size: 13px;
-        font-weight: 500;
-      }
-
-      img {
-        height: 31px;
-      }
-    }
-  }
-
-  .panel-body {
-    flex-grow: 1;
-    background-color: fade(@darkgray, 20%);
-    padding: 8px;
-    overflow: auto;
-    position: relative;
-
-    .arcgis-layer {
-      z-index: 1;
-    }
-
-    .map-popup-panel {
-      width: 760px;
-      position: absolute;
-      left: 71px;
-      top: 22px;
-      z-index: 2;
-
-      .map-popup-panel-header {
-        width: 100%;
-        background: fade(#152221, 90%);
-        display: flex;
-
-        .map-popup-panel-title {
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          position: relative;
-
-          &::before,
-          &::after {
-            position: absolute;
-            width: calc(50% - 6px);
-            bottom: 0;
-            border-bottom: 2px solid @green;
-          }
-
-          &::before {
-            content: "";
-            left: 0;
-          }
-
-          &::after {
-            content: "";
-            right: 0;
-          }
-
-          span {
-            position: absolute;
-            width: 11.3px;
-            height: 11.3px;
-            border-left: 2px solid @green;
-            border-top: 2px solid @green;
-            left: calc(50% - 5.65px);
-            bottom: -3px;
-            transform: rotate(45deg);
-          }
-        }
-
-        .map-popup-panel-date {
-          flex-grow: 1;
-          padding: 17px 24px;
-          font-size: @fontsize-s;
-          text-align: right;
-          border-bottom: 2px solid @green;
-        }
-
-        .map-popup-panel-back {
-          margin-left: auto;
-          width: 54px;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          position: relative;
-          cursor: pointer;
-
-          &::after {
-            content: "";
-            position: absolute;
-            left: 0;
-            height: 50%;
-            border-left: 1px solid @gray;
-            top: 25%;
-          }
-        }
-      }
-
-      .map-popup-panel-body {
-        background: fade(#152221, 75%);
-        border: 1px solid fade(@darkgray, 40);
-        border-top: 0px;
-
-        .table-form {
-          .text,
-          .unit {
-            font-weight: 400;
-          }
-
-          .unit {
-            min-width: auto;
-          }
-
-          .value,
-          .unit {
-            text-align: left;
-          }
-        }
-      }
-    }
-
-    .map-tool {
-      position: absolute;
-      right: 22px;
-      top: 22px;
-      z-index: 2;
-      background: #152221af;
-      padding: 18px 14px;
-
-      .m-btn {
-        width: 124px;
-        height: 44px;
-        background: #152221bf;
-        border: 1px solid #152221bf;
-        color: #ffffff;
-        transition: all 0.3s;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-
-        &:hover,
-        &.active {
-          background: #05bb4c33;
-          border: 1px solid #05bb4c;
-          color: #05bb4c;
-        }
-
-        + .m-btn {
-          margin-top: 16px;
-        }
-      }
-    }
-  }
-}
-</style>

src/components/arcgis/arcgis.vue

@@ -1,516 +0,0 @@
-<template>
-    <div class="arcgis" :class="{'pointer': pointer}">
-        <div id="viewDiv"></div>
-        <teleport to=".esri-ui" v-if="teleport">
-            <div id="marker">
-                <div v-for="(marker, index) of markers" :key="index" v-show="marker.show" 
-                    :id="'arcgic-marker-' + marker.slot" class="arcgis-marker" :style="'left: '+marker.x+'px; top: '+marker.y+'px; transform: scale('+marker.scale+')'">
-                    <slot :name="marker.slot"></slot>
-                </div>
-            </div>
-        </teleport>
-    </div>
-</template>
-
-<script>
-    import Map from "@arcgis/core/Map";
-    import Basemap from "@arcgis/core/Basemap";
-    import Graphic from "@arcgis/core/Graphic";
-    import SpatialReference from "@arcgis/core/geometry/SpatialReference";
-    import MapView from "@arcgis/core/views/MapView";
-    import SceneView from "@arcgis/core/views/SceneView";
-    import MapImageLayer from "@arcgis/core/layers/MapImageLayer";
-    import GraphicsLayer from "@arcgis/core/layers/GraphicsLayer";
-    import SimpleMarkerSymbol from "@arcgis/core/symbols/SimpleMarkerSymbol";
-    import "@arcgis/core/assets/esri/themes/light/main.css";
-
-    const mapUrl = "http://10.155.32.4:9080/arcgis/rest/services/nxmap/MapServer"; // ArcMap地址
-    // const mapUrl = "http://10.155.32.4:9080/arcgis/rest/services/NX_MAP_15/MapServer"; // ArcMap地址
-    let basemap = null;
-    let map = null;
-    let view = null;
-    let point_graphicsLayer = null;
-    let line_graphicsLayer = null;
-    let text_graphicsLayer = null;
-    let img_graphicsLayer = null;
-    let html_graphicsLayer = null;
-    let point_graphics = [];
-    let line_graphics = [];
-    let text_graphics = [];
-    let img_graphics = [];
-    let html_graphics = [];
-
-    export default {
-        // 名称
-        name: "arcgis",
-        // 使用组件
-        components: {},
-        // 传入参数
-        props: {
-            data: {
-                type: Object,
-                default: () => {
-                    return {
-                        mode: "2D", // 模式 2D 3D
-                        title: "宁夏地图", // 标题
-                        center: [106.230909, 38.487193], // 初始中心点
-                        height: 654, // 3D地图初始相机高度
-                        tilt: 65, // 俯视角
-                        scale: 128000, // 缩放
-                        rotation: 0, // 正北顺时针旋转角度
-                        ox: 0, // 标记整体偏移
-                        oy: 0, // 标记整体偏移
-                    }
-                },
-            }
-        },
-        // 自定义事件
-        emits: {
-            when: null, // 地图加载完成
-            clickMap: null, // 点击地图(可点击元素)
-        },
-        // 数据
-        data() {
-            return {
-                fanStateImgMapping: [{
-                        name: "待机",
-                        code: "0",
-                        img: require("@assets/map/fan/green.png")
-                    },
-                    {
-                        name: "运行",
-                        code: "1",
-                        img: require("@assets/map/fan/blue.png")
-                    },
-                    {
-                        name: "故障",
-                        code: "2",
-                        img: require("@assets/map/fan/red.png")
-                    },
-                    {
-                        name: "离线",
-                        code: "3",
-                        img: require("@assets/map/fan/black.png")
-                    },               
-                    {
-                        name: "检修",
-                        code: "4",
-                        img: require("@assets/map/fan/orange.png")
-                    },
-                    {
-                        name: "限电",
-                        code: "5",
-                        img: require("@assets/map/fan/purple.png")
-                    },
-                    {
-                        name: "限停",
-                        code: "6",
-                        img: require("@assets/map/fan/white.png")
-                    },
-                ],
-                syzImg: require("@assets/png/booster-station.png"),
-                markers: [],
-                pointer: false,
-                teleport: false, // 是否进行传送
-            }
-        },
-        // 函数
-        methods: {
-            // 世界转屏幕
-            worldToScreen: function (point) {
-                // var world = new Point(point.x, point.y, SpatialReference.WGS84);
-                // var screenPoint = map.toScreen(point);
-            },
-            // 屏幕转世界
-            screenToWorld: function (point) {},
-            // 偏移转经纬度
-            oToLL: function (x, y) {
-                return {
-                    x: 0.00000899 * x,
-                    y: 0.00001141 * y
-                }
-            },
-            // 初始化地图
-            initMap: function() {
-                basemap = new Basemap({
-                    // 底图
-                    baseLayers: [
-                        new MapImageLayer({
-                            url: mapUrl,
-                            title: this.data.title,
-                            spatialReference: SpatialReference.WGS84,
-                        }),
-                    ],
-                    title: this.data.title,
-                    spatialReference: SpatialReference.WGS84,
-                });
-                map = new Map({
-                    // 地图容器
-                    basemap: basemap,
-                });
-                if (this.data.mode == "3D") {
-                    view = new SceneView({
-                        // 3D显示图层
-                        map: map,
-                        center: this.data.center,
-                        camera: {
-                            position: {
-                                x: this.data.center[0], // lon
-                                y: this.data.center[1], // lat
-                                z: this.data.height, // elevation in meters
-                            },
-                            tilt: this.data.tilt,
-                        },
-                        container: this.$el.querySelector("#viewDiv"),
-                    });
-                } else {
-                    view = new MapView({
-                        // 2D显示图层
-                        map: map,
-                        center: this.data.center,
-                        container: this.$el.querySelector("#viewDiv"),
-                        rotation: this.data.rotation,
-                    });
-                }
-                view.scale = this.data.scale;
-                //去掉版权
-                view.ui._removeComponents(["attribution"]);
-                view.when(() => {
-                    this.when();
-                    this.$emit('when');
-                });
-            },
-            when: function() {
-                // 当地图加载完成
-                this.teleport = true; // 传送
-                point_graphicsLayer = new GraphicsLayer({
-                    graphics: []
-                });
-                line_graphicsLayer = new GraphicsLayer({
-                    graphics: []
-                });
-                text_graphicsLayer = new GraphicsLayer({
-                    graphics: []
-                });
-                img_graphicsLayer = new GraphicsLayer({
-                    graphics: []
-                });
-                html_graphicsLayer = new GraphicsLayer({
-                    graphics: []
-                });
-                map.add(line_graphicsLayer);
-                map.add(point_graphicsLayer);
-                map.add(text_graphicsLayer);
-                map.add(img_graphicsLayer);
-                map.add(html_graphicsLayer);
-                view.on("click", (event) => { // 监听鼠标点击 判断是否可以点击
-                    view.hitTest(event).then((response) => {
-                        let result = null;
-                        if (response.results.length) {
-                            const canClick = ["picture-marker", "text"];
-                            response.results.forEach(item => {
-                                if (canClick.indexOf(item.graphic.symbol.type) >= 0) {
-                                    result = item.graphic.attributes;
-                                }
-                            })
-                        }
-                        if (result != null) {
-                            this.$emit('clickMap', result);
-                        }
-                    })
-                });
-                view.on("pointer-move", (event) => { // 监听鼠标移动 判断是否把鼠标变成小手
-                    view.hitTest(event).then((response) => {
-                        let result = null;
-                        if (response.results.length) {
-                            const canClick = ["picture-marker", "text"];
-                            response.results.forEach(item => {
-                                if (canClick.indexOf(item.graphic.symbol.type) >= 0) {
-                                    result = item.graphic.attributes;
-                                }
-                            })
-                        }
-                        if (result) {
-                            this.pointer= true;
-                        } else {
-                            this.pointer= false;
-                        }
-                    })
-                })
-                view.watch("extent", (evt) => {
-                    this.markers.forEach((marker, index) => {
-                        let graphics = html_graphics[index];
-                        let screenPoint = view.toScreen(graphics.geometry);
-                        marker.x = screenPoint.x - marker.ox;
-                        marker.y = screenPoint.y - marker.oy;
-                        if (marker.canScale) {
-                            marker.scale =  0.0272 / evt.height;
-                            // console.log(evt.height)
-                            if (evt.height < 0.295) { 
-                                if (!marker.show) {
-                                    marker.show = true;
-                                    graphics.symbol = new SimpleMarkerSymbol({
-                                        color: "transparent",
-                                        outline: {
-                                            color: [255, 255, 255],
-                                            width: 0
-                                        }
-                                    });
-                                }
-                            } else {
-                                if (marker.show) {
-                                    marker.show = false;
-                                    graphics.symbol = new SimpleMarkerSymbol({
-                                        color: [5,187,76,0.75],
-                                        outline: {
-                                            color: [5,187,76],
-                                            width: 2
-                                        }
-                                    });
-                                }
-                            }
-                        }
-                    });
-                });
-            },
-            // 通过name或code获取img
-            getFanImg: function(nameOrState) {
-                const item = this.fanStateImgMapping.find(t => t.name == nameOrState || t.code ==
-                    nameOrState);
-                if (item) {
-                    return item.img;
-                } else {
-                    console.error(nameOrState, "对应的图片不存在");
-                    return "";
-                }
-            },
-            // 添加html
-            addHtmlPoint: function (point, slot, ox=0, oy=0, scale=true) {
-                point[0] += this.oToLL(this.data.ox, this.data.oy).x;
-                point[1] += this.oToLL(this.data.ox, this.data.oy).y;
-                let item = {
-                    geometry: {
-                        type: "point",
-                        spatialReference: SpatialReference.WGS84,
-                        x: point[0],
-                        y: point[1],
-                    },
-                    symbol: {
-                        type: "simple-marker",
-                        color: "transparent",
-                        outline: {
-                            color: [255, 255, 255],
-                            width: 0
-                        }
-                    },
-                    // symbol: null,
-                    attributes: {},
-                    popupTemplate: null
-                };
-                let graphic = new Graphic(item);
-                html_graphics.push(graphic);
-                html_graphicsLayer.add(graphic);
-                let screenPoint = view.toScreen(graphic.geometry);
-                let marker = {
-                    slot: slot,
-                    ox: ox,
-                    oy: oy,
-                    x: screenPoint.x - ox,
-                    y: screenPoint.y - oy,
-                    scale: 1,
-                    canScale: scale,
-                    show: true,
-                };
-                this.markers.push(marker);
-                return marker;
-            },
-            // 添加图片点
-            addImagePoint: function (point, src, width, height) {
-                let item = {
-                    geometry: {
-                        type: "point",
-                        spatialReference: SpatialReference.WGS84,
-                        x: point[0],
-                        y: point[1]
-                    },
-                    symbol: {
-                        type: "picture-marker",
-                        url: this.tempImg,
-                        width: width,
-                        height: height,
-                        xoffset: 0,
-                        yoffset: 0
-                    },
-                    attributes: {},
-                    popupTemplate: null
-                };
-            
-                let graphic = new Graphic(item);
-                img_graphics.push(graphic);
-                img_graphicsLayer.add(graphic);
-            },
-            // 移除
-            remove: function (type, obj) {
-                if (type == "html") {
-                    let markerIndex = this.markers.findIndex(t => t.slot == obj.slot);
-                    // let marker = this.markers[markerIndex];
-                    this.markers.splice(markerIndex, 1);
-                    let graphic = html_graphics[markerIndex];
-                    html_graphics.splice(markerIndex, 1);
-                    html_graphicsLayer.remove(graphic);
-                } else {
-                    console.info("arcgis: No type:", type)
-                }
-            },
-            // 添加图片点
-            addImgPoint: function(jsonItem) {
-                let item = JSON.parse(JSON.stringify(jsonItem));
-                item.geometry.type = "point";
-                item.geometry.spatialReference = SpatialReference.WGS84;
-                item.geometry.x += this.oToLL(this.data.ox, this.data.oy).x;
-                item.geometry.y += this.oToLL(this.data.ox, this.data.oy).y;
-                item.symbol = {
-                    type: "picture-marker",
-                    url: item.attributes.type == "升压站" ? this.syzImg : this.getFanImg(item.attributes.state),
-                    width: item.attributes.type == "升压站" ? "96px" : "48px",
-                    height: item.attributes.type == "升压站" ? "96px" : "48px",
-                    xoffset: 0,
-                    yoffset: 18
-                };
-                let graphic = new Graphic(item);
-                point_graphics.push(graphic);
-                point_graphicsLayer.add(graphic);
-                this.addImgText(jsonItem);
-            },
-            // 添加图片文字
-            addImgText: function(jsonItem) {
-                let item = JSON.parse(JSON.stringify(jsonItem));
-                item.geometry.type = "point";
-                item.geometry.spatialReference = SpatialReference.WGS84;
-                item.geometry.x += this.oToLL(this.data.ox, this.data.oy).x;
-                item.geometry.y += this.oToLL(this.data.ox, this.data.oy).y;
-                item.symbol = {
-                    type: "text",
-                    color: "white",
-                    haloColor: "black",
-                    haloSize: "1px",
-                    text: item.attributes.code,
-                    xoffset: 0,
-                    yoffset: -10,
-                    font: {
-                        size: 12,
-                        // family: "Josefin Slab",/
-                        weight: "bold"
-                    }
-                };
-                let graphic = new Graphic(item);
-                text_graphics.push(graphic);
-                text_graphicsLayer.add(graphic);
-            },
-            // 添加线段
-            addLine: function(jsonItem) {
-                let item = JSON.parse(JSON.stringify(jsonItem));
-                item.geometry.type = "polyline";
-                item.geometry.spatialReference = SpatialReference.WGS84;
-                item.geometry.paths.forEach(item => {
-                    item[0] += this.oToLL(this.data.ox, this.data.oy).x;
-                    item[1] += this.oToLL(this.data.ox, this.data.oy).y;
-                });
-                item.symbol = {
-                    type: "simple-line",
-                    color: "#05bb4c",
-                    width: item.attributes.width,
-                }
-                let graphic = new Graphic(item);
-                line_graphics.push(graphic);
-                line_graphicsLayer.add(graphic);
-            },
-            addFanByJson: function(jsonObj, lineJsonObj) {
-                // jsonObj.forEach(item => {
-                //     this.addImgPoint(item);
-                // });
-                lineJsonObj.forEach(item => {
-                    this.addLine(item);
-                });
-            },
-            goto: function(point) {
-                view.goTo({
-                    center: point
-                }).catch(function(error) {
-                    if (error.name != "AbortError") {
-                        console.error(error);
-                    }
-                });
-            }
-        },
-        // 生命周期钩子
-        beforeCreate() {
-            // 创建前
-        },
-        created() {
-            // 创建后
-        },
-        beforeMount() {
-            // 渲染前
-        },
-        mounted() {
-            // 渲染后
-			basemap = null;
-            map = null;
-            view = null;
-            point_graphicsLayer = null;
-            line_graphicsLayer = null;
-            text_graphicsLayer = null;
-            img_graphicsLayer = null;
-            html_graphicsLayer = null;
-            point_graphics = [];
-            line_graphics = [];
-            text_graphics = [];
-            img_graphics = [];
-            html_graphics = [];
-            this.initMap();
-        },
-        beforeUpdate() {
-            // 数据更新前
-        },
-        updated() {
-            // 数据更新后
-        },
-    }
-</script>
-
-<style lang="less">
-    .arcgis {
-        width: 100%;
-        height: 100%;
-        position: relative;
-        overflow: hidden;
-
-        &.pointer {
-            cursor: pointer;
-        }
-
-        #viewDiv {
-            position: absolute;
-            z-index: 1;
-            width: 100%;
-            height: 100%;
-            top: 0;
-            left: 0;
-        }
-
-        #marker {
-            position: absolute;
-            z-index: 2;
-            width: 0;
-            height: 0;
-            top: 0;
-            left: 0;
-        }
-
-        .arcgis-marker {
-            position: absolute;
-            z-index: 2;
-        }
-    }
-</style>

src/components/dialog/gfIndex.vue

@@ -1,564 +0,0 @@
-<template>
-    <el-dialog title="逆变器详情" width="75%" top="10vh" @opened="opened()" @closed="closed()" :show-close="true"
-        class="my-info-dialog" custom-class="modal" :close-on-click-modal="false">
-        <div class="body">
-            <div class="titleList">{{inverterInfo.wpname}} <text v-if="wpId">-{{wpId}}</text></div>
-            <el-row style="height: 93%;margin-top: 10px;">
-                <el-col :span="12" style="height: 100%">
-                    <div class="info">
-                        <div class="hookup">
-                            <div class="modelTitle">主接线图</div>
-                            <div class="hookupImg"></div>
-                        </div>
-                        <div class="pointInfo">
-                            <div class="modelTitle">遥信值</div>
-                            <div class="point-data">
-                                <div class="point-item">逆变器单元一绝缘阻抗低</div>
-                                <div class="point-item">直流功率</div>
-                                <div class="point-item">直流功率</div>
-                                <div class="point-item">直流功率</div>
-                                <div class="point-item">逆变器单元一绝缘阻抗低</div>
-                                <div class="point-item">直流功率</div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="simulation">
-                        <div class="modelTitle">整机模拟量</div>
-                        <div class="simulationNum">
-                            <table class="table-form">
-                                <tr v-for="(pItem, pIndex) in sourceMapAI" :key="pIndex">
-                                    <template v-for="(cItem, cIndex) in pItem" :key="cIndex">
-                                        <td class="text gray">{{ cItem.name }}</td>
-                                        <td class="value green">{{ cItem.value }}</td>
-                                        <td class="unit gray">{{ cItem.unit }}</td>
-                                    </template>
-                                </tr>
-                            </table>
-                        </div>
-                    </div>
-                </el-col>
-                <el-col :span="12" style="height: 100%">
-                    <div class="inverter">
-                        <div class="modelTitle"
-                            style="display: flex;flex-direction: row; justify-content: space-between;align-items: center;padding:0 20px">
-                            <div>{{ inverterInfo.code }}</div>
-                            <div style="display: flex;flex-direction: row;align-items: center;">
-                                <div style="margin-right: 30px">逆变器型号：{{ inverterInfo.info?.modelid }}</div>
-                                <div>状态：</div>
-                                <div class="statusBar" :style="`background: ${inverterInfo.color}`"></div>
-                            </div>
-                        </div>
-                        <div class="inverterInfo">
-                            <div class="inverter-point">
-                                <table class="table-form">
-                                    <tr v-for="(pItem, pIndex) in sourceMapDI" :key="pIndex">
-                                        <template v-for="(cItem, cIndex) in pItem" :key="cIndex">
-                                            <td class="text gray">{{ cItem.name }}</td>
-                                            <td class="value green">{{ cItem.value }}</td>
-                                            <td class="unit gray">{{ cItem.unit }}</td>
-                                        </template>
-                                    </tr>
-                                </table>
-                            </div>
-                            <div class="inverter-power">
-                                <table class="table-form">
-                                    <tr v-for="(pItem, pIndex) in dataList" :key="pIndex">
-                                        <td class="text gray">{{ pItem.name }}</td>
-                                        <td>
-                                            <div :class="pItem.type ? 'value-green' : 'value-red'"></div>
-                                        </td>
-                                    </tr>
-                                </table>
-                            </div>
-                        </div>
-                    </div>
-                </el-col>
-            </el-row>
-        </div>
-    </el-dialog>
-</template>
-<script>
-import api from "@api/cockpit/matrix/index.js";
-export default {
-    props: {
-        wpId: {
-            type: String,
-            default: "",
-        },
-        wtId: {
-            type: String,
-            default: "",
-        },
-    },
-    // 使用组件
-    components: {
-
-    },
-    data() {
-        return {
-            inverterInfo: {},
-            dataList: [
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-            ],
-            sourceMapAI: [
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                ],
-            ],
-            sourceMapDI: [
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-            ],
-            timmer:'',
-        };
-    },
-    methods: {
-        opened() {
-            this.getData()
-            this.timmer = setInterval(() => {
-                this.getData();
-            }, this.$store.state.websocketTimeSec);
-        },
-        closed() {
-            clearInterval(this.timmer);
-            this.timmer = null;
-        },
-        getData() {
-            api.findInverterInfo({
-                wtId: this.wtId
-            }).then(res => {
-                if (res.data) {
-                    res.data.color = this.getColor(res.data.NBQ?.filter(item => item.code === 'FJZT')[0]?.value)
-                    this.inverterInfo = res.data
-                }
-            })
-        },
-        getColor(fjzt) {
-            switch (fjzt) {
-                case 0:
-                    return "#05bb4c";
-                    break;
-                case 1:
-                    return "#1a93cf";
-                    break;
-                case 2:
-                    return "#BA3237";
-                    break;
-                case 3:
-                    return "#606769";
-                    break;
-                case 4:
-                    return "#e17e23";
-                    break;
-                case 5:
-                    return "#4b55ae";
-                    break;
-                case 6:
-                    return "#ffffff";
-                    break;
-            }
-        },
-    },
-};
-</script>
-<style lang="less" scoped>
-.body {
-    height: 70vh;
-}
-
-.titleList {
-    width: 100%;
-    height: 47px;
-    display: flex;
-    align-items: center;
-    font-size: 16px;
-    color: @green;
-    background-color: rgba(83, 98, 104, .2);
-    padding-left: 22px;
-}
-
-.modelTitle {
-    width: 100%;
-    height: 37px;
-    font-size: 14px;
-    color: #ffffff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: rgba(83, 98, 104, .2);
-    margin-bottom: 10px;
-}
-
-.info {
-    width: 100%;
-    height: 60%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-
-    .hookup {
-        display: flex;
-        flex-direction: column;
-        width: 64%;
-        height: 100%;
-        margin: 0 1% 0 0;
-    }
-
-    .pointInfo {
-        display: flex;
-        flex-direction: column;
-        width: 35%;
-        height: 100%;
-
-        .point-data {
-            display: flex;
-            flex-direction: column;
-            overflow-y: scroll;
-            width: 100%;
-            height: 85%;
-            line-height: 50px;
-
-            .point-item {
-                width: 100%;
-                height: 28px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                font-size: 12px;
-                color: #ffffff;
-                background-color: #BD3338;
-                margin-bottom: 5px;
-            }
-        }
-
-        .point-data::-webkit-scrollbar {
-            display: none
-        }
-    }
-}
-
-.simulation {
-    height: 40%;
-
-    .simulationNum {
-        height: 100%;
-        overflow-y: scroll;
-    }
-
-    .simulationNum::-webkit-scrollbar {
-        display: none
-    }
-}
-
-.inverter {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-
-    .inverterInfo {
-        display: flex;
-        flex-direction: row;
-        height: 100%;
-
-        .inverter-point {
-            width: 64%;
-            margin: 0 1% 0 0;
-            // border: 1px solid #536268;
-            height: 100%;
-        }
-
-        .inverter-power {
-            width: 35%;
-            height: 100%;
-        }
-    }
-}
-
-.table-form {
-    .dot {
-        color: @gray;
-
-        &.red {
-            color: @red;
-
-            &::before {
-                background: @red;
-            }
-        }
-
-        &::before {
-            content: " ";
-            display: inline-block;
-            width: 8px;
-            height: 8px;
-            background: @green;
-            margin-right: 8px;
-            border-radius: 50%;
-        }
-    }
-
-    .location-tr {
-        width: 100%;
-    }
-
-    .location-td {
-        // width: 20%;
-        // padding-left: 7%;
-        text-align: left;
-    }
-}
-
-.value-green {
-    width: 14px;
-    height: 14px;
-    background: #BD3338;
-    border-radius: 50%;
-}
-
-.value-green {
-    width: 14px;
-    height: 14px;
-    background: @green;
-    border-radius: 50%;
-}
-.statusBar{
-    width: 8px;
-    height: 8px;
-}
-</style>

src/components/dialog/gfzcIndex.vue

@@ -1,637 +0,0 @@
-<template>
-    <el-dialog title="逆变器详情" width="75%" top="10vh" @opened="opened()" @closed="closed()" :show-close="true" class="my-info-dialog" custom-class="modal" :close-on-click-modal="false">
-        <div class="body">
-            <div class="titleList">{{inverterInfo.wpname}} <text v-if="wpId">-{{wpId}}</text></div>
-            <el-row style="height: 93%;margin-top: 10px;">
-                <el-col :span="24" style="height: 100%">
-                    <div class="inverter">
-                        <div class="modelTitle"
-                            style="display: flex;flex-direction: row; justify-content: space-between;align-items: center;padding:0 20px">
-                            <div>{{ inverterInfo.code }}</div>
-                            <div style="display: flex;flex-direction: row;align-items: center;">
-                                <div style="margin-right: 30px">逆变器型号：{{ inverterInfo.info?.modelid }}</div>
-                                <div>状态：</div>
-                                <div class="statusBar" :style="`background: ${inverterInfo.color}`"></div>
-                            </div>
-                        </div>
-                        <div class="body-content">
-                            <div class="left-content">
-                                <div class="title"><span>遥测</span></div>
-                                <div class="item-box clearfix">
-                                    <div class="item" v-for="(val, index) in sourceMapDI" :key="index" v-show="val.pointtype == 'ai'">
-                                        <el-row>
-                                            <el-col :span="8"><span>{{ val.name }}</span></el-col>
-                                            <el-col :span="8"><span>{{ val.value }}</span></el-col>
-                                            <el-col :span="8"><span>{{ val.unit }}</span></el-col>
-                                        </el-row>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="right-content">
-                                <div class="title"><span>遥信</span></div>
-                                <div class="item-box clearfix">
-                                    <div class="item" :class="val.rate == 1 ?'open':''" v-for="(val, index) in sourceMapDI" :key="index" v-show="val.pointtype == 'di'" >
-                                        <span>{{ val.name }}</span>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </el-col>
-            </el-row>
-        </div>
-    </el-dialog>
-</template>
-<script>
-import api from "@api/cockpit/matrix/index.js";
-export default {
-    props: {
-        wpId: {
-            type: String,
-            default: "",
-        },
-        wtId: {
-            type: String,
-            default: "",
-        },
-    },
-    // 使用组件
-    components: {
-
-    },
-    data() {
-        return {
-            inverterInfo: {},
-            dataList: [
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-                {
-                    name: '直流功率',
-                    type: true,
-                },
-            ],
-            sourceMapAI: [
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                ],
-            ],
-            sourceMapDI: [
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-                [
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    },
-                    {
-                        code: "U1YZWD",
-                        modelid: "/HW3-S2500(121)",
-                        name: "U1绕组温度",
-                        pointtype: "ai",
-                        rate: 1,
-                        types: "FDJ",
-                        unit: "°c",
-                        value: 0,
-                    }
-                ],
-            ],
-            timmer:'',
-        };
-    },
-    methods: {
-        opened() {
-            this.getData()
-            this.timmer = setInterval(() => {
-                this.getData();
-            }, this.$store.state.websocketTimeSec);
-        },
-        closed() {
-            clearInterval(this.timmer);
-            this.timmer = null;
-        },
-        getData() {
-            api.findInverterInfo({
-                wtId: this.wtId
-            }).then(res => {
-                if (res.data) {
-                    res.data.color = this.getColor(res.data.NBQ?.filter(item => item.code === 'FJZT')[0]?.value)
-                    this.inverterInfo = res.data
-                    this.sourceMapDI = res.data.NBQ 
-                }
-            })
-        },
-        getColor(fjzt) {
-            switch (fjzt) {
-                case 0:
-                    return "#05bb4c";
-                    break;
-                case 1:
-                    return "#1a93cf";
-                    break;
-                case 2:
-                    return "#BA3237";
-                    break;
-                case 3:
-                    return "#606769";
-                    break;
-                case 4:
-                    return "#e17e23";
-                    break;
-                case 5:
-                    return "#4b55ae";
-                    break;
-                case 6:
-                    return "#ffffff";
-                    break;
-            }
-        },
-    },
-};
-</script>
-<style lang="less" scoped>
-.clearfix::after {
-  content: "";
-  clear: both;
-  height: 0;
-  line-height: 0;
-  visibility: hidden;
-  display: block;
-}
-
-.clearfix {
-  zoom: 1;
-}
-
-.body-content {
-    height: 100%;
-    display: flex;
-    overflow: hidden;
-    .title {
-        height: 30px;
-        line-height: 30px;
-        text-align: center;
-        border-bottom: 3px solid rgb(75, 70, 70);
-        span {
-            color: #fff;
-        }
-    }
-    .left-content {
-        width: 70%;
-        .item-box {
-            height: calc(100% - 30px);
-            overflow: auto;
-            .item {
-                width: 50%;
-                height: 30px;
-                line-height: 30px;
-                float: left;
-                padding-left: 10px;
-                box-sizing: border-box;
-                span {
-                    color: #fff;
-                    font-size: 12px;
-                }
-            }
-            .item:nth-child(2n) {
-                border-left: 1px solid rgb(114, 101, 101);;
-            }
-            .item:hover {
-                background-color: rgb(114, 101, 101);
-            }
-        }
-    }
-    .right-content {
-        width: 29%;
-        .item-box {
-            height: calc(100% - 30px);
-            overflow: auto;
-            .item {
-                height: 30px;
-                line-height: 30px;
-                box-sizing: border-box;
-                background-color: rgb(146, 145, 145);
-                margin: 2px 5px;
-                text-align: center;
-                span {
-                    color: #fff;
-                    font-size: 12px;
-                }
-            }
-            .item:hover {
-                background-color: rgb(182, 179, 179);
-            }
-            .open {
-                background-color: rgb(9, 187, 9);
-            }
-        }
-    }
-}
-.body {
-    height: 70vh;
-}
-
-.titleList {
-    width: 100%;
-    height: 47px;
-    display: flex;
-    align-items: center;
-    font-size: 16px;
-    color: @green;
-    background-color: rgba(83, 98, 104, .2);
-    padding-left: 22px;
-}
-
-.modelTitle {
-    width: 100%;
-    height: 37px;
-    font-size: 14px;
-    color: #ffffff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: rgba(83, 98, 104, .2);
-    margin-bottom: 10px;
-}
-
-.info {
-    width: 100%;
-    height: 60%;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-
-    .hookup {
-        display: flex;
-        flex-direction: column;
-        width: 64%;
-        height: 100%;
-        margin: 0 1% 0 0;
-    }
-
-    .pointInfo {
-        display: flex;
-        flex-direction: column;
-        width: 35%;
-        height: 100%;
-
-        .point-data {
-            display: flex;
-            flex-direction: column;
-            overflow-y: scroll;
-            width: 100%;
-            height: 85%;
-            line-height: 50px;
-
-            .point-item {
-                width: 100%;
-                height: 28px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                font-size: 12px;
-                color: #ffffff;
-                background-color: #BD3338;
-                margin-bottom: 5px;
-            }
-        }
-
-        .point-data::-webkit-scrollbar {
-            display: none
-        }
-    }
-}
-
-.simulation {
-    height: 40%;
-
-    .simulationNum {
-        height: 100%;
-        overflow-y: scroll;
-    }
-
-    .simulationNum::-webkit-scrollbar {
-        display: none
-    }
-}
-
-.inverter {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-
-    .inverterInfo {
-        display: flex;
-        flex-direction: row;
-        height: 100%;
-
-        .inverter-point {
-            width: 64%;
-            margin: 0 1% 0 0;
-            // border: 1px solid #536268;
-            height: 100%;
-        }
-
-        .inverter-power {
-            width: 35%;
-            height: 100%;
-        }
-    }
-}
-
-.table-form {
-    .dot {
-        color: @gray;
-
-        &.red {
-            color: @red;
-
-            &::before {
-                background: @red;
-            }
-        }
-
-        &::before {
-            content: " ";
-            display: inline-block;
-            width: 8px;
-            height: 8px;
-            background: @green;
-            margin-right: 8px;
-            border-radius: 50%;
-        }
-    }
-
-    .location-tr {
-        width: 100%;
-    }
-
-    .location-td {
-        // width: 20%;
-        // padding-left: 7%;
-        text-align: left;
-    }
-}
-
-.value-green {
-    width: 14px;
-    height: 14px;
-    background: #BD3338;
-    border-radius: 50%;
-}
-
-.value-green {
-    width: 14px;
-    height: 14px;
-    background: @green;
-    border-radius: 50%;
-}
-.statusBar{
-    width: 8px;
-    height: 8px;
-}
-</style>

src/components/dialog/index.vue

@@ -1,253 +0,0 @@
-<template>
-  <el-dialog
-    title="风机详情"
-    width="75%"
-    top="10vh"
-    @opened="opened()"
-    @closed="closed()"
-    :show-close="true"
-    class="my-info-dialog"
-    custom-class="modal"
-    :close-on-click-modal="false"
-  >
-    <div class="body">
-      <div class="wind-site-info-body">
-        <div class="info-menu">
-          <div
-            class="info-menu-item"
-            v-for="(item, index) in InfoBtns.data"
-            :key="item"
-            :class="{ active: InfoBtns.activeIndex == index }"
-            @click="onInfoMenuItemClick(item, index)"
-          >
-            {{ item.text }}
-          </div>
-        </div>
-        <el-row style="height: calc(100% - 45px)">
-          <!-- 基本信息 使用 v-if 每次点击重新加载  -->
-          <!-- 使用 v-show 首次全部加载 之后隐藏 点击后显示 -->
-          <base-info v-show="InfoBtns.activeIndex == 0" ref="baseInfo" />
-          <!-- <base-info v-if="InfoBtns.activeIndex == 2" /> -->
-          <!-- <div class="windParts"> -->
-            <div
-            :style="
-              $store.state.themeName === 'dark'
-                ? 'text-align:center;'
-                : 'text-align:center;background:#fff;'
-            "
-          >
-            <StandAloneImg
-              class="sai"
-              v-show="InfoBtns.activeIndex != 0"
-              :activeIndex="InfoBtns.activeIndex"
-              @selectSvg="selectSvg"
-            ></StandAloneImg>
-          </div>
-          <div class="saigs">
-            <generator
-            v-show="InfoBtns.activeIndex != 0"
-            :index="InfoBtns.activeIndex"
-            :data="sourceMap"
-            ref="generator"
-          ></generator>
-          </div>
-          
-          <!-- </div> -->
-          
-        </el-row>
-      </div>
-    </div>
-  </el-dialog>
-</template>
-<script>
-import BaseInfo from "../../views/WindSite/pages/Info/Base-Info.vue";
-import StandAloneImg from "../../views/WindSite/pages/Info/StandAloneImg.vue";
-import generator from "../../views/WindSite/pages/Info/pages/generator.vue";
-import api from "@api/cockpit/matrix/index.js";
-import BASE from "@tools/basicTool.js";
-export default {
-  props: {
-    wpId: {
-      type: String,
-      default: "",
-    },
-    wtId: {
-      type: String,
-      default: "",
-    },
-  },
-  data() {
-    return {
-      timmer: '',
-      InfoBtns: {
-        activeIndex: 0,
-        data: [
-          {
-            id: "base-info",
-            text: "基本信息",
-          },
-          {
-            id: "generator",
-            text: "发电机",
-          },
-          {
-            id: "gear-box",
-            text: "齿轮箱",
-          },
-          {
-            id: "pitch",
-            text: "变桨",
-          },
-          {
-            id: "yaw",
-            text: "偏航",
-          },
-          {
-            id: "hydraulic-pressure",
-            text: "液压",
-          },
-          {
-            id: "cabin-info",
-            text: "机舱信息",
-          },
-          // {
-          //   id: "principal-axis",
-          //   text: "主轴",
-          // },
-        ],
-      },
-    };
-  },
-  components: {
-    BaseInfo,
-    StandAloneImg,
-    generator,
-  },
-  methods: {
-    opened() {
-    this.$nextTick(() => {
-      this.getWtInfo();
-      this.timmer = setInterval(() => {
-        this.getWtInfo();
-      }, this.$store.state.websocketTimeSec);
-    });
-    },
-    closed() {
-      clearInterval(this.timmer);
-      this.timmer = null;
-    },
-    onInfoMenuItemClick(item, index) {
-      this.InfoBtns.activeIndex = index;
-    },
-    selectSvg(index) {
-      this.InfoBtns.activeIndex = index;
-    },
-    // 获取风机信息
-    getWtInfo() {
-      api
-        .findWtInfo({
-          wtId: this.wtId,
-        })
-        .then((res) => {
-          let map = ["bjmap", "fdjmap", "clxmap", "yymap", "phmap", "jcmap"];
-          let data = res.data;
-          for (var key in data) {
-            if (map.includes(key) && key.endsWith("map")) {
-              let json = data[key];
-              let arrayai = [];
-              let arraydi = [];
-              for (var i = 0; i < json.length; i++) {
-                let obj = {
-                  name: json[i][0],
-                  unit: json[i][1],
-                  value: json[i][3],
-                };
-                if (json[i][2] == "ai") arrayai.push(obj);
-                else arraydi.push(obj);
-              }
-              data[key] = { ai: arrayai, di: arraydi };
-            }
-          }
-          this.sourceMap = data;
-          this.$refs.baseInfo.dataDeal(data)
-          this.$refs.generator.dataDeal(data)
-        });
-    },
-  },
-};
-</script>
-<style lang="less" scoped>
-.body {
-  height: 75vh;
-  overflow-y: scroll;
-}
-.wind-site-info {
-  display: flex;
-
-  .sai {
-    width: 65%;
-  }
-
-  .saig {
-    position: absolute;
-    width: 100%;
-    bottom: 0;
-  }
-
-  .wind-site-menu {
-    flex: 0 0 13.889vh;
-    color: @gray;
-    background: fade(@darkgray, 10);
-    height: calc(100vh - 122px);
-
-    .wind-site-title {
-      font-size: 14px;
-      font-weight: 600;
-      padding: 16px;
-    }
-  }
-}
-.wind-site-info-body {
-  flex: auto;
-  padding-left: 1.481vh;
-  height: 100%;
-
-  .info-menu {
-    width: 100%;
-    margin-bottom: 10px;
-    .info-menu-item {
-      display: inline-block;
-      border: 1px solid fade(@darkgray, 80);
-      border-radius: 2px;
-      color: @gray;
-      font-size: @fontsize-s;
-      letter-spacing: 1px;
-      cursor: pointer;
-      width: 12.5%;
-      height: 30px;
-      line-height: 30px;
-      text-align: center;
-
-      &.active {
-        color: @white;
-        background: fade(@purple, 60);
-        border-color: fade(@purple, 60);
-      }
-
-      & + .info-menu-item {
-        margin-left: 2.2vh;
-      }
-    }
-  }
-}
-.windParts{
-  display: flex;
-  flex-direction: row;
-}
-.saigs{
-  // position: absolute;
-  bottom: 0;
-  left: 28px;
-  width: 100%;
-}
-</style>

src/components/menuNav/index.vue

@@ -1,129 +0,0 @@
-<template>
-  <el-menu :default-active="activeIndex" class="el-menu-vertical-demo" collapse="true" @mouseleave="hideMenu"
-           v-show="showMenu"
-           text-color="#85878B" active-text-color="rgba(28, 153, 255, 1)" background-color="transparent">
-    <template v-for="(item, index) in secondLevelTitle" :key="index">
-      <el-sub-menu :index="index" v-if="item.children">
-        <template #title>
-          <!--                  <router-link :to="item.path">-->
-          <el-icon :class="item.icon">
-          </el-icon>
-          <!--                  </router-link>-->
-        </template>
-        <el-menu-item-group v-for="(menu, idx) in item.children" :index="idx" :key="idx">
-          <router-link :to="menu.path">
-            <el-menu-item>{{ menu.titleName }}</el-menu-item>
-          </router-link>
-        </el-menu-item-group>
-      </el-sub-menu>
-      <el-menu-item  v-else>
-        <el-tooltip class="item" effect="light" :content="item.titleName" placement="right">
-          <router-link :to="item.path">
-            <i :class="item.icon"></i>
-          </router-link>
-        </el-tooltip>
-      </el-menu-item>
-    </template>
-
-    <li class="el-sub-menu bottom-[60px] left-0 !absolute">
-      <div class="w-[55px] h-[55px] flex items-center justify-center">
-        <!-- :fill="stickMenu? '#1296db': '#515151'" -->
-        <svg t="1669786260824" v-if="stickMenu" @click="funStickChange" class="icon cursor-pointer"
-             viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24315" width="24"
-             height="24">
-          <path
-              d="M672 32a64 64 0 0 1 64 64v81.856a64 64 0 0 1-43.776 60.736L640 256l32 288 108.544 21.696A64 64 0 0 1 832 628.48V736a64 64 0 0 1-64 64h-224v192a32 32 0 0 1-64 0v-192H256a64 64 0 0 1-64-64v-107.52a64 64 0 0 1 51.456-62.784L352 544l32-288-52.224-17.408A64 64 0 0 1 288 177.856V96a64 64 0 0 1 64-64h320z"
-              p-id="24316" fill="#85878b"></path>
-        </svg>
-        <svg t="1669786308333" v-else @click="funStickChange" class="icon cursor-pointer" viewBox="0 0 1024 1024"
-             version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24499" width="24" height="24">
-          <path
-              d="M712.704 48.32l222.4 222.4a64 64 0 0 1 0 90.496l-56.224 56.224a64 64 0 0 1-73.856 12l-48.16-24.064-178.816 223.488 60.32 90.464a64 64 0 0 1-8 80.736l-74.112 74.112a64 64 0 0 1-90.496 0l-140.704-140.704-130.016 130.048a31.616 31.616 0 0 1-44.704-44.704l130.016-130.048-171.104-171.104a64 64 0 0 1 0-90.496l74.112-74.112a64 64 0 0 1 80.736-8l90.464 60.32 223.488-178.816-24.064-48.16a64 64 0 0 1 12-73.856l56.224-56.224a64 64 0 0 1 90.496 0z"
-              p-id="24500" fill="#85878b"></path>
-        </svg>
-      </div>
-    </li>
-  </el-menu>
-</template>
-
-<script>
-
-export default {
-  name: 'menuNav',//状态监视
-  props: {
-    showMenu: {
-      default: 'false',
-      required: true,
-    },
-    secondLevelTitle: {
-      type: Array,
-      required: true,
-    }
-  },
-  data() {
-    return {
-      stickMenu: false,
-      activeIndex:'1',
-    }
-  },
-  created() {
-   let  flge= JSON.parse(window.localStorage.getItem('menuState'));
-   if(flge!=null){
-     this.stickMenu=flge;
-     this.$emit('stickMenu', this.stickMenu);
-   }else {
-    this.stickMenu=false;
-   }
-  },
-  methods: {
-    hideMenu() {
-      if (!this.stickMenu) {
-        this.$emit('hideMenuNav');
-      }
-    },
-    funStickChange() {
-      this.stickMenu = !this.stickMenu
-      window.localStorage.setItem('menuState',JSON.stringify(this.stickMenu));
-      this.$emit('stickMenu', this.stickMenu)
-      this.$store.state.isLeft = this.stickMenu
-    }
-  },
-  computed: {}
-}
-</script>
-
-<style lang="less" scoped>
-.el-menu-vertical-demo:not(.el-menu--collapse) {
-  width: 150px;
-  height: 100%;
-}
-
-.el-menu--collapse {
-  text-align: center;
-  width: 55px !important;
-}
-
-.el-menu {
-  position: fixed;
-  height: 100%;
-  background: linear-gradient(278deg, #002767, transparent);
-  -o-border-image: linear-gradient(180deg, transparent, #1a7ccd, #1a7ccd, transparent) 2 1;
-  border-image: linear-gradient(180deg, transparent, #1a7ccd, #1a7ccd, transparent) 2 1;
-  border-color: #002767;
-  backdrop-filter: blur(5px);
-  z-index: 2001;
-  overflow: revert !important;
-
-  .el-sub-menu a i {
-    font-size: 19px;
-  }
-
-  .is-opened {
-    a > i {
-      color: #999999 !important;
-    }
-  }
-}
-
-
-</style>

src/components/sbsAlarm/index.vue

@@ -1,181 +0,0 @@
-<template>
-  <el-drawer
-    class="custom-drawer"
-    v-model="drawer"
-    :title="title + '报警列表'"
-    direction="rtl"
-    size="45%"
-    :before-close="handleClose"
-  >
-    <div class="drawer-form">
-      <div class="select-item">
-        开始日期：
-        <el-date-picker
-          v-model="begin"
-          type="datetime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          placeholder="选择日期"
-          size="mini"
-          popper-class="date-select"
-        >
-        </el-date-picker>
-      </div>
-      <div class="select-item">
-        结束日期：
-        <el-date-picker
-          v-model="end"
-          type="datetime"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          placeholder="选择日期"
-          size="mini"
-          popper-class="date-select"
-        >
-        </el-date-picker>
-      </div>
-      <div class="btns">
-        <el-button round size="mini" class="buttons" @click="getAlarm"
-          >搜索</el-button
-        >
-      </div>
-    </div>
-    <div class="table-wrapper">
-      <el-table height="100%" :data="drawerList">
-        <el-table-column
-          v-for="(item, index) in tableHeader"
-          :key="index"
-          sortable
-          :prop="item.code"
-          :label="item.title"
-          align="center"
-          :width="item.width"
-        >
-          <template #default="{ row }">
-            <span v-if="item.code == 'rank'">{{ getRank(row.rank) }}</span>
-            <span v-else-if="item.code == 'endts'">{{
-              row.endts ? "解除" : "未解除"
-            }}</span>
-            <span v-else>{{ row[item.code] }}</span>
-          </template>
-        </el-table-column>
-      </el-table>
-      <el-pagination
-        style="display: flex; justify-content: flex-end; align-items: center"
-        @current-change="handleCurrentChange"
-        :current-page="page.currentPage"
-        :page-size="page.pagesize"
-        layout="total, prev, pager, next, jumper"
-        :total="page.total"
-      >
-      </el-pagination>
-    </div>
-  </el-drawer>
-</template>
-<script>
-import { GetTableData } from "@/api/zhbj/index.js";
-import dayjs from "dayjs";
-export default {
-  name: "sbsAlarm", //
-  components: {},
-  props: {},
-  data() {
-    return {
-       drawer: false,
-      title: "",
-      drawerList: [],
-      description: "",
-      sub: "",
-      begin: "",
-      end: "",
-      page: { currentPage: 1, pagesize: 22, total: 0 },
-      tableHeader: [
-        { title: "时间", code: "ts", width: "160" },
-        { title: "场站名称", code: "stationname", width: "140" },
-        { title: "报警描述", code: "description" },
-        // { title: "级别", code: "rank", width: "110" },
-        { title: "是否确认", code: "confirmed", width: "110" },
-        { title: "是否解除", code: "endts", width: "110" },
-      ],
-    };
-  },
- watch: {
-    "$store.state.drawer": {
-      handler(val) {
-        this.drawer = val;
-      },
-      immediate: true,
-    },
-  },
-  methods: {
-    getRank(rank) {
-      if (rank === 1) {
-        return "低级";
-      } else if (rank === 2) {
-        return "低中级";
-      } else if (rank === 3) {
-        return "中级";
-      } else if (rank === 4) {
-        return "中高级";
-      } else if (rank === 5) {
-        return "高级";
-      }
-    },
-    // 初始化弹窗数据
-    openDialog(wtid, wpid, type) {
-      this.wtype = type;
-      this.wtid = wtid;
-      this.wpid = wpid;
-      if (wtid && wpid) {
-        this.getTableData();
-        this.dialogVisible = true;
-      }
-    },
-    getTableData() {
-      GetTableData({
-        begin: dayjs().startOf("day").format("YYYY-MM-DD HH:mm:ss"),
-        end: dayjs().format("YYYY-MM-DD HH:mm:ss"),
-        alarmType: this.wtype == -1 ? "windturbine" : "inverter",
-        stationid: this.wpid,
-        deviceid: this.wtid,
-        pageNum: this.page.currentPage,
-        pageSize: this.page.pagesize,
-        description: "",
-      }).then(({ data }) => {
-        if (data.ls.length) {
-          this.tableData = data.ls.map((item) => {
-            return {
-              ...item,
-              confirmed: item.confirmed ? "是" : "否",
-              ts: dayjs(item.ts).format("YYYY-MM-DD HH:mm:ss"),
-            };
-          });
-          this.page.total = data.total;
-        } else {
-          this.tableData = [];
-          this.page.total = 0;
-        }
-      });
-    },
-    // 取消操作
-    cancel() {
-      this.wtid = "";
-      this.wpid = "";
-      this.page.currentPage = 1;
-      this.dialogVisible = false;
-    },
-
-    handleCurrentChange(val) {
-      this.page.currentPage = val;
-      this.getTableData();
-    },
-  },
-  mounted() {},
-  computed: {},
-};
-</script>
-<style lang="less" scoped>
-.el-pagination {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-}
-</style>

src/components/three/wave.vue

@@ -1,176 +0,0 @@
-<template>
-  <div class="wave"></div>
-</template>
-
-<script>
-import * as THREE from "three";
-import $ from "jquery";
-
-let scene, camera, renderer, particles;
-
-export default {
-  // 名称
-  name: "wave",
-  // 使用组件
-  components: {},
-  // 传入参数
-  props: {},
-  // 自定义事件
-  emits: {},
-  // 数据
-  data() {
-    return {
-      SEPARATION: 100,
-      AMOUNTX: 100,
-      AMOUNTY: 100,
-      count: 0,
-      mouseX: 0,
-      mouseY: -400,
-      windowHalfX: window.innerWidth / 2,
-      windowHalfY: window.innerHeight / 2,
-    };
-  },
-  // 函数
-  methods: {
-    init() {
-      camera = new THREE.PerspectiveCamera(
-        50,
-        window.innerWidth / window.innerHeight,
-        1,
-        10000
-      );
-      camera.position.z = 1000;
-      scene = new THREE.Scene();
-      const numParticles = this.AMOUNTX * this.AMOUNTY;
-      const positions = new Float32Array(numParticles * 3);
-      const scales = new Float32Array(numParticles);
-      let i = 0,
-        j = 0;
-      for (let ix = 0; ix < this.AMOUNTX; ix++) {
-        for (let iy = 0; iy < this.AMOUNTY; iy++) {
-          positions[i] =
-            ix * this.SEPARATION - (this.AMOUNTX * this.SEPARATION) / 2; // x
-          positions[i + 1] = 0; // y
-          positions[i + 2] =
-            iy * this.SEPARATION - (this.AMOUNTY * this.SEPARATION) / 2; // z
-          scales[j] = 1;
-          i += 3;
-          j++;
-        }
-      }
-      const geometry = new THREE.BufferGeometry();
-      geometry.setAttribute(
-        "position",
-        new THREE.BufferAttribute(positions, 3)
-      );
-      geometry.setAttribute("scale", new THREE.BufferAttribute(scales, 1));
-      const material = new THREE.ShaderMaterial({
-        uniforms: {
-          color: {
-            value: new THREE.Color(
-              this.$store.state.themeName === "dark" ? 0x05bb4c : 0x36348e
-            ),
-          },
-        },
-        vertexShader: `attribute float scale;
-                        void main() {
-                            vec4 mvPosition = modelViewMatrix * vec4( position, 2.0 );
-                            gl_PointSize = scale * ( 200.0 / - mvPosition.z );
-                            gl_Position = projectionMatrix * mvPosition;
-                        }`,
-        fragmentShader: `uniform vec3 color;
-                        void main() {
-                            if ( length( gl_PointCoord - vec2( 0.5, 0.5 ) ) > 0.475 ) discard;
-                            gl_FragColor = vec4( color, 0.7 );
-                        }`,
-        transparent: true,
-      });
-      particles = new THREE.Points(geometry, material);
-      scene.add(particles);
-      renderer = new THREE.WebGLRenderer({
-        antialias: true,
-        alpha: true,
-      });
-      renderer.setSize(window.innerWidth, window.innerHeight);
-      renderer.setPixelRatio(window.devicePixelRatio);
-      renderer.setAnimationLoop(this.render);
-      this.$el.appendChild(renderer.domElement);
-    },
-    render() {
-      camera.position.x += (this.mouseX - camera.position.x) * 0.05;
-      camera.position.y += (-this.mouseY - camera.position.y) * 0.05;
-      camera.lookAt(scene.position);
-      const positions = particles.geometry.attributes.position.array;
-      const scales = particles.geometry.attributes.scale.array;
-      let i = 0,
-        j = 0;
-      for (let ix = 0; ix < this.AMOUNTX; ix++) {
-        for (let iy = 0; iy < this.AMOUNTY; iy++) {
-          positions[i + 1] =
-            Math.sin((ix + this.count) * 0.3) * 50 +
-            Math.sin((iy + this.count) * 0.5) * 50;
-          scales[j] =
-            (Math.sin((ix + this.count) * 0.3) + 1) * 20 +
-            (Math.sin((iy + this.count) * 0.5) + 1) * 20;
-          i += 3;
-          j++;
-        }
-      }
-      particles.geometry.attributes.position.needsUpdate = true;
-      particles.geometry.attributes.scale.needsUpdate = true;
-      renderer.render(scene, camera);
-      this.count += 0.1;
-    },
-  },
-  // 生命周期钩子
-  beforeCreate() {
-    // 创建前
-  },
-  created() {
-    // 创建后
-  },
-  beforeMount() {
-    // 渲染前
-  },
-  mounted() {
-    // 渲染后
-    camera = null;
-    scene = null;
-    renderer = null;
-    this.init();
-  },
-  beforeUpdate() {
-    // 数据更新前
-  },
-  updated() {
-    // 数据更新后
-  },
-  beforeUnmount() {
-    // 销毁前
-    renderer.setAnimationLoop(null);
-    camera = null;
-    scene = null;
-    renderer = null;
-  },
-
-  watch: {
-    "$store.state.themeName"() {
-      $(".wave").empty();
-      renderer.setAnimationLoop(null);
-      this.init();
-    },
-  },
-};
-</script>
-
-<style lang="less">
-.wave {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 60%;
-  z-index: -1;
-  overflow: hidden;
-}
-</style>

src/components/utils/boxSelect.vue

@@ -1,208 +0,0 @@
-<template>
-  <div
-    class="box-select__container"
-    @mousedown.left="mouseDown"
-    @mousemove.stop="mouseMove"
-    :class="uuid"
-  >
-    <div
-      class="box-select__coordinate"
-      :style="style"
-      ref="selectContainer"
-    ></div>
-    <slot></slot>
-  </div>
-</template>
-
-<script>
-import { debounce, isNumber } from "lodash";
-import { ref, onUnmounted, nextTick, shallowRef } from "vue";
-
-/**
- * @description 判断元素是否在范围内
- * @param {Object} dom dom元素
- */
-const isWithinRange = (dom, top, bottom, left, right) => {
-  const eleRect = dom.getBoundingClientRect();
-  return !(
-    eleRect.top > bottom ||
-    eleRect.bottom < top ||
-    eleRect.right < left ||
-    eleRect.left > right
-  );
-};
-
-export default {
-  name: "BoxSelect",
-  /**
-   * @member props
-   * @property  {String} [node] 要框选的元素,可以是元素名,也可以是class名, 也可以是id名
-   * @property  {String} [selectedClass] 已选中元素附加的class名
-   */
-  props: {
-    node: {
-      required: true,
-      type: String,
-    },
-    selectedClass: {
-      type: String,
-      default: "box-select__hypocritical",
-    },
-  },
-  // 鼠标按下
-  emits: ["mouseUp", "mouseDown"],
-  setup(props, { emit }) {
-    let top = 0,
-      left = 0,
-      width = 0,
-      height = 0,
-      startX = 0,
-      startY = 0,
-      timer = null,
-      // 记录是框选还是点击
-      mouseOn = false;
-
-    const style = ref({}),
-      selectContainer = ref(null),
-      // 给当前框容器加一个唯一识别符, 以保证所选择到的元素都是当前容器的. 否则会选择到容器外同名的元素
-      uuid = shallowRef("uuid_" + new Date().valueOf());
-
-    const query = (className = "") => {
-      let domName = `.${uuid.value} ${props.node}`;
-      className && (domName += `.${className}`);
-      return Array.from(document.querySelectorAll(domName) || []);
-    };
-
-    const classOperation = (ele, method = "add", className = "") =>
-      ele.classList[method](className);
-
-    const setStyle = (styles = {}, newStyles = {}) => {
-      Object.keys(styles).map((item) => {
-        newStyles[item] = styles[item] + (isNumber(styles[item]) ? "px" : "");
-      });
-      style.value = newStyles;
-    };
-
-    const getAreaWithinElements = () => {
-      const { bottom, left, right, top } =
-        selectContainer.value.getBoundingClientRect();
-
-      // 所有可框选元素
-      const elements = query();
-      // // 已选中元素
-      // const selectedElements = elements.filter((item) =>
-      //   classOperation(item, "contains", props.selectedClass)
-      // );
-      // // 未选中元素
-      // const unselectedElements = elements.filter(
-      //   (item) => !classOperation(item, "contains", props.selectedClass)
-      // );
-      // 本次框选元素
-      let selctList = [];
-      for (const i in elements) {
-        if (Number(i) || i === "0") {
-          let val = elements[i];
-          const withinRange = isWithinRange(val, top, bottom, left, right);
-          if (withinRange) {
-            selctList.push(val);
-          }
-        }
-      }
-
-      emit("selectList", selctList);
-      // selectedElements.map((item) => {
-      //     const withinRange = isWithinRange(item, top, bottom, left, right);
-      //     withinRange &&
-      //       classOperation(item, "add", props.selectedClass)
-      //   });
-      //   unselectedElements.map(
-      //     (item) =>
-      //       isWithinRange(item, top, bottom, left, right) &&
-      //       classOperation(item, "add", props.selectedClass)
-      //   );
-
-      // return query(props.selectedClass);
-    };
-
-    const mouseDown = debounce((event) => {
-      timer = setTimeout(() => {
-        mouseOn = true;
-        startX = event.clientX;
-        startY = event.clientY;
-        emit("mouseDown");
-      }, 300);
-      // 重置本次框选的元素列表
-      setStyle({
-        left,
-        startX,
-        top: startY,
-        width: 0,
-        height: 0,
-        display: "block",
-      });
-    });
-
-    const mouseMove = debounce((event) => {
-      if (!mouseOn) return false;
-      const _width = event.clientX - startX;
-      const _height = event.clientY - startY;
-
-      top = _height > 0 ? startY : event.clientY;
-      left = _width > 0 ? startX : event.clientX;
-      width = Math.abs(_width);
-      height = Math.abs(_height);
-      setStyle({ left, top, width, height });
-    });
-
-    const mouseUp = debounce((event) => {
-      timer && clearTimeout(timer);
-      // 判断是否鼠标左键
-      if (event.which !== 1) return false;
-      // 判断是框选还是点击
-      if (!mouseOn) return false;
-      mouseOn = false;
-      setStyle({ display: "none" });
-      // 获得已选中的元素
-      const selectedEles = getAreaWithinElements();
-      // 响应事件,并传递本次框选的元素列表
-      emit("mouseUp", selectedEles);
-    });
-
-    nextTick(() => document.addEventListener("mouseup", mouseUp));
-    onUnmounted(() => document.removeEventListener("mouseup", mouseUp));
-
-    return {
-      mouseUp,
-      mouseDown,
-      mouseMove,
-      timer,
-      style,
-      selectContainer,
-      uuid,
-    };
-  },
-};
-</script>
-
-<style lang="scss">
-.box-select__container {
-  // height: 50vh;
-}
-
-.box-select__coordinate {
-  position: fixed;
-  z-index: 11;
-  left: 0;
-  top: 0;
-  width: 0;
-  height: 0;
-  background: rgb(106, 90, 205,.5);
-  border: 1px solid blue;
-  opacity: 0.6;
-  pointer-events: none;
-}
-
-.box-select__hypocritical {
-  background-color: blue;
-}
-</style>

src/router/index.js

@@ -555,7 +555,7 @@ export const asyncRoutes = [
     },
     children: [
       {
-        path: "safe", // 基础矩阵
+        path: "safe", // 综合报警
         name: "safe",
         component: () => import("@/views/IntegratedAlarm/safe"),
         meta: {
@@ -606,6 +606,39 @@ export const asyncRoutes = [
               permissions: ["jn_safe_tjcx"],
             },
           },
+          {
+            path: "dataSearch", //数据查询
+            name: "dataSearch",
+            component: () => import("@/views/IntegratedAlarm/safe/dataSearch"),
+            meta: {
+              title: "数据查询",
+              icon: "",
+              permissions: ["jn_safe_sjcx"],
+            },
+          },
+        ],
+      },
+      {
+        path: "reliability", // 可靠性分析
+        name: "reliability",
+        component: () => import("@/views/IntegratedAlarm/reliability"),
+        meta: {
+          title: "可靠性分析",
+          icon: "svg-zhbj",
+          permissions: ["jn_safe"],
+        },
+        children: [
+          {
+            path: "customAnalyse", // 预警分析
+            name: "customAnalyse",
+            component: () =>
+              import("@/views/IntegratedAlarm/reliability/customAnalyse"),
+            meta: {
+              title: "预警分析",
+              icon: "",
+              permissions: ["jn_safe_ssbj"],
+            },
+          },
         ],
       },
     ],

src/store/index.js

@@ -14,8 +14,15 @@ const state = {
   windturbineMap: {},
   moudleName: localStorage.getItem("ModuleName") || "",
   isFixed: JSON.parse(localStorage.getItem("isFixed")) || true,
-  boosterList: JSON.parse(localStorage.getItem("boosterList")) || [],
-  cftList: JSON.parse(localStorage.getItem("cftList")) || [],
+  boosterList: localStorage.getItem("boosterList")
+    ? JSON.parse(localStorage.getItem("boosterList"))
+    : [],
+  cftList: localStorage.getItem("cftList")
+    ? JSON.parse(localStorage.getItem("cftList"))
+    : [],
+  stationListAll: localStorage.getItem("stationListAll")
+    ? JSON.parse(localStorage.getItem("stationListAll"))
+    : [],
   boosterAlarm: JSON.parse(localStorage.getItem("boosterAlarm")) || 0,
   drawer: JSON.parse(localStorage.getItem("drawer")) || false,
   alarmList: JSON.parse(localStorage.getItem("alarmList")) || [],
@@ -51,6 +58,10 @@ const mutations = {
     state.cftList = data;
     localStorage.setItem("cftList", JSON.stringify(data));
   },
+  changeStationAll(state, data) {
+    state.stationListAll = data;
+    localStorage.setItem("stationListAll", JSON.stringify(data));
+  },
   changeBoosterAlarm(state, data) {
     state.boosterAlarm = data;
     localStorage.setItem("boosterAlarm", JSON.stringify(data));

src/utills/BackgroundData.js

@@ -1,411 +0,0 @@
-import api from "@api/stateMonitor/index.js";
-
-export default class BackgroundData {
-    /* 当前登录用户 */
-    LoginUser;
-    /* 标题栏数据 */
-    // TopPoint = [
-    //     {
-    //         pointName: "TotalPower",// 实时总功率
-    //         pointTag: "JSFW.NX_GD_XXX_XX_XX_XXX_XXX_CI0135",
-    //         value: 0
-    //     }, {
-    //         pointName: "DailyPowerGeneration",// 日发电量
-    //         pointTag: "JSFW.NX_GD_XXX_XX_XX_XXX_XXX_CI0088",
-    //         value: 0
-    //     }, {
-    //         pointName: "GridPower",// 上网电量
-    //         pointTag: "JSFW.NX_GD_XXX_XX_XX_XXX_XXX_CI0136",
-    //         value: 0
-    //     }, {
-    //         pointName: "MonthlyPowerGeneration",// 月发电量
-    //         pointTag: "JSFW.NX_GD_XXX_XX_XX_XXX_XXX_CI0146",
-    //         value: 0
-    //     }, {
-    //         pointName: "AnnualPowerGeneration",// 年发电量
-    //         pointTag: "JSFW.NX_GD_XXX_XX_XX_XXX_XXX_CI0037",
-    //         value: 0
-    //     },
-    // ];
-    /* 推荐区数据 */
-    // Recommends = {
-    //     "DWK": {
-    //         stationName: "大武口光伏电站",
-    //         content: "通讯中断",
-    //         createTime: this.formatDate(new Date("2021-04-15 8:17:59"), 'YY-MM-DD hh:mm'),
-    //         isActive: false,
-    //         stationID: 'DWK_AGC',
-    //         values:'DWK'
-    //     },
-    //     "NSSFCJSFW.NX_GD_NSSF_XX_XX_XXX_XXX_CI0263": {
-    //         stationName: "牛首山风电场",
-    //         id: 'NSS_BT',
-    //         content: "限电",
-    //         createTime: new Date(),
-    //         isActive: false,
-    //         stationID: 'NSS_AGC',
-    //         values:'NSSFCJSFW.NX_GD_NSSF_XX_XX_XXX_XXX_CI0263'
-    //     },
-    //     "QSFCJSFW.NX_GD_QSF_XX_XX_XXX_XXX_CI0263": {
-    //         stationName: "青山风电场",
-    //         content: "限电",
-    //         createTime: new Date(),
-    //         isActive: false,
-    //         stationID: 'QS_AGC',
-    //         id: 'QS_BT',
-    //         values:'QSFCJSFW.NX_GD_QSF_XX_XX_XXX_XXX_CI0263'
-    //     },
-
-    //     "SBQFCJSFW.NX_GD_SBQF_XX_XX_XXX_XXX_CI0263": {
-    //         stationName: "星能第六风电场",
-    //         content: "限电",
-    //         createTime: new Date(),
-    //         isActive: false,
-    //         stationID: 'XNL_AGC',
-    //         id: 'XN6_BT',
-    //         values:'SBQFCJSFW.NX_GD_SBQF_XX_XX_XXX_XXX_CI0263'
-    //     },
-    //     "MHSFCJSFW.NX_GD_MHSF_XX_XX_XXX_XXX_CI0263": {
-    //         stationName: "麻黄山风电场",
-    //         id: 'MHS_BT',
-    //         content: "限电",
-    //         createTime: new Date(),
-    //         isActive: false,
-    //         stationID: 'MHS_AGC',
-    //         values:'MHSFCJSFW.NX_GD_MHSF_XX_XX_XXX_XXX_CI0263'
-    //     },
-    //     "XSFCJSFW.NX_GD_XSF_XX_XX_XXX_XXX_CI0263": {
-    //         stationName: "香山风电场",
-    //         content: "限电",
-    //         createTime: new Date(),
-    //         isActive: false,
-    //         stationID: 'XS_AGC',
-    //         id: 'XS_BT',
-    //         values:'XSFCJSFW.NX_GD_XSF_XX_XX_XXX_XXX_CI0263'
-    //     },
-    //     "SBQFCJSFW.NX_GD_SBQF_XX_XX_XXX_XXX_CI026X": {
-    //         stationName: "牛首山第五风电场",
-    //         content: "限电",
-    //         createTime: new Date(),
-    //         isActive: false,
-    //         stationID: 'NW_AGC',
-    //         id: 'N5_BT',
-    //         values:'SBQFCJSFW.NX_GD_SBQF_XX_XX_XXX_XXX_CI026X'
-    //     },
-    //     "SLAGC.NX_GD_QSF_DQ_P1_L1_001_DI0165": {
-    //         stationName: "宋堡第六风电场",
-    //         content: "限电",
-    //         createTime: new Date(),
-    //         isActive: false,
-    //         stationID: 'QS3_AGC',
-    //         id: 'SL_BT',
-    //         values:'SLAGC.NX_GD_QSF_DQ_P1_L1_001_DI0165'
-    //     },
-    // };
-    /* 隐患数据 */
-    HiddenProblems = new Array();
-    /* 缺陷数据 */
-    Defects = new Array();
-    /* 故障数据 */
-    Failure = new Array();
-    /* 事故数据 */
-    Accidents = new Array();
-
-    /* 标记数据 */
-    Marks = [];
-    /* 校验区数据 */
-    checkouts = [];
-    MarkIndex = 0;
-
-    constructor() {
-        // this.refreshTPData = this.refreshTPData.bind(this);
-        // this.onTPMessage = this.onTPMessage.bind(this);
-        // this.refreshAlarmData = this.refreshAlarmData.bind(this);
-        this.onHiddenProblemsMessage = this.onHiddenProblemsMessage.bind(this);
-        this.formatDate = this.formatDate.bind(this);
-        this.onDefectsMessage = this.onDefectsMessage.bind(this);
-        this.onAccidentsMessage = this.onAccidentsMessage.bind(this);
-        this.isContains = this.isContains.bind(this);
-        this.refreshRecommendData = this.refreshRecommendData.bind(this);
-        this.onRDMessage = this.onRDMessage.bind(this);
-        this.windturbineControl = this.windturbineControl.bind(this);
-        this.marking = this.marking.bind(this);
-        this.removeMarked = this.removeMarked.bind(this);
-        // this.initWinturbineBaseData = this.initWinturbineBaseData.bind(this);
-        // this.refreshTPData();
-        // this.refreshAlarmData();
-        this.refreshRecommendData();
-        // this.refreshTPTimer = setInterval(this.refreshTPData, 3000);// 标题栏数据
-        // this.refreshAlarmTimer = setInterval(this.refreshAlarmData, 10000);// 报警数据
-        this.refreshRecommendTimer = setInterval(this.refreshRecommendData, 3000);// 推荐数据
-    }
-
-    /* 数据刷新 */
-    // refreshTPData() {
-    //     let val = '';
-    //     for (let v in this.TopPoint) {
-    //         val += this.TopPoint[v].pointTag + ',';
-    //     }
-    //     api.refreshData(val).then(this.onTPMessage)
-    // }
-
-    /* 刷新推荐信息 */
-    refreshRecommendData() {
-        let val = '';
-        for (let v in this.Recommends) {
-            val += v + ',';
-        }
-        // api.refreshData(val).then(this.onRDMessage)
-    }
-
-    /* 刷新报警信息 */
-    refreshAlarmData() {
-        // http://192.168.10.18:8075/alarm
-        // 1、读取一天内的所有open的4级custom报警，作为隐患数据ar
-        let enddt = new Date();
-        let tm = enddt.getTime();
-        enddt = new Date(tm + 900000);
-        let startdt = new Date(tm - 86400000);
-        // api.getSnap({
-        //     pagenum:'1',
-        //     pagesize:'500',
-        //     category1:'custom',
-        //     isopened:'1',
-        //     starttime:this.formatDate(startdt),
-        //     endtime:this.formatDate(enddt),
-        // }).then(this.onHiddenProblemsMessage)
-        // api.getSnap({
-        //     pagenum:'1',
-        //     pagesize:'500',
-        //     category1:'windturbine',
-        //     isopened:'1',
-        //     starttime:this.formatDate(startdt),
-        //     endtime:this.formatDate(enddt),
-        // }).then(this.onHiddenProblemsMessage)
-        // api.getSnap({
-        //     pagenum:'1',
-        //     pagesize:'500',
-        //     category1:'SYZ',
-        //     isopened:'1',
-        //     starttime:this.formatDate(startdt),
-        //     endtime:this.formatDate(enddt),
-        // }).then(this.onHiddenProblemsMessage)
-    }
-
-    /* 获得故障数据 */
-    onAccidentsMessage(msg) {
-        if (!msg.data) return;
-        this.Accidents = new Array();
-        for (let v in msg.data.records) {
-            let val = msg.data.records[v];
-            if (this.isContains(val.alertText, ["跳闸", "开关", "刀闸", "断路器", "合位", "分位"])) {
-                // todo 暂时隐藏事故报警
-                //this.Accidents.push(val);
-            } else {
-                if (val.rank == "5") {
-                    this.Failure.push(val);
-                } else {
-                    this.Defects.push(val);
-                }
-            }
-        }
-    }
-
-    /* 获得缺陷数据 */
-    onDefectsMessage(msg) {
-        if (!msg.data) return;
-        this.Defects = new Array();
-        this.Failure = new Array();
-        for (let v in msg.data.records) {
-            let val = msg.data.records[v];
-            if (val.alertText.indexOf("故障") > 0) {
-                this.Failure.push(val);
-            } else {
-                this.Defects.push(val);
-            }
-        }
-    }
-
-    /* 获得隐患数据 */
-    onHiddenProblemsMessage(msg) {
-        if (!msg.data) return;
-        this.HiddenProblems = msg.data.records;
-    }
-
-    /* 获得标题栏数据 */
-    // onTPMessage(msg) {
-    //     if (!msg.data) return;
-    //     for (let v in this.TopPoint) {
-    //         let val = this.TopPoint[v];
-    //         val.value = msg.data[val.pointTag].doubleValue;
-    //     }
-    // }
-
-    /* 获得推荐信息数据 */
-    onRDMessage(msg) {
-        if (!msg.data) return;
-        // for (let v in msg.data) {
-        //     let isact = false;
-        //     if (!msg.data[v].doubleValue) {
-        //         isact = msg.data[v].booleanValue
-        //     } else {
-        //         isact = msg.data[v].doubleValue != 0;
-        //     }
-        //     if (isact && !this.Recommends[v].isActive) {
-        //         this.Recommends[v].createTime = this.formatDate(new Date(), 'YY-MM-DD hh:mm');
-        //     }
-        //     this.Recommends[v].isActive = isact;
-        // }
-    }
-
-    /* 格式化时间 */
-    formatDate(time, format = 'YY-MM-DD HH:mm:ss') {
-        let date = new Date(time);
-
-        let year = date.getFullYear(),
-            month = date.getMonth() + 1,//月份是从0开始的
-            day = date.getDate(),
-            hour = date.getHours(),
-            min = date.getMinutes(),
-            sec = date.getSeconds();
-        let preArr = Array.apply(null, Array(10)).map(function (elem, index) {
-            return '0' + index;
-        });
-
-        let newTime = format.replace(/YY/g, year)
-            .replace(/MM/g, preArr[month] || month)
-            .replace(/DD/g, preArr[day] || day)
-            .replace(/hh/g, preArr[hour] || hour)
-            .replace(/mm/g, preArr[min] || min)
-            .replace(/ss/g, preArr[sec] || sec);
-        return newTime;
-    }
-
-    /* 判断一个字符串中是否包含第二个字符串列表中的字符 */
-    isContains(str, strs) {
-        for (let v in strs) {
-            if (str.indexOf(strs[v]) > 0) {
-                return true;
-            }
-        }
-        return false;
-    }
-
-    /* 风机控制 */
-    windturbineControl(windturbines, isLockOrUnlock, automatic, test, success, error) {
-        let pairs = {};
-        for (let ind in windturbines) {
-            let wb = windturbines[ind];
-            let ct = {
-                windturbineId: wb.windturbineId,
-                stationId: wb.stationId,
-                projectId: wb.projectId,
-                modelId: wb.modelId,
-                controlType: wb.controlType,
-                lockType: wb.lockType,
-                userName: automatic ? 'system_' + this.LoginUser.name : this.LoginUser.name,
-                userId: this.LoginUser.id,
-            };
-            pairs[ct.windturbineId] = ct;
-        }
-        api.windturbControl(pairs).then(res => {
-            success(res);
-        })
-    }
-
-    /* 系统控制风机，自动下发命令 */
-    windturbineControlSystem(windturbines) {
-        let pairs = {};
-        for (let ind in windturbines) {
-            let wb = windturbines[ind];
-            let ct = {
-                windturbineId: wb.windturbineId,
-                stationId: wb.stationId,
-                projectId: wb.projectId,
-                modelId: wb.modelId,
-                controlType: wb.controlType,
-                lockType: wb.lockType,
-                userName: 'system',
-                userId: 0,
-            };
-            pairs[ct.windturbineId] = ct;
-        }
-        let isLockOrUnlock = false
-        api.windturbControl(pairs).then(res => {
-            // eslint-disable-next-line no-undef
-            success(res);
-        })
-    }
-
-    /* 标记 */
-    marking(windturbines) {
-        for (let v in windturbines) {
-            ++this.MarkIndex;
-            this.Marks.push({title: windturbines[v].windturbineId, id: this.MarkIndex});
-        }
-    }
-
-    updateMarks(windturbine, value) {
-        this.Marks.forEach(item => {
-            if (windturbine.windturbineId === item.title) {
-                item.value = value
-            }
-        })
-    }
-
-    /* 校验区数据 */
-    checkout(windturbines) {
-        windturbines.forEach(item => {
-            item.checkTime = (new Date()).getTime()
-            if (!this.checkouts.filter(items => items.windturbineId === item.windturbineId)[0]) {
-                this.checkouts.push(item)
-            }
-        })
-    }
-
-    removeCheckouts(mk) {
-        let indx = -1;
-        for (let id in this.checkouts) {
-            if (this.checkouts[id].windturbineId == mk.windturbineId) {
-                indx = id;
-                break;
-            }
-        }
-        if (indx < 0) return;
-        this.checkouts.splice(indx, 1);
-    }
-
-    /* 移除标记 */
-    removeMarked(mk) {
-        let indx = -1;
-        for (let id in this.Marks) {
-            if (this.Marks[id].id == mk.id) {
-                indx = id;
-                break;
-            }
-        }
-        if (indx < 0) return;
-        this.Marks.splice(indx, 1);
-    }
-
-    /* 获取风机详情页面数据 */
-    initWinturbineBaseData(info, action) {
-        api.nitWinturbineBaseData({
-            thingType: 'windturbine',
-            thingId: info.windturbineId,
-            uniformCodes: info.codes,
-        }).then(res => {
-            action(res.data);
-        }).catch(err => {
-            console.log(err);
-        });
-    }
-
-    /* 单例 */
-    static getInstance() {
-        if (!BackgroundData.instance) {
-            BackgroundData.instance = new BackgroundData();
-        }
-        return BackgroundData.instance;
-    }
-}

src/views/Home/components/map.vue

@@ -1142,9 +1142,8 @@
         <el-row class="summarize">
           <div
             class="summarize-left"
-         
+            @click="handleUsingDetail('month', '月利用小时')"
           >
-          <!--    @click="handleUsingDetail('month', 'yfdl', '月利用小时')" -->
             <p>月利用小时</p>
             <p>
               <span>
@@ -1156,9 +1155,8 @@
           <div class="line"></div>
           <div
             class="summarize-right"
-         
+            @click="handleUsingDetail('year', '年利用小时')"
           >
-          <!--    @click="handleUsingDetail('year', 'nfdl', '年利用小时')" -->
             <p>年利用小时</p>
             <p>
               <span>{{ StationinformationData?.qt?.nlyxs?.toFixed(2) }}</span>
@@ -1271,14 +1269,14 @@
             <div
               class="day"
               :class="electronType === 'month' ? 'active' : ''"
-              @click="handleUsingDetail('month', 'yfdl', '月利用小时')"
+              @click="handleUsingDetail('month', '月利用小时')"
             >
               月
             </div>
             <div
               class="year"
               :class="electronType === 'year' ? 'active' : ''"
-              @click="handleUsingDetail('year', 'nfdl', '年利用小时')"
+              @click="handleUsingDetail('year', '年利用小时')"
             >
               年
             </div>
@@ -2068,11 +2066,11 @@ export default {
         this.showName = title;
       });
     },
-    handleUsingDetail(timetype, key, title) {
+    handleUsingDetail(timetype, title) {
       let format = timetype == "month" ? "YYYY-MM" : "YYYY";
       this.showkey = "using";
       this.electronType = timetype;
-      FindUtilizationhours({
+      FindPlanproject({
         wpId:
           this.wpId +
           (this.wpId.includes("FDC") || this.wpId.includes("GDC")
@@ -2088,7 +2086,7 @@ export default {
                 .startOf("year")
                 .add(item.hours - 1, "month")
                 .format("YYYY-MM"),
-              value: item[key],
+              value: item["lyxs"],
             };
           } else {
             return {
@@ -2096,7 +2094,7 @@ export default {
                 .startOf(timetype)
                 .subtract(item.hours, timetype)
                 .format(format),
-              value: item[key],
+              value: item["lyxs"],
             };
           }
         });

src/views/IntegratedAlarm/reliability/customAnalyse/index.vue

@@ -0,0 +1,619 @@
+<template>
+  <div class="custom-analyse">
+    <div class="form-wrapper">
+      <div class="search-wrapper">
+        <div class="search-item">
+          <span class="label">报警类型：</span>
+          <div class="search-content">
+            <el-select
+              v-model="state.typeVal"
+              size="mini"
+              placeholder="全部"
+              popper-class="select"
+              @change="changeType"
+            >
+              <el-option
+                v-for="item in state.typeList"
+                :key="item.value"
+                :value="item.value"
+                :label="item.label"
+              >
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="search-item">
+          <span class="label">场站：</span>
+          <div class="search-content">
+            <el-select
+              size="mini"
+              v-model="state.changZhan"
+              @change="changeChangzhan"
+              placeholder="全部场站"
+            >
+              <el-option
+                v-for="item in changZhanArray"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="search-item" v-if="state.typeVal !== 'booststation'">
+          <span class="label">型号：</span>
+          <div class="search-content">
+            <el-select
+              size="mini"
+              v-model="state.modelId"
+              @change="changeModel"
+              placeholder="全部型号"
+            >
+              <el-option
+                v-for="item in modelList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="search-item" v-if="state.typeVal !== 'booststation'">
+          <span class="label">部件：</span>
+          <div class="search-content">
+            <el-select
+              size="mini"
+              v-model="state.components"
+              multiple
+              collapse-tags
+              placeholder="全部部件"
+              @change="changeComponents"
+            >
+              <el-option
+                v-for="item in componentList"
+                :key="item.id"
+                :label="item.name"
+                :value="item.nemCode"
+              >
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="search-item" v-if="state.typeVal !== 'booststation'">
+          <span class="label">报警描述：</span>
+          <div class="search-content">
+            <el-select
+              size="mini"
+              v-model="state.alarmIds"
+              multiple
+              collapse-tags
+              placeholder="全部描述"
+            >
+              <el-option
+                v-for="item in state.alarmIdList"
+                :key="item.id"
+                :label="item.description"
+                :value="item.alarmId"
+              >
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="search-item">
+          <span class="label">开始日期：</span>
+          <div class="search-content">
+            <el-date-picker
+              size="mini"
+              v-model="state.starttime"
+              type="datetime"
+              placeholder="选择日期"
+              value-format="YYYY-MM-DD HH:mm:ss"
+            >
+            </el-date-picker>
+          </div>
+        </div>
+        <div class="search-item">
+          <span class="label">结束日期：</span>
+          <div class="search-content">
+            <el-date-picker
+              size="mini"
+              v-model="state.endtime"
+              type="datetime"
+              placeholder="选择日期"
+              value-format="YYYY-MM-DD HH:mm:ss"
+            >
+            </el-date-picker>
+          </div>
+        </div>
+      </div>
+      <div class="btns">
+        <el-button round size="mini" class="buttons" @click="getTableList"
+          >查询</el-button
+        >
+      </div>
+    </div>
+
+    <!-- 页面下部---统计表 -->
+    <div class="table_all">
+      <div class="leftContent">
+        <span>{{ pageTitle }}</span>
+      </div>
+      <!--     @cell-click="handle" -->
+      <el-table
+        :data="state.tableData"
+        stripe
+        height="calc(100% - 40px)"
+        @sort-change="handleSort"
+      >
+        <el-table-column
+          prop="wtname"
+          label="风机编号"
+          align="center"
+          width="80"
+        />
+        <el-table-column
+          :label="item.label"
+          v-for="(item, index) in state.tHeard"
+          :key="index"
+          :prop="item"
+          header-align="center"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template #default="{ row }">
+            <div class="bar">
+              <div
+                class="bar-percent"
+                :style="{
+                  width:
+                    row[`${item.code}_count`] && row[`${item.code}_time`]
+                      ? (row[`${item.code}_count`] /
+                          (row[`${item.code}_count`] +
+                            row[`${item.code}_time`])) *
+                          100 +
+                        'px'
+                      : '0px',
+                }"
+              ></div>
+              <span class="value">{{ row[`${item.code}_count`] }} 次数</span>
+            </div>
+            <div class="bar">
+              <div
+                class="bar-percent"
+                :style="{
+                  width:
+                    row[`${item.code}_count`] && row[`${item.code}_time`]
+                      ? (row[`${item.code}_time`] /
+                          (row[`${item.code}_count`] +
+                            row[`${item.code}_time`])) *
+                          100 +
+                        'px'
+                      : '0px',
+                }"
+              ></div>
+              <span class="value">{{ row[`${item.code}_time`] }} 分钟</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-dialog
+      v-model="dialogVisible"
+      width="80%"
+      :before-close="dialogClose"
+      custom-class="currentPdfDialogStyle"
+    >
+      <el-table
+        :data="DataDetail"
+        border
+        :cell-class-name="tableCell"
+        :header-row-class-name="tableRowClassName"
+        height="600px"
+        @row-click="handle"
+      >
+        <el-table-column prop="windturbineId" label="风机编号" align="center" />
+        <el-table-column prop="alarmName" label="报警名称" align="center" />
+        <el-table-column prop="alarmDate" label="时间" align="center" />
+        <el-table-column prop="type" label="类型(触发/解除)" align="center">
+          <template #default="scope">
+            <!-- <span v-if="scope.row.type === 1">触发</span>
+            <span v-if="scope.row.type === 0">解除</span> -->
+            {{ scope.row.type === 1 ? "触发" : "解除" }}
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+    <!-- <el-pagination
+      small
+      background
+      layout="total, prev, pager, next"
+      :current-page="pageParam.pagenum"
+      :page-size="pageParam.pagesize"
+      :total="pageParam.total"
+      @current-change="changePage"
+    ></el-pagination> -->
+  </div>
+</template>
+
+<script setup>
+import { useStore } from "vuex";
+import BASE from "@tools/basicTool.js";
+import {
+  ref,
+  onMounted,
+  watch,
+  reactive,
+  computed,
+  onUnmounted,
+  nextTick,
+} from "vue";
+import {
+  getWarningCountList,
+  fetchModel,
+  fetchRelatePartAndAlarmType,
+  GetAlarmIdCustom,
+  getWpList,
+} from "@/api/zhbj/index.js";
+import dayjs from "dayjs";
+onMounted(() => {
+  getWpArray();
+  getequipmentmodel_list();
+  getfetchRelatePart();
+  //   getTableList();
+});
+const pageTitle = "预警分析";
+const store = useStore();
+const changZhanArray = ref([]);
+const state = reactive({
+  typeVal: "windturbine",
+  typeList: [
+    // {
+    //   label: "升压站",
+    //   value: "booststation",
+    // },
+    // {
+    //   label: "自定义",
+    //   value: "custom",
+    // },
+    {
+      label: "风机",
+      value: "windturbine",
+    },
+    {
+      label: "光伏",
+      value: "inverter",
+    },
+  ],
+  tableData: [],
+  tHeard: [],
+  changZhan: "",
+  components: "", //部件
+  modelId: "", //型号
+  alarmIds: "",
+  alarmIdList: [],
+  modelListAll: {},
+  fetchListAll: {},
+  starttime: dayjs().startOf("day").format("YYYY-MM-DD HH:mm:ss"),
+  endtime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+  dialogVisible: false,
+});
+
+const changeType = async (value) => {
+  state.typeVal = value;
+  state.tHeard = [];
+  if (value == "windturbine") {
+    state.components = "FDJ";
+  } else {
+    state.components = "";
+  }
+  state.alarmIds = "";
+  state.alarmIdList = [];
+
+  state.tableData = [];
+  getWpArray();
+};
+
+const getWpArray = async () => {
+  const { data } = await getWpList(state.typeVal);
+  changZhanArray.value = data;
+
+  state.changZhan =
+    state.typeVal == "windturbine" ? "SXJ_KGDL_DJY_FDC_STA" : data[0]?.id;
+};
+// 机型
+const getequipmentmodel_list = async () => {
+  const { data } = await fetchModel();
+  state.modelListAll = data;
+};
+//所属部件
+const getfetchRelatePart = async () => {
+  const { data } = await fetchRelatePartAndAlarmType();
+  state.fetchListAll = data;
+};
+//型号列表
+const modelList = computed(() => {
+  if (state.changZhan == "") {
+    return [];
+  } else {
+    return state.modelListAll[state.changZhan];
+  }
+});
+//部件列表
+const componentList = computed(() => {
+  if (state.changZhan == "") {
+    return [];
+  } else {
+    if (state.changZhan.includes("FDC")) {
+      return state.fetchListAll?.fjbj;
+    } else {
+      return state.fetchListAll?.gfbj;
+    }
+  }
+});
+watch(
+  () => [modelList, componentList],
+  (val) => {
+    let arr = val.map((item) => item.value);
+    if (arr[0] && arr[0].length && arr[1] && arr[1].length) {
+      state.modelId = [arr[0][0]?.nemCode];
+      let componenDefaultSelect =
+        arr[1]?.find((ele) => {
+          return ele.nemCode === "FDJ";
+        })?.nemCode || "";
+      componenDefaultSelect
+        ? (state.components = [componenDefaultSelect])
+        : arr[1]?.[0]?.nemCode
+        ? (state.components = [arr[1]?.[0]?.nemCode])
+        : (state.components = []);
+      getAlarmId();
+    }
+  },
+  {
+    deep: true,
+    immediate: true,
+  }
+);
+function changeModel(val) {
+  state.modelId = val;
+  getAlarmId();
+}
+function changeComponents(val) {
+  state.components = val;
+  getAlarmId();
+}
+function changeChangzhan(val) {
+  state.changZhan = val;
+  getAlarmId();
+}
+function getAlarmId() {
+  GetAlarmIdCustom({
+    components: state.components,
+    modelId: state.modelId,
+    wpId: state.changZhan,
+  }).then(({ data }) => {
+    state.alarmIdList = data;
+    // state.alarmIds = [];
+    state.alarmIds =
+      data.length <= 5
+        ? data.map((item) => item.alarmId)
+        : data.slice(0, 5).map((item) => item.alarmId);
+
+    getTableList();
+  });
+}
+// 获取列表数据 调用接口
+function getTableList() {
+  if (state.components?.length || state.typeVal === "booststation") {
+    getWarningCountList({
+      stationid: state.changZhan || "",
+      begin: state.starttime,
+      end: state.endtime,
+      timeType: "m",
+      components: state.typeVal === "booststation" ? [] : state.components,
+      modelId: state.modelId,
+      alarmIds: state.alarmIds,
+      deviceType: state.typeVal,
+    }).then((res) => {
+      if (res.length) {
+        let tableData = [];
+        let tHeard = [];
+        let data = res;
+        data.forEach((pEle) => {
+          for (let wtId in pEle) {
+            let wtItem = data.find((tableItem) => {
+              return wtId === tableItem.windturbineId;
+            });
+            !wtItem && (wtItem = { wtId });
+            pEle[wtId].forEach((cEle) => {
+              let someRes = tHeard.some((findEle) => {
+                return findEle.label == cEle.alertText;
+              });
+
+              if (!someRes) {
+                tHeard.push({
+                  label: cEle.alertText,
+                  code: cEle.alarmid,
+                });
+              }
+              wtItem[`${cEle.alarmid}_count`] = cEle.count;
+              wtItem[`${cEle.alarmid}_time`] = cEle.time;
+              wtItem["wtname"] = cEle.windturbineCode;
+            });
+            tableData.push(wtItem);
+          }
+        });
+        state.tHeard = tHeard;
+        state.tableData = tableData;
+      } else {
+        state.tHeard = [];
+        state.tableData = [];
+      }
+    });
+  } else {
+    BASE.showMsg({
+      msg: "部件至少选择一项才可查询",
+    });
+  }
+}
+
+const handleSort = function (val) {
+  let item = val.prop;
+  let list = JSON.parse(JSON.stringify(state.tableData));
+  if (val.order == "ascending") {
+    state.tableData = list.sort(compare(`${item.code}_count`));
+  } else if (val.order == "descending") {
+    state.tableData = list.sort(compare(`${item.code}_count`)).reverse();
+  }
+};
+//排序函数
+const compare = function (property) {
+  return function (a, b) {
+    var value1 = a[property];
+    var value2 = b[property];
+    return value1 - value2;
+  };
+};
+//     // 单元格点击事件
+//     handle(row, column, event, cell) {
+//       let parts =
+//         this.tHeard.find((ele) => {
+//           return ele.label === column.label;
+//         })?.parts || "";
+//       getDialogData({
+//         stationid: this.changZhan || "",
+//         starttime: dayjs(this.starttime).format("YYYY-MM-DD"),
+//         endtime: dayjs(this.endtime).format("YYYY-MM-DD"),
+//         windturbineid: row.wtId,
+//         parts,
+//       }).then((res) => {
+//         if (res && res.status === 20000) {
+
+//           if (res.data.length) {
+//             if (column.property !== "wtId") {
+//               this.DataDetail = res.data;
+//               let tableArr = [];
+//               res.data.forEach((currentItem) => {
+//                 // if (currentItem.type === 1) {
+//                 //   currentItem.type = '触发'
+//                 // }
+//                 // else if (currentItem.type === 0) {
+//                 //   currentItem.type = '解除'
+//                 // }
+//                 tableArr.push(currentItem);
+//               });
+
+//               this.dialogVisible = true;
+//             }
+//           } else {
+//             BASE.showMsg({
+//               msg: "所选风机暂无数据",
+//             });
+//           }
+//         }
+//       });
+//     },
+</script>
+
+<style lang="less" scoped>
+.custom-analyse {
+  height: 100%;
+  width: 100%;
+  padding: 0 20px;
+  padding-bottom: 10px;
+  .form-wrapper ::v-deep {
+    display: flex;
+    flex-direction: column;
+    padding-top: 10px;
+    position: relative;
+    .search-wrapper {
+      display: flex;
+      align-items: center;
+      font-size: 14px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      color: #b3b3b3;
+      margin-bottom: 10px;
+      .search-item {
+        display: flex;
+        margin-right: 10px;
+        max-width: 450px;
+        align-items: center;
+        .label {
+          margin-right: 10px;
+          text-align: right;
+          white-space: nowrap;
+          // width: 60px;
+        }
+        .search-content {
+          flex: 1;
+        }
+      }
+    }
+
+    .btns {
+      display: flex;
+      justify-content: flex-end;
+      margin-right: 10px;
+      position: absolute;
+      right: 0;
+      top: 53px;
+    }
+
+    .buttons {
+      background-color: rgba(5, 187, 76, 0.2);
+      border: 1px solid #3b6c53;
+      color: #b3b3b3;
+      font-size: 14px;
+
+      &:hover {
+        background-color: rgba(5, 187, 76, 0.5);
+        color: #ffffff;
+      }
+    }
+  }
+  .table_all {
+    height: calc(100% - 47px);
+    width: 100%;
+    .leftContent {
+      width: 242px;
+      height: 41px;
+      display: flex;
+      align-items: center;
+      background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+
+      span {
+        font-size: 16px;
+        font-family: Microsoft YaHei;
+        font-weight: 400;
+        color: #05bb4c;
+        margin-left: 25px;
+      }
+    }
+    .el-table {
+      .el-table__row {
+        td {
+          cursor: pointer;
+
+          &:first-child {
+            cursor: auto;
+          }
+        }
+      }
+    }
+  }
+  .bar {
+    display: flex;
+    align-items: center;
+    height: 16px;
+    margin: 8px 0;
+
+    .bar-percent {
+      height: 100%;
+      background: #05bb4c;
+      margin-right: 8px;
+    }
+  }
+}
+</style>

src/views/IntegratedAlarm/reliability/index.vue

@@ -0,0 +1,12 @@
+<template>
+  <router-view />
+</template>
+
+<script>
+export default {
+  name: "reliability", //可靠性分析
+};
+</script>
+
+<style scoped lang="less">
+</style>

src/views/IntegratedAlarm/safe/components/safecomponent.vue

@@ -362,17 +362,33 @@ export default {
 
     goToAlertDescPage(alertItem) {
       if (this.alarmType == "custom") {
-        this.$router.push(
-          `/safe/customWarning/${alertItem.deviceId}/${alertItem.alarmId}/${this.deviceType}`
-        );
+        this.$router.push({
+          path: "/integratedAlarm/safe/customWarning",
+          query: {
+            deviceId: alertItem.deviceId,
+            alarmId: alertItem.alarmId,
+            modelId: alertItem.modelId,
+          },
+        });
       } else if (this.alarmType == "booststation") {
-        this.$router.push(
-          `/safe/historywaring/${alertItem.wpName}/${alertItem.alarmId}/${this.deviceType}`
-        );
+        this.$router.push({
+          path: "/integratedAlarm/safe/historyWarning",
+          query: {
+            deviceId: alertItem.wpName,
+            alarmId: alertItem.alarmId,
+            deviceType: this.deviceType,
+          },
+        });
       } else {
-        this.$router.push(
-          `/safe/historywaring/${alertItem.deviceId}/${alertItem.alarmId}/${this.deviceType}`
-        );
+        this.$router.push({
+          path: "/integratedAlarm/safe/historyWarning",
+          query: {
+            deviceId: alertItem.deviceId,
+            alarmId: alertItem.alarmId,
+            deviceType: this.deviceType,
+            modelId: alertItem.modelId,
+          },
+        });
       }
     },
   },

src/views/IntegratedAlarm/safe/customWarning/index.vue

@@ -333,8 +333,9 @@ onMounted(() => {
     dayjs().startOf("day").format("YYYY-MM-DD HH:mm:ss"),
     dayjs().format("YYYY-MM-DD HH:mm:ss"),
   ];
-  state.deviceId = route.params.deviceId || "";
-  state.alarmId = route.params.alarmId || "";
+  state.deviceId = route.query.deviceId || "";
+  state.alarmId = route.query.alarmId || "";
+  state.modelId = route.query.modelId || "";
   getStationList();
   getequipmentmodel_list();
   getfetchRelatePart();
@@ -497,8 +498,9 @@ const getStationList = async () => {
 watch(
   () => route,
   (val, old) => {
-    state.deviceId = route.params.deviceId || "";
-    state.alarmId = route.params.alarmId || "";
+    state.deviceId = route.query.deviceId || "";
+    state.alarmId = route.query.alarmId || "";
+    state.modelId = route.query.modelId || "";
     // nextTick(async () => {
     //   if (route.params.deviceId && route.params.alarmId) {
     //     await getAlarmHistoryt();
@@ -515,8 +517,8 @@ const modelList = computed(() => {
   if (state.stationId == "") {
     return [];
   } else {
-    state.modelId = route.params.deviceId
-      ? ""
+    state.modelId = route.query.deviceId
+      ? route.query.modelId
       : state.modelListAll[state.stationId]?.[0]?.id || "";
     return state.modelListAll[state.stationId];
   }

src/views/IntegratedAlarm/safe/dataSearch/index.vue

@@ -0,0 +1,686 @@
+<template>
+  <div class="data-search">
+    <div class="leftContent">
+      <span>{{ pageTitle }}</span>
+    </div>
+    <div class="data-content">
+      <div class="card-left">
+        <div class="cardleft">
+          <div class="cardleft-search">
+            <div class="cardleft_top">
+              <el-select
+                v-model="state.stationId"
+                clearable
+                size="mini"
+                placeholder="全部场站"
+                popper-class="select"
+                @change="getWindturbineList()"
+              >
+                <el-option
+                  v-for="item in stationList"
+                  :key="item.id"
+                  :value="item.id"
+                  :label="item.name"
+                ></el-option>
+              </el-select>
+              <el-select
+                v-model="state.modeId"
+                clearable
+                size="mini"
+                placeholder="全部机型"
+                popper-class="select"
+              >
+                <el-option
+                  v-for="item in modelList"
+                  :key="item.id"
+                  :value="item.id"
+                  :label="item.aname"
+                ></el-option>
+              </el-select>
+            </div>
+            <el-input
+              v-model="state.input"
+              size="mini"
+              placeholder="设备检索"
+              clearable
+            />
+          </div>
+          <div style="height: calc(100% - 74px)">
+            <el-scrollbar height="100%">
+              <div
+                v-for="item in filterWTList"
+                :key="item"
+                :class="[
+                  'scrollbar-demo-item',
+                  item.id == state.activeWT ? 'active' : '',
+                ]"
+                @click="clickWT(item)"
+              >
+                {{ item.aname }}
+              </div>
+            </el-scrollbar>
+          </div>
+        </div>
+        <div class="cardright">
+          <el-input
+            v-model="state.inputAI"
+            style="margin-bottom: 10px"
+            size="mini"
+            placeholder="点名检索"
+            clearable
+          />
+          <el-tree
+            :data="state.treedata"
+            :props="state.defaultProps"
+            node-key="id"
+            highlight-current
+            default-expand-all
+            @node-click="handleNodeClick"
+          />
+        </div>
+      </div>
+      <div class="card-right">
+        <el-table
+          :data="filterAIList"
+          style="width: 100%"
+          height="calc(100% - 40px)"
+        >
+          <el-table-column
+            prop="uniformCode"
+            label="点名"
+            align="center"
+            width="120"
+          />
+          <el-table-column prop="name" label="名称" align="center" />
+          <el-table-column prop="value" label="值" width="120" align="center">
+            <template #default="scope">
+              <el-tag
+                size="small"
+                color="#133122"
+                style="border-color: #67c23a"
+                type="success"
+                >{{ scope.row.value }}</el-tag
+              >
+            </template>
+          </el-table-column>
+
+          <el-table-column label="时间" width="180" align="center">
+            <template #default="scope">
+              {{ dayjs(scope.row.time).format("YYYY-MM-DD HH:mm:ss") }}
+            </template>
+          </el-table-column>
+          <el-table-column label="单位" width="100" align="center">
+            <template #default="scope">
+              {{ scope.row.unitName }}
+              {{ scope.row.unitNameCn ? `(${scope.row.unitNameCn})` : "" }}
+            </template>
+          </el-table-column>
+          <el-table-column width="100" align="center">
+            <template #default="scope">
+              <el-button
+                type="text"
+                style="color: #05bb4c"
+                size="mini"
+                @click="handleSearch(scope.row)"
+                >历史数据</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="pagination">
+          <el-pagination
+            layout="total,sizes, prev, pager, next"
+            :current-page="query.page"
+            :page-size="query.limit"
+            :page-sizes="[23, 50, 100, 500]"
+            :total="query.pageTotal"
+            @current-change="handlePageChange"
+            @size-change="
+              (value) => {
+                query.page = 1;
+                query.limit = value;
+                getFetchAIPointListt();
+              }
+            "
+          ></el-pagination>
+        </div>
+      </div>
+
+      <el-dialog
+        v-model="dialogVisible"
+        width="80%"
+        :before-close="dialogClose"
+      >
+        <template #title>
+          <div class="dialog-title">
+            <div class="title">
+              {{
+                `${state.handleSearch?.name || ""}_${state.activeAI}历史数据`
+              }}
+            </div>
+          </div>
+        </template>
+        <div class="pickerFifter">
+          <el-date-picker
+            size="mini"
+            v-model="state.pickerVal"
+            type="datetimerange"
+            range-separator="-"
+            start-placeholder="开始时间"
+            end-placeholder="结束时间"
+          >
+          </el-date-picker>
+          <el-select
+            v-model="state.selectDataVal"
+            placeholder="数据源"
+            style="margin: 0 10px"
+          >
+            <el-option
+              v-for="item in state.selectData"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+          <!-- <el-select
+          v-model="state.selectTimeVal"
+          v-show="state.selectDataVal !== 1"
+          placeholder="时间间隔"
+        >
+          <el-option
+            v-for="item in state.selectTime"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select> -->
+          <el-input
+            size="mini"
+            class="selectTimeVal"
+            v-model="state.selectTimeVal"
+            style="width: 200px"
+            v-show="state.selectDataVal !== 1"
+            placeholder="时间间隔"
+          >
+            <template #append>分钟</template>
+          </el-input>
+          <el-button size="mini" class="buttons" round @click="pickerSearch"
+            >查询</el-button
+          >
+          <el-button size="mini" class="buttons" round @click="export2Excel"
+            >导出</el-button
+          >
+        </div>
+        <div
+          class="dChart"
+          style="height: 500px; width: 100%"
+          :id="eChart"
+        ></div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script setup>
+import {
+  ref,
+  onMounted,
+  watch,
+  reactive,
+  computed,
+  onUnmounted,
+  nextTick,
+} from "vue";
+import {
+  fetchWindturbineList,
+  tree,
+  fetchAIDIPointList,
+  getAdapterLatest,
+  getAdapterHistory,
+  getAdapterHistorysnap,
+  AdapterHistoryExport,
+  getStationinfo,
+  fetchModel,
+} from "@/api/zhbj/index.js";
+import dayjs from "dayjs";
+import * as echarts from "echarts";
+import { useStore } from "vuex";
+import axios from "axios";
+import { ElMessage } from "element-plus";
+import { outExportExcel } from "@/tools/excel/exportExcel.js"; //引入文件
+const pageTitle = "数据查询";
+const store = useStore();
+const isStation = computed(() => store.getters.isStation);
+const stationList = computed(() => store.state.stationListAll);
+const eChart = ref("eChart" + Date.now() + Math.random());
+watch(
+  () => stationList,
+  (val, old) => {
+    val.value[0] &&
+      nextTick(async () => {
+        state.stationId = stationList.value[0]?.id;
+        await getWindturbineList();
+        getTreeData();
+      });
+  },
+  {
+    deep: true,
+    immediate: true,
+  }
+);
+
+onMounted(async () => {
+  getequipmentmodel_list();
+});
+onUnmounted(() => {
+  state.echarts?.clear(); //销毁
+  clearInterval(state.Interval);
+  state.Interval = null;
+});
+const dialogClose = (done) => {
+  state.echarts?.clear(); //销毁
+  done();
+};
+const query = reactive({
+  page: 1,
+  limit: 23,
+  pageTotal: null,
+});
+const dialogVisible = ref(null);
+const state = reactive({
+  handleSearch: null,
+  input: "",
+  inputAI: "",
+  stationId: "",
+  windturbineList: [],
+  modelListAll: [],
+  modeId: "",
+  AIList: [],
+  activeWT: "",
+  activeAI: "",
+  Interval: null,
+  pickerVal: [new Date(new Date() - 1 * 60 * 60 * 1000), new Date()],
+  echarts: null,
+  treedata: [],
+  defaultProps: {
+    children: "children",
+    label: (a) => {
+      return a.node.name;
+    },
+  },
+  structcode: "",
+  selectDataVal: 1,
+  selectData: [
+    {
+      label: "原始数据",
+      value: 1,
+    },
+    {
+      label: "数据快照",
+      value: 2,
+    },
+  ],
+  selectTimeVal: 1,
+  downData: null,
+});
+// 机型
+const getequipmentmodel_list = async () => {
+  const { data } = await fetchModel();
+  state.modelListAll = data;
+};
+const modelList = computed(() => {
+  if (state.stationId == "") {
+    return [];
+  } else {
+    return state.modelListAll[state.stationId];
+  }
+});
+//get 风机机组
+const getWindturbineList = async () => {
+  const { data } = await fetchWindturbineList(state.stationId);
+  state.windturbineList = data;
+  state.activeWT = state.windturbineList[0]?.id;
+  state.modeId = "";
+  //   await getequipmentmodel_list();
+  await getFetchAIPointListt();
+};
+// 风机搜索
+const filterWTList = computed(() =>
+  state.windturbineList?.filter(
+    (data) =>
+      data.aname.includes(state.input) && data.modelId.includes(state.modeId)
+  )
+);
+//AI点检索
+const filterAIList = computed(() =>
+  state.AIList?.filter(
+    (data) => !state.inputAI || data.name.includes(state.inputAI)
+    //   !state.inputAI ||
+    //   (data.uniformCode.toUpperCase().includes(state.inputAI.toUpperCase()) ||
+    //   data.name.indexOf(state.inputAI))
+  )
+);
+
+// get 实时data
+const getLatest = async (stationId, AIlist) => {
+  const data = await getAdapterLatest(stationId, AIlist, state.stationId);
+  state.AIList?.forEach((e) => {
+    if (e.uniformCode.indexOf("AI") !== -1) {
+      e.value = Number(data[e.uniformCode]?.doubleValue).toFixed(2);
+    }
+    // else {
+    //   e.value = data[e.uniformCode]?.booleanValue - 0;
+    // }
+    e["time"] = data[e.uniformCode]?.ts;
+  });
+};
+
+// get 历史数据
+const getHistory = async (stationId, AIpoint) => {
+  let startTs = dayjs(state.pickerVal[0]).valueOf();
+  let endTs = dayjs(state.pickerVal[1]).valueOf();
+  const baseUrl = `http://10.81.3.162:801${
+    /FDC/.test(state.stationId) ? "1" : "2"
+  }/`;
+  const data = await getAdapterHistory(
+    stationId,
+    AIpoint,
+    startTs,
+    endTs,
+    baseUrl
+  );
+  state.downData = data;
+  option.xAxis.data = [];
+  option.series[0].data = [];
+  let timeArr = [];
+  data.forEach((e) => {
+    option.series[0].data.push(e.doubleValue.toFixed(2));
+    option.xAxis.data.push(dayjs(e.ts).format("YYYY-MM-DD HH:mm:ss"));
+  });
+
+  let chat = echarts.init(document.getElementById(eChart.value));
+  state.echarts = await chat.setOption(option);
+};
+
+// get 数据快照
+const getHistorysnap = async (stationId, AIpoint, interval) => {
+  let startTs = dayjs(state.pickerVal[0]).valueOf();
+  let endTs = dayjs(state.pickerVal[1]).valueOf();
+  const baseUrl = `http://10.81.3.162:801${
+    /FDC/.test(state.stationId) ? "1" : "2"
+  }/`;
+  const data = await getAdapterHistorysnap(
+    stationId,
+    AIpoint,
+    startTs,
+    endTs,
+    interval,
+    baseUrl
+  );
+  state.downData = data;
+  option.xAxis.data = [];
+  option.series[0].data = [];
+  let timeArr = [];
+  data.forEach((e) => {
+    option.series[0].data.push(e.doubleValue.toFixed(2));
+    option.xAxis.data.push(dayjs(e.ts).format("YYYY-MM-DD HH:mm:ss"));
+  });
+  let chat = echarts.init(document.getElementById(eChart.value));
+  state.echarts = await chat.setOption(option);
+};
+const option = {
+  tooltip: {
+    trigger: "axis",
+    position: function (pt) {
+      return [pt[0], "10%"];
+    },
+  },
+  xAxis: {
+    type: "category",
+    boundaryGap: false,
+    data: [],
+  },
+  yAxis: {
+    type: "value",
+    boundaryGap: [0, "100%"],
+  },
+  dataZoom: [
+    {
+      type: "inside",
+      start: 0,
+      end: 10,
+    },
+    {
+      start: 0,
+      end: 10,
+    },
+  ],
+  series: [
+    {
+      data: [],
+      type: "line",
+      smooth: true,
+    },
+  ],
+};
+
+//get AI
+const getFetchAIPointListt = async () => {
+  const res = await fetchAIDIPointList(
+    "windturbine",
+    state.structcode,
+    state.stationId,
+    state.activeWT,
+    query.page,
+    query.limit
+  );
+  state.AIList = res?.records;
+  query.pageTotal = res?.total;
+  let AIlist = [];
+  res.records?.forEach((e) => {
+    AIlist.push(e.uniformCode);
+  });
+  if (state.Interval) {
+    clearInterval(state.Interval);
+  }
+  getLatest(state.activeWT, AIlist);
+  state.Interval = setInterval(getLatest, 5000, state.activeWT, AIlist);
+};
+// TREE
+// tree click
+const handleNodeClick = (data) => {
+  state.structcode = data.node.code;
+  getFetchAIPointListt();
+};
+// gettreeData
+const getTreeData = async () => {
+  // const res = await tree();
+  // let data = res.children[1].children;
+
+  let data = [];
+  data.unshift({ node: { code: "", name: "全部" } });
+  // data.unshift({ node: { code: "1010102", name: "全部" } });
+
+  // data.forEach((e) => {
+  //   delete e.children;
+  // });
+  state.treedata = data;
+};
+//
+const handleSearch = (item) => {
+  dialogVisible.value = true;
+  state.handleSearch = item;
+  state.activeAI = item.uniformCode;
+  getHistory(state.activeWT, state.activeAI);
+};
+const clickWT = (item) => {
+  state.activeWT = item.id;
+  if (state.Interval) {
+    clearInterval(state.Interval);
+  }
+  getFetchAIPointListt();
+};
+
+const pickerSearch = () => {
+  if (state.selectDataVal == 1) {
+    getHistory(state.activeWT, state.activeAI);
+  } else {
+    getHistorysnap(state.activeWT, state.activeAI, state.selectTimeVal * 60);
+  }
+};
+// 分页导航
+const handlePageChange = (val) => {
+  query.page = val;
+  getFetchAIPointListt();
+};
+// 批量导出
+const export2Excel = async () => {
+  let data = state.downData;
+  data.forEach((e) => {
+    e.doubleValue = e.doubleValue.toFixed(2);
+    e.ts = dayjs(e.ts).format("YYYY-MM-DD HH:mm:ss");
+  });
+  ElMessage.success(`导出成功!`);
+  const tableHeader = ["时间", "值"];
+  const tableKey = ["ts", "doubleValue"];
+  outExportExcel(
+    tableHeader,
+    tableKey,
+    data,
+    `${state.activeWT}_${state.activeAI}_${dayjs(state.pickerVal[0]).format(
+      "YYYY-MM-DD HH:mm"
+    )}-${dayjs(state.pickerVal[1]).format("YYYY-MM-DD HH:mm")}历史数据excel`
+  );
+};
+</script>
+
+<style lang="less" scoped>
+.data-search {
+  width: 100%;
+  height: 100%;
+  padding: 10px 20px;
+  .leftContent {
+    width: 242px;
+    height: 41px;
+    display: flex;
+    align-items: center;
+    background: url("~@/assets/imgs/title_left_bg1.png") no-repeat;
+
+    span {
+      font-size: 16px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      color: #05bb4c;
+      margin-left: 25px;
+    }
+  }
+  .data-content {
+    width: 100%;
+    height: calc(100% - 40px);
+    display: flex;
+    justify-content: space-between;
+    .card-left {
+      width: 45%;
+      height: 100%;
+      display: flex;
+      margin-right: 20px;
+
+      .cardleft {
+        width: 50%;
+        height: 100%;
+        margin-right: 20px;
+        padding: 10px;
+        background: #161f1e;
+        .cardleft-search {
+          padding-bottom: 10px;
+          .cardleft_top {
+            display: flex;
+            padding-bottom: 10px;
+            .el-select {
+              flex: 1;
+              &:nth-child(1) {
+                margin-right: 10px;
+              }
+            }
+          }
+        }
+      }
+      .cardright {
+        width: calc(50% - 20px);
+        height: 100%;
+        padding: 10px;
+        background: #161f1e;
+      }
+    }
+    .card-right {
+      width: calc(55% - 20px);
+      height: 100%;
+      padding: 10px;
+      background: #161f1e;
+      .pagination {
+        padding-top: 10px;
+      }
+    }
+  }
+}
+
+.pickerFifter {
+  width: 80%;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.scrollbar-demo-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  height: 30px;
+  margin: 8px 0;
+  text-align: center;
+  border-radius: 4px;
+  color: #b3b3b3;
+  background-color: rgba(7, 122, 52, 0.2);
+  border: 1px solid #3b6c53;
+  &.active,
+  &:hover {
+    background-color: rgba(5, 187, 76, 0.5);
+    color: #ffffff;
+  }
+  &:nth-child(1) {
+    margin-top: 0;
+  }
+  &:nth-last-child(1) {
+    margin-bottom: 0;
+  }
+}
+.buttons {
+  background-color: rgba(5, 187, 76, 0.2);
+  border: 1px solid #3b6c53;
+  color: #b3b3b3;
+  font-size: 14px;
+
+  &:hover {
+    background-color: rgba(5, 187, 76, 0.5);
+    color: #ffffff;
+  }
+}
+.selectTimeVal ::v-deep {
+  margin-right: 10px;
+  .el-input__inner {
+    text-align: right;
+    border-radius: 12.5px 0px 0px 12.5px !important;
+  }
+  .el-input-group__append {
+    background-color: #172422 !important;
+    color: #fff !important;
+    border: 0px !important;
+    border-radius: 12.5px !important;
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+  }
+}
+</style>

src/views/IntegratedAlarm/safe/historyWarning/index.vue

@@ -1,10 +1,5 @@
 <template>
-  <div
-    class="history-warning"
-    v-loading="tableLoading"
-    element-loading-text="加载中..."
-    element-loading-background="rgba(4, 12, 11, 0.8)"
-  >
+  <div class="history-warning">
     <div class="form-wrapper">
       <div class="search-wrapper">
         <div class="search-item">
@@ -184,7 +179,7 @@
             :key="item.code"
             :width="item.width || ''"
             show-overflow-tooltip
-            header-align="center"
+            align="center"
           >
             <template #default="scope">
               <p :style="item.style && item.style(scope.row)">
@@ -308,7 +303,7 @@
 <script setup name="historyWarning">
 import { watch, reactive, nextTick, computed, onMounted, ref } from "vue";
 import { useRouter, useRoute } from "vue-router";
-
+import BASE from "@/tools/basicTool.js";
 import dayjs from "dayjs";
 import {
   alarm_history,
@@ -326,29 +321,30 @@ const pageTitle = "报警查询";
 const store = useStore();
 
 const route = useRoute();
-const tableLoading = ref(false);
+
 onMounted(() => {
   state.dateTime = [
     dayjs().startOf("day").format("YYYY-MM-DD HH:mm:ss"),
     dayjs().format("YYYY-MM-DD HH:mm:ss"),
   ];
-  if (route.params.typeVal != "booststation") {
-    state.deviceId = route.params.deviceId || "";
-    state.alarmId = route.params.alarmId || "";
-    state.typeVal = route.params.typeVal || "windturbine";
+  if (route.query.deviceType != "booststation") {
+    state.deviceId = route.query.deviceId || "";
+    state.alarmId = route.query.alarmId || "";
+    state.typeVal = route.query.deviceType || "windturbine";
+    state.modelId = route.query.modelId || "";
   } else {
-    state.stationName = route.params.deviceId;
+    state.stationName = route.query.deviceId;
     state.deviceId = "";
-    state.alarmId = route.params.alarmId || "";
-    state.typeVal = route.params.typeVal || "booststation";
+    state.alarmId = route.query.alarmId || "";
+    state.typeVal = route.query.deviceType || "booststation";
   }
   state.isshowwindturbineName = state.typeVal == "booststation" ? false : true;
-  if (route.params.ts) {
-    state.dateTime = [
-      `${dayjs(Number(route.params.ts)).format("YYYY-MM-DD")} 00:00:00`,
-      dayjs(Number(route.params.ts)).format("YYYY-MM-DD HH:mm:ss"),
-    ];
-  }
+  //   if (route.query.ts) {
+  //     state.dateTime = [
+  //       `${dayjs(Number(route.query.ts)).format("YYYY-MM-DD")} 00:00:00`,
+  //       dayjs(Number(route.query.ts)).format("YYYY-MM-DD HH:mm:ss"),
+  //     ];
+  //   }
   //   getStationList(); //场站
   getequipmentmodel_list(); //机型
   getfetchRelatePart(); //部件
@@ -491,10 +487,8 @@ const getStationList = async () => {
     state.stationId = data[0]?.id;
   }
 
-  state.stationId = route.params.stationId || state.stationId;
-  route.params.stationId
-    ? (state.modelId = modelList.value?.[0]?.id || "")
-    : "";
+  state.stationId = route.query.stationId || state.stationId;
+  route.query.stationId ? (state.modelId = modelList.value?.[0]?.id || "") : "";
   if (stationList.value.length) {
     getWindturbineList();
   }
@@ -516,16 +510,16 @@ const getStationList = async () => {
 watch(
   () => route,
   (val, old) => {
-    if (route.params.typeVal != "booststation") {
-      state.deviceId = route.params.deviceId || "";
-      state.alarmId = route.params.alarmId || "";
-      state.typeVal = route.params.typeVal || "windturbine";
+    if (route.query.deviceType != "booststation") {
+      state.deviceId = route.query.deviceId || "";
+      state.alarmId = route.query.alarmId || "";
+      state.typeVal = route.query.deviceType || "windturbine";
+      state.modelId = route.query.modelId || "";
     } else {
-      state.stationName = route.params.deviceId;
-      state.stationId = route.params.stationId;
+      state.stationName = route.query.deviceId;
       state.deviceId = "";
-      state.alarmId = route.params.alarmId || "";
-      state.typeVal = route.params.typeVal || "booststation";
+      state.alarmId = route.query.alarmId || "";
+      state.typeVal = route.query.deviceType || "booststation";
     }
     state.isshowwindturbineName =
       state.typeVal == "booststation" ? false : true;
@@ -538,12 +532,12 @@ watch(
 );
 //型号列表
 const modelList = computed(() => {
-  if (state.typeVal == "windturbine") {
+  if (state.typeVal != "booststation") {
     if (state.stationId == "") {
       return [];
     } else {
-      state.modelId = route.params.deviceId
-        ? ""
+      state.modelId = route.query.deviceId
+        ? route.query.modelId
         : state.modelListAll[state.stationId]?.[0]?.id || "";
       return state.modelListAll[state.stationId];
     }
@@ -553,7 +547,7 @@ const modelList = computed(() => {
 });
 //部件列表
 const componentList = computed(() => {
-  if (state.typeVal == "windturbine") {
+  if (state.typeVal != "booststation") {
     if (state.stationId == "") {
       return [];
     } else {
@@ -571,7 +565,7 @@ const componentList = computed(() => {
 const getWindturbineList = async () => {
   const { data } = await fetchWindturbineList(state.stationId);
   state.windturbineList = data;
-  state.modelId = modelList.value?.[0]?.id || "";
+  //   state.modelId = modelList.value?.[0]?.id || "";
   await getAlarmHistoryt();
 };
 const query = reactive({
@@ -585,7 +579,7 @@ const getAlarmHistoryt = async () => {
   //   if (route.params.deviceId && route.params.alarmId) {
   //     state.stationId = "";
   //   }
-  tableLoading.value = true;
+  BASE.showLoading();
   let params = {
     pageNum: query.page,
     pageSize: query.limit,
@@ -600,7 +594,7 @@ const getAlarmHistoryt = async () => {
     end: state.dateTime[1],
   };
   const { data } = await alarm_history(params);
-  tableLoading.value = false;
+  BASE.closeLoading();
   query.pageTotal = data?.total;
   data?.ls?.forEach((ele) => {
     ele.isCloseName = ele.endts ? "已解除" : "未解除";