|
@@ -2,40 +2,22 @@ |
|
|
<div class="app-container energyOverlimitLog"> |
|
|
<div class="app-container energyOverlimitLog"> |
|
|
|
|
|
|
|
|
<!-- 搜索工作栏 --> |
|
|
<!-- 搜索工作栏 --> |
|
|
<search-bar |
|
|
|
|
|
:formConfigs="formConfig" |
|
|
|
|
|
ref="searchBarForm" |
|
|
|
|
|
@headBtnClick="buttonClick" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<search-bar :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 |
|
|
|
|
|
:page="queryParams.pageNo" |
|
|
|
|
|
:limit="queryParams.pageSize" |
|
|
|
|
|
:table-props="tableProps" |
|
|
|
|
|
:table-data="list" |
|
|
|
|
|
:max-height="tableH" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<base-table :page="queryParams.pageNo" :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 |
|
|
|
|
|
:page="queryParams.pageNo" |
|
|
|
|
|
:limit="queryParams.pageSize" |
|
|
|
|
|
:table-props="tableProps2" |
|
|
|
|
|
:table-data="list2" |
|
|
|
|
|
:max-height="tableH" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<base-table :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-props="tableProps2" |
|
|
|
|
|
:table-data="list2" :max-height="tableH" /> |
|
|
</div> |
|
|
</div> |
|
|
<pagination |
|
|
|
|
|
:page.sync="queryParams.pageNo" |
|
|
|
|
|
:limit.sync="queryParams.pageSize" |
|
|
|
|
|
:total="total" |
|
|
|
|
|
@pagination="getList" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<pagination :page.sync="queryParams.pageNo" :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: 2, name: '详细'} |
|
|
|
|
|
|
|
|
{ id: 1, 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; |
|
|
} |
|
|
} |
|
|