机台监控界面效率和能耗对比优化

bsw215583320

2024-05-27 86301bd8e636e53667bc34c501b49149e663ec66

机台监控界面效率和能耗对比优化

 src/views/dry/DryOrderList.vue

@@ -146,6 +146,10 @@
                label: '操作记录',
                onClick: openReport.bind(null, record),
            },
            {
                label: '过程趋势',
                onClick: openProcessTendency.bind(null, record),
            }
        ]
    }
    /**
@@ -173,7 +177,7 @@

    /**打开报表 */
    function openReport(record: Recordable) {
        console.log(`output->record`, record)
        //console.log(`output->record`, record)
        router.push({
            path: '/dry/order/report',
            query: {
@@ -181,6 +185,11 @@
            },
        })
    }

    /** 打开过程趋势走势图窗口 */
    function openProcessTendency(record: Recordable) {
        console.log(`output->record`, record)
    }
</script>

<style scoped></style>

 src/views/dry/bigScreen/BigEqp.vue

@@ -96,7 +96,7 @@
                                <div class="leftTop1">
                                    <Icon icon="bi:fan" :size="50" />
                                    <div>
                                        <div class="mainInfo">{{ realData.trendVo?.fanFrequency | 0 }} Hz</div>
                                        <div class="mainInfo">{{ realData?.trendVo?.fanFrequency | 0 }} Hz</div>
                                        <div class="subhead">风机频率</div>
                                    </div>
                                </div>
@@ -170,7 +170,7 @@
                            <div class="chartTittle">实时进度</div>
                            <div id="efficiencyLine" style="width: 848px; height: 180px; margin-top: -10px"></div>
                            <div style="height: 10px; display: flex; width: 848px; padding: 0 60px; justify-content: space-between">
                                <div style="width: 100px; height: 20px">{{ realData.dryTime | 0 }} min</div>
                                <div style="width: 100px; height: 20px">{{ realData?.dryTime | 0 }} min</div>
                                <div style="width: 100px; height: 20px; text-align: right">{{ realData?.totalTime | 0 }} min</div>
                            </div>
                            <div id="progressBar" style="width: 848px; height: 80px"></div>
@@ -205,8 +205,8 @@
                                <div class="chartTittle">
                                    干燥效率(kg/h)
                                    <div class="rightLabel">
                                        <div class="label good">&gt;{{ eqp.dryEfficiency }} 优 </div>
                                        <div class="label bad">&lt;{{ eqp.dryEfficiency * 0.9.toFixed(2) }} 差</div>
                                        <div class="label good">&gt;{{ realData?.efficAvg?.toFixed(2) }} 优 </div>
                                        <div class="label bad">&lt;{{ ((realData?.efficAvg|0) * 0.9)?.toFixed(2) }} 差</div>
                                    </div>
                                </div>
                                <div class="outDiv" style="padding-top: 20px">
@@ -228,7 +228,7 @@
                                    </div>
                                    <div class="rightChart center">
                                        <div class="center compareBar">
                                            <div class="barTop">{{ eqp.dryEfficiency }}</div>
                                            <div class="barTop">{{ realData?.efficAvg?.toFixed(2) }}</div>
                                            <div class="barBack">
                                                <div class="barDiv" :style="{ height: realData?.xlsHeight }"></div>
                                            </div>
@@ -239,7 +239,7 @@
                                            </div>
                                        </div>
                                        <div class="center compareBar">
                                            <div class="barTop">{{ realData?.xiaolv || 0 }}</div>
                                            <div class="barTop">{{ realData?.xiaolv?.toFixed(2) || 0 }}</div>
                                            <div class="barBack">
                                                <div
                                                    class="barDiv"
@@ -262,8 +262,8 @@
                                <div class="chartTittle"
                                    >蒸汽消耗(m³/kg)
                                    <div class="rightLabel">
                                        <div class="label bad">&gt;{{ eqp.steamConsumption }} 差</div>
                                        <div class="label good">&lt;{{ eqp.steamConsumption * 0.9.toFixed(2) }} 优</div>
                                        <div class="label bad">&gt;{{ realData?.steamAvg?.toFixed(2) }} 差</div>
                                        <div class="label good">&lt;{{ ((realData?.steamAvg|0) * 0.9).toFixed(2) }} 优</div>
                                    </div>
                                </div>
                                <div class="outDiv" style="padding-top: 20px">
