[Mod 0000]修改数据质量表格问题详情内容显示

src/views/dashboard/basicInfo/dataQuality/index.vue

@@ -12,8 +12,8 @@
           <a-button type="primary" preIcon="mdi:page-next-outline" @click="handleOpenModal({}, 'add')"> 新增问题 </a-button>
         </template> -->
         <template #queJson="{ record }">
-          <div style="display: flex; align-items: center; gap: 8px; width: 100%">
-            <span style="flex: 1; text-align: center">
+          <div style="display: flex; align-items: center; gap: 8px; width: 100%; justify-content: space-between;">
+            <span style=" white-space: pre-line; word-wrap: break-word; line-height: 1.6; display: block; text-align: left; padding: 2px 4px;">
               {{ record?.queJson ? formatQueJson(record.queJson) : '' }}
             </span>
             <!-- 按钮：无需额外样式，自然靠最右侧 -->
@@ -232,8 +232,13 @@
       const queList = JSON.parse(queJsonStr);
       // 非数组格式处理
       if (!Array.isArray(queList)) return '问题格式异常';
-      // 拼接orderNum + queCon，多个问题用分号分隔
-      return queList.map((item) => `问题${item.orderNum || ''}:${item.queCon || ''}`).join('; ');
+      // 空数组处理
+      if (queList.length === 0) return '无质量问题';
+      return queList.map((item) => {
+        const goafName = item.goafName;
+        const queCon = item.queCon || '无描述';
+        return `<${goafName}工作面采空区密闭监测>存在的问题：${queCon}`;
+      }).join('\n'); // 多个问题分行显示
     } catch (error) {
       console.error('解析质量问题JSON失败:', error);
       return '问题数据解析失败';