Merge pull request 'projects/mesxc-zjl' (#256) from projects/mesxc-zjl into projects/mesxc-test
Reviewed-on: #256
This commit is contained in:
commit
40ff565b92
@ -1,8 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div id="analysischartLine" style="width: 100%;height: 100%;"></div>
|
||||||
id="analysischartLine"
|
|
||||||
style="width: 100%;height: 100%;"
|
|
||||||
></div>
|
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import * as echarts from 'echarts'
|
import * as echarts from 'echarts'
|
||||||
@ -56,11 +53,10 @@ export default {
|
|||||||
let yData = []
|
let yData = []
|
||||||
for (let j = 0; j < arr.length; j++) {
|
for (let j = 0; j < arr.length; j++) {
|
||||||
for (let k = 0; k < keys.length; k++) {
|
for (let k = 0; k < keys.length; k++) {
|
||||||
if (keys[k].indexOf(arr[j]+'_上年同期') > -1 || keys[k].indexOf(arr[j]+'_能源消耗') > -1) {
|
if (keys[k].indexOf(arr[j] + '_上年同期') > -1 || keys[k].indexOf(arr[j] + '_能源消耗') > -1) {
|
||||||
let obj = {
|
let obj = {
|
||||||
name: '',
|
name: '',
|
||||||
type: 'line',
|
type: 'line',
|
||||||
stack: 'Total',
|
|
||||||
data: []
|
data: []
|
||||||
}
|
}
|
||||||
obj.name = keys[k]
|
obj.name = keys[k]
|
||||||
@ -71,14 +67,14 @@ export default {
|
|||||||
for (let i = 0; i < this.chartData.length; i++) {
|
for (let i = 0; i < this.chartData.length; i++) {
|
||||||
xData.push(this.chartData[i].time)
|
xData.push(this.chartData[i].time)
|
||||||
for (let p = 0; p < yData.length; p++) {
|
for (let p = 0; p < yData.length; p++) {
|
||||||
yData[p].data.push(this.chartData[i][ yData[p].name])
|
yData[p].data.push(this.chartData[i][yData[p].name])
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
var option = {
|
var option = {
|
||||||
color:['#FFDC94','#8EF0AB','#63BDFF','#288AFF','#7164FF','#FF6860','#FF9747','#B0EB42','#D680FF','#0043D2'],
|
color: ['#FFDC94', '#8EF0AB', '#63BDFF', '#288AFF', '#7164FF', '#FF6860', '#FF9747', '#B0EB42', '#D680FF', '#0043D2'],
|
||||||
legend: {
|
legend: {
|
||||||
data: keys,
|
data: keys,
|
||||||
right:'1%'
|
right: '1%'
|
||||||
},
|
},
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'axis'
|
trigger: 'axis'
|
||||||
|
@ -2,40 +2,22 @@
|
|||||||
<div class="app-container energyOverlimitLog">
|
<div class="app-container energyOverlimitLog">
|
||||||
|
|
||||||
<!-- 搜索工作栏 -->
|
<!-- 搜索工作栏 -->
|
||||||
<search-bar
|
<search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
|
||||||
:formConfigs="formConfig"
|
|
||||||
ref="searchBarForm"
|
|
||||||
@headBtnClick="buttonClick"
|
|
||||||
/>
|
|
||||||
<el-tabs v-model="activeName" @tab-click="toggleTab">
|
<el-tabs v-model="activeName" @tab-click="toggleTab">
|
||||||
<el-tab-pane label="自动抄表" name="auto"></el-tab-pane>
|
<el-tab-pane label="自动抄表" name="auto"></el-tab-pane>
|
||||||
<el-tab-pane label="手动抄表" name="manual"></el-tab-pane>
|
<el-tab-pane label="手动抄表" name="manual"></el-tab-pane>
|
||||||
</el-tabs>
|
</el-tabs>
|
||||||
<!-- 列表 -->
|
<!-- 列表 -->
|
||||||
<div v-if="activeName === 'auto'">
|
<div v-if="activeName === 'auto'">
|
||||||
<base-table
|
<base-table :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-props="tableProps" :table-data="list"
|
||||||
:page="queryParams.pageNo"
|
:max-height="tableH" />
|
||||||
:limit="queryParams.pageSize"
|
|
||||||
:table-props="tableProps"
|
|
||||||
:table-data="list"
|
|
||||||
:max-height="tableH"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div v-if="activeName === 'manual'">
|
<div v-if="activeName === 'manual'">
|
||||||
<base-table
|
<base-table :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-props="tableProps2"
|
||||||
:page="queryParams.pageNo"
|
:table-data="list2" :max-height="tableH" />
|
||||||
:limit="queryParams.pageSize"
|
|
||||||
:table-props="tableProps2"
|
|
||||||
:table-data="list2"
|
|
||||||
:max-height="tableH"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<pagination
|
<pagination :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" :total="total"
|
||||||
:page.sync="queryParams.pageNo"
|
@pagination="getList" />
|
||||||
:limit.sync="queryParams.pageSize"
|
|
||||||
:total="total"
|
|
||||||
@pagination="getList"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -160,8 +142,8 @@ export default {
|
|||||||
method: '1'
|
method: '1'
|
||||||
},
|
},
|
||||||
typeList: [
|
typeList: [
|
||||||
{id: 1, name: '合并'},
|
{ id: 1, name: '合并' },
|
||||||
{id: 2, name: '详细'}
|
{ id: 2, name: '详细' }
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
@ -183,7 +165,7 @@ export default {
|
|||||||
getList() {
|
getList() {
|
||||||
getEnergyOverlimitLogPage(this.queryParams).then(response => {
|
getEnergyOverlimitLogPage(this.queryParams).then(response => {
|
||||||
let arr = response.data.list || [];
|
let arr = response.data.list || [];
|
||||||
arr&&arr.map((item) => {
|
arr && arr.map((item) => {
|
||||||
this.typeList.map((i) => {
|
this.typeList.map((i) => {
|
||||||
if (item.type === i.id) {
|
if (item.type === i.id) {
|
||||||
item.type = i.name
|
item.type = i.name
|
||||||
@ -191,15 +173,21 @@ export default {
|
|||||||
})
|
})
|
||||||
if (item.minValue && item.maxValue) {
|
if (item.minValue && item.maxValue) {
|
||||||
item.limitValue = item.minValue + '-' + item.maxValue
|
item.limitValue = item.minValue + '-' + item.maxValue
|
||||||
} else if(item.minValue){
|
} else if (item.minValue) {
|
||||||
item.limitValue = '最小值' + item.minValue
|
item.limitValue = '最小值' + item.minValue
|
||||||
}else if(item.maxValue){
|
} else if (item.maxValue) {
|
||||||
item.limitValue = '最大值' + item.maxValue
|
item.limitValue = '最大值' + item.maxValue
|
||||||
} else {
|
} else {
|
||||||
item.limitValue = ''
|
item.limitValue = ''
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
this.list = arr
|
if (this.queryParams.method === '1') {
|
||||||
|
this.list = arr
|
||||||
|
this.list2 = []
|
||||||
|
} else {
|
||||||
|
this.list2 = arr
|
||||||
|
this.list1 = []
|
||||||
|
}
|
||||||
this.total = response.data.total;
|
this.total = response.data.total;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@ -212,7 +200,7 @@ export default {
|
|||||||
toggleTab() {
|
toggleTab() {
|
||||||
if (this.activeName === 'auto') {
|
if (this.activeName === 'auto') {
|
||||||
this.queryParams.method = '1'
|
this.queryParams.method = '1'
|
||||||
}else{
|
} else {
|
||||||
this.queryParams.method = '2'
|
this.queryParams.method = '2'
|
||||||
}
|
}
|
||||||
this.queryParams.pageNo = 1
|
this.queryParams.pageNo = 1
|
||||||
@ -232,21 +220,27 @@ export default {
|
|||||||
height: 2px;
|
height: 2px;
|
||||||
background-color: #e4e7ed;
|
background-color: #e4e7ed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-tabs__nav-wrap::after {
|
.el-tabs__nav-wrap::after {
|
||||||
width: 0;
|
width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-tabs__item {
|
.el-tabs__item {
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-tabs__item:hover {
|
.el-tabs__item:hover {
|
||||||
color: rgba(0, 0, 0, 0.85);
|
color: rgba(0, 0, 0, 0.85);
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-tabs__item.is-active {
|
.el-tabs__item.is-active {
|
||||||
color: rgba(0, 0, 0, 0.85);
|
color: rgba(0, 0, 0, 0.85);
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-tabs__item {
|
.el-tabs__item {
|
||||||
color: rgba(0, 0, 0, 0.45);
|
color: rgba(0, 0, 0, 0.45);
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchBarBox {
|
.searchBarBox {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user