|
|
@@ -222,7 +222,8 @@
|
|
|
/>
|
|
|
</div>
|
|
|
<el-card class="box-card card01">
|
|
|
- <baidu-map
|
|
|
+ <img src="../../../../static/1.png" alt="">
|
|
|
+ <!-- <baidu-map
|
|
|
class="bm-view"
|
|
|
:center="center"
|
|
|
@ready="handler"
|
|
|
@@ -240,8 +241,6 @@
|
|
|
@click="equipMarkerClick(equipItem)"
|
|
|
></bm-marker>
|
|
|
</div>
|
|
|
- <!-- 设备窗体信息 -->
|
|
|
- <!-- <bm-info-window :position="currEquip.position" autoPan :show="equipShow"> -->
|
|
|
<bm-info-window
|
|
|
:position="currEquip.position"
|
|
|
autoPan
|
|
|
@@ -261,7 +260,7 @@
|
|
|
<span>上报时间:</span>{{ currEquip.time }}
|
|
|
</div>
|
|
|
</bm-info-window>
|
|
|
- </baidu-map>
|
|
|
+ </baidu-map> -->
|
|
|
</el-card>
|
|
|
<div class="legend">
|
|
|
<el-card class="box-card card02">
|
|
|
@@ -373,10 +372,8 @@
|
|
|
? "离线"
|
|
|
: "在线"
|
|
|
}} -->
|
|
|
- {{
|
|
|
- this.facilitystate.redata.is_online == "0"
|
|
|
- ? "离线"
|
|
|
- : "在线"
|
|
|
+ {{
|
|
|
+ this.facilitystate.redata.is_online == "0" ? "离线" : "在线"
|
|
|
}}
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -511,6 +508,17 @@ import echarts from "echarts";
|
|
|
|
|
|
//百度地图
|
|
|
|
|
|
+// 基地信息
|
|
|
+import baseData from "./forecast.worm_lamp.lamp_list.json";
|
|
|
+// 设备状态
|
|
|
+import stateData from "./forecast.worm_lamp.device_status_data.json";
|
|
|
+// 环境温湿度、加热仓温度
|
|
|
+import temperatureData from "./forecast.worm_lamp.device_polyline_data.json";
|
|
|
+// 害虫比例
|
|
|
+import insectData from "./forecast.worm_lamp.pest_statistics.json";
|
|
|
+//
|
|
|
+import imagesData from "./forecast.forecast_system.equip_photo.json";
|
|
|
+
|
|
|
export default {
|
|
|
//import引入的组件需要注入到对象中才能使用
|
|
|
components: {},
|
|
|
@@ -1011,7 +1019,7 @@ export default {
|
|
|
// console.log(this.equips)
|
|
|
},
|
|
|
equipMarkerClick(item) {
|
|
|
- console.log(item)
|
|
|
+ console.log(item);
|
|
|
this.equipShow = true;
|
|
|
this.currEquip.name = item.name;
|
|
|
this.currEquip.time = item.time;
|
|
|
@@ -1034,104 +1042,86 @@ export default {
|
|
|
|
|
|
// 基地信息
|
|
|
baseMessage() {
|
|
|
- let that = this;
|
|
|
- let postData = that.qs.stringify({
|
|
|
- device_type_id: "3", //设备类型
|
|
|
- device_id: "", //设备ID
|
|
|
- device_name: "", //设备名称
|
|
|
- page: 1, //页码
|
|
|
- device_status: "", //设备状态
|
|
|
- device_num: "", //设备版本
|
|
|
- device_model: "", //性诱设备型号
|
|
|
- });
|
|
|
- that
|
|
|
- .$axios({
|
|
|
- method: "post",
|
|
|
- url: "/api/api_gateway?method=forecast.worm_lamp.lamp_list",
|
|
|
- data: postData,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- var data = res.data.data.data;
|
|
|
- // console.log(data)
|
|
|
- var DataId = []; //设备ID
|
|
|
- var reDataList = []; //测报灯全部设备数据
|
|
|
- that.facilitySurvey.allData = res.data.data.counts; //全部设备
|
|
|
- var onLine = []; //在线
|
|
|
- var offLine = []; //离线
|
|
|
- var onOffLine = []; //全部
|
|
|
- var equips = that.equips; //地图数据
|
|
|
- for (let i = 0; i < data.length; i++) {
|
|
|
- // DataId.push(data[i].device_id);
|
|
|
- DataId.push(data[i].imei);
|
|
|
- // var time = data[i].status_time;
|
|
|
- var time = data[i].addtime;
|
|
|
- var date = new Date(parseInt(time) * 1000)
|
|
|
- .toLocaleString()
|
|
|
- .replace(/:\d{1,2}$/, " ");
|
|
|
- var dataA = data[i];
|
|
|
- dataA["status_time"] = date;
|
|
|
- reDataList.push(dataA);
|
|
|
- // onOffLine.push(data[i].device_status); //在线离线设备
|
|
|
- onOffLine.push(data[i].is_online); //在线离线设备
|
|
|
- var mapObj = {};
|
|
|
- // if (data[i].device_status == 0) {
|
|
|
- if (data[i].is_online == 0) {
|
|
|
- //离线
|
|
|
- // offLine.push(data[i].device_status);
|
|
|
- offLine.push(data[i].is_online);
|
|
|
- mapObj["equipName"] = "离线";
|
|
|
- mapObj["type"] = 3;
|
|
|
- mapObj["lat"] = data[i].lat;
|
|
|
- mapObj["lng"] = data[i].lng;
|
|
|
- mapObj["addr"] = data[i].address;
|
|
|
- mapObj["name"] = data[i].device_name;
|
|
|
- // mapObj["time"] = reDataList[i].status_time;
|
|
|
- mapObj["time"] = this.formatTime(reDataList[i].addtime * 1000);
|
|
|
- // mapObj["id"] = reDataList[i].device_id;
|
|
|
- mapObj["id"] = reDataList[i].imei;
|
|
|
- // } else if (data[i].device_status == 1) {
|
|
|
- } else if (data[i].is_online == 1) {
|
|
|
- //在线
|
|
|
- // onLine.push(data[i].device_status);
|
|
|
- onLine.push(data[i].is_online);
|
|
|
- mapObj["equipName"] = "在线";
|
|
|
- mapObj["type"] = 2;
|
|
|
- mapObj["lat"] = data[i].lat;
|
|
|
- mapObj["lng"] = data[i].lng;
|
|
|
- mapObj["addr"] = data[i].address;
|
|
|
- mapObj["name"] = data[i].device_name;
|
|
|
- // mapObj["time"] = reDataList[i].status_time;
|
|
|
- mapObj["time"] = this.formatTime(reDataList[i].addtime * 1000);
|
|
|
- // mapObj["id"] = reDataList[i].device_id;
|
|
|
- mapObj["id"] = reDataList[i].imei;
|
|
|
- }
|
|
|
- equips.push(mapObj);
|
|
|
- console.log(mapObj)
|
|
|
- }
|
|
|
- that.facilitySurvey.onLine = onLine.length; //在线
|
|
|
- that.facilitySurvey.offLine = offLine.length; //离线
|
|
|
- that.facilitySurvey.onOffLine = onOffLine; //在线离线全部设备
|
|
|
- // console.log(that.facilitySurvey.onLine)
|
|
|
- // console.log(that.facilitySurvey.offLine)
|
|
|
- // console.log(that.facilitySurvey.onOffLine)
|
|
|
- that.basemessage.redata = reDataList[0]; //第一条数据为默认数据
|
|
|
- that.basemessage.reDataList = reDataList; //全部测报灯设备数据
|
|
|
- that.facilityState(
|
|
|
- // reDataList[0].device_id,
|
|
|
- reDataList[0].imei,
|
|
|
- // reDataList[0].device_status
|
|
|
- reDataList[0].is_online
|
|
|
- );
|
|
|
- // that.renderGraph(reDataList[0].device_id) //环境温湿度、加热仓温度渲染
|
|
|
- // that.renderGraph(reDataList[0].d_id, reDataList[0].device_id); //环境温湿度、加热仓温度渲染
|
|
|
- that.renderGraph(reDataList[0].d_id, reDataList[0].imei); //环境温湿度、加热仓温度渲染
|
|
|
-
|
|
|
- // that.imgListData(reDataList[0].device_id); //设备图片接口
|
|
|
- that.imgListData(reDataList[0].imei); //设备图片接口
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.log(err);
|
|
|
- });
|
|
|
+ // console.log(baseData)
|
|
|
+ // res
|
|
|
+ var that = this;
|
|
|
+ var data = baseData.data.data;
|
|
|
+ console.log(data);
|
|
|
+ var DataId = []; //设备ID
|
|
|
+ var reDataList = []; //测报灯全部设备数据
|
|
|
+ that.facilitySurvey.allData = baseData.data.counts; //全部设备
|
|
|
+ var onLine = []; //在线
|
|
|
+ var offLine = []; //离线
|
|
|
+ var onOffLine = []; //全部
|
|
|
+ var equips = that.equips; //地图数据
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ // DataId.push(data[i].device_id);
|
|
|
+ DataId.push(data[i].imei);
|
|
|
+ // var time = data[i].status_time;
|
|
|
+ var time = data[i].addtime;
|
|
|
+ var date = new Date(parseInt(time) * 1000)
|
|
|
+ .toLocaleString()
|
|
|
+ .replace(/:\d{1,2}$/, " ");
|
|
|
+ var dataA = data[i];
|
|
|
+ dataA["status_time"] = date;
|
|
|
+ reDataList.push(dataA);
|
|
|
+ // onOffLine.push(data[i].device_status); //在线离线设备
|
|
|
+ onOffLine.push(data[i].is_online); //在线离线设备
|
|
|
+ var mapObj = {};
|
|
|
+ // if (data[i].device_status == 0) {
|
|
|
+ if (data[i].is_online == 0) {
|
|
|
+ //离线
|
|
|
+ // offLine.push(data[i].device_status);
|
|
|
+ offLine.push(data[i].is_online);
|
|
|
+ mapObj["equipName"] = "离线";
|
|
|
+ mapObj["type"] = 3;
|
|
|
+ mapObj["lat"] = data[i].lat;
|
|
|
+ mapObj["lng"] = data[i].lng;
|
|
|
+ mapObj["addr"] = data[i].address;
|
|
|
+ mapObj["name"] = data[i].device_name;
|
|
|
+ // mapObj["time"] = reDataList[i].status_time;
|
|
|
+ mapObj["time"] = this.formatTime(reDataList[i].addtime * 1000);
|
|
|
+ // mapObj["id"] = reDataList[i].device_id;
|
|
|
+ mapObj["id"] = reDataList[i].imei;
|
|
|
+ // } else if (data[i].device_status == 1) {
|
|
|
+ } else if (data[i].is_online == 1) {
|
|
|
+ //在线
|
|
|
+ // onLine.push(data[i].device_status);
|
|
|
+ onLine.push(data[i].is_online);
|
|
|
+ mapObj["equipName"] = "在线";
|
|
|
+ mapObj["type"] = 2;
|
|
|
+ mapObj["lat"] = data[i].lat;
|
|
|
+ mapObj["lng"] = data[i].lng;
|
|
|
+ mapObj["addr"] = data[i].address;
|
|
|
+ mapObj["name"] = data[i].device_name;
|
|
|
+ // mapObj["time"] = reDataList[i].status_time;
|
|
|
+ mapObj["time"] = this.formatTime(reDataList[i].addtime * 1000);
|
|
|
+ // mapObj["id"] = reDataList[i].device_id;
|
|
|
+ mapObj["id"] = reDataList[i].imei;
|
|
|
+ }
|
|
|
+ equips.push(mapObj);
|
|
|
+ console.log(mapObj);
|
|
|
+ }
|
|
|
+ that.facilitySurvey.onLine = onLine.length; //在线
|
|
|
+ that.facilitySurvey.offLine = offLine.length; //离线
|
|
|
+ that.facilitySurvey.onOffLine = onOffLine; //在线离线全部设备
|
|
|
+ // console.log(that.facilitySurvey.onLine)
|
|
|
+ // console.log(that.facilitySurvey.offLine)
|
|
|
+ // console.log(that.facilitySurvey.onOffLine)
|
|
|
+ that.basemessage.redata = reDataList[0]; //第一条数据为默认数据
|
|
|
+ that.basemessage.reDataList = reDataList; //全部测报灯设备数据
|
|
|
+ that.facilityState(
|
|
|
+ // reDataList[0].device_id,
|
|
|
+ reDataList[0].imei,
|
|
|
+ // reDataList[0].device_status
|
|
|
+ reDataList[0].is_online
|
|
|
+ );
|
|
|
+ // that.renderGraph(reDataList[0].device_id) //环境温湿度、加热仓温度渲染
|
|
|
+ // that.renderGraph(reDataList[0].d_id, reDataList[0].device_id); //环境温湿度、加热仓温度渲染
|
|
|
+ that.renderGraph(reDataList[0].d_id, reDataList[0].imei); //环境温湿度、加热仓温度渲染
|
|
|
+
|
|
|
+ // that.imgListData(reDataList[0].device_id); //设备图片接口
|
|
|
+ that.imgListData(reDataList[0].imei); //设备图片接口
|
|
|
},
|
|
|
|
|
|
// 点击下拉菜单触发事件
|
|
|
@@ -1143,280 +1133,159 @@ export default {
|
|
|
//点击下拉菜单触发设备基地数据
|
|
|
handleCommandBase(id) {
|
|
|
let that = this;
|
|
|
- let postData = that.qs.stringify({
|
|
|
- device_type_id: "3", //设备类型
|
|
|
- device_id: id, //设备ID
|
|
|
- device_name: "", //设备名称
|
|
|
- page: 1, //页码
|
|
|
- device_status: "", //设备状态
|
|
|
- device_num: "", //设备版本
|
|
|
- device_model: "", //性诱设备型号
|
|
|
- });
|
|
|
- that
|
|
|
- .$axios({
|
|
|
- method: "post",
|
|
|
- url: "/api/api_gateway?method=forecast.worm_lamp.lamp_list",
|
|
|
- data: postData,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- var data = res.data.data.data;
|
|
|
- console.log(data);
|
|
|
- var DataId = []; //设备ID
|
|
|
- var reDataList = []; //测报灯全部设备数据
|
|
|
- for (let i = 0; i < data.length; i++) {
|
|
|
- // DataId.push(data[i].device_id);
|
|
|
- DataId.push(data[i].imei);
|
|
|
- // var time = data[i].status_time;
|
|
|
- var time = data[i].addtime;
|
|
|
- var date = new Date(parseInt(time) * 1000)
|
|
|
- .toLocaleString()
|
|
|
- .replace(/:\d{1,2}$/, " ");
|
|
|
- var dataA = data[i];
|
|
|
- dataA["status_time"] = date;
|
|
|
- reDataList.push(dataA);
|
|
|
- }
|
|
|
- that.basemessage.redata = reDataList[0]; //第一条数据为默认数据
|
|
|
- that.facilityState(
|
|
|
- // reDataList[0].device_id,
|
|
|
- reDataList[0].imie,
|
|
|
- // reDataList[0].device_status
|
|
|
- reDataList[0].is_online
|
|
|
- );
|
|
|
- // that.rendergraph.device_id = reDataList[0].device_id //传递给data
|
|
|
- // that.renderGraph(reDataList[0].device_id) //环境温湿度、加热仓温度渲染
|
|
|
- // that.renderGraph(reDataList[0].d_id, reDataList[0].device_id); //环境温湿度、加热仓温度渲染
|
|
|
- that.renderGraph(reDataList[0].d_id, reDataList[0].imei); //环境温湿度、加热仓温度渲染
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.log(err);
|
|
|
- });
|
|
|
+ //res
|
|
|
+ var data = baseData.data.data;
|
|
|
+ var DataId = []; //设备ID
|
|
|
+ var reDataList = []; //测报灯全部设备数据
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ // DataId.push(data[i].device_id);
|
|
|
+ DataId.push(data[i].imei);
|
|
|
+ // var time = data[i].status_time;
|
|
|
+ var time = data[i].addtime;
|
|
|
+ var date = new Date(parseInt(time) * 1000)
|
|
|
+ .toLocaleString()
|
|
|
+ .replace(/:\d{1,2}$/, " ");
|
|
|
+ var dataA = data[i];
|
|
|
+ dataA["status_time"] = date;
|
|
|
+ reDataList.push(dataA);
|
|
|
+ }
|
|
|
+ that.basemessage.redata = reDataList[0]; //第一条数据为默认数据
|
|
|
+ that.facilityState(
|
|
|
+ // reDataList[0].device_id,
|
|
|
+ reDataList[0].imie,
|
|
|
+ // reDataList[0].device_status
|
|
|
+ reDataList[0].is_online
|
|
|
+ );
|
|
|
+ // that.rendergraph.device_id = reDataList[0].device_id //传递给data
|
|
|
+ // that.renderGraph(reDataList[0].device_id) //环境温湿度、加热仓温度渲染
|
|
|
+ // that.renderGraph(reDataList[0].d_id, reDataList[0].device_id); //环境温湿度、加热仓温度渲染
|
|
|
+ that.renderGraph(reDataList[0].d_id, reDataList[0].imei); //环境温湿度、加热仓温度渲染
|
|
|
},
|
|
|
|
|
|
//设备状态
|
|
|
facilityState(id, status) {
|
|
|
let that = this;
|
|
|
- let postData = that.qs.stringify({
|
|
|
- device_id: id,
|
|
|
- // d_id: id
|
|
|
- });
|
|
|
- that
|
|
|
- .$axios({
|
|
|
- method: "post",
|
|
|
- url: "/api/api_gateway?method=forecast.worm_lamp.device_status_data",
|
|
|
- data: postData,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- var data = res.data.data;
|
|
|
- that.facilitystate.redata = data;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.log(err);
|
|
|
- });
|
|
|
+ var data = stateData.data;
|
|
|
+ that.facilitystate.redata = data;
|
|
|
},
|
|
|
|
|
|
// 设备定位
|
|
|
- facilitySurveyA() {
|
|
|
- let that = this;
|
|
|
- let postData = that.qs.stringify({
|
|
|
- device_type_id: "3", //设备类型
|
|
|
- page: "", //页码
|
|
|
- page_size: "", //每页数量,默认10
|
|
|
- device_id: "", //设备id
|
|
|
- start_time: "", //开始时间
|
|
|
- end_time: "", //结束时间
|
|
|
- });
|
|
|
- that
|
|
|
- .$axios({
|
|
|
- method: "post",
|
|
|
- url: "/api/api_gateway?method=forecast.worm_lamp.device_history_data",
|
|
|
- data: postData,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- console.log(res.data.data);
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.log(err);
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- // 环境温湿度、加热仓温度渲染
|
|
|
- renderGraph(id, facilityID) {
|
|
|
- let that = this;
|
|
|
- let postData = that.qs.stringify({
|
|
|
- device_type_id: "3", //设备类型
|
|
|
- d_id: id, //设备id
|
|
|
- start_time: "", //开始时间
|
|
|
- end_time: "", //结束时间
|
|
|
- });
|
|
|
- that
|
|
|
- .$axios({
|
|
|
- method: "post",
|
|
|
- url:
|
|
|
- "/api/api_gateway?method=forecast.worm_lamp.device_polyline_data",
|
|
|
- data: postData,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- var data = res.data.data;
|
|
|
- var timeData = []; //时间
|
|
|
- var temperature = []; //环境温度
|
|
|
- var humidity = []; //环境湿度
|
|
|
- var others = []; //加热仓温度
|
|
|
- for (let i = 0; i < data.length; i++) {
|
|
|
- temperature.push(data[i].temperature); //环境温度
|
|
|
- humidity.push(data[i].humidity); //环境湿度
|
|
|
- others.push(data[i].others); //加热仓温度
|
|
|
- var time = data[i].addtime;
|
|
|
- //时间戳转换为正常时间
|
|
|
- let date = new Date(time * 1000);
|
|
|
- let Y = date.getFullYear() + "-";
|
|
|
- let M =
|
|
|
- (date.getMonth() + 1 < 2
|
|
|
- ? "0" + (date.getMonth() + 1)
|
|
|
- : date.getMonth() + 1) + "-";
|
|
|
- let D = date.getDate() + " ";
|
|
|
- let h = date.getHours() + ":";
|
|
|
- let m = date.getMinutes() + ":";
|
|
|
- let s = date.getSeconds();
|
|
|
- timeData.push(M + D);
|
|
|
- }
|
|
|
- // console.log(timeData)
|
|
|
- // console.log(temperature)
|
|
|
- // console.log(humidity)
|
|
|
- that.rendergraph.timeData = timeData;
|
|
|
- that.rendergraph.temperature = temperature;
|
|
|
- that.rendergraph.humidity = humidity;
|
|
|
- that.rendergraph.others = others;
|
|
|
- // that.insectData(id) //害虫比例数据请求
|
|
|
- that.insectData(id); //害虫比例数据请求
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.log(err);
|
|
|
- });
|
|
|
- },
|
|
|
-
|
|
|
- // 害虫比例数据请求
|
|
|
- // insectData(id) {
|
|
|
+ // facilitySurveyA() {
|
|
|
// let that = this;
|
|
|
// let postData = that.qs.stringify({
|
|
|
- // d_id: id, //设备id
|
|
|
- // pest_name: "", //害虫名称
|
|
|
+ // device_type_id: "3", //设备类型
|
|
|
+ // page: "", //页码
|
|
|
+ // page_size: "", //每页数量,默认10
|
|
|
+ // device_id: "", //设备id
|
|
|
// start_time: "", //开始时间
|
|
|
// end_time: "", //结束时间
|
|
|
// });
|
|
|
// that
|
|
|
// .$axios({
|
|
|
// method: "post",
|
|
|
- // url: "/api/api_gateway?method=forecast.worm_lamp.pest_statistics",
|
|
|
+ // url: "/api/api_gateway?method=forecast.worm_lamp.device_history_data",
|
|
|
// data: postData,
|
|
|
// })
|
|
|
// .then((res) => {
|
|
|
- // var percentage = res.data.data.percentage;
|
|
|
- // if (percentage.length > 0) {
|
|
|
- // var arr = [];
|
|
|
- // var arrA = [];
|
|
|
- // var sum = 0; //害虫数量总和
|
|
|
-
|
|
|
- // this.insectRatio.selected = {}; //测试决定图表中显示的个数
|
|
|
-
|
|
|
- // for (let i in percentage) {
|
|
|
- // arr.push(percentage[i].name_num);
|
|
|
- // var objArr = {};
|
|
|
- // objArr["name"] = percentage[i].name_num;
|
|
|
- // objArr["value"] = percentage[i].sum;
|
|
|
- // arrA.push(objArr);
|
|
|
- // sum = sum + percentage[i].sum;
|
|
|
- // this.insectRatio.selected[percentage[i].name_num] = i < 6; //这里是关键:限制图表中起始显示6个,这里必须保证name不能为空
|
|
|
- // }
|
|
|
- // that.insectRatio.namedata = arr;
|
|
|
- // that.insectRatio.insect = arrA;
|
|
|
- // that.insectRatio.sum = sum;
|
|
|
- // console.log(that.insectRatio)
|
|
|
- // } else {
|
|
|
- // that.insectRatio.namedata = [];
|
|
|
- // that.insectRatio.insect = [];
|
|
|
- // that.insectRatio.sum = 0;
|
|
|
- // }
|
|
|
- // that.chartsInit(that.option01, that.option02, that.option03); //图表渲染
|
|
|
+ // console.log(res.data.data);
|
|
|
// })
|
|
|
// .catch((err) => {
|
|
|
// console.log(err);
|
|
|
// });
|
|
|
// },
|
|
|
|
|
|
+ // 环境温湿度、加热仓温度渲染
|
|
|
+ renderGraph(id, facilityID) {
|
|
|
+ let that = this;
|
|
|
+ var data = temperatureData.data;
|
|
|
+ var timeData = []; //时间
|
|
|
+ var temperature = []; //环境温度
|
|
|
+ var humidity = []; //环境湿度
|
|
|
+ var others = []; //加热仓温度
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ temperature.push(data[i].temperature); //环境温度
|
|
|
+ humidity.push(data[i].humidity); //环境湿度
|
|
|
+ others.push(data[i].others); //加热仓温度
|
|
|
+ var time = data[i].addtime;
|
|
|
+ //时间戳转换为正常时间
|
|
|
+ let date = new Date(time * 1000);
|
|
|
+ let Y = date.getFullYear() + "-";
|
|
|
+ let M =
|
|
|
+ (date.getMonth() + 1 < 2
|
|
|
+ ? "0" + (date.getMonth() + 1)
|
|
|
+ : date.getMonth() + 1) + "-";
|
|
|
+ let D = date.getDate() + " ";
|
|
|
+ let h = date.getHours() + ":";
|
|
|
+ let m = date.getMinutes() + ":";
|
|
|
+ let s = date.getSeconds();
|
|
|
+ timeData.push(M + D);
|
|
|
+ }
|
|
|
+ // console.log(timeData)
|
|
|
+ // console.log(temperature)
|
|
|
+ // console.log(humidity)
|
|
|
+ that.rendergraph.timeData = timeData;
|
|
|
+ that.rendergraph.temperature = temperature;
|
|
|
+ that.rendergraph.humidity = humidity;
|
|
|
+ that.rendergraph.others = others;
|
|
|
+ // that.insectData(id) //害虫比例数据请求
|
|
|
+ that.insectData(id); //害虫比例数据请求
|
|
|
+ },
|
|
|
+
|
|
|
//测试定时更新饼状图数据
|
|
|
insectData(id) {
|
|
|
let that = this;
|
|
|
- let postData = that.qs.stringify({
|
|
|
- d_id: id, //设备id
|
|
|
- pest_name: "", //害虫名称
|
|
|
- start_time: "", //开始时间
|
|
|
- end_time: "", //结束时间
|
|
|
- });
|
|
|
- that
|
|
|
- .$axios({
|
|
|
- method: "post",
|
|
|
- url: "/api/api_gateway?method=forecast.worm_lamp.pest_statistics",
|
|
|
- data: postData,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- var percentage = res.data.data.percentage;
|
|
|
- if (percentage.length > 0) {
|
|
|
- var arr = [];
|
|
|
- var arrA = [];
|
|
|
- var sum = 0; //害虫数量总和
|
|
|
-
|
|
|
- this.insectRatio.selected = {}; //测试决定图表中显示的个数
|
|
|
-
|
|
|
- for (let i in percentage) {
|
|
|
- arr.push(percentage[i].name_num);
|
|
|
- var objArr = {};
|
|
|
- objArr["name"] = percentage[i].name_num;
|
|
|
- objArr["value"] = percentage[i].sum;
|
|
|
- arrA.push(objArr);
|
|
|
- sum = sum + percentage[i].sum;
|
|
|
- this.insectRatio.selected[percentage[i].name_num] = i < 6; //这里是关键:限制图表中起始显示6个,这里必须保证name不能为空
|
|
|
- }
|
|
|
- that.insectRatio.namedataA = arr;
|
|
|
- that.insectRatio.redata = arrA;
|
|
|
- that.insectRatio.sum = sum;
|
|
|
-
|
|
|
- that.insectData.insect = [];
|
|
|
- that.insectData.namedata = [];
|
|
|
- var numAA = 0;
|
|
|
- var numBB = 6;
|
|
|
-
|
|
|
- const timeA = setInterval(() => {
|
|
|
- this.insectRatio.insect = this.insectRatio.redata.slice(
|
|
|
- numAA,
|
|
|
- numBB
|
|
|
- );
|
|
|
- this.insectRatio.namedata = this.insectRatio.namedataA.slice(
|
|
|
- numAA,
|
|
|
- numBB
|
|
|
- );
|
|
|
- numAA = numAA + 6;
|
|
|
- numBB = numBB + 6;
|
|
|
- if (this.insectRatio.namedata.length < 6) {
|
|
|
- numAA = 0;
|
|
|
- numBB = 6;
|
|
|
- console.log("重启");
|
|
|
- } else {
|
|
|
- console.log("不重启");
|
|
|
- }
|
|
|
- that.chartsInit(that.option01, that.option02, that.option03); //图表渲染
|
|
|
- }, 3500);
|
|
|
+ var percentage = insectData.data.percentage;
|
|
|
+ console.log(percentage)
|
|
|
+ if (percentage.length > 0) {
|
|
|
+ var arr = [];
|
|
|
+ var arrA = [];
|
|
|
+ var sum = 0; //害虫数量总和
|
|
|
+
|
|
|
+ this.insectRatio.selected = {}; //测试决定图表中显示的个数
|
|
|
+
|
|
|
+ for (let i in percentage) {
|
|
|
+ arr.push(percentage[i].name_num);
|
|
|
+ var objArr = {};
|
|
|
+ objArr["name"] = percentage[i].name_num;
|
|
|
+ objArr["value"] = percentage[i].sum;
|
|
|
+ arrA.push(objArr);
|
|
|
+ sum = sum + percentage[i].sum;
|
|
|
+ this.insectRatio.selected[percentage[i].name_num] = i < 6; //这里是关键:限制图表中起始显示6个,这里必须保证name不能为空
|
|
|
+ }
|
|
|
+ that.insectRatio.namedataA = arr;
|
|
|
+ that.insectRatio.redata = arrA;
|
|
|
+ that.insectRatio.sum = sum;
|
|
|
+
|
|
|
+ that.insectData.insect = [];
|
|
|
+ that.insectData.namedata = [];
|
|
|
+ var numAA = 0;
|
|
|
+ var numBB = 6;
|
|
|
+
|
|
|
+ const timeA = setInterval(() => {
|
|
|
+ this.insectRatio.insect = this.insectRatio.redata.slice(numAA, numBB);
|
|
|
+ this.insectRatio.namedata = this.insectRatio.namedataA.slice(
|
|
|
+ numAA,
|
|
|
+ numBB
|
|
|
+ );
|
|
|
+ numAA = numAA + 6;
|
|
|
+ numBB = numBB + 6;
|
|
|
+ if (this.insectRatio.namedata.length < 6) {
|
|
|
+ numAA = 0;
|
|
|
+ numBB = 6;
|
|
|
+ // console.log("重启");
|
|
|
} else {
|
|
|
- that.insectRatio.namedata = [];
|
|
|
- that.insectRatio.insect = [];
|
|
|
- that.insectRatio.redata = [];
|
|
|
- that.insectRatio.namedataA = [];
|
|
|
- that.insectRatio.sum = 0;
|
|
|
- that.chartsInit(that.option01, that.option02, that.option03); //图表渲染
|
|
|
+ // console.log("不重启");
|
|
|
}
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.log(err);
|
|
|
- });
|
|
|
+ that.chartsInit(that.option01, that.option02, that.option03); //图表渲染
|
|
|
+ }, 3500);
|
|
|
+ } else {
|
|
|
+ that.insectRatio.namedata = [];
|
|
|
+ that.insectRatio.insect = [];
|
|
|
+ that.insectRatio.redata = [];
|
|
|
+ that.insectRatio.namedataA = [];
|
|
|
+ that.insectRatio.sum = 0;
|
|
|
+ that.chartsInit(that.option01, that.option02, that.option03); //图表渲染
|
|
|
+ }
|
|
|
},
|
|
|
|
|
|
// 图片放大
|
|
|
@@ -1463,23 +1332,8 @@ export default {
|
|
|
//设备图片接口
|
|
|
imgListData(id) {
|
|
|
let that = this;
|
|
|
- let postData = that.qs.stringify({
|
|
|
- device_id: id,
|
|
|
- page: 1,
|
|
|
- ret: "screen",
|
|
|
- });
|
|
|
- that
|
|
|
- .$axios({
|
|
|
- method: "post",
|
|
|
- url: "/api/api_gateway?method=forecast.forecast_system.equip_photo",
|
|
|
- data: postData,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- that.swiperImg = res.data.data.data;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.log(err);
|
|
|
- });
|
|
|
+ var data = imagesData.data.data
|
|
|
+ that.swiperImg = data
|
|
|
},
|
|
|
},
|
|
|
//生命周期 - 创建完成(可以访问当前this实例)
|