|
|
@ -24,57 +24,60 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick"> |
|
|
|
<el-tabs v-model="activeName" @tab-click="handleClick"> |
|
|
|
<el-tab-pane label="主机" name="host"> |
|
|
|
<el-tab-pane label="阀门" name="valve"> |
|
|
|
<div class="device-container"> |
|
|
|
<div class="device-container"> |
|
|
|
<list-header |
|
|
|
<vavleheader |
|
|
|
:deviceList="hostList" |
|
|
|
:valveList="freezingValve" |
|
|
|
:isNoShowHz="true" |
|
|
|
|
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
@upList="getOperationList" |
|
|
|
></vavleheader> |
|
|
|
></list-header> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="device-container"> |
|
|
|
<div class="device-container"> |
|
|
|
<vavleheader |
|
|
|
<vavleheader |
|
|
|
:valveList="freezingValve" |
|
|
|
:valveList="coolingValve" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
></vavleheader> |
|
|
|
></vavleheader> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="device-container"> |
|
|
|
<div class="device-container"> |
|
|
|
<vavleheader |
|
|
|
<vavleheader |
|
|
|
:valveList="coolingValve" |
|
|
|
:valveList="coolingTowerOutValve" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
></vavleheader> |
|
|
|
></vavleheader> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="冷却塔" name="coolingTowerFan"> |
|
|
|
<el-tab-pane label="冷却泵" name="coolingPump"> |
|
|
|
<div class="device-container"> |
|
|
|
<div class="device-container"> |
|
|
|
<list-header |
|
|
|
<list-header |
|
|
|
:deviceList="coolingTowerFanList" |
|
|
|
:deviceList="coolingPump" |
|
|
|
:isNoShowlocalRemote="true" |
|
|
|
|
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
@upList="getOperationList" |
|
|
|
@upList="getOperationList" |
|
|
|
></list-header> |
|
|
|
></list-header> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
<el-tab-pane label="冷却塔" name="coolingTowerFan"> |
|
|
|
<div class="device-container"> |
|
|
|
<div class="device-container"> |
|
|
|
<vavleheader |
|
|
|
<list-header |
|
|
|
:valveList="coolingTowerOutValve" |
|
|
|
:deviceList="coolingTowerFanList" |
|
|
|
|
|
|
|
:isNoShowlocalRemote="true" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
></vavleheader> |
|
|
|
@upList="getOperationList" |
|
|
|
|
|
|
|
></list-header> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</el-tab-pane> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="冷却泵" name="coolingPump"> |
|
|
|
<el-tab-pane label="冷冻泵" name="freezingPump"> |
|
|
|
<div class="device-container"> |
|
|
|
<div class="device-container"> |
|
|
|
<list-header |
|
|
|
<list-header |
|
|
|
:deviceList="coolingPump" |
|
|
|
:deviceList="freezingPump" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
@upList="getOperationList" |
|
|
|
@upList="getOperationList" |
|
|
|
></list-header> |
|
|
|
></list-header> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="冷冻泵" name="freezingPump"> |
|
|
|
<el-tab-pane label="主机" name="host"> |
|
|
|
<div class="device-container"> |
|
|
|
<div class="device-container"> |
|
|
|
<list-header |
|
|
|
<list-header |
|
|
|
:deviceList="freezingPump" |
|
|
|
:deviceList="hostList" |
|
|
|
|
|
|
|
:isNoShowHz="true" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
@operationControl="hadleOperationConrol" |
|
|
|
@upList="getOperationList" |
|
|
|
@upList="getOperationList" |
|
|
|
></list-header> |
|
|
|
></list-header> |
|
|
@ -104,22 +107,22 @@ export default { |
|
|
|
freezingValve: [], //冷冻蝶阀 |
|
|
|
freezingValve: [], //冷冻蝶阀 |
|
|
|
coolingValve: [], //冷却蝶阀 |
|
|
|
coolingValve: [], //冷却蝶阀 |
|
|
|
coolingTowerOutValve: [], //冷却塔出水阀 |
|
|
|
coolingTowerOutValve: [], //冷却塔出水阀 |
|
|
|
activeName: "host", //设备管理 |
|
|
|
activeName: "valve", //设备管理 |
|
|
|
}; |
|
|
|
}; |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
computed: { |
|
|
|
statistics() { |
|
|
|
statistics() { |
|
|
|
const deviceManual = this.deviceList.filter( |
|
|
|
const deviceManual = this.deviceList.filter( |
|
|
|
(d) => d.automaticText === false |
|
|
|
(d) => d.automaticText === true |
|
|
|
).length; |
|
|
|
).length; |
|
|
|
const deviceAuto = this.deviceList.filter( |
|
|
|
const deviceAuto = this.deviceList.filter( |
|
|
|
(d) => d.automaticText === true |
|
|
|
(d) => d.automaticText === false |
|
|
|
).length; |
|
|
|
).length; |
|
|
|
const valveManual = this.valveList.filter( |
|
|
|
const valveManual = this.valveList.filter( |
|
|
|
(v) => v.automaticText === false |
|
|
|
(v) => v.automaticText === true |
|
|
|
).length; |
|
|
|
).length; |
|
|
|
const valveAuto = this.valveList.filter( |
|
|
|
const valveAuto = this.valveList.filter( |
|
|
|
(v) => v.automaticText === true |
|
|
|
(v) => v.automaticText === false |
|
|
|
).length; |
|
|
|
).length; |
|
|
|
|
|
|
|
|
|
|
|
return { |
|
|
|
return { |
|
|
|