@@ -279,7 +279,7 @@
                                    </div>
                                    <div class="rightChart center">
                                        <div class="center compareBar">
                                            <div class="barTop">{{ eqp.steamConsumption }}</div>
                                            <div class="barTop">{{ realData?.steamAvg?.toFixed(2) }}</div>
                                            <div class="barBack">
                                                <div class="barDiv" :style="{ height: realData?.zqsHeight }"></div>
                                            </div>
@@ -290,7 +290,7 @@
                                            </div>
                                        </div>
                                        <div class="center compareBar">
                                            <div class="barTop">{{ realData?.zhengqi || 0 }}</div>
                                            <div class="barTop">{{ realData?.zhengqi?.toFixed(2) || 0 }}</div>
                                            <div class="barBack">
                                                <div
                                                    class="barDiv"
@@ -318,8 +318,8 @@
                                <div class="chartTittle">
                                    <div> 电能消耗(kWh/kg)</div>
                                    <div class="rightLabel">
                                        <div class="label bad">&gt;{{ eqp.powerConsumption }} 差</div>
                                        <div class="label good">&lt;{{ eqp.powerConsumption * 0.9.toFixed(2) }} 优</div>
                                        <div class="label bad">&gt;{{ realData?.wattAvg?.toFixed(3) }} 差</div>
                                        <div class="label good">&lt;{{ ((realData?.wattAvg|0) * 0.9).toFixed(3) }} 优</div>
                                    </div>
                                </div>
                                <div class="outDiv" style="padding-top: 20px">
@@ -335,7 +335,7 @@
                                    </div>
                                    <div class="rightChart center">
                                        <div class="center compareBar">
                                            <div class="barTop">{{ eqp.powerConsumption }}</div>
                                            <div class="barTop">{{ realData?.wattAvg?.toFixed(3) }}</div>
                                            <div class="barBack">
                                                <div class="barDiv" :style="{ height: realData?.dnsHeight }"></div>
                                            </div>
@@ -346,7 +346,7 @@
                                            </div>
                                        </div>
                                        <div class="center compareBar">
                                            <div class="barTop">{{ realData?.dian || 0 }}</div>
                                            <div class="barTop">{{ realData?.dian?.toFixed(3) || 0 }}</div>
                                            <div class="barBack">
                                                <div
                                                    class="barDiv"
