实时监控添加均衡供电模块

whyczyk

2021-04-13 fd17c9831f77ea94ae577c90b20f0cee0fb90825

实时监控添加均衡供电模块

 src/assets/js/realTime.js

@@ -211,3 +211,16 @@
    });
}

/**
 * 查询历史实时数据
 * @param json:{"dev_id":618500002}
 * @returns {AxiosPromise}
 */
export const JhStateActionSerchByCondition = (params) => {
    // 查询后台
    return axios({
        method: "post",
        url: "JhStateAction_action_serchByCondition",
        data: "json=" + JSON.stringify(params)
    });
}

 src/pages/dataTest/components/jggdInfoTab.vue

New file
@@ -0,0 +1,172 @@
<template>
  <div class="con">
    <el-row :gutter="20">
      <el-col :span="8">
        <flex-box title="电压">
          <el-table :data="volTable" stripe class="border-table table-stripe-odd" :show-header="false" size="small">
            <el-table-column prop="name" label="名称" align="center" min-width="100" class-name="table-list-name">
            </el-table-column>
            <el-table-column prop="value" label="值" align="center" class-name="table-list-value">
            </el-table-column>
          </el-table>
        </flex-box>
      </el-col>
      <el-col :span="8">
        <flex-box title="电流">
          <el-table :data="eleTable" stripe class="border-table table-stripe-odd" :show-header="false" size="small">
            <el-table-column prop="name" label="名称" align="center" min-width="100" class-name="table-list-name">
            </el-table-column>
            <el-table-column prop="value" label="值" align="center" class-name="table-list-value">
            </el-table-column>
          </el-table>
        </flex-box>
      </el-col>
      <el-col :span="8">
        <flex-box title="其他">
          <el-table :data="otherTable" stripe class="border-table table-stripe-odd" :show-header="false" size="small">
            <el-table-column prop="name" label="名称" align="center" min-width="100" class-name="table-list-name">
            </el-table-column>
            <el-table-column prop="value" label="值" align="center" class-name="table-list-value">
            </el-table-column>
          </el-table>
        </flex-box>
      </el-col>
    </el-row>
  </div>

</template>

<script>
  import FlexBox from "@/components/FlexBox"
  import {
    JhStateActionSerchByCondition,
  } from "@/assets/js/realTime";
  export default {
    components: {
      FlexBox
    },
    props: ['devId'],
    data() {
      return {
        volTable: [{
            key: 'input_vol_total',
            name: '总输入电压',
            value: '???'
          },
          {
            key: 'output_vol_total',
            name: '总输出电压',
            value: '???'
          },
          {
            key: 'output_vol_one',
            name: '输出电压1',
            value: '???'
          },
          {
            key: 'output_vol_two',
            name: '输出电压2',
            value: '???'
          },
          {
            key: 'output_vol_three',
            name: '输出电压3',
            value: '???'
          },
          {
            key: 'output_vol_four',
            name: '输出电压4',
            value: '???'
          },
          {
            key: 'output_vol_five',
            name: '输出电压5',
            value: '???'
          },
          {
            key: 'output_vol_six',
            name: '输出电压6',
            value: '???'
          },
          {
            key: 'output_vol_seven',
            name: '输出电压7',
            value: '???'
          },
          {
            key: 'output_vol_eight',
            name: '输出电压8',
            value: '???'
          },
          {
            key: 'output_vol_nine',
            name: '输出电压9',
            value: '???'
          },
          {
            key: 'output_vol_ten',
            name: '输出电压10',
            value: '???'
          }
        ],
        eleTable: [{
            key: 'input_curr_total',
            name: '总输入电流',
            value: '???'
          },
          {
            key: 'output_curr_total',
            name: '总输出电流',
            value: '???'
          }
        ],
        otherTable: [{
            key: 'dev_version',
            name: '版本号',
            value: '???'
          },
          {
            key: 'dev_temp',
            name: '温度',
            value: '???'
          }
        ],
      }
    },
    mounted() {
      JhStateActionSerchByCondition({
        dev_id: this.devId,
      }).then((res) => {
        let resData = JSON.parse(res.data.result)
        if (resData.code == 1) {
          let dataObj = resData.data[0];
          for (let key in dataObj) {
            this.volTable.map(item => {
              if (item.key == key) {
                item.value = dataObj[key]
              }
            })
            this.eleTable.map(item => {
              if (item.key == key) {
                item.value = dataObj[key]
              }
            })
            this.otherTable.map(item => {
              if (item.key == key) {
                item.value = dataObj[key]
              }
            })
          }
        }
      }).catch((err) => {
        console.log(err)
      });
    }
  }
</script>

<style scoped>
  .con {
    padding: 10px;
  }
</style>

 src/pages/dataTest/realTime.vue

