web
9 天以前 3a77d90fc296ac1d45b118f062a5a5a5d1dd0e68
src/views/screen/pumpInfo/index.vue
@@ -1,8 +1,9 @@
<script setup>
import {computed, onMounted, ref} from 'vue'
import {onMounted, ref, onUnmounted} from 'vue'
import {getPumpData} from '@/api/screen/index.js'
const list = ref([])
let timer = null
const gongdainStatus = (n1, n2, n3) => {
    if ((n1 > 350 && n1 < 400) && (n2 > 350 && n2 < 400) && (n3 > 350 && n3 < 400)) {
@@ -16,11 +17,11 @@
    let newArr = [{}, {}, {}, {}]
    let hasPump = 0; // 最多四个泵,有几个泵就累加数字
    getPumpData().then(res => {
        newArr.forEach(item => {
            item['facilityName'] = res.data[0].facilityName
        newArr.forEach((item, index) => {
            item['facilityName'] = res.data[0].facilityName + (index+1) +'号泵'
        })
        res.data[0].parameterVOList.forEach(el => {
            if(el.parameterType === 0) {
            if(el.parameterType === 0) { //公共数据
                newArr.forEach(item => {
                    item['c'+el.columnsCode] = el.columnValue
                })
@@ -50,6 +51,16 @@
onMounted(() => {
    getData()
    // 定时3秒回调一次,更新数据
    timer = setInterval(() => {
        getData()
    }, 3000)
})
onUnmounted(() => {
    if(timer) {
        clearInterval(timer)
    }
})
</script>
@@ -59,8 +70,8 @@
            <div class="item-t">{{item.facilityName}}</div>
            <div class="item-c">
                <div class="allTime">
                    <div>{{index+1}}号泵总运行时长</div>
                    <div class="val">{{ item[`cB00${index+1}Time`] }}</div>
                        <div>{{index+1}}号泵累计运行时长</div>
                        <div class="val">{{ item[`cB00${index+1}TimeSum`] }}</div>
                </div>
                <div class="pumbVal">
                    <div class="environment">
@@ -128,7 +139,7 @@
                        </div>
                        <div class="run-item">
                            <div class="name">启泵次数</div>
                            <div class="val">正常</div>
                                <div class="val">{{Number(item[`cB00${index+1}StartNumber`]) + '次'}}</div>
                        </div>
                        <div class="run-item">
                            <div class="name">1号空开</div>
@@ -145,7 +156,7 @@
                            </div>
                        </div>
                        <div class="run-item">
                            <div class="name">备用空开</div>
                                <div class="name">3号空开</div>
                            <div class="val">
                                <span style="margin-right: 2rem" :class="item.cQF3 === '开' ? 'val' : 'error'">{{item.cQF3 === '开' ? '开' : '关'}}</span>
                                <span>{{Number(item.cQF3Number) + '次'}}</span>
@@ -159,7 +170,7 @@
                            </div>
                        </div>
                        <div class="run-item">
                            <div class="name">运行时长</div>
                                <div class="name">单次运行时长</div>
                            <div class="val">{{ item[`cB00${index+1}Time`] }}</div>
                        </div>
                        <div class="run-item">