@@ -1181,7 +1181,7 @@
                        data: [
                            {
                                name: '额定',
                                yAxis: eqp.value.dryEfficiency,
                                yAxis: 100,
                            },
                        ],
                        label: {
@@ -1510,7 +1510,7 @@
                                            data: [
                                                {
                                                    name: '额定',
                                                    yAxis: eqp.value.dryEfficiency,
                                                    yAxis: res.efficAvg|eqp.value.dryEfficiency,
                                                },
                                            ],
                                            label: {
@@ -1574,69 +1574,69 @@
                    if (res.originWeight - lastTrend.weight <= 0) {
                        res.xiaolv = 0
                    } else {
                        res.xiaolv = (((res.originWeight - lastTrend.weight) / lastTrend.totalTime) * 60).toFixed(2)
                        res.xiaolv = ((res.originWeight - lastTrend.weight) / lastTrend.totalTime) * 60
                    }
                    res.xiaolv = Number(res.xiaolv) 
                    eqp.value.dryEfficiency = Number(eqp.value.dryEfficiency)
                    if (res.xiaolv > eqp.value.dryEfficiency) {
                    //eqp.value.dryEfficiency = Number(eqp.value.dryEfficiency)
                    if (res.xiaolv > res.efficAvg) {
                        console.log("xiaolv:",res , eqp);
                        res.xlgood = true
                        res.xlsHeight = (eqp.value.dryEfficiency / res.xiaolv) * 100 + '%'
                        res.xlsHeight = (res.efficAvg / res.xiaolv) * 100 + '%'
                        res.xlrHeight = '100%'
                    } else if (res.xiaolv < eqp.value.dryEfficiency * 0.9) {
                    } else if (res.xiaolv < res.efficAvg * 0.9) {
                        res.xlbad = true
                        res.xlsHeight = '100%'
                        res.xlrHeight = (res.xiaolv / eqp.value.dryEfficiency) * 100 + '%'
                        res.xlrHeight = (res.xiaolv / res.efficAvg) * 100 + '%'
                    } else {
                        res.xlsHeight = '100%'
                        res.xlrHeight = (res.xiaolv / eqp.value.dryEfficiency) * 100 + '%'
                        res.xlrHeight = (res.xiaolv / res.efficAvg) * 100 + '%'
                    }

                    /** 蒸汽消耗 */
                    if (res.originWeight - lastTrend.weight <= 0) {
                        res.zhengqi = 0
                    } else {
                        res.zhengqi = (lastTrend.steam / (res.originWeight - lastTrend.weight)).toFixed(2)
                        res.zhengqi = lastTrend.steam / (res.originWeight - lastTrend.weight)
                    }
                    res.zhengqi = Number(res.zhengqi) 
                    eqp.value.steamConsumption = Number(eqp.value.steamConsumption)
                    //eqp.value.steamConsumption = Number(eqp.value.steamConsumption)
                    // res.zhengqi = eqp.value.steamConsumption - 3
                    // console.log(res);
                    // console.log('zhengqi:', res.zhengqi);
                    if (res.zhengqi > eqp.value.steamConsumption) {
                    if (res.zhengqi > res.steamAvg) {
                        res.zqbad = true
                        res.zqsHeight = (eqp.value.steamConsumption / res.zhengqi) * 100 + '%'
                        res.zqsHeight = (res.steamAvg / res.zhengqi) * 100 + '%'
                        res.zqrHeight = '100%'
                    } else if (res.zhengqi < eqp.value.steamConsumption * 0.9) {
                    } else if (res.zhengqi < res.steamAvg * 0.9) {
                        res.zqgood = true
                        res.zqsHeight = '100%'
                        res.zqrHeight = (res.zhengqi / eqp.value.steamConsumption) * 100 + '%'
                        res.zqrHeight = (res.zhengqi / res.steamAvg) * 100 + '%'
                    } else {
                        res.zqsHeight = '100%'
                        res.zqrHeight = (res.zhengqi / eqp.value.steamConsumption) * 100 + '%'
                        res.zqrHeight = (res.zhengqi / res.steamAvg) * 100 + '%'
                    }

                    /** 电能消耗 */
                    if (res.originWeight - lastTrend.weight <= 0) {
                        res.dian = 0
                    } else {
                        res.dian = (lastTrend.watt / (res.originWeight - lastTrend.weight)).toFixed(2)
                        res.dian = lastTrend.watt / (res.originWeight - lastTrend.weight)
                    }
                    // res.dian = eqp.value.powerConsumption - 1.5
                    res.dian = Number(res.dian) 
                    eqp.value.powerConsumption = Number(eqp.value.powerConsumption)
                    if (res.dian > eqp.value.powerConsumption) {
                        console.log("dian::", res.dian,eqp.value.powerConsumption )
                    //eqp.value.powerConsumption = Number(eqp.value.powerConsumption)
                    if (res.dian > res.wattAvg) {
                        console.log("dian::", res.dian,res.wattAvg )
                        res.dnbad = true
                        res.dnsHeight = (eqp.value.powerConsumption / res.dian) * 100 + '%'
                        res.dnsHeight = (res.wattAvg / res.dian) * 100 + '%'
                        res.dnrHeight = '100%'
                    } else if (res.dian < eqp.value.powerConsumption * 0.9) {
                    } else if (res.dian < res.wattAvg * 0.9) {
                        res.dngood = true
                        res.dnsHeight = '100%'
                        res.dnrHeight = (res.dian / eqp.value.powerConsumption) * 100 + '%'
                        res.dnrHeight = (res.dian / res.wattAvg) * 100 + '%'
                    } else {
                        res.dnsHeight = '100%'
                        res.dnrHeight = (res.dian / eqp.value.powerConsumption) * 100 + '%'
                        res.dnrHeight = (res.dian / res.wattAvg) * 100 + '%'
                    }

                    //console.log('state:::fan::', res.state_fan, 'roller::', res.state_roller, 'windbox::', res.state_windbox)