odjbin/tunnel-cloud-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'dev' (#106) from dev into master

Browse Source 
Reviewed-on: http://git.feashow.cn/clay/tunnel-cloud-web/pulls/106
This commit is contained in:
odjbin
2023-12-13 07:34:38 +00:00
parent 1af465a435 d20e082eb6
commit 1605eb67a6
10 changed files with 204 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/components/content/airInfo/AirInfo.vue
View File

@@ -3,98 +3,79 @@
<div class="fan-speed"> <div class="fan-speed">
<img src="@/assets/images/airInfo/fan-v-icon.png" alt=""/> <img src="@/assets/images/airInfo/fan-v-icon.png" alt=""/>
<div class="fan-info"> <div class="fan-info">
<div class="input-fan"><span>风速</span><span>进风：13m/s</span></div> <div class="input-fan"><span>风速</span><span>进风：{{ windSpeed }}m/s</span></div>
<div class="output-fan"><span>出风：13m/s</span></div> <div class="output-fan"><span>出风：{{windSpeed}}m/s</span></div>
</div> </div>
</div> </div>
<item-info <item-info
:wp="info" v-for="item in airList"
icon="o2-icon.png" :key="item.equipmentId"
name="氧气" :wp="item"
unit="%" :icon="item.icon"
/> :name="item.name"
<item-info :unit="item.unit"
:wp="info1"
icon="tempture-icon.png"
name="温度"
unit=".c"
/>
<item-info
:wp="info2"
icon="water-icon.png"
name="湿度"
unit="%"
/>
<item-info
:wp="info3"
icon="dust-icon.png"
name="粉尘"
unit="mg/m3"
/> />
</div> </div>
</template> </template>
<script setup> <script setup>
import {ref, reactive} from "vue";
import ItemInfo from "./childComps/ItemInfo.vue"; import ItemInfo from "./childComps/ItemInfo.vue";
const props = defineProps({ const props = defineProps({
list: Array, list: Array,
airData: Array airData: Array
}); });
let info = reactive({ const windSpeed=ref('')
// windPId: 0, //编号 const airList = ref([])
// max: 120, //最大值 watch(() => props.list, (now) => {
// value: 70, //测量值 airList.value.forEach(item=>{
// point: 60, //阈值 now.forEach(newItem=>{
}); if(item.equipmentId === newItem.equipmentId){
let info1 = reactive({}); item.value = newItem.value
let info2 = reactive({}); }
let info3 = reactive({}); })
})
}, {deep: true});
watch(() => props.airData, (now) => { watch(() => props.airData, (now) => {
getAirInfo(now.sensorList) getAirInfo(now.sensorList)
}, {deep: true}); }, {deep: true});
watch(() => props.list, (now, old) => { const changeData = (item) => {
console.log('传感器 ', now, old) return {
now.map(item=>{
getInfo(item)
})
}, {deep: true});
const changeData=(item,flag)=>{
return{
equipmentId: item.equipmentId, equipmentId: item.equipmentId,
icon: changeIcon(item.equipmentType),
name: item.equipmentName.slice(0, 2),
max: 120, max: 120,
value: flag?flag.value:item.value, value: item.value,
point: item.valueThreshold, point: item.valueThreshold,
unit:item.unit unit: item.unit
} }
} }
const getInfo=(item)=>{ const changeIcon = (type) => {
if(item.equipmentId==info.equipmentId){ switch (type) {
// info.value=item.value case "dust":
changeData(item,info1) return 'dust-icon.png';
console.log('info',info) case "oxygen":
}else if(item.equipmentId==info1.equipmentId){ return 'o2-icon.png';
changeData(item,info1) case "temperature":
}else if(item.equipmentId==info2.equipmentId){ return 'tempture-icon.png';
changeData(item,info2) case "humidness":
}else if(item.equipmentId==info3.equipmentId){ return 'water-icon.png';
changeData(item,info3)
} }
} }
const getAirInfo = (now) => { const getAirInfo = (now) => {
let windPressureObj = {}
let windPressureArr = []
now.map(item => { now.map(item => {
if (item.equipmentType === "dust") {//粉尘 if (item.equipmentType === "dust" || item.equipmentType === "oxygen" || item.equipmentType === "temperature" || item.equipmentType === "humidness") {
info3 = changeData(item) windPressureObj = changeData(item)
} else if (item.equipmentType === "oxygen") {//氧气 windPressureArr.push(windPressureObj)
info = changeData(item) }else if(item.equipmentType === "windDirection"){
} else if (item.equipmentType === "temperature") {//温度 windSpeed.value = item.value
info1 = changeData(item)
} else if (item.equipmentType === "humidness") {//湿度
info2 = changeData(item)
} }
}) })
windPressureArr.push(windPressureArr.shift())
airList.value = windPressureArr
} }
</script> </script>

