123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180 |
- <template>
- <div class='water-unit'>
- <div class='strate-right-box-1' :class='type==2?"content1":""'>
- <div class='starte-right-box-1-title' :class='type==2?"title1":""'>冷水机组</div>
- <div class='starte-right-box-1-content1' v-if='data'>
- <p>
- <font v-if='type==1' :class='data.chillerNumSetLOrg=="-9999"?"reds":""'>{{formatterRes(data.chillerNumSetLOrg,1,0)}}</font>
- <font v-if='type==2' :class='data.chillerNumSetL=="-9999"?"reds":""'>{{formatterRes(data.chillerNumSetL,1,0)}}</font>
- </p>
- <p>
- <font v-if='type==1' :class='data.chillerNumSetSOrg=="-9999"?"reds":""'>{{formatterRes(data.chillerNumSetSOrg,1,0)}}</font>
- <font v-if='type==2' :class='data.chillerNumSetS=="-9999"?"reds":""'>{{formatterRes(data.chillerNumSetS,1,0)}}</font>
- </p>
- <p>
- <font v-if='type==1' :class='data.chillWaterOutTempSetOrg=="-9999"?"reds":""'>{{formatterRes(data.chillWaterOutTempSetOrg,0,1)}}</font>
- <font v-if='type==2' :class='data.chillWaterOutTempSet=="-9999"?"reds":""'>{{formatterRes(data.chillWaterOutTempSet,0,1)}}</font>
- <font style='font-size:12px;'>℃</font>
- </p>
- </div>
- <div class='starte-right-box-1-content'>
- <p>大</p>
- <p>小</p>
- <p>供水温度设定</p>
- </div>
- </div>
- <div class='strate-right-box-1' :class='type==2?"content1":""'>
- <div class='starte-right-box-1-title' :class='type==2?"title1":""'>冷冻水泵</div>
- <div class='starte-right-box-1-content1' v-if='data'>
- <p>
- <font v-if='type==1' :class='data.coolPumpNumSetLOrg=="-9999"?"reds":""'>{{formatterRes(data.coolPumpNumSetLOrg ,1,0)}}</font>
- <font v-if='type==2' :class='data.coolPumpNumSetL=="-9999"?"reds":""'>{{formatterRes(data.coolPumpNumSetL,1,0)}}</font>
- </p>
- <p>
- <font v-if='type==1' :class='data.coolPumpNumSetSOrg=="-9999"?"reds":""'>{{formatterRes(data.coolPumpNumSetSOrg,1,0)}}</font>
- <font v-if='type==2' :class='data.coolPumpNumSetS=="-9999"?"reds":""'>{{formatterRes(data.coolPumpNumSetS,1,0)}}</font>
- </p>
- <p>
- <font v-if='type==1' :class='data.coolPumpFreqSetOrg=="-9999"?"reds":""'>{{formatterRes(data.coolPumpFreqSetOrg,0,0)}}</font>
- <font v-if='type==2' :class='data.coolPumpFreqSet=="-9999"?"reds":""'>{{formatterRes(data.coolPumpFreqSet,0,0)}}</font>
- <font style='font-size:12px;'>Hz</font>
- </p>
- </div>
- <div class='starte-right-box-1-content'>
- <p>大</p>
- <p>小</p>
- <p>{{type==2?'运行频率设定':'运行频率'}}</p>
- </div>
- </div>
- <div class='strate-right-box-1' :class='type==2?"content1":""'>
- <div class='starte-right-box-1-title' :class='type==2?"title1":""'>冷却水泵</div>
- <div class='starte-right-box-1-content1' v-if='data'>
- <p>
- <font v-if='type==1' :class='data.chillPumpNumSetLOrg=="-9999"?"reds":""'>{{formatterRes(data.chillPumpNumSetLOrg,1,0)}}</font>
- <font v-if='type==2' :class='data.chillPumpNumSetL=="-9999"?"reds":""'>{{formatterRes(data.chillPumpNumSetL,1,0)}}</font>
- </p>
- <p>
- <font v-if='type==1' :class='data.chillPumpNumSetSOrg=="-9999"?"reds":""'>{{formatterRes(data.chillPumpNumSetSOrg,1,0)}}</font>
- <font v-if='type==2' :class='data.chillPumpNumSetS=="-9999"?"reds":""'>{{formatterRes(data.chillPumpNumSetS,1,0)}}</font>
- </p>
- <p>
- <font v-if='type==1' :class='data.chillPumpFreqSetOrg=="-9999"?"reds":""'>{{formatterRes(data.chillPumpFreqSetOrg,0,0)}}</font>
- <font v-if='type==2' :class='data.chillPumpFreqSet=="-9999"?"reds":""'>{{formatterRes(data.chillPumpFreqSet,0,0)}}</font>
- <font style='font-size:12px;'>Hz</font>
- </p>
- </div>
- <div class='starte-right-box-1-content'>
- <p>大</p>
- <p>小</p>
- <p>{{type==2?'运行频率设定':'运行频率'}}</p>
- </div>
- </div>
- <div class='strate-right-box-1' :class='type==2?"content1":""'>
- <div class='starte-right-box-1-title' :class='type==2?"title1":""'>冷却塔</div>
- <div class='starte-right-box-1-content1' v-if='data'>
- <p>
- <font v-if='type==1' :class='data.coolTowerNumSetLOrg=="-9999"?"reds":""'>{{formatterRes(data.coolTowerNumSetLOrg,1,0)}}</font>
- <font v-if='type==2' :class='data.coolTowerNumSetL=="-9999"?"reds":""'>{{formatterRes(data.coolTowerNumSetL,1,0)}}</font>
- </p>
- <p>
- <font v-if='type==1' :class='data.coolTowerNumSetSOrg=="-9999"?"reds":""'>{{formatterRes(data.coolTowerNumSetSOrg,1,0)}}</font>
- <font v-if='type==2' :class='data.coolTowerNumSetS=="-9999"?"reds":""'>{{formatterRes(data.coolTowerNumSetS,1,0)}}</font>
- </p>
- <p>
- <font v-if='type==1' :class='data.coolTowerFreqSetOrg=="-9999"?"reds":""'>{{formatterRes(data.coolTowerFreqSetOrg,0,0)}}</font>
- <font v-if='type==2' :class='data.coolTowerFreqSet=="-9999"?"reds":""'>{{formatterRes(data.coolTowerFreqSet,0,0)}}</font>
- <font style='font-size:12px;'>Hz</font>
- </p>
- </div>
- <div class='starte-right-box-1-content'>
- <p>大</p>
- <p>小</p>
- <p>{{type==2?'运行频率设定':'运行频率'}}</p>
- </div>
- </div>
- </div>
- </template>
- <script>
- import { formatterRes } from '@/utils/moment.js'
- export default {
- data() {
- return {
- formatterRes
- }
- },
- props: ['data', 'type']
- }
- </script>
- <style lang='scss' scoped>
- .water-unit {
- .reds {
- color: #f54e45;
- }
- display: flex;
- justify-content: space-between;
- .content1 {
- background: rgba(0, 145, 255, 1);
- color: #fff;
- }
- .strate-right-box-1 {
- flex: 1;
- border-radius: 6px;
- border: 1px solid rgba(238, 238, 238, 1);
- margin-right: 18px;
- &:last-of-type {
- margin-right: 0;
- }
- .starte-right-box-1-title {
- padding-left: 28px;
- height: 56px;
- line-height: 56px;
- font-size: 16px;
- background: rgba(248, 249, 250, 1);
- color: #1f2429;
- }
- .title1 {
- color: #fff;
- background: rgba(0, 124, 219, 1);
- }
- p {
- padding: 0;
- margin: 0;
- }
- .starte-right-box-1-content1 {
- display: flex;
- font-size: 24px;
- justify-content: space-evenly;
- margin-top: 11px;
- p {
- width: 35%;
- text-align: center;
- }
- p:nth-of-type(1),
- p:nth-of-type(2) {
- width: 15%;
- text-align: center;
- }
- }
- .starte-right-box-1-content {
- display: flex;
- font-size: 14px;
- margin-top: 4px;
- margin-bottom: 14px;
- justify-content: space-evenly;
- p {
- width: 35%;
- text-align: center;
- }
- p:nth-of-type(1),
- p:nth-of-type(2) {
- width: 15%;
- text-align: center;
- }
- }
- }
- }
- </style>
|