jiangyq
/
YZProjectCloud
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改大屏和后台前端

dev_xd
haha 2025-05-10 01:07:53 +08:00
parent 08df9489a5
commit 9864ee43c7
3 changed files with 529 additions and 394 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
yanzhu-bigscreen/src/components/trend-chart-line.vue
View File

@ -1,16 +1,14 @@
<template> <template>
<div :style="{ 'height': height + 'px' }" ref="chart"> <div :style="{ 'height': height + 'px' }" ref="chart"></div>
</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() {
@ -27,7 +25,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) {
@ -42,9 +40,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: {
@ -59,7 +57,7 @@ export default {
}, },
}, },
data: data.lineData[i], data: data.lineData[i],
},) })
} }
} }
@ -67,103 +65,110 @@ 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: 14, fontSize: is1K ? 12 : is2K ? 20 : 30,
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: 14 fontSize: 12,
}, },
}, },
}, },
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: 14 fontSize: is1K ? 12 : is2K ? 16 : 20,
}, },
}, },
splitLine: { splitLine: {
show: true, show: true,
lineStyle: { lineStyle: {
color: "#25597e", color: '#25597e',
type: "dashed", type: 'dashed',
}, },
}, },
}, },
series: series series: series,
}
}; chChart.setOption(this.option)
chChart.setOption(this.option); window.onresize = chChart.resize
window.onresize = chChart.resize;
}) })
}, },
}, },
watch: { watch: {
data: function (n, o) { data: function (n, o) {
this.getChartData() this.getChartData()
} },
} },
} }
</script> </script>

838
yanzhu-bigscreen/src/views/safety/powerIot.vue
View File

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

2
yanzhu-ui-vue3/src/views/manage/greenCarbonData/index.vue
View File

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