| | |
|---|
| | | <template> |
|---|
| | | <flex-layout direction="row" class="page-real-time"> |
|---|
| | | <home-list slot="header" @toggleChange="toggleChange" @leaf-click="leafClick"></home-list> |
|---|
| | | <content-box style="margin-left: 4px; margin-right: 4px;" :title="battFullName"> |
|---|
| | | <div slot="box-tools" class="box-tools"> |
|---|
| | | <el-tooltip class="item" effect="dark" content="åå²æ°æ®" placement="bottom"> |
|---|
| | | <i class="iconfont el-icon-jinru" @click="syncPage"></i> |
|---|
| | | </el-tooltip> |
|---|
| | | </div> |
|---|
| | | <flex-layout> |
|---|
| | | <div class="content-header" slot="header" :model="inputs"> |
|---|
| | | <div class="table-layout"> |
|---|
| | | <div class="table-row"> |
|---|
| | | <div class="table-cell text-right w80">çµæ± ç¶æ:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.batt_state" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">端çµå:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.group_online_vol" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">çµæ± çµæµ:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.group_curr" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">æ´æ°æ¥æ:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.rec_datetime" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="table-row"> |
|---|
| | | <div class="table-cell text-right w80">æµè¯æ¶é¿:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.batt_test_tlong" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">æµè¯å®¹é:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.batt_test_cap" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">å©ä½å®¹é:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.batt_syrl_cap" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">ç»èªæ¶é¿:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.sysc" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="page-content"> |
|---|
| | | <div class="page-content-tools" v-if="control.show"> |
|---|
| | | <el-popover placement="bottom" trigger="hover"> |
|---|
| | | <div class="hdw-menu-list"> |
|---|
| | | <ul> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.startTest.show"> |
|---|
| | | <a @click="dischargeDialog.show = true" href="javascript:void(0);">å¯å¨æ ¸å®¹æµè¯</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.stopTest.show"> |
|---|
| | | <a @click="stopTest" href="javascript:void(0);">åæ¢æµè¯</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.setSystemParams.show"> |
|---|
| | | <a @click="systemDialog.show = true" href="javascript:void(0);">ç³»ç»åæ°è®¾ç½®</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.clearWarn.show"> |
|---|
| | | <a @click="clearWarn" href="javascript:void(0);">æ¸
é¤åè¦</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.startYH.show"> |
|---|
| | | <a @click="curingDialog.show = true" href="javascript:void(0);">å¯å¨å
»æ¤/é¤ç¡«</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.stopYH.show"> |
|---|
| | | <a href="javascript:void(0);">åæ¢å
»æ¤/é¤ç¡«</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.startOutlineYH.show"> |
|---|
| | | <a @click="outlineCuringDialog.show = true" href="javascript:void(0);">å¯å¨ç¦»çº¿å
»æ¤</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.stopOutlineYH.show"> |
|---|
| | | <a href="javascript:void(0);">åæ¢ç¦»çº¿å
»æ¤</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.circleRestart.show"> |
|---|
| | | <a @click="restartPlanDialog.show = true" href="javascript:void(0);">å®æéå¯è®¾å¤</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.restart.show"> |
|---|
| | | <a href="javascript:void(0);">éå¯è®¾å¤</a> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <button class="hdw-btn transparentBtn" slot="reference"> |
|---|
| | | <span>è¿ç¨ç®¡ç</span> |
|---|
| | | <i class="hdw-icon el-icon-caret-bottom"></i> |
|---|
| | | </button> |
|---|
| | | </el-popover> |
|---|
| | | </div> |
|---|
| | | <el-tabs v-model="acTabs" type="border-card" class="flex-layout noborder" @tab-click="tabClick"> |
|---|
| | | <el-tab-pane label="çµè·¯ææå¾" name="eleLine"> |
|---|
| | | <science-box :top="8" :left="8" no-header v-show="stateListState"> |
|---|
| | | <div class="hdw-state-list table-layout"> |
|---|
| | | <div v-for="state in showStateList" :key="state.text" class="table-row" :class="state.type"> |
|---|
| | | <div class="table-cell text-right"> |
|---|
| | | <i v-if="state.icon" class="iconfont" :class="state.icon"></i>{{ state.text }} |
|---|
| | | </div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | {{ state.value }}{{ state.unit }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </science-box> |
|---|
| | | <circuit-diagram :online-vol="inputs.online_vol" :group-vol="inputs.group_vol" :batt-curr="inputs.group_curr" |
|---|
| | | :dev-temp="diagram.temp" :type="diagram.type"></circuit-diagram> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="çµå" name="vol"> |
|---|
| | | <bar-chart ref="vol" id="vol" unit="V"></bar-chart> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="å
é»" name="res"> |
|---|
| | | <bar-chart ref="res" id="res" unit="mΩ" max-color="red" min-color="green"></bar-chart> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="温度" name="temp"> |
|---|
| | | <bar-chart ref="temp" id="temp" unit="â" max-color="red" min-color="green"></bar-chart> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="çµå¯¼" name="conduct"> |
|---|
| | | <bar-chart ref="conduct" id="conduct"></bar-chart> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="åè¡¡çµæµ" name="curr"> |
|---|
| | | <bar-chart ref="curr" id="curr" unit="A"></bar-chart> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="æ°æ®è¡¨æ ¼" name="tblData"> |
|---|
| | | <el-table border size="small" :data="table.datas" height="100%"> |
|---|
| | | <el-table-column v-for="header in table.headers" :key="header.prop" :prop="header.prop" :label="header.label" |
|---|
| | | :width="header.width" align="center"></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </el-tab-pane> |
|---|
| | | </el-tabs> |
|---|
| | | </div> |
|---|
| | | </flex-layout> |
|---|
| | | </content-box> |
|---|
| | | <!-- æ¾çµåæ°è®¾ç½® --> |
|---|
| | | <el-dialog :title="dischargeDialogTitle" width="700px" :visible.sync="dischargeDialog.show" :close-on-click-modal="false" |
|---|
| | | top="0" class="dialog-center" :modal-append-to-body="false"> |
|---|
| | | <discharge-dialog-content v-if="dischargeDialog.show" :batt="batt"></discharge-dialog-content> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- ç³»ç»åæ°è®¾ç½® --> |
|---|
| | | <el-dialog title="ç³»ç»åæ°è®¾ç½®" width="700px" :visible.sync="systemDialog.show" :close-on-click-modal="false" top="0" class="dialog-center" |
|---|
| | | :modal-append-to-body="false"> |
|---|
| | | <system-params v-if="systemDialog.show" :batt="batt"></system-params> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- é¤ç¡«å
»æ¤åæ°è®¾ç½® --> |
|---|
| | | <el-dialog title="é¤ç¡«å
»æ¤åæ°è®¾ç½®" width="700px" :visible.sync="curingDialog.show" :close-on-click-modal="false" top="0" |
|---|
| | | class="dialog-center" :modal-append-to-body="false"> |
|---|
| | | <curing-params v-if="curingDialog.show" :batt="batt"></curing-params> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- 离线å
»æ¤åæ°è®¾ç½® --> |
|---|
| | | <el-dialog title="离线å
»æ¤åæ°è®¾ç½®" width="700px" :visible.sync="outlineCuringDialog.show" :close-on-click-modal="false" top="0" |
|---|
| | | class="dialog-center" :modal-append-to-body="false"> |
|---|
| | | <outline-curing-params v-if="outlineCuringDialog.show" :batt="batt"></outline-curing-params> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- å®æéå¯åæ°è®¾ç½® --> |
|---|
| | | <el-dialog title="å®æéå¯åæ°è®¾ç½®" width="700px" :visible.sync="restartPlanDialog.show" :close-on-click-modal="false" top="0" |
|---|
| | | class="dialog-center" :modal-append-to-body="false"> |
|---|
| | | <restart-plan-params v-if="restartPlanDialog.show" :batt="batt"></restart-plan-params> |
|---|
| | | </el-dialog> |
|---|
| | | </flex-layout> |
|---|
| | | <flex-layout direction="row" class="page-real-time"> |
|---|
| | | <home-list slot="header" @toggleChange="toggleChange" @leaf-click="leafClick"></home-list> |
|---|
| | | <content-box style="margin-left: 4px; margin-right: 4px;" :title="battFullName"> |
|---|
| | | <div slot="box-tools" class="box-tools"> |
|---|
| | | <el-tooltip class="item" effect="dark" content="åå²æ°æ®" placement="bottom"> |
|---|
| | | <i class="iconfont el-icon-jinru" @click="syncPage"></i> |
|---|
| | | </el-tooltip> |
|---|
| | | </div> |
|---|
| | | <flex-layout> |
|---|
| | | <div class="content-header" slot="header" :model="inputs"> |
|---|
| | | <div class="table-layout"> |
|---|
| | | <div class="table-row"> |
|---|
| | | <div class="table-cell text-right w80">çµæ± ç¶æ:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.batt_state" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">端çµå:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.group_online_vol" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">çµæ± çµæµ:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.group_curr" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">æ´æ°æ¥æ:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.rec_datetime" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="table-row"> |
|---|
| | | <div class="table-cell text-right w80">æµè¯æ¶é¿:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.batt_test_tlong" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">æµè¯å®¹é:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.batt_test_cap" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">å©ä½å®¹é:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.batt_syrl_cap" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | <div class="table-cell text-right w80">ç»èªæ¶é¿:</div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | <el-input :value="backInputs.sysc" size="small" :disabled="true"></el-input> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="page-content"> |
|---|
| | | <div class="page-content-tools" v-if="control.show"> |
|---|
| | | <el-popover placement="bottom" trigger="hover"> |
|---|
| | | <div class="hdw-menu-list"> |
|---|
| | | <ul> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.startTest.show"> |
|---|
| | | <a @click="dischargeDialog.show = true" href="javascript:void(0);">å¯å¨æ ¸å®¹æµè¯</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.stopTest.show"> |
|---|
| | | <a @click="stopTest" href="javascript:void(0);">åæ¢æµè¯</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.setSystemParams.show"> |
|---|
| | | <a @click="systemDialog.show = true" href="javascript:void(0);">ç³»ç»åæ°è®¾ç½®</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.clearWarn.show"> |
|---|
| | | <a @click="clearWarn" href="javascript:void(0);">æ¸
é¤åè¦</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.startYH.show"> |
|---|
| | | <a @click="curingDialog.show = true" href="javascript:void(0);">å¯å¨å
»æ¤/é¤ç¡«</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.stopYH.show"> |
|---|
| | | <a href="javascript:void(0);">åæ¢å
»æ¤/é¤ç¡«</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.startOutlineYH.show"> |
|---|
| | | <a @click="outlineCuringDialog.show = true" href="javascript:void(0);">å¯å¨ç¦»çº¿å
»æ¤</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.stopOutlineYH.show"> |
|---|
| | | <a href="javascript:void(0);">åæ¢ç¦»çº¿å
»æ¤</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.circleRestart.show"> |
|---|
| | | <a @click="restartPlanDialog.show = true" href="javascript:void(0);">å®æéå¯è®¾å¤</a> |
|---|
| | | </li> |
|---|
| | | <li class="hdw-menu-item" v-if="control.data.restart.show"> |
|---|
| | | <a href="javascript:void(0);">éå¯è®¾å¤</a> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <button class="hdw-btn transparentBtn" slot="reference"> |
|---|
| | | <span>è¿ç¨ç®¡ç</span> |
|---|
| | | <i class="hdw-icon el-icon-caret-bottom"></i> |
|---|
| | | </button> |
|---|
| | | </el-popover> |
|---|
| | | </div> |
|---|
| | | <el-tabs v-model="acTabs" type="border-card" class="flex-layout noborder" @tab-click="tabClick"> |
|---|
| | | <el-tab-pane label="çµè·¯ææå¾" name="eleLine"> |
|---|
| | | <science-box :top="8" :left="8" no-header v-show="stateListState"> |
|---|
| | | <div class="hdw-state-list table-layout"> |
|---|
| | | <div v-for="state in showStateList" :key="state.text" class="table-row" :class="state.type"> |
|---|
| | | <div class="table-cell text-right"> |
|---|
| | | <i v-if="state.icon" class="iconfont" :class="state.icon"></i>{{ state.text }} |
|---|
| | | </div> |
|---|
| | | <div class="table-cell"> |
|---|
| | | {{ state.value }}{{ state.unit }} |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </science-box> |
|---|
| | | <circuit-diagram :online-vol="inputs.online_vol" :group-vol="inputs.group_vol" :batt-curr="inputs.group_curr" |
|---|
| | | :dev-temp="diagram.temp" :type="diagram.type"></circuit-diagram> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="çµå" name="vol"> |
|---|
| | | <bar-chart ref="vol" id="vol" unit="V"></bar-chart> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="å
é»" name="res"> |
|---|
| | | <bar-chart ref="res" id="res" unit="mΩ" max-color="red" min-color="green"></bar-chart> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="温度" name="temp"> |
|---|
| | | <bar-chart ref="temp" id="temp" unit="â" max-color="red" min-color="green"></bar-chart> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="çµå¯¼" name="conduct"> |
|---|
| | | <bar-chart ref="conduct" id="conduct"></bar-chart> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="åè¡¡çµæµ" name="curr"> |
|---|
| | | <bar-chart ref="curr" id="curr" unit="A"></bar-chart> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="æ°æ®è¡¨æ ¼" name="tblData"> |
|---|
| | | <el-table |
|---|
| | | stripe |
|---|
| | | size="small" |
|---|
| | | :data="table.datas" |
|---|
| | | height="100%"> |
|---|
| | | <el-table-column |
|---|
| | | v-for="header in table.headers" |
|---|
| | | :key="header.prop" |
|---|
| | | :prop="header.prop" |
|---|
| | | :label="header.label" |
|---|
| | | :width="header.width" |
|---|
| | | align="center"></el-table-column> |
|---|
| | | </el-table> |
|---|
| | | </el-tab-pane> |
|---|
| | | </el-tabs> |
|---|
| | | </div> |
|---|
| | | </flex-layout> |
|---|
| | | </content-box> |
|---|
| | | <!-- æ¾çµåæ°è®¾ç½® --> |
|---|
| | | <el-dialog :title="dischargeDialogTitle" width="700px" :visible.sync="dischargeDialog.show" :close-on-click-modal="false" |
|---|
| | | top="0" class="dialog-center" :modal-append-to-body="false"> |
|---|
| | | <discharge-dialog-content v-if="dischargeDialog.show" :batt="batt"></discharge-dialog-content> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- ç³»ç»åæ°è®¾ç½® --> |
|---|
| | | <el-dialog title="ç³»ç»åæ°è®¾ç½®" width="700px" :visible.sync="systemDialog.show" :close-on-click-modal="false" top="0" class="dialog-center" |
|---|
| | | :modal-append-to-body="false"> |
|---|
| | | <system-params v-if="systemDialog.show" :batt="batt"></system-params> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- é¤ç¡«å
»æ¤åæ°è®¾ç½® --> |
|---|
| | | <el-dialog title="é¤ç¡«å
»æ¤åæ°è®¾ç½®" width="700px" :visible.sync="curingDialog.show" :close-on-click-modal="false" top="0" |
|---|
| | | class="dialog-center" :modal-append-to-body="false"> |
|---|
| | | <curing-params v-if="curingDialog.show" :batt="batt"></curing-params> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- 离线å
»æ¤åæ°è®¾ç½® --> |
|---|
| | | <el-dialog title="离线å
»æ¤åæ°è®¾ç½®" width="700px" :visible.sync="outlineCuringDialog.show" :close-on-click-modal="false" top="0" |
|---|
| | | class="dialog-center" :modal-append-to-body="false"> |
|---|
| | | <outline-curing-params v-if="outlineCuringDialog.show" :batt="batt"></outline-curing-params> |
|---|
| | | </el-dialog> |
|---|
| | | <!-- å®æéå¯åæ°è®¾ç½® --> |
|---|
| | | <el-dialog title="å®æéå¯åæ°è®¾ç½®" width="700px" :visible.sync="restartPlanDialog.show" :close-on-click-modal="false" top="0" |
|---|
| | | class="dialog-center" :modal-append-to-body="false"> |
|---|
| | | <restart-plan-params v-if="restartPlanDialog.show" :batt="batt"></restart-plan-params> |
|---|
| | | </el-dialog> |
|---|
| | | </flex-layout> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import ContentBox from "../../components/ContentBox"; |
|---|
| | | import HomeList from "./HomeList"; |
|---|
| | | import BarChart from "../../components/chart/BarChart"; |
|---|
| | | import CircuitDiagram from "./CircuitDiagram"; |
|---|
| | | import ScienceBox from "../../components/ScienceBox"; |
|---|
| | | import DischargeDialogContent from '../../components/params/DischargeDialogContent' |
|---|
| | | import SystemParams from '../../components//params/SystemParams' |
|---|
| | | import CuringParams from "@/components/params/CuringParams" |
|---|
| | | import OutlineCuringParams from "@/components/params/OutlineCuringParams"; |
|---|
| | | import RestartPlanParams from "@/components/params/RestartPlanParams"; |
|---|
| | | import ContentBox from "../../components/ContentBox"; |
|---|
| | | import HomeList from "./HomeList"; |
|---|
| | | import BarChart from "../../components/chart/BarChart"; |
|---|
| | | import CircuitDiagram from "./CircuitDiagram"; |
|---|
| | | import ScienceBox from "../../components/ScienceBox"; |
|---|
| | | import DischargeDialogContent from '../../components/params/DischargeDialogContent' |
|---|
| | | import SystemParams from '../../components//params/SystemParams' |
|---|
| | | import CuringParams from "@/components/params/CuringParams" |
|---|
| | | import OutlineCuringParams from "@/components/params/OutlineCuringParams"; |
|---|
| | | import RestartPlanParams from "@/components/params/RestartPlanParams"; |
|---|
| | | |
|---|
| | | import { |
|---|
| | | realTimeSearch, |
|---|
| | | realTimeGroup, |
|---|
| | | realTimeAlarm, |
|---|
| | | realTimePowerOff, |
|---|
| | | realTimeStateList |
|---|
| | | } from "../../assets/js/realTime"; |
|---|
| | | import { |
|---|
| | | formatSeconds, |
|---|
| | | sethoubeiTime, |
|---|
| | | Timeout, |
|---|
| | | regEquipType, |
|---|
| | | getBarNum |
|---|
| | | } from "../../assets/js/tools"; |
|---|
| | | import { |
|---|
| | | realTimeSearch, |
|---|
| | | realTimeGroup, |
|---|
| | | realTimeAlarm, |
|---|
| | | realTimePowerOff, |
|---|
| | | realTimeStateList |
|---|
| | | } from "../../assets/js/realTime"; |
|---|
| | | import { |
|---|
| | | formatSeconds, |
|---|
| | | sethoubeiTime, |
|---|
| | | Timeout, |
|---|
| | | regEquipType, |
|---|
| | | getBarNum |
|---|
| | | } from "../../assets/js/tools"; |
|---|
| | | |
|---|
| | | import { |
|---|
| | | const_61850 |
|---|
| | | } from "../../assets/js/const"; |
|---|
| | | /* import moment from "moment"; */ |
|---|
| | | let vol, resChart, temp, conduct, currChart; |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | ContentBox, |
|---|
| | | HomeList, |
|---|
| | | BarChart, |
|---|
| | | CircuitDiagram, |
|---|
| | | ScienceBox, |
|---|
| | | DischargeDialogContent, |
|---|
| | | SystemParams, |
|---|
| | | CuringParams, |
|---|
| | | OutlineCuringParams, |
|---|
| | | RestartPlanParams |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | username: sessionStorage.getItem('username'), |
|---|
| | | /* çµæ± ç¶æ 模å ç»ç«¯å±ç¤º */ |
|---|
| | | inputs: { |
|---|
| | | group_vol: 0 /* 端çµå-ç»ç«¯çµå */ , |
|---|
| | | online_vol: 0 /* 端çµå-å¨çº¿çµå */ , |
|---|
| | | group_curr: 0 /* çµæ± çµæµ */ , |
|---|
| | | batt_test_tlong: "0:00:00" /* æµè¯æ¶é¿ */ , |
|---|
| | | rec_datetime: 0 /* æ´æ°æ¥æ */ , |
|---|
| | | batt_test_cap: 0 /* æµè¯å®¹é */ , |
|---|
| | | batt_rest_cap: 0, // å©ä½å®¹é |
|---|
| | | batt_state: 0 /* çµæ± ç¶æ */ |
|---|
| | | }, |
|---|
| | | acTabs: "eleLine", |
|---|
| | | table: { |
|---|
| | | headers: [{ |
|---|
| | | prop: "num1", |
|---|
| | | label: "åä½ç¼å·", |
|---|
| | | width: "" |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | prop: "vol1", |
|---|
| | | label: "çµå(V)", |
|---|
| | | width: "" |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | prop: "res1", |
|---|
| | | label: "å
é»(mΩ)", |
|---|
| | | width: "" |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | prop: "temp1", |
|---|
| | | label: "温度(â)", |
|---|
| | | width: "" |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | prop: "conduct1", |
|---|
| | | label: "çµå¯¼", |
|---|
| | | width: "" |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | prop: "curr1", |
|---|
| | | label: "åè¡¡çµæµ(A)", |
|---|
| | | width: "" |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | datas: [{ |
|---|
| | | num1: 0, |
|---|
| | | vol1: 0, |
|---|
| | | res1: 0, |
|---|
| | | temp1: 0, |
|---|
| | | conduct1: 0, |
|---|
| | | curr1: 0 |
|---|
| | | }] |
|---|
| | | }, |
|---|
| | | batt: {}, |
|---|
| | | stateListShow: true, |
|---|
| | | stateList: [{ |
|---|
| | | id: 1, |
|---|
| | | name: "workState", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "设å¤å·¥ä½ç¶æï¼", |
|---|
| | | value: "å¨çº¿æµ®å
", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 2, |
|---|
| | | name: "connect", |
|---|
| | | type: "", |
|---|
| | | icon: "el-icon-tongxun", |
|---|
| | | text: "设å¤é讯ï¼", |
|---|
| | | value: "æ£å¸¸", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 3, |
|---|
| | | name: "devTemp", |
|---|
| | | type: "", |
|---|
| | | icon: "el-icon-wendu", |
|---|
| | | text: "设å¤æ¸©åº¦ï¼", |
|---|
| | | value: "æ£å¸¸", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 4, |
|---|
| | | name: "contact", |
|---|
| | | type: "", |
|---|
| | | icon: "el-icon-fenxiang", |
|---|
| | | text: "å¹²æ¥ç¹ï¼", |
|---|
| | | value: "æ£å¸¸", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 5, |
|---|
| | | name: "stopReason", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "æ ¸å®¹ç»æ¢åå ï¼", |
|---|
| | | value: "æªç¥", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 6, |
|---|
| | | name: "failReason", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "æä½å¤±è´¥åå ï¼", |
|---|
| | | value: "æªç¥", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 7, |
|---|
| | | name: "resDay", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "å©ä½å¤©æ°ï¼", |
|---|
| | | value: "0", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 8, |
|---|
| | | name: "workMode", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "å·¥ä½æ¨¡å¼ï¼", |
|---|
| | | value: "åæ¢", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 9, |
|---|
| | | name: "groupVol", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "ç»ç«¯çµåï¼", |
|---|
| | | value: "0", |
|---|
| | | unit: "V", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 10, |
|---|
| | | name: "peakVol", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "å³°å¼çµåï¼", |
|---|
| | | value: "0", |
|---|
| | | unit: "V", |
|---|
| | | show: false |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | timer: new Timeout('realTime'), |
|---|
| | | diagram: { |
|---|
| | | type: -1, |
|---|
| | | desc: "", |
|---|
| | | temp: 0 // 设å¤æ¸©åº¦ |
|---|
| | | }, |
|---|
| | | dischargeDialog: { |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | systemDialog: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | curingDialog: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | outlineCuringDialog: { |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | restartPlanDialog: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | control: { |
|---|
| | | show: false, |
|---|
| | | data: { |
|---|
| | | startTest: { // å¯å¨æ ¸å®¹æµè¯ |
|---|
| | | show: true, |
|---|
| | | id: 11, |
|---|
| | | }, |
|---|
| | | stopTest: { // åæ¢æµè¯ |
|---|
| | | show: true, |
|---|
| | | id: 12 |
|---|
| | | }, |
|---|
| | | setSystemParams: { // ç³»ç»åæ°è®¾ç½® |
|---|
| | | show: true, |
|---|
| | | id: 13 |
|---|
| | | }, |
|---|
| | | clearWarn: { // æ¸
çåè¦ |
|---|
| | | show: true, |
|---|
| | | id: 14 |
|---|
| | | }, |
|---|
| | | startYH: { // å¯å¨å
»æ¤/é¤ç¡« |
|---|
| | | show: true, |
|---|
| | | id: 15 |
|---|
| | | }, |
|---|
| | | stopYH: { // åæ¢å
»æ¤/é¤ç¡« |
|---|
| | | show: true, |
|---|
| | | id: 16 |
|---|
| | | }, |
|---|
| | | startOutlineYH: { // å¯å¨ç¦»çº¿å
»æ¤/é¤ç¡« |
|---|
| | | show: true, |
|---|
| | | id: 17 |
|---|
| | | }, |
|---|
| | | stopOutlineYH: { // åæ¢ç¦»çº¿å
»æ¤/é¤ç¡« |
|---|
| | | show: true, |
|---|
| | | id: 18 |
|---|
| | | }, |
|---|
| | | circleRestart: { // å®æéå¯ |
|---|
| | | show: true, |
|---|
| | | id: 19 |
|---|
| | | }, |
|---|
| | | restart: { // éå¯ |
|---|
| | | show: true, |
|---|
| | | id: 20 |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | tabClick(tab) { |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$G.chartManage.resize(tab.name); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | toggleChange() { |
|---|
| | | this.resize(); |
|---|
| | | }, |
|---|
| | | resize() { |
|---|
| | | this.$G.chartManage.resize(this.acTabs); |
|---|
| | | }, |
|---|
| | | initChart() { |
|---|
| | | // çµå |
|---|
| | | vol = { |
|---|
| | | title: { |
|---|
| | | show: true, |
|---|
| | | text: "æ大å¼=0V;æå°å¼=0V;å¹³åå¼=0V", |
|---|
| | | x: "center", |
|---|
| | | textStyle: { |
|---|
| | | fontSize: "14" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | series: [{ |
|---|
| | | name: "çµå", |
|---|
| | | type: "bar", |
|---|
| | | data: [] |
|---|
| | | }] |
|---|
| | | }; |
|---|
| | | import { |
|---|
| | | const_61850 |
|---|
| | | } from "../../assets/js/const"; |
|---|
| | | /* import moment from "moment"; */ |
|---|
| | | let vol, resChart, temp, conduct, currChart; |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | ContentBox, |
|---|
| | | HomeList, |
|---|
| | | BarChart, |
|---|
| | | CircuitDiagram, |
|---|
| | | ScienceBox, |
|---|
| | | DischargeDialogContent, |
|---|
| | | SystemParams, |
|---|
| | | CuringParams, |
|---|
| | | OutlineCuringParams, |
|---|
| | | RestartPlanParams |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | username: sessionStorage.getItem('username'), |
|---|
| | | /* çµæ± ç¶æ 模å ç»ç«¯å±ç¤º */ |
|---|
| | | inputs: { |
|---|
| | | group_vol: 0 /* 端çµå-ç»ç«¯çµå */ , |
|---|
| | | online_vol: 0 /* 端çµå-å¨çº¿çµå */ , |
|---|
| | | group_curr: 0 /* çµæ± çµæµ */ , |
|---|
| | | batt_test_tlong: "0:00:00" /* æµè¯æ¶é¿ */ , |
|---|
| | | rec_datetime: 0 /* æ´æ°æ¥æ */ , |
|---|
| | | batt_test_cap: 0 /* æµè¯å®¹é */ , |
|---|
| | | batt_rest_cap: 0, // å©ä½å®¹é |
|---|
| | | batt_state: 0 /* çµæ± ç¶æ */ |
|---|
| | | }, |
|---|
| | | acTabs: "eleLine", |
|---|
| | | table: { |
|---|
| | | headers: [{ |
|---|
| | | prop: "num1", |
|---|
| | | label: "åä½ç¼å·", |
|---|
| | | width: "" |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | prop: "vol1", |
|---|
| | | label: "çµå(V)", |
|---|
| | | width: "" |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | prop: "res1", |
|---|
| | | label: "å
é»(mΩ)", |
|---|
| | | width: "" |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | prop: "temp1", |
|---|
| | | label: "温度(â)", |
|---|
| | | width: "" |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | prop: "conduct1", |
|---|
| | | label: "çµå¯¼", |
|---|
| | | width: "" |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | prop: "curr1", |
|---|
| | | label: "åè¡¡çµæµ(A)", |
|---|
| | | width: "" |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | datas: [{ |
|---|
| | | num1: 0, |
|---|
| | | vol1: 0, |
|---|
| | | res1: 0, |
|---|
| | | temp1: 0, |
|---|
| | | conduct1: 0, |
|---|
| | | curr1: 0 |
|---|
| | | }] |
|---|
| | | }, |
|---|
| | | batt: {}, |
|---|
| | | stateListShow: true, |
|---|
| | | stateList: [{ |
|---|
| | | id: 1, |
|---|
| | | name: "workState", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "设å¤å·¥ä½ç¶æï¼", |
|---|
| | | value: "å¨çº¿æµ®å
", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 2, |
|---|
| | | name: "connect", |
|---|
| | | type: "", |
|---|
| | | icon: "el-icon-tongxun", |
|---|
| | | text: "设å¤é讯ï¼", |
|---|
| | | value: "æ£å¸¸", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 3, |
|---|
| | | name: "devTemp", |
|---|
| | | type: "", |
|---|
| | | icon: "el-icon-wendu", |
|---|
| | | text: "设å¤æ¸©åº¦ï¼", |
|---|
| | | value: "æ£å¸¸", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 4, |
|---|
| | | name: "contact", |
|---|
| | | type: "", |
|---|
| | | icon: "el-icon-fenxiang", |
|---|
| | | text: "å¹²æ¥ç¹ï¼", |
|---|
| | | value: "æ£å¸¸", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 5, |
|---|
| | | name: "stopReason", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "æ ¸å®¹ç»æ¢åå ï¼", |
|---|
| | | value: "æªç¥", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 6, |
|---|
| | | name: "failReason", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "æä½å¤±è´¥åå ï¼", |
|---|
| | | value: "æªç¥", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 7, |
|---|
| | | name: "resDay", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "å©ä½å¤©æ°ï¼", |
|---|
| | | value: "0", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 8, |
|---|
| | | name: "workMode", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "å·¥ä½æ¨¡å¼ï¼", |
|---|
| | | value: "åæ¢", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 9, |
|---|
| | | name: "groupVol", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "ç»ç«¯çµåï¼", |
|---|
| | | value: "0", |
|---|
| | | unit: "V", |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | id: 10, |
|---|
| | | name: "peakVol", |
|---|
| | | type: "", |
|---|
| | | icon: "", |
|---|
| | | text: "å³°å¼çµåï¼", |
|---|
| | | value: "0", |
|---|
| | | unit: "V", |
|---|
| | | show: false |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | timer: new Timeout('realTime'), |
|---|
| | | diagram: { |
|---|
| | | type: -1, |
|---|
| | | desc: "", |
|---|
| | | temp: 0 // 设å¤æ¸©åº¦ |
|---|
| | | }, |
|---|
| | | dischargeDialog: { |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | systemDialog: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | curingDialog: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | outlineCuringDialog: { |
|---|
| | | show: false |
|---|
| | | }, |
|---|
| | | restartPlanDialog: { |
|---|
| | | show: false, |
|---|
| | | }, |
|---|
| | | control: { |
|---|
| | | show: false, |
|---|
| | | data: { |
|---|
| | | startTest: { // å¯å¨æ ¸å®¹æµè¯ |
|---|
| | | show: true, |
|---|
| | | id: 11, |
|---|
| | | }, |
|---|
| | | stopTest: { // åæ¢æµè¯ |
|---|
| | | show: true, |
|---|
| | | id: 12 |
|---|
| | | }, |
|---|
| | | setSystemParams: { // ç³»ç»åæ°è®¾ç½® |
|---|
| | | show: true, |
|---|
| | | id: 13 |
|---|
| | | }, |
|---|
| | | clearWarn: { // æ¸
çåè¦ |
|---|
| | | show: true, |
|---|
| | | id: 14 |
|---|
| | | }, |
|---|
| | | startYH: { // å¯å¨å
»æ¤/é¤ç¡« |
|---|
| | | show: true, |
|---|
| | | id: 15 |
|---|
| | | }, |
|---|
| | | stopYH: { // åæ¢å
»æ¤/é¤ç¡« |
|---|
| | | show: true, |
|---|
| | | id: 16 |
|---|
| | | }, |
|---|
| | | startOutlineYH: { // å¯å¨ç¦»çº¿å
»æ¤/é¤ç¡« |
|---|
| | | show: true, |
|---|
| | | id: 17 |
|---|
| | | }, |
|---|
| | | stopOutlineYH: { // åæ¢ç¦»çº¿å
»æ¤/é¤ç¡« |
|---|
| | | show: true, |
|---|
| | | id: 18 |
|---|
| | | }, |
|---|
| | | circleRestart: { // å®æéå¯ |
|---|
| | | show: true, |
|---|
| | | id: 19 |
|---|
| | | }, |
|---|
| | | restart: { // éå¯ |
|---|
| | | show: true, |
|---|
| | | id: 20 |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | tabClick(tab) { |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$G.chartManage.resize(tab.name); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | toggleChange() { |
|---|
| | | this.resize(); |
|---|
| | | }, |
|---|
| | | resize() { |
|---|
| | | this.$G.chartManage.resize(this.acTabs); |
|---|
| | | }, |
|---|
| | | initChart() { |
|---|
| | | // çµå |
|---|
| | | vol = { |
|---|
| | | title: { |
|---|
| | | show: true, |
|---|
| | | text: "æ大å¼=0V;æå°å¼=0V;å¹³åå¼=0V", |
|---|
| | | x: "center", |
|---|
| | | textStyle: { |
|---|
| | | fontSize: "14" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | series: [{ |
|---|
| | | name: "çµå", |
|---|
| | | type: "bar", |
|---|
| | | data: [] |
|---|
| | | }] |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // å
é» |
|---|
| | | resChart = { |
|---|
| | | title: { |
|---|
| | | show: true, |
|---|
| | | text: "æ大å¼=0mΩ;æå°å¼=mΩ;å¹³åå¼=0mΩ", |
|---|
| | | x: "center", |
|---|
| | | textStyle: { |
|---|
| | | fontSize: "14" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | series: [{ |
|---|
| | | name: "å
é»", |
|---|
| | | type: "bar", |
|---|
| | | data: [] |
|---|
| | | }] |
|---|
| | | }; |
|---|
| | | // å
é» |
|---|
| | | resChart = { |
|---|
| | | title: { |
|---|
| | | show: true, |
|---|
| | | text: "æ大å¼=0mΩ;æå°å¼=mΩ;å¹³åå¼=0mΩ", |
|---|
| | | x: "center", |
|---|
| | | textStyle: { |
|---|
| | | fontSize: "14" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | series: [{ |
|---|
| | | name: "å
é»", |
|---|
| | | type: "bar", |
|---|
| | | data: [] |
|---|
| | | }] |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // 温度 |
|---|
| | | temp = { |
|---|
| | | title: { |
|---|
| | | show: true, |
|---|
| | | text: "æ大å¼=0â;æå°å¼=0â;å¹³åå¼=0â", |
|---|
| | | x: "center", |
|---|
| | | textStyle: { |
|---|
| | | fontSize: "14" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | series: [{ |
|---|
| | | name: "温度", |
|---|
| | | type: "bar", |
|---|
| | | data: [] |
|---|
| | | }] |
|---|
| | | }; |
|---|
| | | // 温度 |
|---|
| | | temp = { |
|---|
| | | title: { |
|---|
| | | show: true, |
|---|
| | | text: "æ大å¼=0â;æå°å¼=0â;å¹³åå¼=0â", |
|---|
| | | x: "center", |
|---|
| | | textStyle: { |
|---|
| | | fontSize: "14" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | series: [{ |
|---|
| | | name: "温度", |
|---|
| | | type: "bar", |
|---|
| | | data: [] |
|---|
| | | }] |
|---|
| | | }; |
|---|
| | | |
|---|
| | | // çµå¯¼ |
|---|
| | | conduct = { |
|---|
| | | title: { |
|---|
| | | show: true, |
|---|
| | | text: "æ大å¼=0;æå°å¼=0;å¹³åå¼=0", |
|---|
| | | x: "center", |
|---|
| | | textStyle: { |
|---|
| | | fontSize: "14" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | series: [{ |
|---|
| | | name: "çµå¯¼", |
|---|
| | | type: "bar", |
|---|
| | | data: [] |
|---|
| | | }] |
|---|
| | | }; |
|---|
| | | // åè¡¡çµæµ |
|---|
| | | currChart = { |
|---|
| | | title: { |
|---|
| | | show: true, |
|---|
| | | text: "æ大å¼=0mA;æå°å¼=0mA;å¹³åå¼=0mA", |
|---|
| | | x: "center", |
|---|
| | | textStyle: { |
|---|
| | | fontSize: "14" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | series: [{ |
|---|
| | | name: "åè¡¡çµæµ", |
|---|
| | | type: "bar", |
|---|
| | | data: [] |
|---|
| | | }] |
|---|
| | | }; |
|---|
| | | // 设置é
置项 |
|---|
| | | this.setChart(); |
|---|
| | | }, |
|---|
| | | setChart() { |
|---|
| | | this.$refs.vol.setOption(vol); |
|---|
| | | this.$refs.res.setOption(resChart); |
|---|
| | | this.$refs.temp.setOption(temp); |
|---|
| | | this.$refs.conduct.setOption(conduct); |
|---|
| | | this.$refs.curr.setOption(currChart); |
|---|
| | | }, |
|---|
| | | startTimer() { |
|---|
| | | this.timer.start(() => { |
|---|
| | | this.$axios |
|---|
| | | .all([ |
|---|
| | | this.realTimeSearch(), |
|---|
| | | this.realTimeGroupss(), |
|---|
| | | this.realTimePowerOffs(), |
|---|
| | | this.realTimeStateList(), |
|---|
| | | ]) |
|---|
| | | .then(() => { |
|---|
| | | this.timer.open(); |
|---|
| | | }) |
|---|
| | | .catch(() => { |
|---|
| | | this.timer.open(); |
|---|
| | | }); |
|---|
| | | }, 3000); |
|---|
| | | }, |
|---|
| | | leafClick(data) { |
|---|
| | | this.batt = data; |
|---|
| | | this.realTimeAlarmss(); |
|---|
| | | // å¼å¯å¾ªç¯è¯·æ± |
|---|
| | | this.startTimer(); |
|---|
| | | }, |
|---|
| | | /* æ¥è¯¢çµæ± åè¦åæ° */ |
|---|
| | | realTimeAlarmss() { |
|---|
| | | var batt = this.batt; |
|---|
| | | realTimeAlarm({ |
|---|
| | | dev_id: batt.FBSDeviceId |
|---|
| | | }).then(res => { |
|---|
| | | let rsccc = JSON.parse(res.data.result); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | /* å®æ¶ç»ç«¯ä¿¡æ¯ */ |
|---|
| | | realTimeGroupss() { |
|---|
| | | var batt = this.batt; |
|---|
| | | realTimeGroup(batt.BattGroupId).then(res => { |
|---|
| | | let rsa = JSON.parse(res.data.result); |
|---|
| | | if (rsa.code == 1) { |
|---|
| | | this.inputs = rsa.data[0]; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | /* æ¥è¯¢çµè·¯å¾å¼å
³ç¶æåä¿¡æ¯ */ |
|---|
| | | realTimePowerOffs() { |
|---|
| | | let batt = this.batt; |
|---|
| | | // 设å¤ä¸º61850æ¾ç¤ºå³ä¾§çé¢æ¿ |
|---|
| | | if (regEquipType(batt.FBSDeviceId, "equip61850")) { |
|---|
| | | this.stateListShow = true; |
|---|
| | | } else { |
|---|
| | | this.stateListShow = false; |
|---|
| | | } |
|---|
| | | // çµå¯¼ |
|---|
| | | conduct = { |
|---|
| | | title: { |
|---|
| | | show: true, |
|---|
| | | text: "æ大å¼=0;æå°å¼=0;å¹³åå¼=0", |
|---|
| | | x: "center", |
|---|
| | | textStyle: { |
|---|
| | | fontSize: "14" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | series: [{ |
|---|
| | | name: "çµå¯¼", |
|---|
| | | type: "bar", |
|---|
| | | data: [] |
|---|
| | | }] |
|---|
| | | }; |
|---|
| | | // åè¡¡çµæµ |
|---|
| | | currChart = { |
|---|
| | | title: { |
|---|
| | | show: true, |
|---|
| | | text: "æ大å¼=0mA;æå°å¼=0mA;å¹³åå¼=0mA", |
|---|
| | | x: "center", |
|---|
| | | textStyle: { |
|---|
| | | fontSize: "14" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | series: [{ |
|---|
| | | name: "åè¡¡çµæµ", |
|---|
| | | type: "bar", |
|---|
| | | data: [] |
|---|
| | | }] |
|---|
| | | }; |
|---|
| | | // 设置é
置项 |
|---|
| | | this.setChart(); |
|---|
| | | }, |
|---|
| | | setChart() { |
|---|
| | | this.$refs.vol.setOption(vol); |
|---|
| | | this.$refs.res.setOption(resChart); |
|---|
| | | this.$refs.temp.setOption(temp); |
|---|
| | | this.$refs.conduct.setOption(conduct); |
|---|
| | | this.$refs.curr.setOption(currChart); |
|---|
| | | }, |
|---|
| | | startTimer() { |
|---|
| | | this.timer.start(() => { |
|---|
| | | this.$axios |
|---|
| | | .all([ |
|---|
| | | this.realTimeSearch(), |
|---|
| | | this.realTimeGroupss(), |
|---|
| | | this.realTimePowerOffs(), |
|---|
| | | this.realTimeStateList(), |
|---|
| | | ]) |
|---|
| | | .then(() => { |
|---|
| | | this.timer.open(); |
|---|
| | | }) |
|---|
| | | .catch(() => { |
|---|
| | | this.timer.open(); |
|---|
| | | }); |
|---|
| | | }, 3000); |
|---|
| | | }, |
|---|
| | | leafClick(data) { |
|---|
| | | this.batt = data; |
|---|
| | | this.realTimeAlarmss(); |
|---|
| | | // å¼å¯å¾ªç¯è¯·æ± |
|---|
| | | this.startTimer(); |
|---|
| | | }, |
|---|
| | | /* æ¥è¯¢çµæ± åè¦åæ° */ |
|---|
| | | realTimeAlarmss() { |
|---|
| | | var batt = this.batt; |
|---|
| | | realTimeAlarm({ |
|---|
| | | dev_id: batt.FBSDeviceId |
|---|
| | | }).then(res => { |
|---|
| | | let rsccc = JSON.parse(res.data.result); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | /* å®æ¶ç»ç«¯ä¿¡æ¯ */ |
|---|
| | | realTimeGroupss() { |
|---|
| | | var batt = this.batt; |
|---|
| | | realTimeGroup(batt.BattGroupId).then(res => { |
|---|
| | | let rsa = JSON.parse(res.data.result); |
|---|
| | | if (rsa.code == 1) { |
|---|
| | | this.inputs = rsa.data[0]; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | /* æ¥è¯¢çµè·¯å¾å¼å
³ç¶æåä¿¡æ¯ */ |
|---|
| | | realTimePowerOffs() { |
|---|
| | | let batt = this.batt; |
|---|
| | | // 设å¤ä¸º61850æ¾ç¤ºå³ä¾§çé¢æ¿ |
|---|
| | | if (regEquipType(batt.FBSDeviceId, "equip61850")) { |
|---|
| | | this.stateListShow = true; |
|---|
| | | } else { |
|---|
| | | this.stateListShow = false; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // æ¥è¯¢åå°æ°æ® |
|---|
| | | realTimePowerOff({ |
|---|
| | | dev_id: batt.FBSDeviceId |
|---|
| | | }).then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | let outTime = 2 * 60; //设å¤è¶
æ¶æ¶é´(2åé) |
|---|
| | | let isOutTime = true; //é讯ä¸æ å¤æ设å¤æ¯å¦é讯ä¸æ true:ä¸æ false:æ£å¸¸ |
|---|
| | | if (rs.code == 1) { |
|---|
| | | let data = rs.data[0]; |
|---|
| | | // åºç¡ä¿¡æ¯ |
|---|
| | | this.setEquipBase(data); |
|---|
| | | // æ¥è¯¢åå°æ°æ® |
|---|
| | | realTimePowerOff({ |
|---|
| | | dev_id: batt.FBSDeviceId |
|---|
| | | }).then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | let outTime = 2 * 60; //设å¤è¶
æ¶æ¶é´(2åé) |
|---|
| | | let isOutTime = true; //é讯ä¸æ å¤æ设å¤æ¯å¦é讯ä¸æ true:ä¸æ false:æ£å¸¸ |
|---|
| | | if (rs.code == 1) { |
|---|
| | | let data = rs.data[0]; |
|---|
| | | // åºç¡ä¿¡æ¯ |
|---|
| | | this.setEquipBase(data); |
|---|
| | | |
|---|
| | | // å¤ææ¯å¦è¶
æ¶ |
|---|
| | | var nowTime = new Date(data.note).getTime(); //å½åæ¶é´ |
|---|
| | | var record = new Date(data.record_datetime).getTime(); |
|---|
| | | if (Math.abs(nowTime - record) / 1000 > outTime) { |
|---|
| | | this.disconnect(); |
|---|
| | | } else { |
|---|
| | | // æªè¶
æ¶æ§è¡é»è¾ |
|---|
| | | // 设å¤ä¸º61850 |
|---|
| | | if (regEquipType(batt.FBSDeviceId, "equip61850")) { |
|---|
| | | this.setEquip61850(data); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | // 设å¤å¤äºæªè¿æ¥ |
|---|
| | | this.disconnect(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | disconnect() { |
|---|
| | | // 设å¤æªè¿æ¥ |
|---|
| | | this.diagram.type = -1; |
|---|
| | | this.setStateList("workState", "æªè¿æ¥"); |
|---|
| | | this.diagram.temp = 0; |
|---|
| | | // é讯ç¶æ |
|---|
| | | this.setStateList("connect", "å¼å¸¸", "table-row-error"); |
|---|
| | | // 温度 |
|---|
| | | this.setStateList("devTemp", "æªç¥", "table-row-warn"); |
|---|
| | | // å¹²æ¥ç¹ |
|---|
| | | this.setStateList("contact", "æªç¥", "table-row-warn"); |
|---|
| | | // æ ¸å®¹ç»æ¢åå |
|---|
| | | this.setStateList("stopReason", "æªç¥"); |
|---|
| | | // æä½å¤±è´¥åå |
|---|
| | | this.setStateList("failReason", "æªç¥"); |
|---|
| | | }, |
|---|
| | | // åºç¡ä¿¡æ¯ |
|---|
| | | setEquipBase(data) { |
|---|
| | | // 设å¤ç温度 |
|---|
| | | this.diagram.temp = data.dev_temp; |
|---|
| | | }, |
|---|
| | | // 61850设å¤ä¿¡æ¯ |
|---|
| | | setEquip61850(data) { |
|---|
| | | // çµè·¯å¾ç±»å |
|---|
| | | let workstatus = parseInt(data.dev_workstate); //[0:'å¨çº¿çæµ',1:'æ¾çµæµè¯',2:'å
çµæµè¯',3:'å
é»æµè¯',4:'æªç¥']; |
|---|
| | | this.diagram.desc = ""; |
|---|
| | | switch (workstatus) { |
|---|
| | | case 0: //æµ®å
ç¶æææå¾ |
|---|
| | | this.diagram.type = 0; |
|---|
| | | this.diagram.desc = "(å¼å
³éå)"; |
|---|
| | | break; |
|---|
| | | case 4: //æµ®å
ç¶æ(å
é»æµè¯)ææå¾ |
|---|
| | | this.diagram.type = 0; |
|---|
| | | // å½å设å¤æ¯å¦æ¯å
é»æµè¯ |
|---|
| | | this.diagram.desc = "(å¼å
³éå)"; |
|---|
| | | this.diagram.desc += "(å
é»æµè¯)"; |
|---|
| | | break; |
|---|
| | | case 1: //å
çµç¶æææå¾ |
|---|
| | | this.diagram.type = 2; |
|---|
| | | this.diagram.desc = "(å¼å
³æå¼)"; |
|---|
| | | break; |
|---|
| | | case 2: //æ¾çµç¶æææå¾ |
|---|
| | | this.diagram.type = 1; |
|---|
| | | this.diagram.desc = "(å¼å
³æå¼)"; |
|---|
| | | break; |
|---|
| | | case 3: //æ¾çµç¶æææå¾ |
|---|
| | | this.diagram.type = 7; |
|---|
| | | break; |
|---|
| | | case 5: //æ¾çµç¶æ(KDæµè¯)ææå¾ |
|---|
| | | this.diagram.type = 3; |
|---|
| | | this.diagram.desc = "(å¼å
³æå¼)"; |
|---|
| | | this.diagram.desc += "(KDæµè¯)"; |
|---|
| | | break; |
|---|
| | | case 6: // 离线å
»æ¤æµè¯ |
|---|
| | | this.diagram.type = 4; |
|---|
| | | this.diagram.desc = "离线å
»æ¤æµè¯"; |
|---|
| | | break; |
|---|
| | | default: |
|---|
| | | //æªç¥ |
|---|
| | | this.diagram.type = -1; |
|---|
| | | this.diagram.desc = "(æªç¥)"; |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | // å¤ææ¯å¦è¶
æ¶ |
|---|
| | | var nowTime = new Date(data.note).getTime(); //å½åæ¶é´ |
|---|
| | | var record = new Date(data.record_datetime).getTime(); |
|---|
| | | if (Math.abs(nowTime - record) / 1000 > outTime) { |
|---|
| | | this.disconnect(); |
|---|
| | | } else { |
|---|
| | | // æªè¶
æ¶æ§è¡é»è¾ |
|---|
| | | // 设å¤ä¸º61850 |
|---|
| | | if (regEquipType(batt.FBSDeviceId, "equip61850")) { |
|---|
| | | this.setEquip61850(data); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | // 设å¤å¤äºæªè¿æ¥ |
|---|
| | | this.disconnect(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | disconnect() { |
|---|
| | | // 设å¤æªè¿æ¥ |
|---|
| | | this.diagram.type = -1; |
|---|
| | | this.setStateList("workState", "æªè¿æ¥"); |
|---|
| | | this.diagram.temp = 0; |
|---|
| | | // é讯ç¶æ |
|---|
| | | this.setStateList("connect", "å¼å¸¸", "table-row-error"); |
|---|
| | | // 温度 |
|---|
| | | this.setStateList("devTemp", "æªç¥", "table-row-warn"); |
|---|
| | | // å¹²æ¥ç¹ |
|---|
| | | this.setStateList("contact", "æªç¥", "table-row-warn"); |
|---|
| | | // æ ¸å®¹ç»æ¢åå |
|---|
| | | this.setStateList("stopReason", "æªç¥"); |
|---|
| | | // æä½å¤±è´¥åå |
|---|
| | | this.setStateList("failReason", "æªç¥"); |
|---|
| | | }, |
|---|
| | | // åºç¡ä¿¡æ¯ |
|---|
| | | setEquipBase(data) { |
|---|
| | | // 设å¤ç温度 |
|---|
| | | this.diagram.temp = data.dev_temp; |
|---|
| | | }, |
|---|
| | | // 61850设å¤ä¿¡æ¯ |
|---|
| | | setEquip61850(data) { |
|---|
| | | // çµè·¯å¾ç±»å |
|---|
| | | let workstatus = parseInt(data.dev_workstate); //[0:'å¨çº¿çæµ',1:'æ¾çµæµè¯',2:'å
çµæµè¯',3:'å
é»æµè¯',4:'æªç¥']; |
|---|
| | | this.diagram.desc = ""; |
|---|
| | | switch (workstatus) { |
|---|
| | | case 0: //æµ®å
ç¶æææå¾ |
|---|
| | | this.diagram.type = 0; |
|---|
| | | this.diagram.desc = "(å¼å
³éå)"; |
|---|
| | | break; |
|---|
| | | case 4: //æµ®å
ç¶æ(å
é»æµè¯)ææå¾ |
|---|
| | | this.diagram.type = 0; |
|---|
| | | // å½å设å¤æ¯å¦æ¯å
é»æµè¯ |
|---|
| | | this.diagram.desc = "(å¼å
³éå)"; |
|---|
| | | this.diagram.desc += "(å
é»æµè¯)"; |
|---|
| | | break; |
|---|
| | | case 1: //å
çµç¶æææå¾ |
|---|
| | | this.diagram.type = 2; |
|---|
| | | this.diagram.desc = "(å¼å
³æå¼)"; |
|---|
| | | break; |
|---|
| | | case 2: //æ¾çµç¶æææå¾ |
|---|
| | | this.diagram.type = 1; |
|---|
| | | this.diagram.desc = "(å¼å
³æå¼)"; |
|---|
| | | break; |
|---|
| | | case 3: //æ¾çµç¶æææå¾ |
|---|
| | | this.diagram.type = 7; |
|---|
| | | break; |
|---|
| | | case 5: //æ¾çµç¶æ(KDæµè¯)ææå¾ |
|---|
| | | this.diagram.type = 3; |
|---|
| | | this.diagram.desc = "(å¼å
³æå¼)"; |
|---|
| | | this.diagram.desc += "(KDæµè¯)"; |
|---|
| | | break; |
|---|
| | | case 6: // 离线å
»æ¤æµè¯ |
|---|
| | | this.diagram.type = 4; |
|---|
| | | this.diagram.desc = "离线å
»æ¤æµè¯"; |
|---|
| | | break; |
|---|
| | | default: |
|---|
| | | //æªç¥ |
|---|
| | | this.diagram.type = -1; |
|---|
| | | this.diagram.desc = "(æªç¥)"; |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 设å¤å·¥ä½ç¶æ |
|---|
| | | let workStates = const_61850.workstates; |
|---|
| | | this.setStateList("workState", workStates[data.dev_workstate]); |
|---|
| | | // æ ¸å®¹ç»æ¢åå |
|---|
| | | let stopReasons = const_61850.stopreasons; |
|---|
| | | if (data.dev_workstate == 2) { |
|---|
| | | this.setStateList("stopReason", "æªç¥"); |
|---|
| | | } else { |
|---|
| | | this.setStateList( |
|---|
| | | "stopReason", |
|---|
| | | stopReasons[data.dev_last_captest_stop_type] |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | // 设å¤å·¥ä½ç¶æ |
|---|
| | | let workStates = const_61850.workstates; |
|---|
| | | this.setStateList("workState", workStates[data.dev_workstate]); |
|---|
| | | // æ ¸å®¹ç»æ¢åå |
|---|
| | | let stopReasons = const_61850.stopreasons; |
|---|
| | | if (data.dev_workstate == 2) { |
|---|
| | | this.setStateList("stopReason", "æªç¥"); |
|---|
| | | } else { |
|---|
| | | this.setStateList( |
|---|
| | | "stopReason", |
|---|
| | | stopReasons[data.dev_last_captest_stop_type] |
|---|
| | | ); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // æä½å¤±è´¥åå |
|---|
| | | let failReasons = const_61850.failreasons; |
|---|
| | | this.setStateList("failReason", failReasons[data.dev_alarmstate]); |
|---|
| | | // æä½å¤±è´¥åå |
|---|
| | | let failReasons = const_61850.failreasons; |
|---|
| | | this.setStateList("failReason", failReasons[data.dev_alarmstate]); |
|---|
| | | |
|---|
| | | // åè¦ä¿¡æ¯ |
|---|
| | | let alarms = data.dev_61850alarms.split(","); |
|---|
| | | // alarms = ['false', 'false', 'true', 'false', 'true']; |
|---|
| | | // é讯ç¶æ |
|---|
| | | if (alarms[1] == "true") { |
|---|
| | | this.setStateList("connect", "å¼å¸¸", "table-row-error"); |
|---|
| | | } else { |
|---|
| | | this.setStateList("connect", "æ£å¸¸", ""); |
|---|
| | | } |
|---|
| | | // åè¦ä¿¡æ¯ |
|---|
| | | let alarms = data.dev_61850alarms.split(","); |
|---|
| | | // alarms = ['false', 'false', 'true', 'false', 'true']; |
|---|
| | | // é讯ç¶æ |
|---|
| | | if (alarms[1] == "true") { |
|---|
| | | this.setStateList("connect", "å¼å¸¸", "table-row-error"); |
|---|
| | | } else { |
|---|
| | | this.setStateList("connect", "æ£å¸¸", ""); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 温度 |
|---|
| | | if (alarms[2] == "true") { |
|---|
| | | this.setStateList("devTemp", "å¼å¸¸", "table-row-error"); |
|---|
| | | } else { |
|---|
| | | this.setStateList("devTemp", "æ£å¸¸", ""); |
|---|
| | | } |
|---|
| | | // 温度 |
|---|
| | | if (alarms[2] == "true") { |
|---|
| | | this.setStateList("devTemp", "å¼å¸¸", "table-row-error"); |
|---|
| | | } else { |
|---|
| | | this.setStateList("devTemp", "æ£å¸¸", ""); |
|---|
| | | } |
|---|
| | | |
|---|
| | | // å¹²æ¥ç¹ |
|---|
| | | if (alarms[4] == "true") { |
|---|
| | | this.setStateList("contact", "å¼å¸¸", "table-row-error"); |
|---|
| | | } else { |
|---|
| | | this.setStateList("contact", "æ£å¸¸", ""); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // 设置stateListçå¼ |
|---|
| | | setStateList(name, value, type) { |
|---|
| | | let stateList = this.stateList; |
|---|
| | | for (let i = 0; i < stateList.length; i++) { |
|---|
| | | let state = stateList[i]; |
|---|
| | | if (state.name == name) { |
|---|
| | | state.value = value; |
|---|
| | | state.type = type ? type : ""; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | /* echarså¾è¡¨ */ |
|---|
| | | realTimeSearch() { |
|---|
| | | var batt = this.batt; |
|---|
| | | realTimeSearch({ |
|---|
| | | BattGroupId: batt.BattGroupId |
|---|
| | | }).then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | if (rs.code == 1) { |
|---|
| | | this.vovo = rs.data.map(item => { |
|---|
| | | return { |
|---|
| | | num1: "#" + item.mon_num, |
|---|
| | | vol1: item.mon_vol, |
|---|
| | | res1: item.mon_res, |
|---|
| | | temp1: item.mon_tmp, |
|---|
| | | conduct1: item.mon_res ? (1 / item.mon_res * 1000).toFixed(0) : 0, |
|---|
| | | curr1: item.mon_JH_curr |
|---|
| | | }; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | this.table.datas = this.vovo; |
|---|
| | | // å¹²æ¥ç¹ |
|---|
| | | if (alarms[4] == "true") { |
|---|
| | | this.setStateList("contact", "å¼å¸¸", "table-row-error"); |
|---|
| | | } else { |
|---|
| | | this.setStateList("contact", "æ£å¸¸", ""); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // 设置stateListçå¼ |
|---|
| | | setStateList(name, value, type) { |
|---|
| | | let stateList = this.stateList; |
|---|
| | | for (let i = 0; i < stateList.length; i++) { |
|---|
| | | let state = stateList[i]; |
|---|
| | | if (state.name == name) { |
|---|
| | | state.value = value; |
|---|
| | | state.type = type ? type : ""; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | /* echarså¾è¡¨ */ |
|---|
| | | realTimeSearch() { |
|---|
| | | var batt = this.batt; |
|---|
| | | realTimeSearch({ |
|---|
| | | BattGroupId: batt.BattGroupId |
|---|
| | | }).then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | if (rs.code == 1) { |
|---|
| | | this.vovo = rs.data.map(item => { |
|---|
| | | return { |
|---|
| | | num1: "#" + item.mon_num, |
|---|
| | | vol1: item.mon_vol, |
|---|
| | | res1: item.mon_res, |
|---|
| | | temp1: item.mon_tmp, |
|---|
| | | conduct1: item.mon_res ? (1 / item.mon_res * 1000).toFixed(0) : 0, |
|---|
| | | curr1: item.mon_JH_curr |
|---|
| | | }; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | this.table.datas = this.vovo; |
|---|
| | | |
|---|
| | | // çµåå¼ |
|---|
| | | let volTempVol = []; |
|---|
| | | if (rs.code == 1) { |
|---|
| | | volTempVol = rs.data.map(item => { |
|---|
| | | return ["#" + item.mon_num, item.mon_vol]; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | let volBarNum = getBarNum(volTempVol); |
|---|
| | | vol.title.text = "æ大å¼=" + volBarNum.max.toFixed(2) + "V;æå°å¼=" + volBarNum.min.toFixed(2) + "V;å¹³åå¼=" + volBarNum.avg |
|---|
| | | .toFixed(2) + "V"; |
|---|
| | | vol.series[0].data = volTempVol; |
|---|
| | | // çµåå¼ |
|---|
| | | let volTempVol = []; |
|---|
| | | if (rs.code == 1) { |
|---|
| | | volTempVol = rs.data.map(item => { |
|---|
| | | return ["#" + item.mon_num, item.mon_vol]; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | let volBarNum = getBarNum(volTempVol); |
|---|
| | | vol.title.text = "æ大å¼=" + volBarNum.max.toFixed(2) + "V;æå°å¼=" + volBarNum.min.toFixed(2) + "V;å¹³åå¼=" + volBarNum.avg |
|---|
| | | .toFixed(2) + "V"; |
|---|
| | | vol.series[0].data = volTempVol; |
|---|
| | | |
|---|
| | | // å
é» |
|---|
| | | let volTempres = []; |
|---|
| | | if (rs.code == 1) { |
|---|
| | | volTempres = rs.data.map(item => { |
|---|
| | | return ["#" + item.mon_num, item.mon_res]; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | let resBarNum = getBarNum(volTempres); |
|---|
| | | resChart.title.text = "æ大å¼=" + resBarNum.max.toFixed(2) + "mΩ;æå°å¼=" + resBarNum.min.toFixed(2) + "mΩ;å¹³åå¼=" + |
|---|
| | | resBarNum.avg.toFixed(2) + "mΩ"; |
|---|
| | | resChart.series[0].data = volTempres; |
|---|
| | | // å
é» |
|---|
| | | let volTempres = []; |
|---|
| | | if (rs.code == 1) { |
|---|
| | | volTempres = rs.data.map(item => { |
|---|
| | | return ["#" + item.mon_num, item.mon_res]; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | let resBarNum = getBarNum(volTempres); |
|---|
| | | resChart.title.text = "æ大å¼=" + resBarNum.max.toFixed(2) + "mΩ;æå°å¼=" + resBarNum.min.toFixed(2) + "mΩ;å¹³åå¼=" + |
|---|
| | | resBarNum.avg.toFixed(2) + "mΩ"; |
|---|
| | | resChart.series[0].data = volTempres; |
|---|
| | | |
|---|
| | | // 温度 |
|---|
| | | let volTempte = []; |
|---|
| | | if (rs.code == 1) { |
|---|
| | | volTempte = rs.data.map(item => { |
|---|
| | | return ["#" + item.mon_num, item.mon_tmp]; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | let tempBarNum = getBarNum(volTempte); |
|---|
| | | temp.title.text = "æ大å¼=" + tempBarNum.max.toFixed(1) + "â;æå°å¼=" + tempBarNum.min.toFixed(1) + "â;å¹³åå¼=" + |
|---|
| | | tempBarNum.avg.toFixed(1) + "â"; |
|---|
| | | temp.series[0].data = volTempte; |
|---|
| | | // 温度 |
|---|
| | | let volTempte = []; |
|---|
| | | if (rs.code == 1) { |
|---|
| | | volTempte = rs.data.map(item => { |
|---|
| | | return ["#" + item.mon_num, item.mon_tmp]; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | let tempBarNum = getBarNum(volTempte); |
|---|
| | | temp.title.text = "æ大å¼=" + tempBarNum.max.toFixed(1) + "â;æå°å¼=" + tempBarNum.min.toFixed(1) + "â;å¹³åå¼=" + |
|---|
| | | tempBarNum.avg.toFixed(1) + "â"; |
|---|
| | | temp.series[0].data = volTempte; |
|---|
| | | |
|---|
| | | // çµå¯¼ |
|---|
| | | let conductTemp = []; |
|---|
| | | if (rs.code == 1) { |
|---|
| | | conductTemp = rs.data.map(item => { |
|---|
| | | return ["#" + item.mon_num, item.mon_res ? (1 / item.mon_res * 1000).toFixed(0) : 0]; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | let conductBarNum = getBarNum(conductTemp); |
|---|
| | | conduct.title.text = "æ大å¼=" + conductBarNum.max.toFixed(0) + ";æå°å¼=" + conductBarNum.min.toFixed(0) + ";å¹³åå¼=" + |
|---|
| | | conductBarNum.avg.toFixed(0); |
|---|
| | | conduct.series[0].data = conductTemp; |
|---|
| | | // çµå¯¼ |
|---|
| | | let conductTemp = []; |
|---|
| | | if (rs.code == 1) { |
|---|
| | | conductTemp = rs.data.map(item => { |
|---|
| | | return ["#" + item.mon_num, item.mon_res ? (1 / item.mon_res * 1000).toFixed(0) : 0]; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | let conductBarNum = getBarNum(conductTemp); |
|---|
| | | conduct.title.text = "æ大å¼=" + conductBarNum.max.toFixed(0) + ";æå°å¼=" + conductBarNum.min.toFixed(0) + ";å¹³åå¼=" + |
|---|
| | | conductBarNum.avg.toFixed(0); |
|---|
| | | conduct.series[0].data = conductTemp; |
|---|
| | | |
|---|
| | | // åè¡¡çµæµ |
|---|
| | | let currTemp = []; |
|---|
| | | if (rs.code == 1) { |
|---|
| | | currTemp = rs.data.map(item => { |
|---|
| | | return ["#" + item.mon_num, item.mon_JH_curr]; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | let currBarNum = getBarNum(currTemp); |
|---|
| | | currChart.title.text = "æ大å¼=" + currBarNum.max.toFixed(1) + "mA;æå°å¼=" + currBarNum.min.toFixed(1) + "mA;å¹³åå¼=" + |
|---|
| | | currBarNum.avg.toFixed(1) + "mA"; |
|---|
| | | currChart.series[0].data = currTemp; |
|---|
| | | // åè¡¡çµæµ |
|---|
| | | let currTemp = []; |
|---|
| | | if (rs.code == 1) { |
|---|
| | | currTemp = rs.data.map(item => { |
|---|
| | | return ["#" + item.mon_num, item.mon_JH_curr]; |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | let currBarNum = getBarNum(currTemp); |
|---|
| | | currChart.title.text = "æ大å¼=" + currBarNum.max.toFixed(1) + "mA;æå°å¼=" + currBarNum.min.toFixed(1) + "mA;å¹³åå¼=" + |
|---|
| | | currBarNum.avg.toFixed(1) + "mA"; |
|---|
| | | currChart.series[0].data = currTemp; |
|---|
| | | |
|---|
| | | // æ´æ°çµåå¾è¡¨ |
|---|
| | | this.setChart(); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // åç¶çº§åéåæ¥é¡µé¢çæ令 |
|---|
| | | syncPage() { |
|---|
| | | let batt = this.batt; |
|---|
| | | let search = |
|---|
| | | "?province=" + |
|---|
| | | batt.StationName1 + |
|---|
| | | "&city=" + |
|---|
| | | batt.StationName2 + |
|---|
| | | "&county=" + |
|---|
| | | batt.StationName5 + |
|---|
| | | "&home=" + |
|---|
| | | batt.StationName3 + |
|---|
| | | "&batt=" + |
|---|
| | | batt.BattGroupId; |
|---|
| | | window.parent.postMessage({ |
|---|
| | | cmd: "syncPage", |
|---|
| | | params: { |
|---|
| | | pageInfo: { |
|---|
| | | label: "åå²æ°æ®", |
|---|
| | | name: "history", |
|---|
| | | src: "#/history" + search, |
|---|
| | | closable: true |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | "*" |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | // åæ¢æµè¯ |
|---|
| | | stopTest() { |
|---|
| | | this.$layer.confirm('åæ¢æµè¯', { |
|---|
| | | icon: 3 |
|---|
| | | }, (index) => { |
|---|
| | | // å
³é询é®å± |
|---|
| | | this.$layer.close(index); |
|---|
| | | // æ ¹æ®è®¾å¤idè¿è¡åæ¢ |
|---|
| | | if (regEquipType(this.batt.FBSDeviceId, 'equip61850')) { |
|---|
| | | // åæ¢è®¾å¤ |
|---|
| | | this.stop61850Test(); |
|---|
| | | } else { |
|---|
| | | // æç¤ºä¿¡æ¯ |
|---|
| | | this.$layer.msg('æªç¥è®¾å¤ç±»åï¼ææ æ³åæ¢æµè¯ï¼'); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // åæ¢61850æµè¯ |
|---|
| | | stop61850Test() { |
|---|
| | | // å¼å¯çå¾
æ¡ |
|---|
| | | let loading = this.$layer.loading(1); |
|---|
| | | // 请æ±åå° |
|---|
| | | this.$apis.dischargeTest.e61850.stop({ |
|---|
| | | num: const_61850.cmd.stop, |
|---|
| | | dev_id: this.batt.FBSDeviceId |
|---|
| | | }).then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | if (rs.code == 1) { |
|---|
| | | // æç¤ºä¿¡æ¯ |
|---|
| | | this.$layer.msg('åæ¢æµè¯æå'); |
|---|
| | | } else { |
|---|
| | | // æç¤ºä¿¡æ¯ |
|---|
| | | this.$layer.msg('åæ¢æµè¯å¤±è´¥ï¼'); |
|---|
| | | } |
|---|
| | | // å
³éçå¾
æ¡ |
|---|
| | | this.$layer.close(loading); |
|---|
| | | }).catch(error => { |
|---|
| | | console.log(error); |
|---|
| | | // å
³éçå¾
æ¡ |
|---|
| | | this.$layer.close(loading); |
|---|
| | | // æç¤ºä¿¡æ¯ |
|---|
| | | this.$layer.msg('åæ¢æµè¯å¤±è´¥ï¼åæ¢æµè¯è¯·æ±å¼å¸¸ï¼'); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // æ¥è¯¢ææå¾ç¶æçæ¾ç¤º |
|---|
| | | searchStatus() { |
|---|
| | | this.$apis.pageSetting.realTime.searchStatus().then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | if (rs.code == 1) { |
|---|
| | | let data = rs.data; |
|---|
| | | this.stateList.forEach(item => { |
|---|
| | | item.show = this.getStateById(item.id, data); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }).catch(error => { |
|---|
| | | console.log(error); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // æ¥è¯¢æ§å¶æé®çå
容 |
|---|
| | | searchControl() { |
|---|
| | | this.$apis.pageSetting.realTime.searchControl().then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | let control = false; // æ§å¶æ´ä½çæ¾ç¤º |
|---|
| | | if (rs.code == 1) { |
|---|
| | | let data = rs.data; |
|---|
| | | Object.keys(this.control.data).forEach(key => { |
|---|
| | | let item = this.control.data[key]; |
|---|
| | | item.show = this.getStateById(item.id, data); // æ ¹æ®id设置æé®çç¶æ |
|---|
| | | // åå¨æ§å¶ |
|---|
| | | if (item.show) { |
|---|
| | | control = item.show; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | // æ´æ°çµåå¾è¡¨ |
|---|
| | | this.setChart(); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // åç¶çº§åéåæ¥é¡µé¢çæ令 |
|---|
| | | syncPage() { |
|---|
| | | let batt = this.batt; |
|---|
| | | let search = |
|---|
| | | "?province=" + |
|---|
| | | batt.StationName1 + |
|---|
| | | "&city=" + |
|---|
| | | batt.StationName2 + |
|---|
| | | "&county=" + |
|---|
| | | batt.StationName5 + |
|---|
| | | "&home=" + |
|---|
| | | batt.StationName3 + |
|---|
| | | "&batt=" + |
|---|
| | | batt.BattGroupId; |
|---|
| | | window.parent.postMessage({ |
|---|
| | | cmd: "syncPage", |
|---|
| | | params: { |
|---|
| | | pageInfo: { |
|---|
| | | label: "åå²æ°æ®", |
|---|
| | | name: "history", |
|---|
| | | src: "#/history" + search, |
|---|
| | | closable: true |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | "*" |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | // åæ¢æµè¯ |
|---|
| | | stopTest() { |
|---|
| | | this.$layer.confirm('åæ¢æµè¯', { |
|---|
| | | icon: 3 |
|---|
| | | }, (index) => { |
|---|
| | | // å
³é询é®å± |
|---|
| | | this.$layer.close(index); |
|---|
| | | // æ ¹æ®è®¾å¤idè¿è¡åæ¢ |
|---|
| | | if (regEquipType(this.batt.FBSDeviceId, 'equip61850')) { |
|---|
| | | // åæ¢è®¾å¤ |
|---|
| | | this.stop61850Test(); |
|---|
| | | } else { |
|---|
| | | // æç¤ºä¿¡æ¯ |
|---|
| | | this.$layer.msg('æªç¥è®¾å¤ç±»åï¼ææ æ³åæ¢æµè¯ï¼'); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // åæ¢61850æµè¯ |
|---|
| | | stop61850Test() { |
|---|
| | | // å¼å¯çå¾
æ¡ |
|---|
| | | let loading = this.$layer.loading(1); |
|---|
| | | // 请æ±åå° |
|---|
| | | this.$apis.dischargeTest.e61850.stop({ |
|---|
| | | num: const_61850.cmd.stop, |
|---|
| | | dev_id: this.batt.FBSDeviceId |
|---|
| | | }).then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | if (rs.code == 1) { |
|---|
| | | // æç¤ºä¿¡æ¯ |
|---|
| | | this.$layer.msg('åæ¢æµè¯æå'); |
|---|
| | | } else { |
|---|
| | | // æç¤ºä¿¡æ¯ |
|---|
| | | this.$layer.msg('åæ¢æµè¯å¤±è´¥ï¼'); |
|---|
| | | } |
|---|
| | | // å
³éçå¾
æ¡ |
|---|
| | | this.$layer.close(loading); |
|---|
| | | }).catch(error => { |
|---|
| | | console.log(error); |
|---|
| | | // å
³éçå¾
æ¡ |
|---|
| | | this.$layer.close(loading); |
|---|
| | | // æç¤ºä¿¡æ¯ |
|---|
| | | this.$layer.msg('åæ¢æµè¯å¤±è´¥ï¼åæ¢æµè¯è¯·æ±å¼å¸¸ï¼'); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // æ¥è¯¢ææå¾ç¶æçæ¾ç¤º |
|---|
| | | searchStatus() { |
|---|
| | | this.$apis.pageSetting.realTime.searchStatus().then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | if (rs.code == 1) { |
|---|
| | | let data = rs.data; |
|---|
| | | this.stateList.forEach(item => { |
|---|
| | | item.show = this.getStateById(item.id, data); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }).catch(error => { |
|---|
| | | console.log(error); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | // æ¥è¯¢æ§å¶æé®çå
容 |
|---|
| | | searchControl() { |
|---|
| | | this.$apis.pageSetting.realTime.searchControl().then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | let control = false; // æ§å¶æ´ä½çæ¾ç¤º |
|---|
| | | if (rs.code == 1) { |
|---|
| | | let data = rs.data; |
|---|
| | | Object.keys(this.control.data).forEach(key => { |
|---|
| | | let item = this.control.data[key]; |
|---|
| | | item.show = this.getStateById(item.id, data); // æ ¹æ®id设置æé®çç¶æ |
|---|
| | | // åå¨æ§å¶ |
|---|
| | | if (item.show) { |
|---|
| | | control = item.show; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | } |
|---|
| | | this.control.show = control; // 设置æ´ä½æ¾ç¤ºçç¶æ |
|---|
| | | }).catch(error => { |
|---|
| | | console.log(error); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | getStateById(id, list) { |
|---|
| | | let result = false; |
|---|
| | | for (let i = 0; i < list.length; i++) { |
|---|
| | | let item = list[i]; |
|---|
| | | if (id == item.id) { |
|---|
| | | result = item.status ? true : false; |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | return result; |
|---|
| | | }, |
|---|
| | | clearWarn() { // æ¸
é¤åè¦ |
|---|
| | | this.$layer.confirm('æ¸
é¤è®¾å¤åè¦', { |
|---|
| | | icon: 3, |
|---|
| | | title: 'ç³»ç»æ示' |
|---|
| | | }, (index) => { |
|---|
| | | // å
³éå¼¹åºæ¡ |
|---|
| | | this.$layer.close(index); |
|---|
| | | // å¼å¯å è½½çå¾
|
|---|
| | | let load = this.$layer.loading(1); |
|---|
| | | // æ§è¡æ¸
é¤åè¦ |
|---|
| | | let batt = this.batt; |
|---|
| | | this.$apis.system.clearWarn(batt.FBSDeviceId).then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | if (rs.code == 1) { |
|---|
| | | this.$layer.msg('æ¸
é¤è®¾å¤åè¦æåï¼'); |
|---|
| | | } else { |
|---|
| | | this.$layer.msg('æ¸
é¤è®¾å¤åè¦å¤±è´¥ï¼'); |
|---|
| | | } |
|---|
| | | // å
³éçå¾
|
|---|
| | | this.$layer.close(load); |
|---|
| | | }).catch(error => { |
|---|
| | | console.log(error); |
|---|
| | | // å
³éçå¾
|
|---|
| | | this.$layer.close(load); |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | realTimeStateList() { // è·åå©ä½å¤©æ°ï¼å·¥ä½æ¨¡å¼ï¼ç»ç«¯çµåï¼å³°å¼çµå |
|---|
| | | let batt = this.batt; |
|---|
| | | realTimeStateList(batt.FbsDeviceIp).then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | //console.log(rs); |
|---|
| | | }).catch(error => { |
|---|
| | | console.log(error); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | battFullName() { |
|---|
| | | let batt = this.batt; |
|---|
| | | if (batt.StationName && batt.BattGroupName) { |
|---|
| | | return batt.StationName + "-" + batt.BattGroupName; |
|---|
| | | } |
|---|
| | | return "çµæ± ç»å
¨ç§°"; |
|---|
| | | }, |
|---|
| | | backInputs() { |
|---|
| | | const obj = { |
|---|
| | | 0: "æªç¥", |
|---|
| | | 1: "æµ®å
", |
|---|
| | | 2: "å
çµ", |
|---|
| | | 3: "æ¾çµ", |
|---|
| | | 4: "åå
" |
|---|
| | | }, |
|---|
| | | list = { |
|---|
| | | batt_state: "æªç¥", |
|---|
| | | group_online_vol: "å¨çº¿:0.00Vï¼ç»ç«¯:0.00V", |
|---|
| | | group_curr: "0.00A", |
|---|
| | | rec_datetime: "1982-01-01 00:00:00", |
|---|
| | | batt_test_tlong: formatSeconds(0), |
|---|
| | | batt_test_cap: "0Ah", |
|---|
| | | batt_syrl_cap: "---", |
|---|
| | | sysc: "------" |
|---|
| | | }; |
|---|
| | | if (this.diagram.type == -1) { |
|---|
| | | return list; |
|---|
| | | } |
|---|
| | | list.batt_state = obj[this.inputs.batt_state]; |
|---|
| | | list.group_online_vol = |
|---|
| | | `å¨çº¿:${this.inputs.online_vol.toFixed( |
|---|
| | | 2 |
|---|
| | | )}Vï¼ç»ç«¯:${this.inputs.group_vol.toFixed(2)}V`; |
|---|
| | | list.group_curr = this.inputs.group_curr.toFixed(2) + "A"; |
|---|
| | | list.rec_datetime = this.inputs.rec_datetime; |
|---|
| | | list.batt_test_tlong = formatSeconds(this.inputs.batt_test_tlong); |
|---|
| | | } |
|---|
| | | this.control.show = control; // 设置æ´ä½æ¾ç¤ºçç¶æ |
|---|
| | | }).catch(error => { |
|---|
| | | console.log(error); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | getStateById(id, list) { |
|---|
| | | let result = false; |
|---|
| | | for (let i = 0; i < list.length; i++) { |
|---|
| | | let item = list[i]; |
|---|
| | | if (id == item.id) { |
|---|
| | | result = item.status ? true : false; |
|---|
| | | break; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | return result; |
|---|
| | | }, |
|---|
| | | clearWarn() { // æ¸
é¤åè¦ |
|---|
| | | this.$layer.confirm('æ¸
é¤è®¾å¤åè¦', { |
|---|
| | | icon: 3, |
|---|
| | | title: 'ç³»ç»æ示' |
|---|
| | | }, (index) => { |
|---|
| | | // å
³éå¼¹åºæ¡ |
|---|
| | | this.$layer.close(index); |
|---|
| | | // å¼å¯å è½½çå¾
|
|---|
| | | let load = this.$layer.loading(1); |
|---|
| | | // æ§è¡æ¸
é¤åè¦ |
|---|
| | | let batt = this.batt; |
|---|
| | | this.$apis.system.clearWarn(batt.FBSDeviceId).then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | if (rs.code == 1) { |
|---|
| | | this.$layer.msg('æ¸
é¤è®¾å¤åè¦æåï¼'); |
|---|
| | | } else { |
|---|
| | | this.$layer.msg('æ¸
é¤è®¾å¤åè¦å¤±è´¥ï¼'); |
|---|
| | | } |
|---|
| | | // å
³éçå¾
|
|---|
| | | this.$layer.close(load); |
|---|
| | | }).catch(error => { |
|---|
| | | console.log(error); |
|---|
| | | // å
³éçå¾
|
|---|
| | | this.$layer.close(load); |
|---|
| | | }); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | realTimeStateList() { // è·åå©ä½å¤©æ°ï¼å·¥ä½æ¨¡å¼ï¼ç»ç«¯çµåï¼å³°å¼çµå |
|---|
| | | let batt = this.batt; |
|---|
| | | realTimeStateList(batt.FbsDeviceIp).then(res => { |
|---|
| | | let rs = JSON.parse(res.data.result); |
|---|
| | | //console.log(rs); |
|---|
| | | }).catch(error => { |
|---|
| | | console.log(error); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | | battFullName() { |
|---|
| | | let batt = this.batt; |
|---|
| | | if (batt.StationName && batt.BattGroupName) { |
|---|
| | | return batt.StationName + "-" + batt.BattGroupName; |
|---|
| | | } |
|---|
| | | return "çµæ± ç»å
¨ç§°"; |
|---|
| | | }, |
|---|
| | | backInputs() { |
|---|
| | | const obj = { |
|---|
| | | 0: "æªç¥", |
|---|
| | | 1: "æµ®å
", |
|---|
| | | 2: "å
çµ", |
|---|
| | | 3: "æ¾çµ", |
|---|
| | | 4: "åå
" |
|---|
| | | }, |
|---|
| | | list = { |
|---|
| | | batt_state: "æªç¥", |
|---|
| | | group_online_vol: "å¨çº¿:0.00Vï¼ç»ç«¯:0.00V", |
|---|
| | | group_curr: "0.00A", |
|---|
| | | rec_datetime: "1982-01-01 00:00:00", |
|---|
| | | batt_test_tlong: formatSeconds(0), |
|---|
| | | batt_test_cap: "0Ah", |
|---|
| | | batt_syrl_cap: "---", |
|---|
| | | sysc: "------" |
|---|
| | | }; |
|---|
| | | if (this.diagram.type == -1) { |
|---|
| | | return list; |
|---|
| | | } |
|---|
| | | list.batt_state = obj[this.inputs.batt_state]; |
|---|
| | | list.group_online_vol = |
|---|
| | | `å¨çº¿:${this.inputs.online_vol.toFixed( |
|---|
| | | 2 |
|---|
| | | )}Vï¼ç»ç«¯:${this.inputs.group_vol.toFixed(2)}V`; |
|---|
| | | list.group_curr = this.inputs.group_curr.toFixed(2) + "A"; |
|---|
| | | list.rec_datetime = this.inputs.rec_datetime; |
|---|
| | | list.batt_test_tlong = formatSeconds(this.inputs.batt_test_tlong); |
|---|
| | | |
|---|
| | | list.batt_test_cap = this.inputs.batt_test_cap.toFixed(1) + "AH"; |
|---|
| | | if (this.inputs.batt_state === 2) { |
|---|
| | | list.batt_syrl_cap = "---"; |
|---|
| | | } else { |
|---|
| | | list.batt_syrl_cap = this.inputs.batt_rest_cap.toFixed(1) + "AH"; |
|---|
| | | } |
|---|
| | | if (this.inputs.batt_state === 3) { |
|---|
| | | list.sysc = sethoubeiTime( |
|---|
| | | parseFloat(this.inputs.batt_rest_cap) / |
|---|
| | | parseFloat(this.inputs.group_curr) |
|---|
| | | ); |
|---|
| | | } else { |
|---|
| | | list.sysc = "------"; |
|---|
| | | } |
|---|
| | | return list; |
|---|
| | | }, |
|---|
| | | showStateList() { |
|---|
| | | return this.stateList.filter(item => { |
|---|
| | | if (item.show) { |
|---|
| | | return item; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | dischargeDialogTitle() { |
|---|
| | | let batt = this.batt; |
|---|
| | | if (regEquipType(batt.FBSDeviceId, "equip61850")) { |
|---|
| | | return "61850æ¾çµåæ°è®¾ç½®"; |
|---|
| | | } else { |
|---|
| | | return "æªç¥è®¾å¤(å¾
å¼å)" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | stateListState() { |
|---|
| | | return this.stateListShow && this.showStateList.length; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | // æ¥è¯¢ææå¾ç¶æçæ¾ç¤º |
|---|
| | | this.searchStatus(); |
|---|
| | | // æ¥è¯¢æ§å¶æé®çé
ç½® |
|---|
| | | this.searchControl(); |
|---|
| | | // åå§åå¾è¡¨ |
|---|
| | | this.initChart(); |
|---|
| | | list.batt_test_cap = this.inputs.batt_test_cap.toFixed(1) + "AH"; |
|---|
| | | if (this.inputs.batt_state === 2) { |
|---|
| | | list.batt_syrl_cap = "---"; |
|---|
| | | } else { |
|---|
| | | list.batt_syrl_cap = this.inputs.batt_rest_cap.toFixed(1) + "AH"; |
|---|
| | | } |
|---|
| | | if (this.inputs.batt_state === 3) { |
|---|
| | | list.sysc = sethoubeiTime( |
|---|
| | | parseFloat(this.inputs.batt_rest_cap) / |
|---|
| | | parseFloat(this.inputs.group_curr) |
|---|
| | | ); |
|---|
| | | } else { |
|---|
| | | list.sysc = "------"; |
|---|
| | | } |
|---|
| | | return list; |
|---|
| | | }, |
|---|
| | | showStateList() { |
|---|
| | | return this.stateList.filter(item => { |
|---|
| | | if (item.show) { |
|---|
| | | return item; |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | dischargeDialogTitle() { |
|---|
| | | let batt = this.batt; |
|---|
| | | if (regEquipType(batt.FBSDeviceId, "equip61850")) { |
|---|
| | | return "61850æ¾çµåæ°è®¾ç½®"; |
|---|
| | | } else { |
|---|
| | | return "æªç¥è®¾å¤(å¾
å¼å)" |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | stateListState() { |
|---|
| | | return this.stateListShow && this.showStateList.length; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | // æ¥è¯¢ææå¾ç¶æçæ¾ç¤º |
|---|
| | | this.searchStatus(); |
|---|
| | | // æ¥è¯¢æ§å¶æé®çé
ç½® |
|---|
| | | this.searchControl(); |
|---|
| | | // åå§åå¾è¡¨ |
|---|
| | | this.initChart(); |
|---|
| | | |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$G.chartManage.resize(this.acTabs); |
|---|
| | | }); |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.$G.chartManage.resize(this.acTabs); |
|---|
| | | }); |
|---|
| | | |
|---|
| | | // å±å¹ç¼©æ¾æ¶è§¦å |
|---|
| | | window.addEventListener("resize", () => { |
|---|
| | | this.resize(); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | destroyed() { |
|---|
| | | this.timer.stop(); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | // å±å¹ç¼©æ¾æ¶è§¦å |
|---|
| | | window.addEventListener("resize", () => { |
|---|
| | | this.resize(); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | destroyed() { |
|---|
| | | this.timer.stop(); |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .page-real-time { |
|---|
| | | color: #ffffff; |
|---|
| | | } |
|---|
| | | .page-real-time { |
|---|
| | | color: #ffffff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .table-cell.text-right { |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | .table-cell.text-right { |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .table-cell.text-right .iconfont { |
|---|
| | | margin-right: 4px; |
|---|
| | | } |
|---|
| | | .table-cell.text-right .iconfont { |
|---|
| | | margin-right: 4px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .table-row.table-row-error { |
|---|
| | | color: #ff0000; |
|---|
| | | } |
|---|
| | | .table-row.table-row-error { |
|---|
| | | color: #ff0000; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .table-row.table-row-warn { |
|---|
| | | color: #e6a23c; |
|---|
| | | } |
|---|
| | | .table-row.table-row-warn { |
|---|
| | | color: #e6a23c; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .table-row .table-cell { |
|---|
| | | padding-top: 12px; |
|---|
| | | } |
|---|
| | | .table-row .table-cell { |
|---|
| | | padding-top: 12px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .page-content { |
|---|
| | | position: relative; |
|---|
| | | padding-top: 8px; |
|---|
| | | padding-bottom: 2px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | .page-content { |
|---|
| | | position: relative; |
|---|
| | | padding-top: 8px; |
|---|
| | | padding-bottom: 2px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .box-tools { |
|---|
| | | line-height: 32px; |
|---|
| | | } |
|---|
| | | .box-tools { |
|---|
| | | line-height: 32px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .box-tools .iconfont { |
|---|
| | | font-size: 20px; |
|---|
| | | } |
|---|
| | | .box-tools .iconfont { |
|---|
| | | font-size: 20px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .box-tools .iconfont:hover { |
|---|
| | | cursor: pointer; |
|---|
| | | color: #cfcfcf; |
|---|
| | | } |
|---|
| | | .box-tools .iconfont:hover { |
|---|
| | | cursor: pointer; |
|---|
| | | color: #cfcfcf; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .box-tools .iconfont:active { |
|---|
| | | color: #ff0000; |
|---|
| | | } |
|---|
| | | .box-tools .iconfont:active { |
|---|
| | | color: #ff0000; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .page-content-tools { |
|---|
| | | position: absolute; |
|---|
| | | top: 14px; |
|---|
| | | right: 8px; |
|---|
| | | z-index: 99; |
|---|
| | | } |
|---|
| | | .page-content-tools { |
|---|
| | | position: absolute; |
|---|
| | | top: 14px; |
|---|
| | | right: 8px; |
|---|
| | | z-index: 99; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .hdw-btn { |
|---|
| | | display: inline-block; |
|---|
| | | color: #fff; |
|---|
| | | background-color: #409eff; |
|---|
| | | border-color: #409eff; |
|---|
| | | line-height: 1; |
|---|
| | | white-space: nowrap; |
|---|
| | | cursor: pointer; |
|---|
| | | -webkit-appearance: none; |
|---|
| | | text-align: center; |
|---|
| | | box-sizing: border-box; |
|---|
| | | outline: none; |
|---|
| | | margin: 0; |
|---|
| | | transition: 0.1s; |
|---|
| | | font-weight: 500; |
|---|
| | | -webkit-user-select: none; |
|---|
| | | -moz-user-select: none; |
|---|
| | | -ms-user-select: none; |
|---|
| | | user-select: none; |
|---|
| | | padding: 6px 10px; |
|---|
| | | font-size: 14px; |
|---|
| | | border-radius: 4px; |
|---|
| | | } |
|---|
| | | .hdw-btn { |
|---|
| | | display: inline-block; |
|---|
| | | color: #fff; |
|---|
| | | background-color: #409eff; |
|---|
| | | border-color: #409eff; |
|---|
| | | line-height: 1; |
|---|
| | | white-space: nowrap; |
|---|
| | | cursor: pointer; |
|---|
| | | -webkit-appearance: none; |
|---|
| | | text-align: center; |
|---|
| | | box-sizing: border-box; |
|---|
| | | outline: none; |
|---|
| | | margin: 0; |
|---|
| | | transition: 0.1s; |
|---|
| | | font-weight: 500; |
|---|
| | | -webkit-user-select: none; |
|---|
| | | -moz-user-select: none; |
|---|
| | | -ms-user-select: none; |
|---|
| | | user-select: none; |
|---|
| | | padding: 6px 10px; |
|---|
| | | font-size: 14px; |
|---|
| | | border-radius: 4px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .hdw-btn:hover { |
|---|
| | | background-color: #3c91e6; |
|---|
| | | } |
|---|
| | | .hdw-btn:hover { |
|---|
| | | background-color: #3c91e6; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .hdw-menu-list { |
|---|
| | | border: 1px solid #409eff; |
|---|
| | | } |
|---|
| | | .hdw-menu-list { |
|---|
| | | border: 1px solid #409eff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .hdw-menu-list .hdw-menu-item { |
|---|
| | | border-top: 1px solid #0e5194; |
|---|
| | | } |
|---|
| | | .hdw-menu-list .hdw-menu-item { |
|---|
| | | border-top: 1px solid #0e5194; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .hdw-menu-list .hdw-menu-item:first-child { |
|---|
| | | border-top: none; |
|---|
| | | } |
|---|
| | | .hdw-menu-list .hdw-menu-item:first-child { |
|---|
| | | border-top: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .hdw-menu-item a { |
|---|
| | | display: block; |
|---|
| | | text-align: center; |
|---|
| | | padding: 8px; |
|---|
| | | color: #ffffff; |
|---|
| | | cursor: pointer; |
|---|
| | | background-color: rgba(30, 125, 219, 0.767); |
|---|
| | | } |
|---|
| | | .hdw-menu-item a { |
|---|
| | | display: block; |
|---|
| | | text-align: center; |
|---|
| | | padding: 8px; |
|---|
| | | color: #ffffff; |
|---|
| | | cursor: pointer; |
|---|
| | | background-color: rgba(30, 125, 219, 0.767); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .hdw-menu-item a:hover { |
|---|
| | | background-color: rgb(60, 135, 211); |
|---|
| | | } |
|---|
| | | .hdw-menu-item a:hover { |
|---|
| | | background-color: rgb(60, 135, 211); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .hdw-menu-item a:active { |
|---|
| | | background-color: rgb(34, 100, 167); |
|---|
| | | } |
|---|
| | | .hdw-menu-item a:active { |
|---|
| | | background-color: rgb(34, 100, 167); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .hdw-state-list { |
|---|
| | | box-sizing: border-box; |
|---|
| | | font-size: 14px; |
|---|
| | | padding-bottom: 8px; |
|---|
| | | } |
|---|
| | | .hdw-state-list { |
|---|
| | | box-sizing: border-box; |
|---|
| | | font-size: 14px; |
|---|
| | | padding-bottom: 8px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .noborder { |
|---|
| | | border: none; |
|---|
| | | border-top: 1px solid #00FEFF; |
|---|
| | | } |
|---|
| | | .noborder { |
|---|
| | | border: none; |
|---|
| | | border-top: 1px solid #00FEFF; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .transparentBtn { |
|---|
| | | background-color: transparent; |
|---|
| | | border-color: transparent; |
|---|
| | | color: #4ba1fa; |
|---|
| | | } |
|---|
| | | .transparentBtn { |
|---|
| | | background-color: transparent; |
|---|
| | | border-color: transparent; |
|---|
| | | color: #4ba1fa; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .transparentBtn:hover { |
|---|
| | | background-color: transparent; |
|---|
| | | border-color: transparent; |
|---|
| | | color: #00FEFF; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | .transparentBtn:hover { |
|---|
| | | background-color: transparent; |
|---|
| | | border-color: transparent; |
|---|
| | | color: #00FEFF; |
|---|
| | | } |
|---|
| | | </style> |
|---|
