|
|
@@ -267,144 +267,8 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <!--设备状态-->
|
|
|
- <view class="statistics-4 statistics">
|
|
|
- <view class="title">
|
|
|
- <view class="icon">
|
|
|
- <image class="img" src="@/assets/img/circleCopy1@1x.png" mode=""></image>
|
|
|
- </view>
|
|
|
- <view class="text">
|
|
|
- 设备状态
|
|
|
- </view>
|
|
|
-
|
|
|
-
|
|
|
- </view>
|
|
|
- <view class="chat">
|
|
|
- <view id="pieEcharts" style="min-height:620rpx;">
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 故障类型 -->
|
|
|
- <view class="statistics-5 statistics">
|
|
|
- <view class="title">
|
|
|
- <view class="icon">
|
|
|
- <image class="img" src="@/assets/img/circleCopy1@1x.png" mode=""></image>
|
|
|
- </view>
|
|
|
- <view class="text">
|
|
|
- 故障类型
|
|
|
- </view>
|
|
|
-
|
|
|
-
|
|
|
- </view>
|
|
|
- <view class="chat">
|
|
|
- <view id="barEcharts" style="min-height:410rpx;">
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 工单处理 -->
|
|
|
- <view class="statistics-6 statistics">
|
|
|
- <view class="title">
|
|
|
- <view class="icon">
|
|
|
- <image class="img" src="@/assets/img/circleCopy1@1x.png" mode=""></image>
|
|
|
- </view>
|
|
|
- <view class="text">
|
|
|
- 工单处理
|
|
|
- </view>
|
|
|
-
|
|
|
-
|
|
|
- </view>
|
|
|
- <view class="chat">
|
|
|
- <view id="lineEcharts" style="min-height:410rpx;">
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 异常设备排名 -->
|
|
|
- <view class="statistics statistics-ranking">
|
|
|
- <view class="title">
|
|
|
- <view class="icon">
|
|
|
- <image class="img" src="@/assets/img/circleCopy1@1x.png" mode=""></image>
|
|
|
- </view>
|
|
|
- <view class="text">
|
|
|
- 异常设备排名
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 合计 -->
|
|
|
- <view class="total">
|
|
|
- 本年度共有<text> 42</text>次设备异常告警
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="ranking-main">
|
|
|
- <view class="item">
|
|
|
- <view class="ranking">
|
|
|
- 1
|
|
|
- </view>
|
|
|
- <view class="icon">
|
|
|
- <image class="img" src="@/assets/img/transformer1.svg" mode=""></image>
|
|
|
- </view>
|
|
|
- <view class="name">
|
|
|
- <view class="name1">
|
|
|
- 荆鹏软件园01
|
|
|
- </view>
|
|
|
- <view class="name2">
|
|
|
- 荆鹏集团
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="time">
|
|
|
- 5次
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
- <view class="ranking">
|
|
|
- 2
|
|
|
- </view>
|
|
|
- <view class="icon">
|
|
|
- <image class="img" src="@/assets/img/transformer1.svg" mode=""></image>
|
|
|
- </view>
|
|
|
- <view class="name">
|
|
|
- <view class="name1">
|
|
|
- 玉桥公园02
|
|
|
- </view>
|
|
|
- <view class="name2">
|
|
|
- 荆鹏集团
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="time">
|
|
|
- 5次
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
- <view class="ranking">
|
|
|
- 3
|
|
|
- </view>
|
|
|
- <view class="icon">
|
|
|
- <image class="img" src="@/assets/img/transformer1.svg" mode=""></image>
|
|
|
- </view>
|
|
|
- <view class="name">
|
|
|
- <view class="name1">
|
|
|
- 御河社区03
|
|
|
- </view>
|
|
|
- <view class="name2">
|
|
|
- 荆鹏集团
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="time">
|
|
|
- 5次
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 查看全部排名 -->
|
|
|
- <view class="check-all">
|
|
|
- 查看全部排名 <u-icon name="arrow-down" size="24" color="rgba(119,119,119,1)"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
</view>
|
|
|
|
|
|
-
|
|
|
<energyCenterTabbar :current="0"></energyCenterTabbar>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -433,28 +297,11 @@
|
|
|
companyList: [],
|
|
|
pRotation: false,
|
|
|
eRotation: false,
|
|
|
- myPieChart: null, // 图表
|
|
|
- myBarChart: null,
|
|
|
- myLineChart: null,
|
|
|
popShow: false,
|
|
|
- list: [{
|
|
|
- name: '全部'
|
|
|
- }, {
|
|
|
- name: '荆鹏集团'
|
|
|
- }, {
|
|
|
- name: '青少年宫',
|
|
|
-
|
|
|
- }, {
|
|
|
- name: '荆州院子'
|
|
|
- }, ],
|
|
|
current: 0
|
|
|
}
|
|
|
},
|
|
|
onReady() {
|
|
|
- this.getPieCharts();
|
|
|
- this.getBarCharts();
|
|
|
- this.getLineCharts();
|
|
|
-
|
|
|
this.getfindByOpenId();
|
|
|
this.getPowerConsumption(0);
|
|
|
this.getEquipmentDataMonitoring(0);
|
|
|
@@ -570,198 +417,6 @@
|
|
|
// 累计报警
|
|
|
getAccumulatedAlarms() {
|
|
|
|
|
|
- },
|
|
|
- getLineCharts() {
|
|
|
- if (!this.myLineChart) {
|
|
|
- this.myLineChart = echarts.init(document.getElementById('lineEcharts'));
|
|
|
- }
|
|
|
- var option = {
|
|
|
- tooltip: {
|
|
|
- trigger: 'axis',
|
|
|
- axisPointer: {
|
|
|
- type: 'shadow'
|
|
|
- }
|
|
|
- },
|
|
|
- legend: {
|
|
|
- data: ['新增工单', '处理工单', '剩余工单']
|
|
|
- },
|
|
|
- grid: {
|
|
|
- left: '3%',
|
|
|
- right: '4%',
|
|
|
- bottom: '3%',
|
|
|
- containLabel: true
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- type: 'category',
|
|
|
- data: ['1日', '2日', '3日', '4日', '5日', '6日']
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- type: 'value'
|
|
|
- },
|
|
|
- series: [{
|
|
|
- name: '新增工单',
|
|
|
- type: 'line',
|
|
|
- data: [2, 1, 0, 1, 3, 0],
|
|
|
- itemStyle: {
|
|
|
- color: '#FF3D00'
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- name: '处理工单',
|
|
|
- type: 'line',
|
|
|
- data: [3, 1, 1, 0, 2, 1],
|
|
|
- itemStyle: {
|
|
|
- color: '#FF7B00'
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- name: '剩余工单',
|
|
|
- type: 'line',
|
|
|
- data: [5, 2, 1, 1, 5, 1],
|
|
|
- itemStyle: {
|
|
|
- color: '#58A55C'
|
|
|
- }
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
-
|
|
|
- this.myLineChart.setOption(option);
|
|
|
- },
|
|
|
- getBarCharts() {
|
|
|
- if (!this.myBarChart) {
|
|
|
- this.myBarChart = echarts.init(document.getElementById('barEcharts'));
|
|
|
- }
|
|
|
- var option = {
|
|
|
- tooltip: {
|
|
|
- trigger: 'axis',
|
|
|
- axisPointer: {
|
|
|
- type: 'shadow'
|
|
|
- }
|
|
|
- },
|
|
|
- legend: {},
|
|
|
- grid: {
|
|
|
- left: '3%',
|
|
|
- right: '4%',
|
|
|
- bottom: '3%',
|
|
|
- containLabel: true
|
|
|
- },
|
|
|
- xAxis: [{
|
|
|
- type: 'category',
|
|
|
- data: ['一月', '二月', '三月']
|
|
|
- }],
|
|
|
- yAxis: [{
|
|
|
- type: 'value'
|
|
|
- }],
|
|
|
- barGap: '0',
|
|
|
- series: [{
|
|
|
- name: '温度异常',
|
|
|
- type: 'bar',
|
|
|
- data: [100, 140, 230],
|
|
|
- itemStyle: {
|
|
|
- color: '#FF3D00'
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- name: '电压异常',
|
|
|
- type: 'bar',
|
|
|
- data: [150, 100, 200],
|
|
|
- itemStyle: {
|
|
|
- color: '#FF7B00'
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- name: '功率因素异常',
|
|
|
- type: 'bar',
|
|
|
- data: [50, 80, 100],
|
|
|
- itemStyle: {
|
|
|
- color: '#FFAE00'
|
|
|
- }
|
|
|
- }
|
|
|
- ]
|
|
|
- };
|
|
|
-
|
|
|
- this.myBarChart.setOption(option);
|
|
|
- },
|
|
|
- getPieCharts() {
|
|
|
- if (!this.myPieChart) {
|
|
|
- this.myPieChart = echarts.init(document.getElementById('pieEcharts'));
|
|
|
- }
|
|
|
-
|
|
|
- var option = {
|
|
|
- tooltip: {
|
|
|
- trigger: 'item',
|
|
|
- },
|
|
|
- legend: {
|
|
|
- top: '0%',
|
|
|
- left: 'center'
|
|
|
- },
|
|
|
- series: [{
|
|
|
- type: 'pie',
|
|
|
- top: '10%',
|
|
|
- radius: ['45%', '60%'],
|
|
|
- label: {
|
|
|
- formatter: '{name|{b}}\n{value|{c}}',
|
|
|
- fontSize: 12,
|
|
|
- position: 'outer',
|
|
|
- bleedMargin: 5,
|
|
|
- rich: {
|
|
|
- name: {
|
|
|
- align: 'left'
|
|
|
- },
|
|
|
- value: {
|
|
|
- align: 'left'
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- emphasis: {
|
|
|
- label: {
|
|
|
- itemStyle: {
|
|
|
- shadowBlur: 10,
|
|
|
- shadowOffsetX: 0,
|
|
|
- shadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- data: [{
|
|
|
- value: 2,
|
|
|
- name: '温度异常',
|
|
|
- itemStyle: {
|
|
|
- color: '#FF4F3F'
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- value: 3,
|
|
|
- name: '电压异常',
|
|
|
- itemStyle: {
|
|
|
- color: '#FF7B00'
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- value: 8,
|
|
|
- name: '正常运行',
|
|
|
- itemStyle: {
|
|
|
- color: '#1677FF'
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- value: 1,
|
|
|
- name: '功率因素异常',
|
|
|
- itemStyle: {
|
|
|
- color: '#F2BD42'
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- value: 1,
|
|
|
- name: '设备离线',
|
|
|
- itemStyle: {
|
|
|
- color: '#C2C2C2'
|
|
|
- }
|
|
|
- }
|
|
|
- ]
|
|
|
- }]
|
|
|
- };
|
|
|
-
|
|
|
- this.myPieChart.setOption(option);
|
|
|
},
|
|
|
change(index) {
|
|
|
this.current = index;
|
wkyy