@@ -107,8 +107,7 @@
                            <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"
                                         v-show="!state.notShow">
                                        :class="state.type" v-show="!state.notShow">
                                        <div class="table-cell text-right">
                                            <i v-if="state.icon" class="iconfont" :class="state.icon"></i>{{
                                                state.text
@@ -133,9 +132,8 @@
                                </table>
                            </science-box>
                            <circuit-diagram :batt="batt" :online-vol="inputs.online_vol" :group-vol="inputs.group_vol"
                                             :batt-curr="inputs.group_curr" :dev-temp="diagram.temp"
                                             :type="diagram.type" :update="diagram.update"
                                             :version="dev_version" :contact-res="diagram.contactRes"
                                :batt-curr="inputs.group_curr" :dev-temp="diagram.temp" :type="diagram.type"
                                :update="diagram.update" :version="dev_version" :contact-res="diagram.contactRes"
                                             :drop-vol="diagram.dropVol"></circuit-diagram>
                        </el-tab-pane>
                        <el-tab-pane label="电压" name="vol">
@@ -166,13 +164,15 @@
                        <el-tab-pane label="数据表格" name="tblData" class="el-table-wrapper">
                            <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>
                                    :label="header.label" :width="header.width" align="center"></el-table-column>
                            </el-table>
                        </el-tab-pane>
                        <el-tab-pane label="逆变信息" name="niBianInfoTab" v-if="isNiBian">
                            <ni-bian-info-tab ref="niBianInfoTab" :name="acTabs"
                                              :devId="batt.FBSDeviceId"></ni-bian-info-tab>
                            <ni-bian-info-tab ref="niBianInfoTab" :name="acTabs" :devId="batt.FBSDeviceId">
                            </ni-bian-info-tab>
                        </el-tab-pane>
                        <el-tab-pane label="均衡供电" name="jggdInfoTab" v-if="isJhgd">
                            <jggd-info-tab :devId="batt.FBSDeviceId"></jggd-info-tab>
                        </el-tab-pane>
                    </el-tabs>
                </div>
@@ -181,8 +181,8 @@
        <!-- 放电参数设置 -->
        <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"
                                      @close="closeDisChargeDialog"></discharge-dialog-content>
            <discharge-dialog-content v-if="dischargeDialog.show" :batt="batt" @close="closeDisChargeDialog">
            </discharge-dialog-content>
        </el-dialog>
        <!-- 系统参数设置 -->
        <el-dialog title="系统参数设置" width="700px" :visible.sync="systemDialog.show" :close-on-click-modal="false" top="0"
@@ -191,8 +191,7 @@
        </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">
            top="0" class="dialog-center" :modal-append-to-body="false">
            <curing-params v-if="curingDialog.show" :batt="batt"></curing-params>
        </el-dialog>
        <!-- 离线养护参数设置 -->
@@ -217,8 +216,7 @@
        </el-dialog>
        <!-- 停止养护除硫 -->
        <el-dialog title="停止养护除硫" width="600px" :visible.sync="stopCuringDialog.show" :close-on-click-modal="false"
                   top="0"
                   class="dialog-center" :modal-append-to-body="false">
            top="0" class="dialog-center" :modal-append-to-body="false">
            <stop-curing v-if="stopCuringDialog.show" :batt="batt"></stop-curing>
        </el-dialog>
        <right-menu :visible.sync="rightMenu.show" :x="rightMenu.x" :y="rightMenu.y">
@@ -247,7 +245,10 @@
import NiBian from "@/pages/dataTest/dialogs/NiBian";
import StopCuring from "@/pages/dataTest/dialogs/StopCuring";
import NiBianInfoTab from "@/pages/dataTest/components/NiBianInfoTab";
import {realTimeNot, realTimeAdd} from "../../assets/js/realTime";
    import {
        realTimeNot,
        realTimeAdd
    } from "../../assets/js/realTime";
import {
    realTimeSearch,
    realTimeGroup,
@@ -271,6 +272,7 @@
} from "../../assets/js/const";
import getMarkLineData from "@/components/chart/js/getMarkLineData";
import BarChartThreeD from "@/components/chart/BarChartThreeD";
    import JggdInfoTab from './components/jggdInfoTab.vue';
/* import moment from "moment"; */
let vol, resChart, temp, conduct, currChart, leakVol;
let tblData = [];
@@ -292,6 +294,7 @@
        NiBian,
        StopCuring,
        NiBianInfoTab,
            JggdInfoTab,
        // NiBianInfo,
    },
    watch: {
@@ -1998,6 +2001,10 @@
        isNiBian() {
            let batt = this.batt;
            return regEquipType(batt.FBSDeviceId, 'BTS9120');
            },
            isJhgd() {
                let batt = this.batt;
                return regEquipType(batt.FBSDeviceId, 'BTS9110');
        }
    },
    mounted() {