Compare commits

..

No commits in common. "60b880930a480519c9e37cd2eaa77b6510d0bcbd" and "7d14cda64cf5eb60d591dec079e77efd046a49cb" have entirely different histories.

3 changed files with 396 additions and 531 deletions

View File

@ -1,14 +1,16 @@
<template> <template>
<div :style="{ 'height': height + 'px' }" ref="chart"></div> <div :style="{ 'height': height + 'px' }" ref="chart">
</div>
</template> </template>
<script> <script>
export default { export default {
props: { props: {
data: { data: {
type: [Object, Array], type: [Object, Array]
}, },
height: { height: {
type: Number, type: Number
}, },
}, },
data() { data() {
@ -25,7 +27,7 @@ export default {
}, },
getChartData() { getChartData() {
// //
var chChartPie = echarts.init(this.$refs.chart) var chChartPie = echarts.init(this.$refs.chart);
this.echartPie(chChartPie, this.data) this.echartPie(chChartPie, this.data)
}, },
echartPie(chChart, data) { echartPie(chChart, data) {
@ -40,9 +42,9 @@ export default {
for (let i = 0; i < data.lineData.length; i++) { for (let i = 0; i < data.lineData.length; i++) {
series.push({ series.push({
name: data.legend[i], name: data.legend[i],
type: 'line', type: "line",
smooth: true, smooth: true,
symbol: 'circle', symbol: "circle",
symbolSize: 5, symbolSize: 5,
showSymbol: false, showSymbol: false,
lineStyle: { lineStyle: {
@ -57,7 +59,7 @@ export default {
}, },
}, },
data: data.lineData[i], data: data.lineData[i],
}) },)
} }
} }
@ -65,110 +67,103 @@ export default {
if (data.unit) { if (data.unit) {
unit = '单位:' + data.unit unit = '单位:' + data.unit
} }
let is1K = this.$dpi() == '1K'
let is2K = this.$dpi() == '2K'
this.option = { this.option = {
tooltip: { tooltip: {
trigger: 'axis', trigger: "axis",
axisPointer: { axisPointer: {
lineStyle: { lineStyle: {
color: '#57617B', color: "#57617B",
}, },
}, },
textStyle: {
fontSize: is1K ? 12 : is2K ? 18 : 20,
},
}, },
legend: { legend: {
icon: 'rect', icon: "rect",
itemWidth: 14, itemWidth: 14,
itemHeight: 10, itemHeight: 10,
itemGap: 15, itemGap: 15,
data: data.legend, data: data.legend,
top: -5, top: -5,
textStyle: { textStyle: {
fontSize: is1K ? 12 : is2K ? 20 : 30, fontSize: 14,
color: '#c8dbfc', color: "#c8dbfc",
}, },
}, },
grid: { grid: {
top: '15%', top: '15%',
left: '2%', left: "2%",
right: '3%', right: "3%",
bottom: '2%', bottom: "2%",
containLabel: true, containLabel: true,
}, },
xAxis: { xAxis: {
boundaryGap: false, boundaryGap: false,
type: 'category', type: "category",
data: data.date, data: data.date,
axisLine: { axisLine: {
//线x //线x
show: true, show: true,
lineStyle: { lineStyle: {
color: '#25597e', color: "#25597e",
type: 'dashed', type: "dashed",
}, },
}, },
axisTick: { axisTick: {
show: false, show: false
}, },
axisLabel: { axisLabel: {
// //
textStyle: { textStyle: {
color: '#c5d9fc', color: "#c5d9fc",
margin: 20, margin: 20,
fontSize: 12, fontSize: 14
}, },
}, },
}, },
yAxis: { yAxis: {
name: unit, name: unit,
type: 'value', type: "value",
nameTextStyle: {
color: '#c5d9fc',
fontSize: is1K ? 12 : is2K ? 18 : 24,
},
axisLine: { axisLine: {
//线x //线x
show: false, show: false,
lineStyle: { lineStyle: {
color: '#c5d9fc', color: "#c5d9fc",
type: 'dashed', type: "dashed",
}, },
}, },
axisTick: { axisTick: {
show: false, show: false
}, },
axisLabel: { axisLabel: {
show: true, show: true,
// //
textStyle: { textStyle: {
color: '#c5d9fc', color: "#c5d9fc",
margin: 20, margin: 20,
fontSize: is1K ? 12 : is2K ? 16 : 20, fontSize: 14
}, },
}, },
splitLine: { splitLine: {
show: true, show: true,
lineStyle: { lineStyle: {
color: '#25597e', color: "#25597e",
type: 'dashed', type: "dashed",
}, },
}, },
}, },
series: series, series: series
}
chChart.setOption(this.option) };
window.onresize = chChart.resize chChart.setOption(this.option);
window.onresize = chChart.resize;
}) })
}, },
}, },
watch: { watch: {
data: function (n, o) { data: function (n, o) {
this.getChartData() this.getChartData()
}, }
}, }
} }
</script> </script>

