|
@@ -28,12 +28,12 @@
|
|
|
</div>
|
|
|
<div class="main-right">
|
|
|
<div class="search-container">
|
|
|
- <Input iconType="search" v-model="searchKey" placeholder="搜索" width="192"/>
|
|
|
+ <Input iconType="search" v-model="searchKey" placeholder="搜索" width="192" @pressEnter="getTableData" @clear="getTableData"/>
|
|
|
</div>
|
|
|
<el-table :data="tableData" style="width: 100%;margin-bottom: 63px;" @row-click="showEquipmentStatus">
|
|
|
<el-table-column label="序号" type="index" :index="indexMethod"></el-table-column>
|
|
|
<el-table-column prop="sbjc" label="设备简称"></el-table-column>
|
|
|
- <el-table-column prop="assetnum" label="设备编号"></el-table-column>
|
|
|
+ <el-table-column prop="sbjbm" label="设备编号"></el-table-column>
|
|
|
<el-table-column prop="is_exception" label="状态">
|
|
|
<template slot-scope="scope">
|
|
|
<span style="display: inline-block;width: 6px;height:6px;border-radius: 3px;background: #0091FF;" :style="{'background': !scope.row.is_exception?'#0091FF' : '#F54E45'}"></span>
|
|
@@ -121,11 +121,11 @@ export default {
|
|
|
systemId: '', // 当前系统Id
|
|
|
systemList: [], // 系统
|
|
|
systemContentData: [
|
|
|
- {id: 1, name: '高压配电柜', isMaintenance: true, num: 95, statusNum: 0, abnormal: false, isActive: true},
|
|
|
- {id: 2, name: '变压器', isMaintenance: false, num: 256, statusNum: 12, abnormal: true, isActive: false},
|
|
|
- {id: 3, name: '低压配电柜', isMaintenance: false, num: 354, statusNum: 0, abnormal: false, isActive: false},
|
|
|
- {id: 4, name: '直流屏', isMaintenance: false, num: 175, statusNum: 0, abnormal: false, isActive: false},
|
|
|
- {id: 5, name: '柴油发电机组', isMaintenance: false, num: 186, status: 0, abnormal: false, isActive: false},
|
|
|
+ // {id: 1, name: '高压配电柜', isMaintenance: true, num: 95, statusNum: 0, abnormal: false, isActive: true},
|
|
|
+ // {id: 2, name: '变压器', isMaintenance: false, num: 256, statusNum: 12, abnormal: true, isActive: false},
|
|
|
+ // {id: 3, name: '低压配电柜', isMaintenance: false, num: 354, statusNum: 0, abnormal: false, isActive: false},
|
|
|
+ // {id: 4, name: '直流屏', isMaintenance: false, num: 175, statusNum: 0, abnormal: false, isActive: false},
|
|
|
+ // {id: 5, name: '柴油发电机组', isMaintenance: false, num: 186, status: 0, abnormal: false, isActive: false},
|
|
|
], // 系统下的各种组成
|
|
|
searchKey: '', // 搜索关键字
|
|
|
tableData: [
|
|
@@ -163,7 +163,7 @@ export default {
|
|
|
mounted() {
|
|
|
this.getSystemList();
|
|
|
// this.getEquipmentOfSystem();
|
|
|
- this.getTableData();
|
|
|
+
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
@@ -210,23 +210,49 @@ export default {
|
|
|
smsxt: this.systemId
|
|
|
}
|
|
|
queryEquipmentList('/data/home/querySystemCard', param).then((res) => {
|
|
|
- console.log('res', res)
|
|
|
+ const { result, data } = res;
|
|
|
+ if (result === 'success') {
|
|
|
+ let newData = [];
|
|
|
+ _.forEach(data[0].assetTypeList, (item, index) => {
|
|
|
+ newData.push({
|
|
|
+ id: item.id,
|
|
|
+ name: item.category_name,
|
|
|
+ isMaintenance: item.is_detecting,
|
|
|
+ statusNum: item.is_exception_num,
|
|
|
+ num: item.asset_num,
|
|
|
+ abnormal: item.is_exception_num !== 0,
|
|
|
+ isActive: index === 0,
|
|
|
+ category_code: item.category_code
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.systemContentData = newData;
|
|
|
+ const { query } = this.$route;
|
|
|
+ if (!_.isEmpty(query) && query.equipId) {
|
|
|
+ _.map(this.systemContentData, (o) => {return o.isActive = o.id == query.equipId});
|
|
|
+ }
|
|
|
+ this.getTableData();
|
|
|
+ }
|
|
|
})
|
|
|
},
|
|
|
/**
|
|
|
* 切换系统下的设备
|
|
|
*/
|
|
|
changeEquipment(id) {
|
|
|
- _.map(this.systemContentData, (o) => {return o.isActive = o.id === id})
|
|
|
+ _.map(this.systemContentData, (o) => {return o.isActive = o.id === id});
|
|
|
+ this.getTableData();
|
|
|
},
|
|
|
/**
|
|
|
* 获取表数据
|
|
|
*/
|
|
|
getTableData() {
|
|
|
let query = {
|
|
|
- category_code: 'gdc'
|
|
|
+ category_code: _.find(this.systemContentData, (o) => {return o.isActive}).category_code
|
|
|
+ }
|
|
|
+ let url = `/data/glsms_asset/query?plazaId=1000423&page=${this.curPage}&size=${this.pageSize}`;
|
|
|
+ if (_.trim(this.searchKey) !== '') {
|
|
|
+ url = `${url}&keyword=${this.searchKey}`
|
|
|
}
|
|
|
- queryTableData(`/data/glsms_asset/query?plazaId=1000423&page=${this.curPage}&size=${this.pageSize}`, query).then((res) => {
|
|
|
+ queryTableData(url, query).then((res) => {
|
|
|
const { result, count, data } = res;
|
|
|
if (result === 'success') {
|
|
|
this.tatol = count;
|