单体电池点位接口参数更新

src/views/ems/dzjk/sbjk/dtdc/index.vue

@@ -53,7 +53,8 @@
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="onSearch" native-type="button"
-          >搜索</el-button
+        >搜索
+        </el-button
         >
       </el-form-item>
       <el-form-item>
@@ -73,12 +74,14 @@
         <el-button
             :class="{ activeBtn: activeBtn === 'table' }"
             @click="changeMenu('table')"
-          >图表</el-button
+        >图表
+        </el-button
         >
         <el-button
             :class="{ activeBtn: activeBtn === 'list' }"
             @click="changeMenu('list')"
-          >图形</el-button
+        >图形
+        </el-button
         >
       </el-button-group>
     </div>
@@ -103,25 +106,22 @@
         style="margin-top: 15px; text-align: center"
     >
     </el-pagination>
-    <chart-detail ref="chartDetail" />
+    <chart-detail ref="chartDetail"/>
-    <point-chart ref="pointChart" :site-id="siteId" />
+    <point-chart ref="pointChart" :site-id="siteId"/>
     <point-table ref="pointTable"/>
   </el-card>
 </template>
 
 <script>
 import BarChart from "./BarChart";
-import {
+import {getClusterDataInfoList, getClusterNameList, getStackNameList,} from "@/api/ems/dzjk";
-  getStackNameList,
-  getClusterNameList,
-  getClusterDataInfoList,
-} from "@/api/ems/dzjk";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import ChartDetail from "./ChartDetail.vue";
 import Table from "./Table.vue";
 import List from "./List.vue";
 import pointChart from "./../PointChart.vue";
 import PointTable from "@/views/ems/site/sblb/PointTable.vue";
+
 export default {
   name: "DzjkSbjkDtdc",
   mixins: [getQuerySiteId],
@@ -157,7 +157,7 @@ export default {
     return {
       loading: false,
       clusterloading: false,
-      search: { stackId: "", clusterId: "", batteryId: "" },
+      search: {stackId: "", clusterId: "", batteryId: ""},
       stackOptions: [], //{id:'',deviceName:''}
       clusterOptions: [], //{id:'',deviceName:''}
       tableData: [],
@@ -170,20 +170,25 @@ export default {
   },
   methods: {
     // 查看设备电位表格
-    pointDetail(row,dataType){
+    pointDetail(row, dataType) {
-      const {deviceId,clusterDeviceId} = row
+      const {deviceId, clusterDeviceId} = row
-      this.$refs.pointTable.showTable({siteId:this.siteId,deviceId,deviceCategory:'BATTERY',parentId:clusterDeviceId},dataType)
+      this.$refs.pointTable.showTable({
+        siteId: this.siteId,
+        deviceId: deviceId + clusterDeviceId,
+        deviceCategory: 'BATTERY',
+        parentId: clusterDeviceId
+      }, dataType)
     },
     changeMenu(menu) {
-      const { activeBtn } = this;
+      const {activeBtn} = this;
       activeBtn !== menu && (this.activeBtn = menu);
     },
     //查看表格行图表
-    chartDetail({ deviceId, clusterDeviceId, dataType = "" }) {
+    chartDetail({deviceId, clusterDeviceId, dataType = ""}) {
       dataType &&
       this.$refs.pointChart.showChart({
         pointName: dataType,
-          deviceCategory:'BATTERY',
+        deviceCategory: 'BATTERY',
         deviceId: clusterDeviceId,
         child: [deviceId],
       });
@@ -210,7 +215,7 @@ export default {
     // 清空搜索栏选中数据
     // 清空电池簇列表，保留电池堆列表
     onReset() {
-      this.search = { stackId: "", clusterId: "", batteryId: "" };
+      this.search = {stackId: "", clusterId: "", batteryId: ""};
       this.clusterOptions = [];
       this.pageNum = 1;
       this.getTableData();
@@ -234,7 +239,7 @@ export default {
         clusterId: clusterDeviceId,
         batteryId,
       } = this.search;
-      const { siteId, pageNum, pageSize } = this;
+      const {siteId, pageNum, pageSize} = this;
       getClusterDataInfoList({
         stackDeviceId,
         clusterDeviceId,
@@ -274,7 +279,7 @@ export default {
     },
     init() {
       // 只有页面初次加载或切换站点的时候调用电池堆列表，其他情况不需要
-      this.search = { stackId: "", clusterId: "", batteryId: "" }; //保证切换站点时，清空选择项
+      this.search = {stackId: "", clusterId: "", batteryId: ""}; //保证切换站点时，清空选择项
       this.clusterOptions = [];
       this.pageNum = 1;
       this.totalSize = 0;
@@ -282,13 +287,13 @@ export default {
       this.getTableData();
     },
   },
-  mounted() {},
 };
 </script>
 <style scoped lang="scss">
 .tip-container {
   text-align: right;
   position: relative;
+
   .color-tip {
     position: absolute;
     top: 50%;
@@ -297,9 +302,11 @@ export default {
     font-size: 11px;
     line-height: 12px;
     color: #333;
+
     .tip {
       padding-left: 30px;
       position: relative;
+
       &::before {
         display: block;
         content: "";
@@ -311,32 +318,41 @@ export default {
         height: 8px;
         border-radius: 50%;
       }
+
       &.minwd {
         color: #3794ff;
+
         &::before {
           background: #3794ff;
         }
       }
+
       &.maxwd {
         color: #ff3a3b;
+
         &::before {
           background: #ff3a3b;
         }
       }
+
       &.mindy {
         color: #de6902;
+
         &::before {
           background: #de6902;
         }
       }
+
       &.maxdy {
         color: #ffb521;
+
         &::before {
           background: #ffb521;
         }
       }
     }
   }
+
   ::v-deep {
     .el-button-group.ems-btns-group {
       & > .el-button {