feat: 数据流Tab-28张表全量详细说明(写/读/总结)

static/mofin_health.html

@@ -170,24 +170,43 @@ function renderDataFlow(entities, jsonFiles, architecture) {
     const w = e.writers || [];
     const r = e.readers || [];
     if (w.length === 0 && r.length === 0) return;
+    const fd = e.flow_detail || {};
+    const wDesc = fd.writers || {};
+    const rDesc = fd.readers || {};
     
     html += '<div style="background:#161b22;border:1px solid #30363d;border-radius:6px;padding:10px;margin-bottom:8px">';
-    html += `<div style="font-weight:bold;font-size:14px;color:#58a6ff;margin-bottom:6px">🗄️ ${e.name}</div>`;
-    html += `<div style="font-size:11px;color:#8b949e;margin-bottom:6px">${e.desc||''} · ${e.rows}行</div>`;
+    html += `<div style="font-weight:bold;font-size:14px;color:#58a6ff;margin-bottom:4px">🗄️ ${e.name}</div>`;
+    html += `<div style="font-size:11px;color:#8b949e;margin-bottom:4px">${e.desc||''}</div>`;
+    // 综合总结
+    if (fd.summary) {
+      html += `<div style="font-size:11px;color:#c9d1d9;margin-bottom:6px;padding:4px 8px;background:#0d1117;border-radius:4px">📌 ${fd.summary}</div>`;
+    }
     
-    // 写入方
+    // 写入方（带详细说明）
     if (w.length > 0) {
       html += '<div style="margin-bottom:4px">';
-      html += '<span style="color:#3fb950;font-size:11px">✏️ 写入:</span> ';
-      html += w.map(s => `<span class="cron-tag ok" style="font-size:11px">${s}</span>`).join(' ');
+      html += '<span style="color:#3fb950;font-size:11px;font-weight:bold">✏️ 写入:</span> ';
+      w.forEach(wn => {
+        const desc = wDesc[wn] || '';
+        html += `<div style="display:inline-block;margin:2px 4px 2px 0">`;
+        html += `<span class="cron-tag ok" style="font-size:11px">${wn}</span>`;
+        if (desc) html += `<span style="font-size:10px;color:#8b949e;margin-left:2px">— ${desc}</span>`;
+        html += `</div>`;
+      });
       html += '</div>';
     }
     
-    // 读取方
+    // 读取方（带详细说明）
     if (r.length > 0) {
       html += '<div>';
-      html += '<span style="color:#58a6ff;font-size:11px">📖 读取:</span> ';
-      html += r.map(s => `<span class="cron-tag" style="border-color:#58a6ff;color:#58a6ff;font-size:11px">${s}</span>`).join(' ');
+      html += '<span style="color:#58a6ff;font-size:11px;font-weight:bold">📖 读取:</span> ';
+      r.forEach(rn => {
+        const desc = rDesc[rn] || '';
+        html += `<div style="display:inline-block;margin:2px 4px 2px 0">`;
+        html += `<span class="cron-tag" style="border-color:#58a6ff;color:#58a6ff;font-size:11px">${rn}</span>`;
+        if (desc) html += `<span style="font-size:10px;color:#8b949e;margin-left:2px">— ${desc}</span>`;
+        html += `</div>`;
+      });
       html += '</div>';
     }