| | |
| | | </div> |
| | | </div> |
| | | <div class="card has-title"> |
| | | <div class="card-title">三相交流输出电压(V)</div> |
| | | <div class="card-title">第2路交流三相输入电压(V)</div> |
| | | <div class="card-content"> |
| | | <bar1 ref="bar4" unit="V"></bar1> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="row row3"> |
| | | <div class="card has-title"> |
| | | <div class="card-title">第2路交流三相输入电压(V)</div> |
| | | <div class="card-title">三相交流输出电压(V)</div> |
| | | <div class="card-content"> |
| | | <gauge3 unit="V" ref="board3"></gauge3> |
| | | </div> |
| | |
| | | <el-radio-button :label="0">电压</el-radio-button> |
| | | <el-radio-button :label="1">内阻</el-radio-button> |
| | | <el-radio-button :label="2">温度</el-radio-button> |
| | | <el-radio-button :label="3">剩余容量</el-radio-button> |
| | | <el-radio-button :label="4">均衡电流</el-radio-button> |
| | | <!-- <el-radio-button :label="3">剩余容量</el-radio-button> |
| | | <el-radio-button :label="4">均衡电流</el-radio-button> --> |
| | | </el-radio-group> |
| | | </div> |
| | | <div class="batt-contain"> |
| | | <el-row |
| | | class="el_row" |
| | | :gutter="10" |
| | | v-for="i in 3" |
| | | v-for="i in 2" |
| | | :key="'row_' + i" |
| | | > |
| | | <el-col |
| | | class="el_col" |
| | | :span="3" |
| | | v-for="idx in 8" |
| | | :span="2" |
| | | v-for="idx in 12" |
| | | :key="'batt_' + i + '_' + idx" |
| | | > |
| | | <div |
| | | class="batt" |
| | | v-if="(i - 1) * 8 + idx <= rtMonData.length" |
| | | v-if="(i - 1) * 12 + idx <= rtMonData.length" |
| | | > |
| | | <div class="name"># {{ (i - 1) * 8 + idx }}</div> |
| | | <div class="name"># {{ (i - 1) * 12 + idx }}</div> |
| | | <div class="value"> |
| | | {{ |
| | | rtMonData[(i - 1) * 8 + idx - 1][battInfoType] |
| | | rtMonData[(i - 1) * 12 + idx - 1][battInfoType] |
| | | }} |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | </panel> |
| | | <panel class="panel right" title="核容装置遥信量"> |
| | | <!-- <panel class="panel right" title="核容装置遥信量"> |
| | | <div class="content"> |
| | | <div class="state-row"> |
| | | <div class="title1">核容装置与电池组</div> |
| | |
| | | </el-row> |
| | | </div> |
| | | </div> |
| | | </panel> |
| | | </panel> --> |
| | | </div> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | |
| | | alarmList1, |
| | | alarmList2, |
| | | alarmList3, |
| | | alarmList4, |
| | | alarmList5, |
| | | // alarmList4, |
| | | // alarmList5, |
| | | } = const_props; |
| | | const tabIdx = this.$route.params.tabIdx; |
| | | const tabs = ["pdg", "kgg", "hr"]; |
| | |
| | | alarmList1, |
| | | alarmList2, |
| | | alarmList3, |
| | | alarmList4, |
| | | alarmList5, |
| | | // alarmList4, |
| | | // alarmList5, |
| | | }; |
| | | }, |
| | | mounted() {}, |
| | |
| | | case 2: |
| | | name = "acIn2Vol"; |
| | | break; |
| | | // TODU |
| | | default: |
| | | name = "acIn1Vol"; |
| | | case 3: |
| | | name = 'ac1InVol'; |
| | | break; |
| | | case 4: |
| | | name = 'ac2InVol'; |
| | | } |
| | | return ["A", "B", "C"].map((v) => { |
| | | return data[name + v + "St"] |
| | |
| | | case 2: |
| | | name = "acIn2Curr"; |
| | | break; |
| | | // TODU |
| | | default: |
| | | name = "acIn1Curr"; |
| | | case 3: |
| | | name = 'acOutVol'; |
| | | break; |
| | | case 4: |
| | | name = 'acOutCurr'; |
| | | break; |
| | | } |
| | | return ["A", "B", "C"].map((v) => { |
| | |
| | | monTmpReal, |
| | | monTmpFake, |
| | | monTmpSt, |
| | | monRestCapReal, |
| | | monRestCapFake, |
| | | monRestCapSt, |
| | | monJhCurrReal, |
| | | monJhCurrFake, |
| | | monJhCurrSt, |
| | | // monRestCapReal, |
| | | // monRestCapFake, |
| | | // monRestCapSt, |
| | | // monJhCurrReal, |
| | | // monJhCurrFake, |
| | | // monJhCurrSt, |
| | | } = v; |
| | | let vol = monVolSt ? monVolFake : monVolReal; |
| | | let res = monResSt ? monResFake : monResReal; |
| | | let tmp = monTmpSt ? monTmpFake : monTmpReal; |
| | | let cap = monRestCapSt ? monRestCapFake : monRestCapReal; |
| | | let curr = monJhCurrSt ? monJhCurrFake : monJhCurrReal; |
| | | return [vol + "V", res + "Ω", tmp + "℃", cap + "AH", curr + "A"]; |
| | | // let cap = monRestCapSt ? monRestCapFake : monRestCapReal; |
| | | // let curr = monJhCurrSt ? monJhCurrFake : monJhCurrReal; |
| | | // return [vol + "V", res + "Ω", tmp + "℃", cap + "AH", curr + "A"]; |
| | | return [vol + "V", res + "Ω", tmp + "℃"]; |
| | | }); |
| | | }, |
| | | }, |
| | |
| | | box-shadow: none; |
| | | display: flex; |
| | | flex-direction: column; |
| | | /deep/ .el-tabs__header { |
| | | :deep(.el-tabs__header) { |
| | | border: 0 none; |
| | | background-color: transparent; |
| | | } |
| | | /deep/ .el-tabs__content { |
| | | :deep(.el-tabs__content) { |
| | | flex: 1; |
| | | padding: 4px; |
| | | .el-tab-pane { |
| | |
| | | .tab-content { |
| | | height: 100%; |
| | | } |
| | | /deep/ .el-tabs__header .el-tabs__item { |
| | | :deep(.el-tabs__header) .el-tabs__item { |
| | | background: #78eef8; |
| | | color: #000; |
| | | border-radius: 4px; |
| | |
| | | width: 286px; |
| | | } |
| | | .state-row { |
| | | /deep/ .el-col:nth-child(n + 4) { |
| | | // /deep/ .el-col:nth-child(3) ~ .el-col { |
| | | :deep(.el-col):nth-child(n + 4) { |
| | | margin-top: 10px; |
| | | } |
| | | .state-item { |
| | | } |
| | | } |
| | | } |
| | |
| | | .panel.right { |
| | | flex: 1; |
| | | .state-row { |
| | | /deep/ .el-col { |
| | | :deep(.el-col) { |
| | | margin-top: 10px; |
| | | } |
| | | &:first-child { |
| | |
| | | } |
| | | .radio-grp { |
| | | // #007BA4; |
| | | /deep/ .el-radio-button__inner { |
| | | :deep(.el-radio-button__inner) { |
| | | color: #fff; |
| | | background: #007ba4; |
| | | border: 1px solid #007ba4; |
| | | } |
| | | /deep/ .el-radio-button:not(:last-child) .el-radio-button__inner { |
| | | :deep(.el-radio-button:not(:last-child)) .el-radio-button__inner { |
| | | border-right-color: #32a4b7; |
| | | } |
| | | /deep/ .el-radio-button__orig-radio:checked + .el-radio-button__inner { |
| | | :deep(.el-radio-button__orig-radio:checked) + .el-radio-button__inner { |
| | | background-color: #46b5be; |
| | | border-color: #46b5be; |
| | | box-shadow: -1px 0 0 0 #46b5be; |