From 658fa5042ced0b1f902dd7be1e549e65f84a64ea Mon Sep 17 00:00:00 2001
From: baicai <18221243570@163.com>
Date: Fri, 18 Jul 2025 19:15:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8D=95=E4=BD=93=E7=94=B5=E6=B1=A0=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E7=82=B9=E5=87=BB=E5=8F=AF=E4=BB=A5=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ems/dzjk/sbjk/dtdc/ChartDetail.vue | 67 +++++++++++++-------
 src/views/ems/dzjk/sbjk/dtdc/index.vue       | 36 ++++++++++-
 2 files changed, 79 insertions(+), 24 deletions(-)

diff --git a/src/views/ems/dzjk/sbjk/dtdc/ChartDetail.vue b/src/views/ems/dzjk/sbjk/dtdc/ChartDetail.vue
index f461b9e..2afb5e1 100644
--- a/src/views/ems/dzjk/sbjk/dtdc/ChartDetail.vue
+++ b/src/views/ems/dzjk/sbjk/dtdc/ChartDetail.vue
@@ -46,6 +46,7 @@ export default {
       siteId:'',
       deviceId:'',
       clusterDeviceId:'',
+      dataType:'',//展示的数据类型 空值展示所有数据
       pickerOptions:{
         disabledDate(time) {
           return time.getTime() > Date.now();
@@ -82,10 +83,11 @@ export default {
       this.dateRange=[]
       this.getData()
     },
-    initChart({siteId, clusterDeviceId, deviceId}) {
+    initChart({siteId, clusterDeviceId, deviceId},dataType) {
       this.siteId=siteId
       this.clusterDeviceId=clusterDeviceId
       this.deviceId=deviceId
+      this.dataType=dataType
       this.dateRange=[]
       this.dialogTableVisible = true
       this.$nextTick(()=>{
@@ -94,10 +96,47 @@ export default {
       })
     },
     setOption(data) {
-      const source = [['日期','电压','温度','SOC','SOH']]
-      data.forEach(item => {
-        source.push([item.dataTimestamp,item.voltage,item.temperature,item.soc,item.soh])
-      })
+      const obj = {
+        voltage:'电压',
+        temperature:'温度',
+        soc:'SOC',
+        soh:'SOH',
+      }
+      let source,series,{dataType} = this
+      if(dataType){
+        source = [['日期',obj[dataType]]]
+        data.forEach(item => {
+          source.push([item.dataTimestamp,item[dataType]])
+        })
+        series=[{
+          name:obj[dataType],
+          type: 'line',
+        }]
+      }else{
+        source = [['日期','电压','温度','SOC','SOH']]
+        data.forEach(item => {
+          source.push([item.dataTimestamp,item.voltage,item.temperature,item.soc,item.soh])
+        })
+        series=[
+          {
+            name:'电压',
+            type: 'line',
+
+          },{
+            name:'温度',
+            type: 'line',
+          },
+          {
+            name:'SOC',
+            type: 'line',
+
+          },{
+            name:'SOH',
+            type: 'line',
+          }]
+      }
+
+
       this.chart && this.chart.setOption({
         color:['#FFBD00','#3C81FF','#05AEA3','#F86F70'],
         legend: {
@@ -121,23 +160,7 @@ export default {
         dataset:{
           source
         },
-        series: [
-          {
-            name:'电压',
-            type: 'line',
-
-          },{
-            name:'温度',
-            type: 'line',
-          },
-          {
-            name:'SOC',
-            type: 'line',
-
-          },{
-            name:'SOH',
-            type: 'line',
-          }]
+        series
       })
     }
   },
diff --git a/src/views/ems/dzjk/sbjk/dtdc/index.vue b/src/views/ems/dzjk/sbjk/dtdc/index.vue
index 126940b..6e0ea7e 100644
--- a/src/views/ems/dzjk/sbjk/dtdc/index.vue
+++ b/src/views/ems/dzjk/sbjk/dtdc/index.vue
@@ -48,18 +48,50 @@
             prop="voltage"
             label="电压（V）"
           >
+            <template slot-scope="scope">
+              <el-button
+                @click="chartDetail(scope.row,'voltage')"
+                type="text"
+                size="small">
+                {{scope.row.voltage}}
+              </el-button>
+            </template>
           </el-table-column>
           <el-table-column
             prop="temperature"
             label="温度（℃）">
+            <template slot-scope="scope">
+              <el-button
+                @click="chartDetail(scope.row,'temperature')"
+                type="text"
+                size="small">
+                {{scope.row.temperature}}
+              </el-button>
+            </template>
           </el-table-column>
           <el-table-column
             prop="soc"
             label="SOC（%）">
+            <template slot-scope="scope">
+              <el-button
+                @click="chartDetail(scope.row,'soc')"
+                type="text"
+                size="small">
+                {{scope.row.soc}}
+              </el-button>
+            </template>
           </el-table-column>
           <el-table-column
             prop="soh"
             label="SOH（%）">
+            <template slot-scope="scope">
+              <el-button
+                @click="chartDetail(scope.row,'soh')"
+                type="text"
+                size="small">
+                {{scope.row.soh}}
+              </el-button>
+            </template>
           </el-table-column>
           <el-table-column
             label="曲线图">
@@ -115,9 +147,9 @@ export default {
   },
   methods:{
     //查看表格行图表
-    chartDetail(row){
+    chartDetail(row,dataType = ''){
       const { clusterDeviceId, deviceId} = row,{siteId} = this
-      this.$refs.chartDetail.initChart({siteId,clusterDeviceId,deviceId})
+      this.$refs.chartDetail.initChart({siteId,clusterDeviceId,deviceId},dataType)
     },
     // 分页
     handleSizeChange(val) {