| | |
| | | <div class="power-info"> |
| | | <div class="group"> |
| | | <div class="g-content"> |
| | | <div class="label">充放电状态</div> |
| | | <div class="value">{{ info.other.powerWorkState }}</div> |
| | | <!-- <div class="label">充放电状态</div>--> |
| | | <!-- <div class="value">{{ info.other.powerWorkState }}</div>--> |
| | | <div class="label">母排电压(V)</div> |
| | | <div class="value">{{ info.ycdata.dcout1VolDc }}</div> |
| | | <div class="label">电池电流(A)</div> |
| | |
| | | <div class="label">电流</div> |
| | | <div class="value">{{ info.ycdata.powerCurr1 }}A</div> |
| | | </svg-info> |
| | | <svg-info :offset="[1460, 110]"> |
| | | <div class="label">电流</div> |
| | | <div class="value">{{ info.ycdata.powerCurr2 }}A</div> |
| | | </svg-info> |
| | | <!-- <svg-info :offset="[1460, 110]">--> |
| | | <!-- <div class="label">电流</div>--> |
| | | <!-- <div class="value">{{ info.ycdata.powerCurr2 }}A</div>--> |
| | | <!-- </svg-info>--> |
| | | <!-- kc --> |
| | | <svg-switch |
| | | :offset="[1695, 160]" |
| | |
| | | <div :class="['state', { alarm: !info.yxdata.k11State }]"> |
| | | {{ info.yxdata.k11State ? "合闸" : "分闸" }} |
| | | </div> |
| | | <div class="value">{{ info.ycdata.dk11Curr }}A</div> |
| | | <div class="name">DK-12</div> |
| | | <div :class="['state', { alarm: !info.yxdata.k12State }]"> |
| | | {{ info.yxdata.k12State ? "合闸" : "分闸" }} |
| | | </div> |
| | | <div class="value">{{ info.ycdata.dk12Curr }}A</div> |
| | | <div class="name">DK-13</div> |
| | | <div :class="['state', { alarm: !info.yxdata.k13State }]"> |
| | | {{ info.yxdata.k13State ? "合闸" : "分闸" }} |
| | | </div> |
| | | <div class="value">{{ info.ycdata.dk13Curr }}A</div> |
| | | <div class="name">DK-14</div> |
| | | <div :class="['state', { alarm: !info.yxdata.k14State }]"> |
| | | {{ info.yxdata.k14State ? "合闸" : "分闸" }} |
| | | </div> |
| | | <div class="value">{{ info.ycdata.dk14Curr }}A</div> |
| | | <div class="name">DK-15</div> |
| | | <div :class="['state', { alarm: !info.yxdata.k15State }]"> |
| | | {{ info.yxdata.k15State ? "合闸" : "分闸" }} |
| | | </div> |
| | | <div class="value">{{ info.ycdata.dk15Curr }}A</div> |
| | | <div class="name">DK-16</div> |
| | | <div :class="['state', { alarm: !info.yxdata.k16State }]"> |
| | | {{ info.yxdata.k16State ? "合闸" : "分闸" }} |
| | | </div> |
| | | <div class="value">{{ info.ycdata.dk16Curr }}A</div> |
| | | <div class="name">DK-17</div> |
| | | <div :class="['state', { alarm: !info.yxdata.k17State }]"> |
| | | {{ info.yxdata.k17State ? "合闸" : "分闸" }} |
| | | </div> |
| | | <div class="value">{{ info.ycdata.dk17Curr }}A</div> |
| | | <div class="name">DK-18</div> |
| | | <div :class="['state', { alarm: !info.yxdata.k18State }]"> |
| | | {{ info.yxdata.k18State ? "合闸" : "分闸" }} |
| | | </div> |
| | | <div class="value">{{ info.ycdata.dk18Curr }}A</div> |
| | | </div> |
| | | </svg-panel> |
| | | <svg-text |
| | |
| | | height: 100%; |
| | | display: grid; |
| | | gap: 2px; |
| | | grid-template-columns: 1fr 1.3fr; |
| | | grid-template-columns: 1fr 1.5fr 1.5fr; |
| | | grid-template-rows: repeat(auto-fill, 30px); |
| | | place-items: center end; |
| | | gap: 4px 1em; |
| | |
| | | color: rgb(255, 0, 0); |
| | | } |
| | | } |
| | | .value { |
| | | place-self: stretch; |
| | | line-height: 30px; |
| | | padding-left: 0.6em; |
| | | color: #ffea70; |
| | | border-radius: 4px; |
| | | background: #000; |
| | | } |
| | | } |
| | | /deep/ .g-rect-fill { |
| | | fill: none; |