View File

@ -1,497 +1,367 @@
<template> <template>
<div class="project-power-iot main-page"> <div class="project-power-iot main-page">
<el-col :span="18" style="height: 100%;"> <el-col :span="18">
<module-one-1-3 label="配电箱监测" class="left-data1"> <module-one-1-3 label="配电箱监测">
<el-row> <el-row>
<el-col :span="5"> <el-col :span="5">
<div class="process-control-current-value-con"> <div class="process-control-current-value-con">
<div class="current-value-img"> <div class="current-value-img">
<img src="images/hj_wendu.png" /> <img src="images/hj_wendu.png" />
</div> </div>
<div class="process-control-current-value-data"> <div class="process-control-current-value-data">
<div>A相电压</div> <div>A相电压</div>
<p v-cloak> <p v-cloak>{{ runData.voltageA }} <span></span></p>
{{ runData.voltageA }} </div>
<span></span>
</p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_wendu.png" />
</div>
<div class="process-control-current-value-data">
<div>B相电压</div>
<p v-cloak>
{{ runData.voltageB }}
<span></span>
</p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_wendu.png" />
</div>
<div class="process-control-current-value-data">
<div>C相电压</div>
<p v-cloak>
{{ runData.voltageC }}
<span></span>
</p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/huanjingweidu.png" />
</div>
<div class="process-control-current-value-data">
<div>零线温度</div>
<p v-cloak>
{{ runData.temperature }}
<span></span>
</p>
</div>
</div>
</el-col>
<el-col :span="4">
<div class="process-control-current-value-con">
<div class="process-control-current-value-data">
<div>温度阈值</div>
<p class="red-data">
{{ powerRun.ratedTemperature }}
<span></span>
</p>
</div>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_dianliu.png" />
</div>
<div class="process-control-current-value-data">
<div>A相电流</div>
<p v-cloak>
{{ runData.currentA }}
<span>A</span>
</p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_dianliu.png" />
</div>
<div class="process-control-current-value-data">
<div>B相电流</div>
<p v-cloak>
{{ runData.currentB }}
<span>A</span>
</p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_dianliu.png" />
</div>
<div class="process-control-current-value-data">
<div>C相电流</div>
<p v-cloak>
{{ runData.currentC }}
<span>A</span>
</p>
</div>
</div>
</el-col>
</el-row>
</module-one-1-3>
<module-one-1-3 label="电压监控">
<div class="sjk-chart-line-title quality-button">
<div :class="trendBtnNav == 7 ? 'active' : ''" @click="initTrendData(7)">7</div>
<div :class="trendBtnNav == 30 ? 'active' : ''" @click="initTrendData(30)">30</div>
</div>
<trend-chart-line :key="chartKey" :height="chartHeight" :data="trendData"></trend-chart-line>
</module-one-1-3>
<module-one-1-3 label="电流监控">
<div class="sjk-chart-line-title quality-button">
<div :class="tumidityBtnNav == 7 ? 'active' : ''" @click="initTumidityData(7)">7</div>
<div :class="tumidityBtnNav == 30 ? 'active' : ''" @click="initTumidityData(30)">30</div>
</div>
<trend-chart-line :key="chartKey" :height="chartHeight" :data="tumidityData"></trend-chart-line>
</module-one-1-3>
</el-col>
<el-col :span="6" style="height: 100%;">
<div class="analyse-max">
<div class="analyse-map">
<div class="analyse-title analyse_title_blue">
<div class="analyse-text">当前设备</div>
<div class="analyse-equipment">配电箱监测</div>
</div>
<div class="hj-moment-max">
<table>
<tr>
<td>设备名称</td>
<td>
<div class="hj-moment-choice">
<div class="hj-moment-select">
<el-select v-model="powerRunId" @change="doIotSelect" popper-class="header-sel-project-pop">
<el-option v-for="item in powerRunList" :key="item.id" :label="item.deviceSn+'_'+item.deviceName" :value="item.id"></el-option>
</el-select>
</div>
<div class="hj-moment-state">
<div class="state-tag hj-moment-green" v-if="powerRun.onlineStatus=='1'">线</div>
<div class="state-tag hj-moment-orange" v-else>线</div>
</div>
</div>
</td>
</tr>
<tr>
<td>电箱等级</td>
<td>
<div class="hj-moment-blue">{{ powerRun.levels }} 级配电箱</div>
</td>
</tr>
<tr>
<td>额定电流</td>
<td v-cloak>{{ powerRun.ratedCurrent }}</td>
</tr>
<tr>
<td>额定电压</td>
<td v-cloak>{{ powerRun.ratedVoltage }}</td>
</tr>
<tr>
<td>联系人</td>
<td v-cloak>{{ powerRun.contactPerson }}</td>
</tr>
<tr>
<td>联系电话</td>
<td v-cloak>{{ powerRun.contactPersonPhone }}</td>
</tr>
<tr>
<td>更新时间</td>
<td v-cloak>{{ powerRun.createTime }}</td>
</tr>
</table>
</div>
</div>
<div class="analyse-min">
<div class="analyse-title">
<div class="analyse-text">正在发生</div>
</div>
<div class="afoot-content">
<div class="afoot-overflow process-afoot-overflow" style="height: 530px" id="afootOverflow" @mouseout="listMinMouseout" @mouseover="listMinMouseover">
<div v-if="warningDataList.length == 0" class="not-data"></div>
<template v-if="warningDataList.length > 0">
<div :key="i" :class="forIndex == i ? 'afoot-con-for active' : 'afoot-con-for '" v-for="(item, i) in warningDataList">
<div class="afoot-machinery-nam" v-cloak>{{ item.warningType }}</div>
<div class="afoot-machinery-info">
<div class="afoot-machinery-data">
<div class="afoot-machinery-state" v-cloak>{{ item.warningContent }}</div>
<div class="afoot-machinery-time" v-cloak>{{ item.createTime }}</div>
</div>
</div>
</div>
</template>
</div>
</div>
</div>
</div> </div>
</el-col> </el-col>
</div> <el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_wendu.png" />
</div>
<div class="process-control-current-value-data">
<div>B相电压</div>
<p v-cloak>{{ runData.voltageB }} <span></span></p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_wendu.png" />
</div>
<div class="process-control-current-value-data">
<div>C相电压</div>
<p v-cloak>{{ runData.voltageC }} <span></span></p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/huanjingweidu.png" />
</div>
<div class="process-control-current-value-data">
<div>零线温度</div>
<p v-cloak>{{ runData.temperature }} <span></span></p>
</div>
</div>
</el-col>
<el-col :span="4">
<div class="process-control-current-value-con">
<div class="process-control-current-value-data">
<div>温度阈值</div>
<p class="red-data">{{ powerRun.ratedTemperature }} <span></span></p>
</div>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_dianliu.png" />
</div>
<div class="process-control-current-value-data">
<div>A相电流</div>
<p v-cloak>{{ runData.currentA }} <span>A</span></p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_dianliu.png" />
</div>
<div class="process-control-current-value-data">
<div>B相电流</div>
<p v-cloak>{{ runData.currentB }} <span>A</span></p>
</div>
</div>
</el-col>
<el-col :span="5">
<div class="process-control-current-value-con">
<div class="current-value-img">
<img src="images/hj_dianliu.png" />
</div>
<div class="process-control-current-value-data">
<div>C相电流</div>
<p v-cloak>{{ runData.currentC }} <span>A</span></p>
</div>
</div>
</el-col>
</el-row>
</module-one-1-3>
<module-one-1-3 label="电压监控">
<div class="sjk-chart-line-title quality-button">
<div :class="trendBtnNav == 7 ? 'active' : ''" @click="initTrendData(7)">
近7天
</div>
<div :class="trendBtnNav == 30 ? 'active' : ''" @click="initTrendData(30)">
近30天
</div>
</div>
<trend-chart-line :height="220" :data="trendData"></trend-chart-line>
</module-one-1-3>
<module-one-1-3 label="电流监控">
<div class="sjk-chart-line-title quality-button">
<div :class="tumidityBtnNav == 7 ? 'active' : ''" @click="initTumidityData(7)">
近7天
</div>
<div
:class="tumidityBtnNav == 30 ? 'active' : ''"
@click="initTumidityData(30)"
>
近30天
</div>
</div>
<trend-chart-line :height="220" :data="tumidityData"></trend-chart-line>
</module-one-1-3>
</el-col>
<el-col :span="6">
<div class="analyse-max">
<div class="analyse-map">
<div class="analyse-title analyse_title_blue">
<div class="analyse-text">当前设备</div>
<div class="analyse-equipment">配电箱监测</div>
</div>
<div class="hj-moment-max">
<table>
<tr>
<td>设备名称</td>
<td>
<div class="hj-moment-choice">
<div class="hj-moment-select">
<el-select v-model="powerRunId" @change="doIotSelect" popper-class="header-sel-project-pop">
<el-option v-for="item in powerRunList" :key="item.id" :label="item.deviceSn+'_'+item.deviceName"
:value="item.id"></el-option>
</el-select>
</div>
<div class="hj-moment-state">
<div class="state-tag hj-moment-green" v-if="powerRun.onlineStatus=='1'">线</div>
<div class="state-tag hj-moment-orange" v-else>线</div>
</div>
</div>
</td>
</tr>
<tr>
<td>电箱等级</td>
<td>
<div class="hj-moment-blue">
{{ powerRun.levels }} 级配电箱
</div>
</td>
</tr>
<tr>
<td>额定电流</td>
<td v-cloak>{{ powerRun.ratedCurrent }}</td>
</tr>
<tr>
<td>额定电压</td>
<td v-cloak>{{ powerRun.ratedVoltage }}</td>
</tr>
<tr>
<td>联系人</td>
<td v-cloak>{{ powerRun.contactPerson }}</td>
</tr>
<tr>
<td>联系电话</td>
<td v-cloak>{{ powerRun.contactPersonPhone }}</td>
</tr>
<tr>
<td>更新时间</td>
<td v-cloak>{{ powerRun.createTime }}</td>
</tr>
</table>
</div>
</div>
<div class="analyse-min">
<div class="analyse-title">
<div class="analyse-text">正在发生</div>
</div>
<div class="afoot-content">
<div
class="afoot-overflow process-afoot-overflow"
style="height: 530px"
id="afootOverflow"
@mouseout="listMinMouseout"
@mouseover="listMinMouseover"
>
<div v-if="warningDataList.length == 0" class="not-data"></div>
<div
v-if="warningDataList.length > 0"
:class="forIndex == i ? 'afoot-con-for active' : 'afoot-con-for '"
v-for="(item, i) in warningDataList"
>
<div class="afoot-machinery-nam" v-cloak>{{ item.warningType }}</div>
<div class="afoot-machinery-info">
<div class="afoot-machinery-data">
<div class="afoot-machinery-state" v-cloak>{{ item.warningContent }}</div>
<div class="afoot-machinery-time" v-cloak>{{ item.createTime }}</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</el-col>
</div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
runData: { runData: {
voltageA: 0.0, voltageA:0.00,
voltageB: 0.0, voltageB:0.00,
voltageC: 0.0, voltageC:0.00,
}, },
powerRun: {}, powerRun: {},
powerRunId: 0, powerRunId: 0,
powerRunList: [], powerRunList: [],
trendBtnNav: 7, trendBtnNav: 7,
trendData: [], trendData: [],
tumidityBtnNav: 7, tumidityBtnNav: 7,
tumidityData: [], tumidityData: [],
warningDataList: [], warningDataList: [],
forIndex: 0, forIndex: 0,
warningInterval: undefined, warningInterval: undefined,
dpi: '',
chartKey: 0, };
chartHeight: 220, },
mounted() {
this.$store.dispatch("ChangeNav", 306);
this.$bus.$on("projectChange", (prj) => {
this.selProject = prj;
this.init();
});
this.selProject = this.$store.getters.selProject;
this.init();
},
methods: {
init() {
if (!this.selProject) {
return;
}
this.$api.powerIot.findProAllConfigPoint(this.selProject.id).then((res) => {
if (res.data.length > 0) {
this.powerRunId = res.data[0].id;
this.powerRun = res.data[0];
this.initTrendData();
this.initTumidityData();
this.initPowerWarning();
} }
this.powerRunList = res.data;
});
}, },
mounted() { initTrendData(_date) {
this.$store.dispatch('ChangeNav', 306) if (_date) {
this.$bus.$on('projectChange', (prj) => { this.trendBtnNav = _date;
this.selProject = prj }
this.init() this.$api.powerIot
}) .findIotDatasMonitor(this.selProject.id, this.powerRun.id, this.trendBtnNav)
this.selProject = this.$store.getters.selProject .then((res) => {
this.reSize() if (res.data.length > 0) {
window.addEventListener('resize', () => { this.runData = res.data[0];
if (this.dpi != this.$dpi()) { res.data.reverse();
this.reSize() let _data1 = [];
} let _data2 = [];
}) let _data3 = [];
this.init() let _data4 = [];
let _data5 = [];
let _data6 = [];
let _date8 = [];
res.data.forEach(item => {
_data1.push(item.voltageA);
_data2.push(item.voltageB);
_data3.push(item.voltageC);
_data4.push(item.voltageAb);
_data5.push(item.voltageBc);
_data6.push(item.voltageCa);
_date8.push(item.createTime);
});
let _lineData = [];
_lineData.push(_data1);
_lineData.push(_data2);
_lineData.push(_data3);
_lineData.push(_data4);
_lineData.push(_data5);
_lineData.push(_data6);
let _color = ['#0078e7','#f8e04d','#00bcd4','#008ffd','#f6d023','#5af9fd'];
let _legend = ['A相电压','B相电压','C相电压','AB相电压','BC相电压','CA相电压'];
let _trendData = {'lineData':_lineData,'color':_color,'legend':_legend,'unit':'V','date':_date8};
this.trendData = _trendData;
}
});
}, },
methods: { initTumidityData(_date) {
reSize() { if (_date) {
this.dpi = this.$dpi() this.tumidityBtnNav = _date;
this.chartHeight = this.dpi == '1K' ? 180 : this.dpi == '2K' ? 260 : 500 }
this.chartKey++ let _ratedCurrent = this.powerRun.ratedCurrent;
console.log('------>', this.chartHeight) this.$api.powerIot
}, .findIotDatasMonitor(this.selProject.id, this.powerRun.id, this.tumidityBtnNav)
init() { .then((res) => {
if (!this.selProject) { if (res.data.length > 0) {
return res.data.reverse();
} let _data1 = [];
this.$api.powerIot.findProAllConfigPoint(this.selProject.id).then((res) => { let _data2 = [];
if (res.data.length > 0) { let _data3 = [];
this.powerRunId = res.data[0].id let _data4 = [];
this.powerRun = res.data[0] let _date8 = [];
this.initTrendData() res.data.forEach(item => {
this.initTumidityData() _data1.push(item.currentA);
this.initPowerWarning() _data2.push(item.currentB);
} _data3.push(item.currentC);
this.powerRunList = res.data _data4.push(_ratedCurrent);
}) _date8.push(item.createTime);
}, });
initTrendData(_date) { let _lineData = [];
if (_date) { _lineData.push(_data1);
this.trendBtnNav = _date _lineData.push(_data2);
} _lineData.push(_data3);
this.$api.powerIot.findIotDatasMonitor(this.selProject.id, this.powerRun.id, this.trendBtnNav).then((res) => { _lineData.push(_data4);
if (res.data.length > 0) { let _color = ['#008ffd','#f6d023','#5af9fd','#FF0016'];
this.runData = res.data[0] let _legend = ['A相电流','B相电流','C相电流','电流阈值'];
res.data.reverse() let _tumidityData = {'lineData':_lineData,'color':_color,'legend':_legend,'unit':'A','date':_date8};
let _data1 = [] this.tumidityData = _tumidityData;
let _data2 = [] }
let _data3 = [] });
let _data4 = [] },
let _data5 = [] initPowerWarning(){
let _data6 = [] this.$api.powerIot
let _date8 = [] .findIotWarnings(this.selProject.id, this.powerRun.id)
res.data.forEach((item) => { .then((res) => {
_data1.push(item.voltageA) this.warningDataList = res.data;
_data2.push(item.voltageB) });
_data3.push(item.voltageC) },
_data4.push(item.voltageAb) doIotSelect(){
_data5.push(item.voltageBc) let _iots = this.powerRunList.filter(detail => detail.id == this.powerRunId);
_data6.push(item.voltageCa) if (_iots.length > 0) {
_date8.push(item.createTime) this.powerRun = _iots[0];
}) this.initTrendData();
let _lineData = [] this.initTumidityData();
_lineData.push(_data1) this.initPowerWarning();
_lineData.push(_data2) }
_lineData.push(_data3) },
_lineData.push(_data4) automaticRoll() {
_lineData.push(_data5) var height = $(".afoot-con-for").innerHeight()
_lineData.push(_data6) if (this.forIndex == this.warningDataList.length) {
let _color = ['#0078e7', '#f8e04d', '#00bcd4', '#008ffd', '#f6d023', '#5af9fd'] this.forIndex = 0
let _legend = ['A相电压', 'B相电压', 'C相电压', 'AB相电压', 'BC相电压', 'CA相电压'] } else {
let _trendData = { lineData: _lineData, color: _color, legend: _legend, unit: 'V', date: _date8 } this.forIndex = this.forIndex + 1
this.trendData = _trendData }
}
})
},
initTumidityData(_date) {
if (_date) {
this.tumidityBtnNav = _date
}
let _ratedCurrent = this.powerRun.ratedCurrent
this.$api.powerIot.findIotDatasMonitor(this.selProject.id, this.powerRun.id, this.tumidityBtnNav).then((res) => {
if (res.data.length > 0) {
res.data.reverse()
let _data1 = []
let _data2 = []
let _data3 = []
let _data4 = []
let _date8 = []
res.data.forEach((item) => {
_data1.push(item.currentA)
_data2.push(item.currentB)
_data3.push(item.currentC)
_data4.push(_ratedCurrent)
_date8.push(item.createTime)
})
let _lineData = []
_lineData.push(_data1)
_lineData.push(_data2)
_lineData.push(_data3)
_lineData.push(_data4)
let _color = ['#008ffd', '#f6d023', '#5af9fd', '#FF0016']
let _legend = ['A相电流', 'B相电流', 'C相电流', '电流阈值']
let _tumidityData = { lineData: _lineData, color: _color, legend: _legend, unit: 'A', date: _date8 }
this.tumidityData = _tumidityData
}
})
},
initPowerWarning() {
this.$api.powerIot.findIotWarnings(this.selProject.id, this.powerRun.id).then((res) => {
this.warningDataList = res.data
})
},
doIotSelect() {
let _iots = this.powerRunList.filter((detail) => detail.id == this.powerRunId)
if (_iots.length > 0) {
this.powerRun = _iots[0]
this.initTrendData()
this.initTumidityData()
this.initPowerWarning()
}
},
automaticRoll() {
var height = $('.afoot-con-for').innerHeight()
if (this.forIndex == this.warningDataList.length) {
this.forIndex = 0
} else {
this.forIndex = this.forIndex + 1
}
$('#afootOverflow').animate({ scrollTop: height * this.forIndex + 'px' }) $("#afootOverflow").animate({ scrollTop: (height * this.forIndex) + 'px' })
},
listMinMouseover() {
clearInterval(this.warningInterval)
},
listMinMouseout() {
this.warningInterval = setInterval(this.automaticRoll, 5000)
},
}, },
}
listMinMouseover() {
clearInterval(this.warningInterval);
},
listMinMouseout() {
this.warningInterval = setInterval(this.automaticRoll, 5000);
},
},
};
</script> </script>
<style lang="less">
.project-power-iot {
.screen-one-1-3 {
height: calc(33% - 20px);
}
.left-data1 {
.current-value-img {
height: 80px;
width: 80px;
}
}
}
@media (min-width: 1921px) and (max-width: 2560px) {
.project-power-iot {
.left-data1 {
.el-row {
margin-top: 20px;
&:first-child {
margin-bottom: 30px;
}
}
.current-value-img {
height: 100px;
width: 100px;
img {
width: 50px;
height: 50px;
}
}
.process-control-current-value-data {
font-size: 26px;
}
}
.sjk-chart-line-title {
div {
font-size: 26px;
padding: 8px 16px;
}
}
.analyse-max {
* {
font-size: 18px;
}
.analyse-text,
.analyse-equipment {
font-size: 24px;
}
.analyse-title {
height: 64px;
}
.hj-moment-max {
td {
font-size: 18px;
}
}
.afoot-machinery-nam {
font-size: 18px;
}
}
.el-input__inner {
font-size: 18px;
height: 36px;
}
}
}
@media (min-width: 2561px) {
.project-power-iot {
.left-data1 {
.el-row {
margin-top: 60px;
&:first-child {
margin-bottom: 80px;
}
}
.current-value-img {
height: 160px;
width: 160px;
img {
width: 80px;
height: 80px;
}
}
.process-control-current-value-data {
font-size: 32px;
}
}
.sjk-chart-line-title {
div {
font-size: 32px;
padding: 10px 20px;
}
}
.analyse-max {
* {
font-size: 24px;
}
.analyse-text,
.analyse-equipment {
font-size: 32px;
}
.analyse-title {
height: 100px;
}
.hj-moment-max {
td {
font-size: 24px;
}
}
.afoot-machinery-nam {
font-size: 24px;
}
}
.el-input__inner {
font-size: 24px;
height: 48px;
}
}
}
</style>

View File

@ -346,7 +346,7 @@ function handleDelete(row) {
proxy.$modal proxy.$modal
.confirm('是否确认删除建碳管理编号为【' + _ids + '】的数据项?') .confirm('是否确认删除建碳管理编号为【' + _ids + '】的数据项?')
.then(function () { .then(function () {
return delGreenCarbonData(row && row.id ? row.id : ids.value) return delGreenCarbonData(_ids)
}) })
.then(() => { .then(() => {
getList() getList()