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

邓洁 : 打开弹窗时背景更改

Browse Source
This commit is contained in:
admin
2023-12-14 16:41:51 +08:00
parent d6661dc5fd
commit c70dd888fd
6 changed files with 44 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,7 +5,7 @@
<img src="@/assets/images/transducer/sp_icon_dl.png" alt=""/>
<div class="info">
<div class="name-state">
<div class="name">{{item.equipmentName}}</div>
<div class="name">{{ item.equipmentName }}</div>
<div class="state" v-if="stateA||stateB||stateC">
<img src="@/assets/images/transducer/sp_icon_yc.png" alt=""/>
<span style="color: red">异常</span>
@@ -26,7 +26,7 @@
<img src="@/assets/images/transducer/sp_icon_pbq.png"/>
<div class="info">
<div class="name-state">
<div class="name">{{item.equipmentName}}</div>
<div class="name">{{ item.equipmentName }}</div>
<div class="state">
<img src="@/assets/images/transducer/greenLight.png"/>
<span>正常</span>
@@ -79,16 +79,16 @@ watch(() => props.list, (now) => {
})
})
}, {deep: true});
const stateA=ref(false)
const stateB=ref(false)
const stateC=ref(false)
const stateA = ref(false)
const stateB = ref(false)
const stateC = ref(false)
const getBasicData = (data) => {
let tranObj = {}
let tranArr = []
data.map(item => {
tranObj = {
equipmentId: item.equipmentId,
equipmentName:item.equipmentName,
equipmentName: item.equipmentName,
phaseCurrentA: item.phaseCurrentA,
phaseCurrentAThreshold: item.phaseCurrentAThreshold,
phaseCurrentB: item.phaseCurrentB,
@@ -98,25 +98,25 @@ const getBasicData = (data) => {
frequencySetting: item.frequencySetting,
frequencyFeedback: item.frequencyFeedback,
}
stateA.value=item.phaseCurrentA>item.phaseCurrentAThreshold
stateB.value=item.phaseCurrentB>item.phaseCurrentBThreshold
stateC.value=item.phaseCurrentC>item.phaseCurrentCThreshold
stateA.value = item.phaseCurrentA > item.phaseCurrentAThreshold
stateB.value = item.phaseCurrentB > item.phaseCurrentBThreshold
stateC.value = item.phaseCurrentC > item.phaseCurrentCThreshold
tranArr.push(tranObj)
})
//mock数据
// let newObj = {
// equipmentId: 0,
// equipmentName:'3号变频器',
// phaseCurrentA: 210,
// phaseCurrentAThreshold: 200,
// phaseCurrentB: 231,
// phaseCurrentBThreshold: 300,
// phaseCurrentC: 154,
// phaseCurrentCThreshold:200,
// frequencySetting: 23,
// frequencyFeedback: 34,
// }
// tranArr.push(newObj)
// let newObj = {
// equipmentId: 0,
// equipmentName:'3号变频器',
// phaseCurrentA: 210,
// phaseCurrentAThreshold: 200,
// phaseCurrentB: 231,
// phaseCurrentBThreshold: 300,
// phaseCurrentC: 154,
// phaseCurrentCThreshold:200,
// frequencySetting: 23,
// frequencyFeedback: 34,
// }
// tranArr.push(newObj)
transducerData.value = tranArr
}
</script>
@@ -127,10 +127,11 @@ const getBasicData = (data) => {
position: absolute;
top: 1015px;
left: 70px;
width: 826px;
width: 830px;
height: 928px;
background-image: url(@/assets/images/transducer/bg.png);
padding: 0 30px;
box-sizing: border-box;
.transducer-item {
border-bottom: rgba(107, 163, 237, 0.4) solid 2px;