25
src/components/content/airInfo/childComps/ItemInfo.vue
View File

@@ -2,7 +2,6 @@
<div id="item-info"> <div id="item-info">
<div class="label"> <div class="label">
<div :style="{ backgroundImage: 'url(' +getImageUrl(windIcon)+')' }" class="wind-icon"></div> <div :style="{ backgroundImage: 'url(' +getImageUrl(windIcon)+')' }" class="wind-icon"></div>
<!-- <img :src="params.icon" alt="" />-->
<span>{{ params.name }}</span> <span>{{ params.name }}</span>
</div> </div>
<div class="container" ref="length"> <div class="container" ref="length">
@@ -16,8 +15,6 @@
</template> </template>
<script setup> <script setup>
import {onMounted, watch, defineProps, computed} from "vue";
const params = defineProps({ const params = defineProps({
wp: Object, wp: Object,
icon: String, icon: String,
@@ -34,21 +31,19 @@ const windIcon = reactive(params.icon);
const length = ref(null); const length = ref(null);
const value = ref(null); const value = ref(null);
const point = ref(null); const point = ref(null);
// onMounted(handleOnMounted); onMounted(handleOnMounted);
//
// function handleOnMounted() {
// // const = length.value.offsetWidth);
// setValue();
// }
watch(() => params.wp.value, (val) => { function handleOnMounted() {
console.log('xin----', val) setValue();
setValue(value); }
}, {deep: true});
watch(() => params.wp.value, () => {
setValue();
});
const getImageUrl = (name) => { const getImageUrl = (name) => {
return new URL(`../../../../assets/images/airInfo/${name}`, import.meta.url).href return new URL(`../../../../assets/images/airInfo/${name}`, import.meta.url).href
} }
const setValue = (val) => { const setValue = () => {
let width = (params.wp.value * length.value.offsetWidth) / params.wp.max; let width = (params.wp.value * length.value.offsetWidth) / params.wp.max;
value.value.style.width = `${width}px`; value.value.style.width = `${width}px`;
let flag = (params.wp.point * length.value.offsetWidth) / params.wp.max; let flag = (params.wp.point * length.value.offsetWidth) / params.wp.max;
@@ -65,7 +60,7 @@ let isWaring = computed(() => {
return params.wp.value >= params.wp.point; return params.wp.value >= params.wp.point;
}); });
const valueAndUnit = computed(() => params.wp.value + params.unit + ""); const valueAndUnit = computed(() => params.wp.value + " "+ params.unit );
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

90
src/components/content/badGasInfo/BadGasInfo.vue
View File

@@ -2,70 +2,52 @@
<div id="bad-gas-info"> <div id="bad-gas-info">
<div class="title">有害气体</div> <div class="title">有害气体</div>
<div class="info-list"> <div class="info-list">
<gas-info-item :gasInfo="gasInfo" /> <gas-info-item v-for="item in badGasList" :key="item.equipmentId" :gasInfo="item" />
<gas-info-item :gasInfo="gasInfo2" />
<gas-info-item :gasInfo="gasInfo3" />
<gas-info-item :gasInfo="gasInfo4" />
<gas-info-item :gasInfo="gasInfo5" />
<gas-info-item :gasInfo="gasInfo6" />
</div> </div>
</div> </div>
</template> </template>
<script setup> <script setup>
import { reactive } from "vue";
import GasInfoItem from "./childComps/GasInfoItem.vue"; import GasInfoItem from "./childComps/GasInfoItem.vue";
const gasInfo = reactive({
name: "一氧化硫", //气体名称
max: 100, //最大值
value: 60, //传感器值
point: 50, //阈值
});
const gasInfo2 = reactive({
name: "一氧化氮", //气体名称
max: 100, //最大值
value: 40, //传感器值
point: 10, //阈值
});
const gasInfo3 = reactive({
name: "一氧化碳", //气体名称
max: 100, //最大值
value: 15, //传感器值
point: 70, //阈值
});
const gasInfo4 = reactive({
name: "二氧化碳", //气体名称
max: 100, //最大值
value: 25, //传感器值
point: 40, //阈值
});
const gasInfo5 = reactive({
name: "硫化氢", //气体名称
max: 100, //最大值
value: 30, //传感器值
point: 20, //阈值
});
const gasInfo6 = reactive({
name: "二氧化硫", //气体名称
max: 100, //最大值
value: 20, //传感器值
point: 20, //阈值
});
const props = defineProps({ const props = defineProps({
list: Array list: Array,
badGasData:Array
}); });
const badGasList=ref([])
watch(() => props.list, (now, old) => { watch(() => props.list, (now, old) => {
console.log('传感器 ', now, old) badGasList.value.forEach(item=>{
// wpList.value=now now.forEach(newItem=>{
if(item.equipmentId === newItem.equipmentId){
item.value = newItem.value
}
})
})
}, {deep: true}); }, {deep: true});
// setInterval(() => {
// gasInfo.value = parseInt(Math.random() * 10) * 10; watch(() => props.badGasData, (now) => {
// gasInfo2.value = parseInt(Math.random() * 10) * 10; getBadGasInfo(now.sensorList)
// gasInfo3.value = parseInt(Math.random() * 10) * 10; }, {deep: true});
// gasInfo4.value = parseInt(Math.random() * 10) * 10; const getBadGasInfo = (now) => {
// gasInfo6.value = parseInt(Math.random() * 10) * 10; let windPressureObj = {}
// gasInfo5.value = parseInt(Math.random() * 10) * 10; let windPressureArr = []
// }, 2000); now.map(item => {
if (item.equipmentType === "carbonDioxide" || item.equipmentType === "carbonMonoxide" || item.equipmentType === "hydrogenSulfide" || item.equipmentType === "sulfurDioxide"|| item.equipmentType === "sulfurMonoxide"|| item.equipmentType === "nitrogenDioxide") {
windPressureObj = changeData(item)
windPressureArr.push(windPressureObj)
}
})
badGasList.value = windPressureArr
}
const changeData = (item) => {
return {
equipmentId: item.equipmentId,
name: item.equipmentName.slice(0, item.equipmentName.length-2),
max: 120,
value: item.value,
point: item.valueThreshold,
unit: item.unit
}
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

1
src/components/content/badGasInfo/childComps/GasInfoItem.vue
View File

@@ -3,7 +3,6 @@
<div class="point" ref="point"> <div class="point" ref="point">
<div class="info" ref="container"></div> <div class="info" ref="container"></div>
</div> </div>
<div class="name">{{ gasInfo.name }}</div> <div class="name">{{ gasInfo.name }}</div>
</div> </div>
</template> </template>

5
src/components/content/fanInfo/FanInfo.vue
View File

@@ -343,8 +343,8 @@ const option2 = {
], ],
}; };
const fan01_option = reactive(option, {deep: true}); const fan01_option = reactive(option);
const fan02_option = reactive(option2, {deep: true}); const fan02_option = reactive(option2);
function handleOnMounted() { function handleOnMounted() {
Echarts_info1 = echarts.init(info1.value); Echarts_info1 = echarts.init(info1.value);
@@ -382,7 +382,6 @@ const stateIcon2 = computed(() =>
? "blue-state-icon.png" ? "blue-state-icon.png"
: "red-state-icon.png" : "red-state-icon.png"
); );
let is = ref("isInput");
// 功率是否自动 // 功率是否自动
let isSAuto1 = ref("false"); let isSAuto1 = ref("false");
let isSAuto2 = ref("false"); let isSAuto2 = ref("false");

119
src/components/content/transducerList/TransducerList.vue
View File

@@ -1,28 +1,28 @@
<template> <template>
<div id="transducer-list"> <div id="transducer-list">
<div v-for="(item,index) in socketData" :key="item.equipmentId"> <div v-for="item in transducerData" :key="item.equipmentId">
<div class="transducer-item"> <!-- <div class="transducer-item">-->
<img src="@/assets/images/transducer/sp_icon_dy.png"/> <!-- <img src="@/assets/images/transducer/sp_icon_dy.png"/>-->
<div class="info"> <!-- <div class="info">-->
<div class="name-state"> <!-- <div class="name-state">-->
<div class="name">{{index===1?'二':'一'}}号变频器</div> <!-- <div class="name">{{index===1?'二':'一'}}号变频器</div>-->
<div class="state"> <!-- <div class="state">-->
<img src="@/assets/images/transducer/greenLight.png"/> <!-- <img src="@/assets/images/transducer/greenLight.png"/>-->
<span>正常</span> <!-- <span>正常</span>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<div class="one-item"> <!-- <div class="one-item">-->
<div>A相电压:{{ item.phaseVoltageA }}V</div> <!-- <div>A相电压:{{ item.phaseVoltageA }}V</div>-->
<div>B相电压:{{ item.phaseVoltageB }}V</div> <!-- <div>B相电压:{{ item.phaseVoltageB }}V</div>-->
<div>C相电压:{{ item.phaseVoltageC }}V</div> <!-- <div>C相电压:{{ item.phaseVoltageC }}V</div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<div class="transducer-item"> <div class="transducer-item">
<img src="@/assets/images/transducer/sp_icon_dl.png" alt=""/> <img src="@/assets/images/transducer/sp_icon_dl.png" alt=""/>
<div class="info"> <div class="info">
<div class="name-state"> <div class="name-state">
<div class="name">{{index===1?'二':'一'}}号变频器</div> <div class="name">{{item.equipmentName}}</div>
<div class="state" v-if="item.phaseCurrentB>'100'"> <div class="state" v-if="item.phaseCurrentB>'100'">
<img src="@/assets/images/transducer/sp_icon_yc.png" alt=""/> <img src="@/assets/images/transducer/sp_icon_yc.png" alt=""/>
<span style="color: red">异常</span> <span style="color: red">异常</span>
@@ -43,7 +43,7 @@
<img src="@/assets/images/transducer/sp_icon_pbq.png"/> <img src="@/assets/images/transducer/sp_icon_pbq.png"/>
<div class="info"> <div class="info">
<div class="name-state"> <div class="name-state">
<div class="name">{{index===1?'二':'一'}}号变频器</div> <div class="name">{{item.equipmentName}}</div>
<div class="state"> <div class="state">
<img src="@/assets/images/transducer/greenLight.png"/> <img src="@/assets/images/transducer/greenLight.png"/>
<span>正常</span> <span>正常</span>
@@ -72,55 +72,48 @@
<script setup> <script setup>
const props = defineProps({ const props = defineProps({
list: Array, list: Array,
feedback: Array, transducerData: Array
}); });
const socketData = ref([ const transducerData = ref([])
{
equipmentId: 23, watch(() => props.transducerData, (now) => {
phaseCurrentA: '124.01', getBasicData(now.frequencyChangerList)
phaseCurrentB: '124.51', }, {deep: true});
phaseCurrentC: '125.01',
phaseVoltageA: '404.01', watch(() => props.list, (now) => {
phaseVoltageB: '404.51', transducerData.value.forEach(item => {
phaseVoltageC: '414.01', now.forEach(newItem => {
frequencySetting: '23', if (item.equipmentId === newItem.equipmentId) {
frequencyFeedback: '23' if (newItem.frequencyFeedback) {
}, item.frequencySetting = newItem.frequencySetting
{ item.frequencyFeedback = newItem.frequencyFeedback
equipmentId: 23, } else if (newItem.phaseCurrentA) {
phaseCurrentA: '124.01', item.phaseCurrentA = newItem.phaseCurrentA
phaseCurrentB: '124.51', item.phaseCurrentB = newItem.phaseCurrentB
phaseCurrentC: '125.01', item.phaseCurrentC = newItem.phaseCurrentC
phaseVoltageA: '404.01',
phaseVoltageB: '404.51',
phaseVoltageC: '414.01',
frequencySetting: '23',
frequencyFeedback: '23'
}
])
const contactData=ref([])
watch(() => props.list, (now, old) => {
console.log('电流电压',now,contactData.value)
let obj={}
let arr=[]
contactData.value.forEach(contactItem=>{
now.forEach(item=>{
if(contactItem.equipmentId===item.equipmentId){
obj={
...item,
frequencySetting: contactItem.frequencySetting,
frequencyFeedback: contactItem.frequencyFeedback
} }
arr.push(obj)
} }
}) })
}) })
socketData.value=arr
}, {deep: true});
watch(() => props.feedback, (now, old) => {
console.log('变频器频率',now)
contactData.value=now
}, {deep: true}); }, {deep: true});
const getBasicData = (data) => {
let tranObj = {}
let tranArr = []
data.map(item => {
tranObj = {
equipmentId: item.equipmentId,
equipmentName:item.equipmentName,
phaseCurrentA: item.phaseCurrentA,
phaseCurrentB: item.phaseCurrentB,
phaseCurrentC: item.phaseCurrentC,
frequencySetting: item.frequencySetting,
frequencyFeedback: item.frequencyFeedback,
}
tranArr.push(tranObj)
})
transducerData.value = tranArr
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

57
src/components/content/usedEle/UsedEle.vue
View File

@@ -2,8 +2,8 @@
<div id="used-ele"> <div id="used-ele">
<div class="title">用电量</div> <div class="title">用电量</div>
<div class="content"> <div class="content">
<div class="item" v-for="(item,index) in socketData" :key="item.equipmentId"> <div class="item" v-for="item in eleData" :key="item.equipmentId">
<div class="name">{{index===1?'二':'一'}}号变频器</div> <div class="name">{{ item.equipmentName }}</div>
<ul> <ul>
<li> <li>
<div></div> <div></div>
@@ -25,28 +25,41 @@
<script setup> <script setup>
const props = defineProps({ const props = defineProps({
oneTransducer: Object, list: Array,
twoTransducer: Object, eleData: Array
list: Array
}); });
const socketData = ref([ const eleData = ref([])
{ watch(() => props.eleData, (now) => {
electricityConsumptionDay: 234, getBasicData(now.frequencyChangerList)
electricityConsumptionMonthly: 345,
electricityConsumptionTotal: 235,
equipmentId: 22,
},
{
electricityConsumptionDay: 234,
electricityConsumptionMonthly: 345,
electricityConsumptionTotal: 235,
equipmentId:23,
}
])
watch(() => props.list, (now, old) => {
console.log('用电量',now,old)
socketData.value = now
}, {deep: true}); }, {deep: true});
watch(() => props.list, (now) => {
eleData.value.forEach(item => {
now.forEach(newItem => {
if (item.equipmentId === newItem.equipmentId) {
if (newItem.electricityConsumptionDay) {
item.electricityConsumptionDay = newItem.electricityConsumptionDay
item.electricityConsumptionMonthly = newItem.electricityConsumptionMonthly
item.electricityConsumptionTotal = newItem.electricityConsumptionTotal
}
}
})
})
}, {deep: true});
const getBasicData = (data) => {
let tranObj = {}
let tranArr = []
data.map(item => {
tranObj = {
equipmentId: item.equipmentId,
equipmentName: item.equipmentName,
electricityConsumptionDay: item.electricityConsumptionDay,
electricityConsumptionMonthly: item.electricityConsumptionMonthly,
electricityConsumptionTotal: item.electricityConsumptionTotal,
}
tranArr.push(tranObj)
})
eleData.value = tranArr
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

18
src/components/content/windPressure/WindPressureList.vue
View File

@@ -2,7 +2,7 @@
<div id="wind-pressure"> <div id="wind-pressure">
<div class="name">风压</div> <div class="name">风压</div>
<div class="list"> <div class="list">
<wind-pressure-item v-for="(item,index) in wpList" :wp="item" :index="index+1"/> <wind-pressure-item v-for="(item,index) in wpList" :key="item.equipmentId" :wp="item" :index="index+1"/>
</div> </div>
</div> </div>
</template> </template>
@@ -15,22 +15,26 @@ const props = defineProps({
winData: Array winData: Array
}); });
const wpList = ref([]); const wpList = ref([]);
watch(() => props.list, (now, old) => { watch(() => props.list, (now) => {
now.map(item=>{ wpList.value.forEach(item=>{
item.unit='Pa' now.forEach(newItem=>{
if(item.equipmentId === newItem.equipmentId){
item.value = newItem.value
}
})
}) })
wpList.value = now
}, {deep: true}); }, {deep: true});
watch(() => props.winData, (now) => { watch(() => props.winData, (now) => {
getScreenInfo(now) getScreenInfo(now.windPressureSensorList)
}, {deep: true}); }, {deep: true});
const getScreenInfo = (now) => { const getScreenInfo = (now) => {
let windPressureObj = {} let windPressureObj = {}
let windPressureArr = [] let windPressureArr = []
now.windPressureSensorList.map(item => { now.map(item => {
windPressureObj = { windPressureObj = {
equipmentId:item.equipmentId,
max: 120, max: 120,
value: item.value, value: item.value,
point: item.valueThreshold, point: item.valueThreshold,

6
src/components/content/windPressure/childComps/WindPressureItem.vue
View File

@@ -15,8 +15,6 @@
</template> </template>
<script setup> <script setup>
import {reactive, onMounted, watch, defineProps, computed} from "vue";
const params = defineProps({ const params = defineProps({
wp: Object, wp: Object,
index: Number, index: Number,
@@ -27,18 +25,16 @@ const params = defineProps({
// value: 40, //测量值 // value: 40, //测量值
// point: 60, //阈值 // point: 60, //阈值
// }; // };
// const wp = reactive(info);
const length = ref(null); const length = ref(null);
const value = ref(null); const value = ref(null);
const point = ref(null); const point = ref(null);
onMounted(handleOnMounted); onMounted(handleOnMounted);
function handleOnMounted() { function handleOnMounted() {
// const = length.value.offsetWidth);
setValue(); setValue();
} }
watch(() => params.wp.value, (value) => { watch(() => params.wp.value, () => {
setValue(); setValue();
}); });

34
src/views/tunnel/index.vue
View File

@@ -20,9 +20,9 @@
<div class="left"> <div class="left">
<el-drawer v-model="drawerLeft" direction="ltr" modal-class="modal-box" :modal="false" :show-close="false" <el-drawer v-model="drawerLeft" direction="ltr" modal-class="modal-box" :modal="false" :show-close="false"
:close-on-click-modal="false" :close-on-press-escape="false"> :close-on-click-modal="false" :close-on-press-escape="false">
<fan-info v-if="showFan" :list="socketData.frequencyState"/> <fan-info v-if="showFan" :list="socketData.leftData" :fan-data="largeScreenData"/>
<transducer-list :list="socketData.currentVoltage" :feedback="socketData.frequencyFeedback"/> <transducer-list :list="socketData.leftData" :transducer-data="largeScreenData"/>
<used-ele :list="socketData.electricityConsumption"/> <used-ele :list="socketData.leftData" :ele-data="largeScreenData"/>
</el-drawer> </el-drawer>
<div v-if="drawerLeft" class="left-arrow" @click="closeLeft"></div> <div v-if="drawerLeft" class="left-arrow" @click="closeLeft"></div>
<div v-else class="shrink-left" @click="closeLeft"></div> <div v-else class="shrink-left" @click="closeLeft"></div>
@@ -37,9 +37,9 @@
:close-on-click-modal="false" :close-on-click-modal="false"
:close-on-press-escape="false" :close-on-press-escape="false"
> >
<wind-pressure-list v-if="showFan" :list="socketData.windPressure" :winData="largeScreenData"/> <wind-pressure-list v-if="showFan" :list="socketData.windPressure" :win-data="largeScreenData"/>
<air-info v-if="showFan" :list="socketData.sensor" :airData="largeScreenData"/> <air-info v-if="showFan" :list="socketData.sensor" :air-data="largeScreenData"/>
<bad-gas-info v-if="showFan" :list="socketData.sensor"/> <bad-gas-info v-if="showFan" :list="socketData.sensor" :bad-gas-data="largeScreenData"/>
</el-drawer> </el-drawer>
<div v-if="drawerRight" class="right-arrow" @click="closeRight"></div> <div v-if="drawerRight" class="right-arrow" @click="closeRight"></div>
<div v-else class="shrink-right" @click="closeRight"></div> <div v-else class="shrink-right" @click="closeRight"></div>
@@ -115,10 +115,7 @@ let send = {
} }
const largeScreenData = ref(null) const largeScreenData = ref(null)
const socketData = reactive({ const socketData = reactive({
currentVoltage: [], leftData: [],
frequencyState: [],
frequencyFeedback: [],
electricityConsumption: [],
windPressure: [], windPressure: [],
sensor: [], sensor: [],
}) })
@@ -140,7 +137,6 @@ const getScreenInfo = async () => {
const manageSelect = (index) => { const manageSelect = (index) => {
console.log('首页点击-', index) console.log('首页点击-', index)
if (index === 0) { if (index === 0) {
console.log('站点管理=====-----')
router.push('/site') router.push('/site')
} }
}; };
@@ -181,23 +177,11 @@ const initWebSocket = () => {
const data = JSON.parse(event.data).data const data = JSON.parse(event.data).data
if (type === 'equipment') { if (type === 'equipment') {
data.forEach((item) => { data.forEach((item) => {
if (item.typeKey === 'currentVoltage') { if (item.typeKey === 'frequency') {
console.log('电流电压') socketData.leftData = data
socketData.currentVoltage = data
} else if (item.typeKey === 'frequencyFeedback') {
console.log('变频器频率')
socketData.frequencyFeedback = data
} else if (item.typeKey === 'frequencyState') {
console.log('风机状态')
socketData.frequencyState = data
} else if (item.typeKey === 'electricityConsumption') {
console.log('用电量')
socketData.electricityConsumption = data
} else if (item.typeKey === 'windPressure') { } else if (item.typeKey === 'windPressure') {
console.log('风压风压')
socketData.windPressure = data socketData.windPressure = data
} else if (item.typeKey === 'sensor') { } else if (item.typeKey === 'sensor') {
console.log('传感器==========?')
socketData.sensor = data socketData.sensor = data
} }
}) })