Compare commits
No commits in common. "48fded885ef162f169e9acdfa3307503c5458359" and "8e6643d1bfe6292f1084dc89239993788d0f6bcc" have entirely different histories.
48fded885e
...
8e6643d1bf
|
|
@ -1,44 +0,0 @@
|
||||||
import request from '@/utils/request'
|
|
||||||
|
|
||||||
// 负荷管理
|
|
||||||
export function GetFhgl () {
|
|
||||||
return request({
|
|
||||||
url: `brand?limit=${limit}`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 负荷分析
|
|
||||||
export function GetFhfx () {
|
|
||||||
return request({
|
|
||||||
url: `brand?limit=${limit}`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 变压器负载率
|
|
||||||
export function GetByqfzl () {
|
|
||||||
return request({
|
|
||||||
url: `brand?limit=${limit}`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 负荷分类
|
|
||||||
export function GetFhfl () {
|
|
||||||
return request({
|
|
||||||
url: `brand?limit=${limit}`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 生产线负荷占比
|
|
||||||
export function GetFhzb () {
|
|
||||||
return request({
|
|
||||||
url: `brand?limit=${limit}`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 生产线负荷
|
|
||||||
export function GetScxfh () {
|
|
||||||
return request({
|
|
||||||
url: `brand?limit=${limit}`,
|
|
||||||
method: "GET",
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
@ -1,44 +0,0 @@
|
||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
// 可调负荷资源
|
|
||||||
export function GetKdfhzy() {
|
|
||||||
return request({
|
|
||||||
url: `/api/GetAdjustableload`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 可调负荷策略
|
|
||||||
export function GetKdfhcl () {
|
|
||||||
return request({
|
|
||||||
url: `/api/GetLoadControlStrategy`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 可调负荷分析
|
|
||||||
export function GetKdfhfx () {
|
|
||||||
return request({
|
|
||||||
url: `/api/GetAdjustableLoadAnalysis`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 刚性可调负荷
|
|
||||||
export function GetGang () {
|
|
||||||
return request({
|
|
||||||
url: `/api/GetRigidAdjustableLoads`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 柔性可调负荷
|
|
||||||
export function GetRou () {
|
|
||||||
return request({
|
|
||||||
url: `/api/GetFlexibleAdjustableLoad`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//可调设备
|
|
||||||
export function GetKdsb () {
|
|
||||||
return request({
|
|
||||||
url: `/api/GetAdjustableDevice`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -1,49 +1,7 @@
|
||||||
<<<<<<< HEAD
|
|
||||||
import request from '@/utils/request'
|
|
||||||
|
|
||||||
// 负荷管理
|
|
||||||
export function GetFhgl () {
|
|
||||||
return request({
|
|
||||||
url: `brand?limit=${limit}`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 负荷分析
|
|
||||||
export function GetFhfx () {
|
|
||||||
return request({
|
|
||||||
url: `brand?limit=${limit}`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 变压器负载率
|
|
||||||
export function GetByqfzl () {
|
|
||||||
return request({
|
|
||||||
url: `brand?limit=${limit}`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 负荷分类
|
|
||||||
export function GetFhfl () {
|
|
||||||
return request({
|
|
||||||
url: `brand?limit=${limit}`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 生产线负荷占比
|
|
||||||
export function GetFhzb () {
|
|
||||||
return request({
|
|
||||||
url: `brand?limit=${limit}`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 生产线负荷
|
|
||||||
export function GetScxfh () {
|
|
||||||
=======
|
|
||||||
import request from "@/utils/request";
|
import request from "@/utils/request";
|
||||||
|
|
||||||
//
|
//
|
||||||
export function loadBrand(limit) {
|
export function loadBrand(limit) {
|
||||||
>>>>>>> 8e6643d1bfe6292f1084dc89239993788d0f6bcc
|
|
||||||
return request({
|
return request({
|
||||||
url: `brand?limit=${limit}`,
|
url: `brand?limit=${limit}`,
|
||||||
method: "GET",
|
method: "GET",
|
||||||
|
|
|
||||||
|
|
@ -4,45 +4,6 @@ import request from "@/utils/request";
|
||||||
export function GetKdfhzy() {
|
export function GetKdfhzy() {
|
||||||
return request({
|
return request({
|
||||||
url: `/api/GetAdjustableload`,
|
url: `/api/GetAdjustableload`,
|
||||||
<<<<<<< HEAD
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 可调负荷策略
|
|
||||||
export function GetKdfhcl () {
|
|
||||||
return request({
|
|
||||||
url: `/api/GetLoadControlStrategy`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 可调负荷分析
|
|
||||||
export function GetKdfhfx () {
|
|
||||||
return request({
|
|
||||||
url: `/api/GetAdjustableLoadAnalysis`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 刚性可调负荷
|
|
||||||
export function GetGang () {
|
|
||||||
return request({
|
|
||||||
url: `/api/GetRigidAdjustableLoads`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 柔性可调负荷
|
|
||||||
export function GetRou () {
|
|
||||||
return request({
|
|
||||||
url: `/api/GetFlexibleAdjustableLoad`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
//可调设备
|
|
||||||
export function GetKdsb () {
|
|
||||||
return request({
|
|
||||||
url: `/api/GetAdjustableDevice`,
|
|
||||||
method: 'GET'
|
|
||||||
})
|
|
||||||
=======
|
|
||||||
method: "GET",
|
method: "GET",
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
@ -80,5 +41,4 @@ export function GetKdsb() {
|
||||||
url: `/api/GetAdjustableDevice`,
|
url: `/api/GetAdjustableDevice`,
|
||||||
method: "GET",
|
method: "GET",
|
||||||
});
|
});
|
||||||
>>>>>>> 8e6643d1bfe6292f1084dc89239993788d0f6bcc
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -200,14 +200,7 @@
|
||||||
<script>
|
<script>
|
||||||
import "../../utils/echarts-liquidfill.min.js";
|
import "../../utils/echarts-liquidfill.min.js";
|
||||||
import * as echarts from "echarts";
|
import * as echarts from "echarts";
|
||||||
import {
|
import { GetKdfhzy, GetKdfhcl,GetKdfhfx,GetGang,GetRou,GetKdsb} from "@/api/kdfh";
|
||||||
GetKdfhzy,
|
|
||||||
GetKdfhcl,
|
|
||||||
GetKdfhfx,
|
|
||||||
GetGang,
|
|
||||||
GetRou,
|
|
||||||
GetKdsb,
|
|
||||||
} from "@/api/kdfh";
|
|
||||||
export default {
|
export default {
|
||||||
name: "FHGL",
|
name: "FHGL",
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -270,6 +263,7 @@ export default {
|
||||||
data: [
|
data: [
|
||||||
{
|
{
|
||||||
value: 0.6,
|
value: 0.6,
|
||||||
|
all: 100,
|
||||||
direction: "left", //波浪方向
|
direction: "left", //波浪方向
|
||||||
},
|
},
|
||||||
], // data个数代表波浪数
|
], // data个数代表波浪数
|
||||||
|
|
@ -303,7 +297,7 @@ export default {
|
||||||
normal: {
|
normal: {
|
||||||
formatter: function (params) {
|
formatter: function (params) {
|
||||||
// console.log(params);
|
// console.log(params);
|
||||||
return (params.value * 100).toFixed(0) + "{d|%}";
|
return params.value * 100 + "{d|%}";
|
||||||
},
|
},
|
||||||
rich: {
|
rich: {
|
||||||
d: {
|
d: {
|
||||||
|
|
@ -410,7 +404,7 @@ export default {
|
||||||
normal: {
|
normal: {
|
||||||
formatter: function (params) {
|
formatter: function (params) {
|
||||||
console.log(params);
|
console.log(params);
|
||||||
return (params.value *100).toFixed(0) + "{d|%}";
|
return params.value * 100 + "{d|%}";
|
||||||
},
|
},
|
||||||
rich: {
|
rich: {
|
||||||
d: {
|
d: {
|
||||||
|
|
@ -590,7 +584,7 @@ export default {
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
const colorSet = [
|
const colorSet = [
|
||||||
[(this.xfdata/100), color],
|
[0.81, color],
|
||||||
[1, "#136768"],
|
[1, "#136768"],
|
||||||
];
|
];
|
||||||
const rich = {
|
const rich = {
|
||||||
|
|
@ -715,7 +709,7 @@ export default {
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
const colorSet = [
|
const colorSet = [
|
||||||
[(this.tgdata/100), color],
|
[0.7, color],
|
||||||
[1, "#136768"],
|
[1, "#136768"],
|
||||||
];
|
];
|
||||||
const rich = {
|
const rich = {
|
||||||
|
|
@ -1168,18 +1162,8 @@ export default {
|
||||||
let datas = res.data[0];
|
let datas = res.data[0];
|
||||||
this.xfdata = (datas.PeakClipping / datas.Amount).toFixed(2) *100;
|
this.xfdata = (datas.PeakClipping / datas.Amount).toFixed(2) *100;
|
||||||
this.tgdata = (datas.ValleyFilling / datas.Amount).toFixed(2) *100;
|
this.tgdata = (datas.ValleyFilling / datas.Amount).toFixed(2) *100;
|
||||||
this.xflist = [
|
this.xflist = [datas.SecondPeakClipping,datas.MinutePeakClipping,datas.HourlyPeakClipping,datas.DayPeakClipping];
|
||||||
datas.SecondPeakClipping,
|
this.tglist=[datas.SecondValleyFilling,datas.MinuteValleyFilling,datas.HourlyValleyFilling,datas.DayValleyFilling];
|
||||||
datas.MinutePeakClipping,
|
|
||||||
datas.HourlyPeakClipping,
|
|
||||||
datas.DayPeakClipping,
|
|
||||||
];
|
|
||||||
this.tglist = [
|
|
||||||
datas.SecondValleyFilling,
|
|
||||||
datas.MinuteValleyFilling,
|
|
||||||
datas.HourlyValleyFilling,
|
|
||||||
datas.DayValleyFilling,
|
|
||||||
];
|
|
||||||
this.xf();
|
this.xf();
|
||||||
this.tg();
|
this.tg();
|
||||||
this.kdfhzy();
|
this.kdfhzy();
|
||||||
|
|
@ -1199,21 +1183,14 @@ export default {
|
||||||
console.log(res);
|
console.log(res);
|
||||||
this.ganglist = res.data[0];
|
this.ganglist = res.data[0];
|
||||||
let percent = (res.data[0].Rigidity / res.data[0].GrossValue).toFixed(2);
|
let percent = (res.data[0].Rigidity / res.data[0].GrossValue).toFixed(2);
|
||||||
// console.log(this.option.series[0].data[0].value)
|
|
||||||
this.option.series[0].data[0].value = percent;
|
this.option.series[0].data[0].value = percent;
|
||||||
var chartDom = document.getElementById("gang");
|
|
||||||
var myChart = echarts.init(chartDom);
|
|
||||||
this.option && myChart.setOption(this.option);
|
|
||||||
},
|
},
|
||||||
async getrou() {
|
async getrou() {
|
||||||
let res = await GetRou();
|
let res = await GetRou();
|
||||||
console.log(res);
|
console.log(res);
|
||||||
let percent = (res.data[0].Flexible / res.data[0].GrossValue).toFixed(2);
|
let percent = (res.data[0].Flexible / res.data[0].GrossValue).toFixed(2);
|
||||||
this.option2.series[0].data[0].value = percent;
|
this.option.series[0].data[0].value = percent;
|
||||||
this.roulist = res.data[0];
|
this.roulist = res.data[0];
|
||||||
var chartDom2 = document.getElementById("ruan");
|
|
||||||
var myChart2 = echarts.init(chartDom2);
|
|
||||||
myChart2.setOption(this.option2);
|
|
||||||
},
|
},
|
||||||
async getkdsb() {
|
async getkdsb() {
|
||||||
let res = await GetKdsb();
|
let res = await GetKdsb();
|
||||||
|
|
@ -1239,7 +1216,14 @@ export default {
|
||||||
this.getgang();
|
this.getgang();
|
||||||
this.getrou();
|
this.getrou();
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() {
|
||||||
|
var chartDom = document.getElementById("gang");
|
||||||
|
var myChart = echarts.init(chartDom);
|
||||||
|
this.option && myChart.setOption(this.option);
|
||||||
|
var chartDom2 = document.getElementById("ruan");
|
||||||
|
var myChart2 = echarts.init(chartDom2);
|
||||||
|
this.option2 && myChart2.setOption(this.option2);
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
|
|
|
||||||
|
|
@ -17,9 +17,7 @@
|
||||||
<div id="dqsxtxx">
|
<div id="dqsxtxx">
|
||||||
<div class="headers">
|
<div class="headers">
|
||||||
<iframe
|
<iframe
|
||||||
:src="
|
:src="'webs/index.html' + '?1?221.214.127.18'"
|
||||||
'webs/index.html?' + currentdata.channel + '?' + currentdata.ip
|
|
||||||
"
|
|
||||||
frameborder="0"
|
frameborder="0"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
|
|
@ -38,7 +36,7 @@
|
||||||
<h2>摄像头信息</h2>
|
<h2>摄像头信息</h2>
|
||||||
<div class="footers">
|
<div class="footers">
|
||||||
<div class="one">
|
<div class="one">
|
||||||
<p>{{ currentdata.name }}</p>
|
<p>鲁西平阴厂区全景</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="two">
|
<div class="two">
|
||||||
<p>网络数据</p>
|
<p>网络数据</p>
|
||||||
|
|
@ -60,13 +58,11 @@
|
||||||
<div id="spjk">
|
<div id="spjk">
|
||||||
<div class="spjk_one" v-for="(item, index) in sxtlist" :key="index">
|
<div class="spjk_one" v-for="(item, index) in sxtlist" :key="index">
|
||||||
<div class="jiankong">
|
<div class="jiankong">
|
||||||
<div class="video" @click="changeUrl(item)"></div>
|
|
||||||
<iframe
|
<iframe
|
||||||
:src="'webs/index.html?' + item.channel + '?' + item.ip"
|
:src="'webs/index.html?' + item.channel + '?' + item.ip"
|
||||||
frameborder="0"
|
frameborder="0"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
class="video_if"
|
|
||||||
></iframe>
|
></iframe>
|
||||||
</div>
|
</div>
|
||||||
<div class="spjk_title">{{ item.name }}</div>
|
<div class="spjk_title">{{ item.name }}</div>
|
||||||
|
|
@ -85,17 +81,25 @@
|
||||||
@click="res = '生产监控系统'"
|
@click="res = '生产监控系统'"
|
||||||
>生产监控系统</span
|
>生产监控系统</span
|
||||||
>
|
>
|
||||||
<!-- <span
|
<span
|
||||||
:class="res == '配电室监控系统' ? 'active' : ''"
|
:class="res == '配电室监控系统' ? 'active' : ''"
|
||||||
@click="res = '配电室监控系统'"
|
@click="res = '配电室监控系统'"
|
||||||
>配电室监控系统</span
|
>配电室监控系统</span
|
||||||
> -->
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="con">
|
<div class="con">
|
||||||
<div :class="currentdata.name==item.name?'con1':'con2'" v-for="(item, index) in jklist1" @click="changeUrl(item)">
|
<div class="con1" v-for="(item,index) in jklist1">
|
||||||
<p>监控{{index+1}}:{{ item.name }}</p>
|
<p>监控{{index+1}}:{{ item.name }}</p>
|
||||||
<!-- <p>{{ item.date }}</p> -->
|
<p>{{ item.date }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- <div class="con1">
|
||||||
|
<p>监控17:回转窑南侧</p>
|
||||||
|
<p>07:12:18</p>
|
||||||
|
</div>
|
||||||
|
<div class="con2">
|
||||||
|
<p>监控16:篦冷机</p>
|
||||||
|
<p>07:12:18</p>
|
||||||
|
</div> -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -203,11 +207,6 @@ import screenfull from "screenfull";
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
currentdata: {
|
|
||||||
channel: "1",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
name: "鲁西平阴厂区全景",
|
|
||||||
},
|
|
||||||
fjlist: [
|
fjlist: [
|
||||||
{
|
{
|
||||||
name: "1#后排风机上动触头A相",
|
name: "1#后排风机上动触头A相",
|
||||||
|
|
@ -389,16 +388,6 @@ export default {
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
sxtlist: [
|
sxtlist: [
|
||||||
{
|
|
||||||
channel: "1",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
name: "鲁西平阴厂区全景",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
channel: "2",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
name: "1号窑头取样处",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
channel: "9",
|
channel: "9",
|
||||||
ip: "221.214.127.18",
|
ip: "221.214.127.18",
|
||||||
|
|
@ -447,124 +436,81 @@ export default {
|
||||||
{
|
{
|
||||||
name:"鲁西平阴厂区全景",
|
name:"鲁西平阴厂区全景",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "1",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"1号窑头取样处",
|
name:"1号窑头取样处",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "2",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"2号窑头取样处",
|
name:"2号窑头取样处",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "3",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"1号窑头监测房",
|
name:"1号窑头监测房",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "4",
|
}, {
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name:"2号窑头监测房",
|
name:"2号窑头监测房",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "5",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"2号窑尾监测房",
|
name:"2号窑尾监测房",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "6",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"鲁西平阴1号2号3号",
|
name:"鲁西平阴1号2号3号",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "7",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"1号窑尾监测房",
|
name:"1号窑尾监测房",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "8",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"2号窑尾取样处",
|
name:"2号窑尾取样处",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "9",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"1号窑尾取样处",
|
name:"1号窑尾取样处",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "10",
|
}, {
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name:"辅材均化棚北",
|
name:"辅材均化棚北",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "11",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"1号水泥磨取样处",
|
name:"1号水泥磨取样处",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "12",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"3号窑尾监测房",
|
name:"3号窑尾监测房",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "13",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"原煤均化棚",
|
name:"原煤均化棚",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "14",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"3号窑头监测房",
|
name:"3号窑头监测房",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "15",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"3号窑头在线监测",
|
name:"3号窑头在线监测",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "16",
|
}, {
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name:"3号生料库顶取样处",
|
name:"3号生料库顶取样处",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "17",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"3号窑尾取样处",
|
name:"3号窑尾取样处",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "18",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"3号煤磨在线监测",
|
name:"3号煤磨在线监测",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "19",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:"1号水泥在线监测",
|
name:"1号水泥在线监测",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
channel: "20",
|
|
||||||
ip: "221.214.127.18",
|
|
||||||
},
|
},
|
||||||
],
|
]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
@ -591,9 +537,6 @@ export default {
|
||||||
handleFullScreen() {
|
handleFullScreen() {
|
||||||
screenfull.toggle(this.$refs.videos);
|
screenfull.toggle(this.$refs.videos);
|
||||||
},
|
},
|
||||||
changeUrl(item) {
|
|
||||||
this.currentdata = item;
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
// if (window.vuplex) {
|
// if (window.vuplex) {
|
||||||
|
|
@ -629,8 +572,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"水泥磨东小配电间",
|
name:"水泥磨东小配电间",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"水泥磨西3排南向北",
|
name:"水泥磨西3排南向北",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -654,8 +596,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"水泥磨西南角",
|
name:"水泥磨西南角",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"水泥磨西1排南向北",
|
name:"水泥磨西1排南向北",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -679,8 +620,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"2期煤磨西2排北向",
|
name:"2期煤磨西2排北向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"2期煤磨西1排北向",
|
name:"2期煤磨西1排北向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -704,8 +644,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"1期窑头西排4北向",
|
name:"1期窑头西排4北向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"2期窑头弱电间",
|
name:"2期窑头弱电间",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -728,8 +667,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"1期窑头弱电间",
|
name:"1期窑头弱电间",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"1期生料磨西四排北向",
|
name:"1期生料磨西四排北向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -753,8 +691,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"1期生料磨西四排南向",
|
name:"1期生料磨西四排南向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"1期窑头西二排北向",
|
name:"1期窑头西二排北向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -778,8 +715,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"1期生料磨西二排南向",
|
name:"1期生料磨西二排南向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"1期煤磨西二排",
|
name:"1期煤磨西二排",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -802,8 +738,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"原材料配电室西向",
|
name:"原材料配电室西向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"矿山1",
|
name:"矿山1",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -827,8 +762,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"原生料磨西三排南向",
|
name:"原生料磨西三排南向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"原生料磨西二排南向",
|
name:"原生料磨西二排南向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -852,8 +786,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"原生料磨西四排南向",
|
name:"原生料磨西四排南向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"原生料磨弱电机房",
|
name:"原生料磨弱电机房",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -864,8 +797,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"原生料磨西三排北向",
|
name:"原生料磨西三排北向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"1期窑尾西向",
|
name:"1期窑尾西向",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -873,7 +805,7 @@ export default {
|
||||||
name:"1#框架电力仓库",
|
name:"1#框架电力仓库",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
];
|
]
|
||||||
}else{
|
}else{
|
||||||
this.jklist1=[
|
this.jklist1=[
|
||||||
{
|
{
|
||||||
|
|
@ -891,8 +823,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"1号窑头监测房",
|
name:"1号窑头监测房",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"2号窑头监测房",
|
name:"2号窑头监测房",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -915,8 +846,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"1号窑尾取样处",
|
name:"1号窑尾取样处",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"辅材均化棚北",
|
name:"辅材均化棚北",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -939,8 +869,7 @@ export default {
|
||||||
{
|
{
|
||||||
name:"3号窑头在线监测",
|
name:"3号窑头在线监测",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
}, {
|
||||||
{
|
|
||||||
name:"3号生料库顶取样处",
|
name:"3号生料库顶取样处",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
|
|
@ -956,12 +885,13 @@ export default {
|
||||||
name:"1号水泥在线监测",
|
name:"1号水泥在线监测",
|
||||||
date:"07:12:18",
|
date:"07:12:18",
|
||||||
},
|
},
|
||||||
];
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
deep: true, // 深度观察监听
|
deep: true, // 深度观察监听
|
||||||
immediate: true, // 第一次初始化渲染就可以监听到
|
immediate: true, // 第一次初始化渲染就可以监听到
|
||||||
},
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
@ -1246,23 +1176,11 @@ export default {
|
||||||
.jiankong {
|
.jiankong {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 323px;
|
height: 323px;
|
||||||
position: relative;
|
video {
|
||||||
.video {
|
|
||||||
border: none;
|
border: none;
|
||||||
width: 551px;
|
width: 551px;
|
||||||
height: 301px;
|
height: 301px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
cursor: pointer;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1111111;
|
|
||||||
}
|
|
||||||
.video_if {
|
|
||||||
border: none;
|
|
||||||
width: 551px;
|
|
||||||
height: 301px;
|
|
||||||
opacity: 1;
|
|
||||||
cursor: pointer;
|
|
||||||
position: relative;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1388,11 +1306,10 @@ export default {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.con1 {
|
.con1 {
|
||||||
background: url(../../assets/ZNYWJK/红.png);
|
background: url(../../assets/ZNYWJK/蓝.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.con2 {
|
.con2 {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue