Skip to content

B
bigScreen
Commit 1c34c412 by 红发
Options

电站效率改为电站发电量 

月突发时间修改为设备故障统计
parent 505d39e1
Showing with 75 additions and 80 deletions
index 8-10.html 0 → 100644
This diff is collapsed. Click to expand it.
index.html
......@@ -372,15 +372,7 @@
var map = new ol.Map({
target: 'map-container',
layers: [
// new ol.layer.Tile({
// id: "tileSatellite",
// type: "raster",
// // source: new XYZ({
// source: new ol.source.XYZ({
// // url: "/map/{z}/{x}/{y}.png",
// url: "http://t3.tianditu.com/DataServer?T=img_w&tk=eff9a8168f2e8158b71581813ff99d80&x={x}&y={y}&l={z}",
// }),
// }),
new ol.layer.Tile({
id: "bla",
type: "raster",
......@@ -401,22 +393,7 @@
maxZoom: 20,
})
});
// {
// "type": "Feature",
// "properties": {
// "id": 1,
// "Name": "国家电投澄城璞地光伏发电站",
// "Desc": null,
// "Address": null
// },
// "geometry": {
// "type": "Point",
// "coordinates": [
// 109.989707717209782,
// 35.130936020636923
// ]
// }
// }
let stationMarker = new ol.Feature({
geometry: new ol.geom.Point(ol.proj.fromLonLat([109.989707717209782, 35.130936020636923])),
name: "国家电投澄城璞地光伏发电站",
......@@ -542,7 +519,7 @@
<!-- 右侧面板 -->
<div class="sudden">
<h4>月突发事件</h4>
<h4>故障数量统计</h4>
<!-- <img src="./images/lift1.png" alt=""> -->
<div id="emergency" style="width: 440px;height: 350px;margin-top: -45px;"></div>
</div>
......@@ -555,7 +532,7 @@
</div>
<!-- 发电量功率展示 -->
<div class="capacity">
<h4>电站效率</h4>
<h4>电站发电量</h4>
<div class="perform">
<div class="finishing">
<div id="predict" style="width: 130px;height: 130px;"></div>
......@@ -581,10 +558,7 @@
</div>
<!-- <div class="accumulated" id="aggregate-value">累计发电量：0万kWh</div> -->
</div>
<!-- 底部效果 -->
<!-- <div class="footer">
<img src="./images/bottom.png" alt="">
</div> -->
<script type="text/javascript">
// 获取当前时间
......@@ -679,13 +653,7 @@
labelLine: {
show: false,
},
// data: [
// { value: 348, name: '维修工单' },
// { value: 735, name: '巡检工单' },
// { value: 580, name: '完结工单' },
// { value: 484, name: '待办工单' },
// { value: 300, name: '新增工单' },
// ]
data: orderData
}
]
......@@ -696,7 +664,7 @@
}
</script>
<!-- 突发事件 -->
<!-- 设备故障统计 -->
<script type="text/javascript">
var emergencyDom = document.getElementById('emergency');
......@@ -718,10 +686,10 @@
// 获取当前月份天数
var days = getDays()[0] - getDays()[1];
console.log(days);
let daysList = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '14', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31']
// let showDataList = [10, 52, 20, 34, 30, 33, 22, 10, 52, 20, 34, 39, 30, 20, 2, 10, 52, 20, 33, 30, 30, 20, 10, 2, 40, 34, 9, 37, 70, 10, 23]
let daysList = [ '逆变器', '箱变', '汇流箱']
let showDataList = Array(days).fill(0)
let emergencyOption = {
color: '#0079fe',
tooltip: {
......@@ -740,8 +708,7 @@
xAxis: [
{
type: 'category',
// data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '14', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31'],
data: daysList.slice(0, days),
data: daysList,
axisTick: {
alignWithLabel: true
},
......@@ -790,13 +757,72 @@
}
],
series: [
{
name: '危机',
type: 'bar',
itemStyle: {
normal: {
show: true,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#f7734e'
}, {
offset: 1,
color: '#e12945'
}]),
// barBorderRadius: 50,
borderWidth: 0,
}
},
zlevel: 2,
barWidth: '10%',
data: [8, 15, 10]
},
{
name: '今日突发事件',
type: 'bar',
barWidth: '60%',
// data: [10, 52, 20, 34, 30, 33, 22, 10, 52, 20, 34, 39, 30, 20, 2, 10, 52, 20, 33, 30, 30, 20, 10, 2, 40, 34, 9, 37, 70, 10, 23],
data: showDataList.slice(0, days),
name: '紧急',
type: 'bar',
barWidth: '10%',
itemStyle: {
normal: {
show: true,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#96d668'
}, {
offset: 1,
color: '#01babc'
}]),
// barBorderRadius: 50,
borderWidth: 0,
}
},
zlevel: 2,
barGap: '100%',
data: [8, 17, 26]
},
{
name: '一般',
type: 'bar',
barWidth: '10%',
itemStyle: {
normal: {
show: true,
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#1a98f8'
}, {
offset: 1,
color: '#7049f0'
}]),
// barBorderRadius: 50,
borderWidth: 0,
}
},
zlevel: 2,
barGap: '100%',
data: [8, 17, 26]
}
]
};
......@@ -1623,38 +1649,7 @@
});
}
// 更新突发事件数据
function updateEmergencyData() {
loadDataStatus.updateEmergencyData = true
$.ajax({
type: "GET",
url: "/api/blade-inspectionWorkOrder/inspectionWorkOrder/list?type=4&current=1&size=100",
success: function (result) {
console.log('updateEmergencyData', result);
let records = result.data.records
// res 为当前天数列表，全部为0
let currDays = getDays()[0] - getDays()[1]
let res = new Array(currDays).fill(0)
let currMonth = new Date().getMonth() + 1
records.forEach(item => {
// 获取 item.createTime 的月份并检查是否为当前月份
let createTime = new Date(item.createTime)
let createMonth = createTime.getMonth() + 1
if (createMonth == currMonth) {
res[createTime.getDate() - 1] += 1
}
});
console.log('res', res);
emergencyOption.xAxis[0].data = daysList.slice(0, currDays)
emergencyOption.series[0].data = res.slice(0, currDays)
emergencyChart.setOption(emergencyOption);
},
// 失败或者超时的回调函数
error: function (xhr, status, error) {
loadDataStatus.updateEmergencyData = false
}
});
}
// 更新全部工单完成率
// api/blade-deviceAccount/deviceAccount/list?current=1&size=10
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment