| | |
| | | value: 4831, |
| | | label: "FBC300NT" |
| | | }, |
| | | { |
| | | value: 5100, |
| | | label: "配网电源" |
| | | } |
| | | ], |
| | | power: [ |
| | | { |
| | |
| | | BTS9149:/^9149/,//并联BTS 交流9路 |
| | | remoteRestartDevice: /^61851/, // 远程重启装置 |
| | | eleOperation: /^60870/, // 电操核容产品 |
| | | peiWang: /^5100/, // 配网电源 |
| | | }; |
| | | let effectPtns = []; |
| | | // 数据类型为字符串 |
| | |
| | | url: '/dataTest/eleOperation' |
| | | }, |
| | | component: () => import('@/views/dataTest/eleOperation') |
| | | }] |
| | | },{ |
| | | // 配网电源 |
| | | path: 'real-time-peiWang/:battGroupId', |
| | | name: 'movingRingSystem', |
| | | meta: { |
| | | title: '实时监控', |
| | | icon: '', |
| | | url: '/dataTest/realTimeForPeiWang' |
| | | }, |
| | | component: () => import('@/views/dataTest/realTimeForPeiWang') |
| | | },] |
| | | }, { |
| | | path: 'history', |
| | | name: 'history', |
| | |
| | | path: |
| | | "/dataTest/movingRingSystem/real-time-9149/" + data.battGroupId, |
| | | }); |
| | | }else if(regEquipType(dev_id1, "peiWang")) { |
| | | this.$router.push({ |
| | | path: |
| | | "/dataTest/movingRingSystem/real-time-peiWang/" + data.battGroupId, |
| | | }); |
| | | } else { |
| | | this.$router.push({ |
| | | path: "/dataTest/movingRingSystem/real-time/" + data.battGroupId, |
New file |
| | |
| | | <template> |
| | | <flex-layout direction="row" class="page-real-time" :no-bg="true"> |
| | | <content-box |
| | | style="margin-left: 4px; margin-right: 4px" |
| | | :title="battFullName"> |
| | | <flex-layout :no-bg="true"> |
| | | <div class="page-content"> |
| | | <el-tabs v-model="acTabs" type="border-card" class="flex-layout noborder" @tab-click="tabClick"> |
| | | <el-tab-pane key="eleLine" label="电路拓扑图" class="tab-eleLine" name="eleLine" v-if="pageConfig.eleLine"></el-tab-pane> |
| | | <el-tab-pane key="vol" label="电压" name="vol" v-if="pageConfig.vol"></el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </flex-layout> |
| | | </content-box> |
| | | </flex-layout> |
| | | </template> |
| | | |
| | | <script> |
| | | import ContentBox from "@/components/ContentBox.vue"; |
| | | import HomeList from "@/views/dataTest/movingRingSystem/HomeList.vue"; |
| | | import {getBattGroupInfo} from "@/views/dataMager/js/battGroupMager"; |
| | | |
| | | export default { |
| | | name: "movingRingSysteRrealTime", |
| | | components: { |
| | | HomeList, |
| | | ContentBox |
| | | }, |
| | | tblData: [], |
| | | data() { |
| | | let pageConfig = this.$store.getters["user/realTabsConfig"]; |
| | | return { |
| | | homeListShow: true, |
| | | acTabs: "eleLine", |
| | | pageConfig, |
| | | batt: {} |
| | | } |
| | | }, |
| | | methods: { |
| | | getBattGroupInfo(battGroupId) { |
| | | this.homeListShow = false; |
| | | getBattGroupInfo(battGroupId) |
| | | .then((res) => { |
| | | res = res.data; |
| | | if (res.code) { |
| | | this.leafClick(res.data[0]); |
| | | } else { |
| | | this.$layer.msg("未获取到电池组的信息"); |
| | | } |
| | | }) |
| | | .catch((error) => { |
| | | console.log(error); |
| | | }); |
| | | }, |
| | | leafClick(data) { |
| | | this.batt = data; |
| | | }, |
| | | toggleChange() { |
| | | this.resize(); |
| | | }, |
| | | tabClick(tab) { |
| | | this.acTabs = tab.name; |
| | | // 根据tab更新电路图 |
| | | this.diagram.update = this.acTabs === "eleLine"; |
| | | // 更新图表 |
| | | this.setChart(); |
| | | |
| | | // 重置图表的大小 |
| | | this.$nextTick(() => { |
| | | this.resize(); |
| | | // 设置表格的数据 |
| | | if (this.acTabs === "tblData") { |
| | | this.table.datas = this.$options.tblData; |
| | | } |
| | | }); |
| | | }, |
| | | setChart() { |
| | | |
| | | }, |
| | | resize() { |
| | | const acTabs = this.acTabs; |
| | | this.acTabs = ""; |
| | | this.$nextTick(() => { |
| | | this.acTabs = acTabs; |
| | | }); |
| | | }, |
| | | }, |
| | | computed:{ |
| | | battFullName() { |
| | | let batt = this.batt; |
| | | if (batt.stationName && batt.battGroupName) { |
| | | return batt.stationName + "-" + batt.battGroupName; |
| | | } |
| | | return "电池组全称"; |
| | | }, |
| | | }, |
| | | mounted() { |
| | | let battGroupId = this.$route.params.battGroupId; |
| | | // console.log("mounted======", battGroupId); |
| | | if (battGroupId) { |
| | | this.getBattGroupInfo(battGroupId); |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .page-content { |
| | | position: relative; |
| | | padding-top: 8px; |
| | | padding-bottom: 2px; |
| | | box-sizing: border-box; |
| | | height: 100%; |
| | | } |
| | | </style> |
| | |
| | | width: 105 |
| | | }, |
| | | { |
| | | prop: "maxHistory", |
| | | label: "历史最高容量(AH)", |
| | | width: 140 |
| | | }, |
| | | { |
| | | prop: "averageHistory", |
| | | label: "历史平均容量(AH)", |
| | | width: 140 |
| | | }, |
| | | { |
| | | prop: "minHistory", |
| | | label: "历史最低容量(AH)", |
| | | width: 140 |
| | | }, |
| | | { |
| | | prop: "newTestCap", |
| | | label: "预估实际容量(AH)", |
| | | width: 140 |
| | |
| | | <a href="javascript:;" |
| | | :class="{'active-item': item.key == activeKey}" |
| | | @click="handleClick(item)">{{item.txt}}</a> |
| | | <div class="baoji-group-tools"> |
| | | <div class="baoji-group-tools" v-if="showGroupBtn"> |
| | | <el-button @click="changeGroup(item)" :type="item.dischargePlanFlag?'danger':'primary'" size="mini">{{ item.dischargePlanFlag?'取消班组':'设置班组' }}</el-button> |
| | | </div> |
| | | </li> |
| | |
| | | default() { |
| | | return []; |
| | | } |
| | | }, |
| | | showGroupBtn: { |
| | | type: Boolean, |
| | | default: false |
| | | } |
| | | }, |
| | | data() { |
| | |
| | | <baoji-group-list |
| | | ref="groupList" |
| | | :list="baojigrouplist" |
| | | :show-group-btn="true" |
| | | @handle-click="groupListClick" @success="searchBaojiGroupList"></baoji-group-list> |
| | | </my-card> |
| | | <div class="flex-page-content"> |