From 5f403d739105673af7a5f4e22a8d77d2e65daf95 Mon Sep 17 00:00:00 2001
From: fhysy <1149505133@qq.com>
Date: Mon, 14 Apr 2025 17:14:47 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E8=AE=BE=E5=A4=87-=E8=BF=90=E8=A1=8C?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81):=20=E5=A2=9E=E5=8A=A0=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=E8=BF=90=E8=A1=8C=E5=8E=86=E5=8F=B2=E5=BC=B9=E7=AA=97=E6=9E=9A?=
 =?UTF-8?q?=E4=B8=BE=E5=92=8C=E6=97=B6=E9=97=B4=E6=A0=BC=E5=BC=8F=E5=8C=96?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/profile/DeviceRunStarts/table.vue | 79 +++++++++++++++++----
 1 file changed, 65 insertions(+), 14 deletions(-)

diff --git a/src/views/profile/DeviceRunStarts/table.vue b/src/views/profile/DeviceRunStarts/table.vue
index c813be17..ed711025 100644
--- a/src/views/profile/DeviceRunStarts/table.vue
+++ b/src/views/profile/DeviceRunStarts/table.vue
@@ -3,7 +3,12 @@
     <div class="show-data-header">
       <div class="header-time">
         <div class="time-select">
-          <el-select v-model="timeValue" placeholder="请选择" size="small" @change="selectChange">
+          <el-select
+            v-model="timeValue"
+            placeholder="请选择"
+            size="small"
+            @change="selectChange"
+          >
             <el-option
               v-for="item in timeOptions"
               :key="item.value"
@@ -27,19 +32,42 @@
       </div>
       <div class="eader-radio">
         <el-radio-group v-model="showType" size="small">
-          <el-radio-button :disabled="showlistDisable" label="表格"></el-radio-button>
-          <el-radio-button :disabled="showchartDisable" label="图表"></el-radio-button>
+          <el-radio-button
+            :disabled="showlistDisable"
+            label="表格"
+          ></el-radio-button>
+          <el-radio-button
+            :disabled="showchartDisable"
+            label="图表"
+          ></el-radio-button>
         </el-radio-group>
       </div>
     </div>
     <div class="show-data-body">
-      <div v-show="showType === '图表'" id="chart" style="width:100%;height:400px;"></div>
+      <div
+        v-show="showType === '图表'"
+        id="chart"
+        style="width:100%;height:400px;"
+      ></div>
       <div v-show="showType === '表格'" class="list-container">
-        <el-table :data="tableData" class="device-topic-list" style="width: 100%">
-          <el-table-column label="时间" prop="time" width="250"></el-table-column>
-          <el-table-column label="原始值" prop="value">
+        <el-table
+          :data="tableData"
+          class="device-topic-list"
+          style="width: 100%"
+        >
+          <el-table-column
+            align="center"
+            label="时间"
+            prop="time"
+            width="250"
+          ></el-table-column>
+          <el-table-column align="center" label="原始值" prop="value">
             <template slot-scope="scope">
-              <div v-if="dialogData.funDataType === 'IMAGE'" class style="text-align: center;">
+              <div
+                v-if="dialogData.funDataType === 'IMAGE'"
+                class
+                style="text-align: center;"
+              >
                 <el-image
                   :preview-src-list="[getIotFileUrl(scope.row.value)]"
                   :src="getIotFileUrl(scope.row.value)"
@@ -48,11 +76,12 @@
                 ></el-image>
               </div>
               <div v-else>
-                <span>{{returnStr(scope.row.value)}}</span>
+                <span>{{ returnStr(scope.row.value) }}</span>
                 <span
                   style=" cursor: default; position: relative; right: -10px; color: #3a8ee6;"
                   @click="copyOnClick(scope.row.value)"
-                >复制</span>
+                  >复制</span
+                >
               </div>
             </template>
           </el-table-column>
@@ -84,12 +113,13 @@
 </template>
 
 <script>
-import * as echarts from 'echarts';
+import * as echarts from "echarts";
 import { getDataUploadListAt } from "@/api/iot/device";
 import { getIotFileUrl } from "@/utils/hciot";
+import moment from "moment";
 export default {
   name: "RunStateTable",
-  props: ["deviceKey",'deviceId', "dialogShow", "pro_type", "prodId"],
+  props: ["deviceKey", "deviceId", "dialogShow", "pro_type", "prodId"],
   data() {
     return {
       timeValue: "1",
@@ -219,11 +249,30 @@ export default {
         this.setShowChart(timeData);
       });
     },
+    formatTime(date) {
+      // 检查时间戳长度
+      if (date && date.toString().length === 10) {
+        // 10 位时间戳
+        return moment(date * 1000).format("YYYY-MM-DD HH:mm:ss");
+      } else if (date && date.toString().length === 13) {
+        // 13 位时间戳
+        return moment(date).format("YYYY-MM-DD HH:mm:ss");
+      } else {
+        return date;
+      }
+    },
     setShowChart(timeData) {
       for (let item of timeData) {
+        let value = item.value;
+        if (this.dialogData.dataFormatType === "ENUM") {
+          let key = parseInt(item.value);
+          value = this.dialogData.dataFormatObj[key] || item.value;
+        } else if (this.dialogData.dataFormatType === "TIME") {
+          value = this.formatTime(item.value);
+        }
         let dataItem = {
           time: this.parseTime(new Date(item.time)),
-          value: item.value
+          value: value
         };
         this.tableData.push(dataItem);
       }
@@ -296,7 +345,9 @@ export default {
       if (
         this.dialogData.funDataType === "TEXT" ||
         this.dialogData.funDataType === "DATE" ||
-        this.dialogData.funDataType === "IMAGE"
+        this.dialogData.funDataType === "IMAGE" ||
+        this.dialogData.dataFormatType === "ENUM" ||
+        this.dialogData.dataFormatType === "TIME"
       ) {
         this.showchartDisable = true;
         this.showType = "表格";