Skip to content

W
web-project
Commit 43e22457 authored by 朱超's avatar 朱超
Browse files
Options

Merge branch 'master' of https://gitee.com/tj-wang-yahui/AMS_HeatSys_Vue_V10

parents 9c3466ac 9ba20148
Hide whitespace changes
Inline Side-by-side
Showing with 231 additions and 41 deletions
src/components/Remote/TransferStatusControl.vue
View file @ 43e22457
<template>
<!-- 遮罩组件 -->
<teleport to="body">
<div v-if="showMask" class="mask"></div>
</teleport>
<el-card class="remoteTitle">
<div class="card-content">
<div class="demo-image">
<div class="block">
<span class="demonstration">读写成功</span>
<el-icon><CircleCheckFilled color="rgb(0,255,0)"/></el-icon>
</div>
<div class="block">
<span class="demonstration">通讯异常</span>
<el-icon><Connection /></el-icon>
<el-icon><Connection color="rgb(255,0,0)"/></el-icon>
</div>
<div class="block">
<span class="demonstration">读写失败</span>
<el-icon><Failed color="rgb(255,0,0)"/></el-icon>
</div>
<div class="block">
<span class="demonstration">启动</span>
<el-icon><DocumentChecked color="rgb(0,255,0)"/></el-icon>
</div>
<div class="block">
<span class="demonstration">关闭</span>
<el-icon><DocumentDelete color="rgb(255,0,0)" /></el-icon>
</div>
</div>
<div class="demo-button">
<el-button type="primary" size="small" @click="ReadAllStatus">读取全部</el-button>
......@@ -41,25 +49,158 @@
<el-table-column prop="rowIndex" label="序号" width="45px" fixed />
<el-table-column prop="transferId" label="机组编号" v-if="false" width="80px" fixed />
<el-table-column prop="transferName" label="换热机组" width="150px" fixed />
<el-table-column prop="jDValue" label="华为控制模式" width="80px" />
<el-table-column prop="gainMode" label="增益模式" width="80px" />
<el-table-column prop="weatherMode" label="气象仪模式" width="80px" />
<el-table-column prop="curveMode" label="曲线对应模式" width="80px" />
<el-table-column prop="criclePump1" label="1#循环泵启停" width="80px" />
<el-table-column prop="criclePump2" label="2#循环泵启停" width="80px" />
<el-table-column prop="Pump3" label="3#循环泵启停" width="80px" />
<el-table-column prop="Pump4" label="4#循环泵启停" width="80px" />
<el-table-column prop="ReplenishingPump" label="补水泵启停" width="80px" />
<el-table-column prop="SecPump1" label="1#二级泵启停" width="80px" />
<el-table-column prop="Evc1AutoOrManual" label="1#电动调节阀手动/自动切换" width="100px" />
<el-table-column prop="Evc2AutoOrManual" label="2#电动调节阀手动/自动切换" width="100px" />
<el-table-column prop="Evc3AutoOrManual" label="3#电动调节阀手动/自动切换" width="100px" />
<el-table-column prop="Evc4AutoOrManual" label="4#电动调节阀手动/自动切换" width="100px" />
<el-table-column prop="CriclePump1AutoOrManual" label="一号循环泵 手动/自动切换" width="100px" />
<el-table-column prop="CriclePump2AutoOrManual" label="二号循环泵 手动/自动切换" width="100px" />
<el-table-column prop="CriclePump3AutoOrManual" label="三号循环泵 手动/自动切换" width="100px" />
<el-table-column prop="CriclePump4AutoOrManual" label="四号循环泵 手动/自动切换" width="100px" />
<el-table-column prop="SecCriclePumpAutoOrManual" label="二级泵 手动/自动切换" width="100px" />
<el-table-column prop="jdValue" label="华为控制模式" width="80px" >
<template #default="{ row }">
<div v-if="row.jdValue === null"></div>
<div v-else>
<el-checkbox v-model="row.jdValue"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="gainMode" label="增益模式" width="80px" >
<template #default="{ row }">
<div v-if="row.gainMode === null"></div>
<div v-else>
<el-checkbox v-model="row.gainMode"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="weatherMode" label="气象仪模式" width="80px" >
<template #default="{ row }">
<div v-if="row.weatherMode === null"></div>
<div v-else>
<el-checkbox v-model="row.weatherMode"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="curveMode" label="曲线对应模式" width="80px" >
<template #default="{ row }">
<div v-if="row.curveMode === null"></div>
<div v-else>
<el-checkbox v-model="row.curveMode"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="criclePump1" label="1#循环泵启停" width="80px" >
<template #default="{ row }">
<div v-if="row.criclePump1 === null"></div>
<div v-else>
<el-checkbox v-model="row.criclePump1"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="criclePump2" label="2#循环泵启停" width="80px" >
<template #default="{ row }">
<div v-if="row.criclePump2 === null"></div>
<div v-else>
<el-checkbox v-model="row.criclePump2"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="pump3" label="3#循环泵启停" width="80px" >
<template #default="{ row }">
<div v-if="row.pump3 === null"></div>
<div v-else>
<el-checkbox v-model="row.pump3"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="pump4" label="4#循环泵启停" width="80px" >
<template #default="{ row }">
<div v-if="row.pump4 === null"></div>
<div v-else>
<el-checkbox v-model="row.pump4"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="replenishingPump" label="补水泵启停" width="80px" >
<template #default="{ row }">
<div v-if="row.replenishingPump === null"></div>
<div v-else>
<el-checkbox v-model="row.replenishingPump"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="secPump1" label="1#二级泵启停" width="80px" >
<template #default="{ row }">
<div v-if="row.secPump1 === null"></div>
<div v-else>
<el-checkbox v-model="row.secPump1"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="evc1AutoOrManual" label="1#电动调节阀手动/自动切换" width="100px" >
<template #default="{ row }">
<div v-if="row.evc1AutoOrManual === null"></div>
<div v-else>
<el-checkbox v-model="row.evc1AutoOrManual"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="evc2AutoOrManual" label="2#电动调节阀手动/自动切换" width="100px" >
<template #default="{ row }">
<div v-if="row.evc2AutoOrManual === null"></div>
<div v-else>
<el-checkbox v-model="row.evc2AutoOrManual"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="evc3AutoOrManual" label="3#电动调节阀手动/自动切换" width="100px" >
<template #default="{ row }">
<div v-if="row.evc3AutoOrManual === null"></div>
<div v-else>
<el-checkbox v-model="row.evc3AutoOrManual"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="evc4AutoOrManual" label="4#电动调节阀手动/自动切换" width="100px" >
<template #default="{ row }">
<div v-if="row.evc4AutoOrManual === null"></div>
<div v-else>
<el-checkbox v-model="row.evc4AutoOrManual"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="criclePump1AutoOrManual" label="一号循环泵 手动/自动切换" width="100px" >
<template #default="{ row }">
<div v-if="row.criclePump1AutoOrManual === null"></div>
<div v-else>
<el-checkbox v-model="row.criclePump1AutoOrManual"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="criclePump2AutoOrManual" label="二号循环泵 手动/自动切换" width="100px" >
<template #default="{ row }">
<div v-if="row.criclePump2AutoOrManual === null"></div>
<div v-else>
<el-checkbox v-model="row.criclePump2AutoOrManual"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="criclePump3AutoOrManual" label="三号循环泵 手动/自动切换" width="100px" >
<template #default="{ row }">
<div v-if="row.criclePump3AutoOrManual === null"></div>
<div v-else>
<el-checkbox v-model="row.criclePump3AutoOrManual"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="criclePump4AutoOrManual" label="四号循环泵 手动/自动切换" width="100px" >
<template #default="{ row }">
<div v-if="row.criclePump4AutoOrManual === null"></div>
<div v-else>
<el-checkbox v-model="row.criclePump4AutoOrManual"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column prop="secCriclePumpAutoOrManual" label="二级泵 手动/自动切换" width="100px" >
<template #default="{ row }">
<div v-if="row.secCriclePumpAutoOrManual === null"></div>
<div v-else>
<el-checkbox v-model="row.secCriclePumpAutoOrManual"></el-checkbox>
</div>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="100">
<template #default="{ row }">
<el-button link type="primary" size="small" @click="ReadStatus(row)">读取</el-button>
......@@ -73,6 +214,7 @@
:stroke-width="16"
status="success"
:percentage="progress"
:indeterminate="myIndeterminate"
/>
</el-card>
</template>
......@@ -80,6 +222,7 @@
import { ref, reactive, onMounted, onUnmounted, watch,toRefs } from 'vue';
import http from '../../api/http';
import store from "../../store/index";
import { ElMessage } from "element-plus";
const enterpriseId = store.getters.getEnterpriseId();
const props = defineProps(['activeRadio']);
......@@ -89,11 +232,8 @@
const visibleData = ref([]);
const tableHeight = ref(500);
const progress =ref(0);
const state = reactive({
fits: ['Success', 'fale', 'cover', 'none', 'scale-down'],
url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
})
const { fits, url } = toRefs(state);
const showMask = ref(false);
const myIndeterminate = ref(false);
//监听修改actionValue状态
watch(() =>props.activeRadio, (oldValue, newValue) => {
......@@ -111,39 +251,79 @@
type = 1;
}
var result = await http.post('/api/remote/GetTransferStatus',{"SupplyType":type, "DeviceId": props.activeRadio});
console.log(result);
visibleData.value = result.data;
// console.log(result);
if(result.success){
visibleData.value = result.data;
}else{
ElMessage.error(result.message);
}
isLoading.value = false;
}
initData();
async function ReadStatus(row){
myIndeterminate.value = true;
showMask.value = true;
isLoading.value = true;
ReadStation(row.transferId);
isLoading.value = false;
showMask.value = false;
}
async function ReadAllStatus(){
isLoading.value = true;
showMask.value = true;
if(selectedRows){
selectedRows.value.forEach(item =>{
ReadStation(item.transferId);
})
}
isLoading.value = false;
showMask.value = false;
}
async function WriteStatus(){
isLoading.value = true;
isLoading.value = false;
}
async function WriteAllStatus(){
isLoading.value = true;
isLoading.value = false;
}
async function ReadStation(value){
var result = await http.post('/api/remote/ReadTransferStatus', value);
var jobj = result.data;
if(jobj && tableRef){
visibleData.value.forEach(element => {
if(element.transferId === value){
element.jDValue = jobj[0].jDValue;
console.log("jDValue:"+jobj[0].jDValue);
}
});
if(result.success){
var jobj = result.data[0];
console.log("Value:"+jobj);
if(jobj && visibleData){
for(const element of visibleData.value){
if(element.transferId === value){
element.jdValue = jobj.jdValue;
element.gainMode = jobj.gainMode;
element.weatherMode = jobj.weatherMode;
element.curveMode = jobj.curveMode;
element.criclePump1 = jobj.criclePump1;
element.criclePump2 = jobj.criclePump2;
element.pump3 = jobj.pump3;
element.pump4 = jobj.pump4;
element.replenishingPump = jobj.replenishingPump;
element.secPump1 = jobj.secPump1;
element.secPump2 = jobj.secPump2;
element.evc1AutoOrManual = jobj.evc1AutoOrManual;
element.evc2AutoOrManual = jobj.evc2AutoOrManual;
element.evc3AutoOrManual = jobj.evc3AutoOrManual;
element.evc4AutoOrManual = jobj.evc4AutoOrManual;
element.criclePump1AutoOrManual = jobj.criclePump1AutoOrManual;
element.criclePump2AutoOrManual = jobj.criclePump2AutoOrManual;
element.criclePump3AutoOrManual = jobj.criclePump3AutoOrManual;
element.criclePump4AutoOrManual = jobj.criclePump4AutoOrManual;
element.secCriclePumpAutoOrManual = jobj.secCriclePumpAutoOrManual;
//console.log("gainMode:"+jobj.gainMode);
break;
}
};
}
}else{
ElMessage.error(result.message);
}
}
......@@ -221,4 +401,14 @@
font-size: 12px;
margin-bottom: 0px;
}
/* 遮罩样式 */
.mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment