From d8c4e40bef8efdd3b3c17d7070287c19d3815e9e Mon Sep 17 00:00:00 2001
From: chenyuan <chenyuan@example.com>
Date: Sun, 11 Oct 2026 12:50:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=A7=E6=95=B0=E6=8D=AE=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E5=88=97=E6=94=B9=E7=94=A8tableColumns=E5=B9=B6?=
 =?UTF-8?q?=E4=B8=BAcontent=E5=88=97=E5=A2=9E=E5=8A=A0=E5=AE=BD=E5=BA=A6?=
 =?UTF-8?q?=E4=B8=8E=E6=BA=A2=E5=87=BA=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/bigData.vue                    | 49 ++++++++-----------
 1 file changed, 21 insertions(+), 28 deletions(-)

diff --git a/src/views/digitalMarketingAlgorithms/components/bigData.vue b/src/views/digitalMarketingAlgorithms/components/bigData.vue
index 2ed08c6..53475ed 100644
--- a/src/views/digitalMarketingAlgorithms/components/bigData.vue
+++ b/src/views/digitalMarketingAlgorithms/components/bigData.vue
@@ -29,9 +29,9 @@
     <div class="main-right">
       <el-scrollbar height="100%" class="data-scrollbar">
         <el-table :data="tableData" class="data-table" :header-cell-style="headerCellStyle">
-          <el-table-column v-for="column in tableLabel" :key="column" :prop="column" :label="column" align="center" min-width="130">
+          <el-table-column v-for="column in tableColumns" :key="column.prop" :prop="column.prop" :label="column.label" align="center" :min-width="column.prop === 'content' ? 240 : 130" :show-overflow-tooltip="column.prop === 'content'">
             <template #default="{ row }">
-              {{ formatDate(row[column]) ?? "..." }}
+              {{ formatDate(row[column.prop]) ?? "..." }}
             </template>
           </el-table-column>
         </el-table>
@@ -65,19 +65,9 @@ const nzIndex = ref(0);
 const nzData = ref([]);
 const zjIndex = ref(-1);
 const zjData = ref([]);
-const tableLabel = ref([]);
-const tableLabel2 = ref([]);
-const arrhander = ref([]);
-const arrhanderkey = ref([]);
-// const arrMap = {
-//   客户细分数据表: tableLabel.value,
-//   销售预测数据表: tableLabel4.value,
-//   购物车数据表: tableLabel5.value,
-//   用户评论表: tableLabel3.value,
-// };
+const tableColumns = ref([]);
 const goNZ = (index, item) => {
   nzIndex.value = index;
-  // tableLabel.value = arrMap[item];
   n_dataTableQuery.value.tableName = item;
   delete n_dataTableQuery.value.selfTableName;
   getSurface();
@@ -105,22 +95,25 @@ const getSurface = () => {
   portraitModel
     .getUserTableData(n_dataTableQuery.value)
     .then((res) => {
-      tableLabel.value = Object.keys(res?.data?.list[0]);
-      tableData.value = res?.data?.list;
-      console.log(tableData.value, "454545");
-      datatotal.value = res?.data?.total;
-      tableLabel2.value = [];
-      if (tableData.value[0]?.stepOneA) {
-        arrhander.value = JSON.parse(tableData.value[0].stepOneA);
-        arrhanderkey.value = Object.keys(tableData.value[0]).slice(2, arrhander.value.length + 2);
-        arrhander.value.forEach((item, index) => {
-          tableLabel2.value.push({
-            prop: arrhanderkey.value[index],
-            label: item,
-          });
-        });
-        tableLabel.value = arrhanderkey.value;
+      tableData.value = res?.data?.list || [];
+      datatotal.value = res?.data?.total || 0;
+      const firstRow = tableData.value[0] || {};
+      const properties = Object.keys(firstRow);
+      let headers = [];
+      if (firstRow.stepOneA) {
+        try {
+          headers = JSON.parse(firstRow.stepOneA);
+        } catch (error) {
+          headers = [];
+        }
       }
+      const dataProperties = headers.length
+        ? properties.slice(2, headers.length + 2)
+        : properties;
+      tableColumns.value = dataProperties.map((prop, index) => ({
+        prop,
+        label: headers[index] || prop,
+      }));
       setTimeout(() => {
         loading.value = false;
       }, 1000);