Startseite Erkunden Hilfe
Anmelden
Server
/
SupplyAgent
41
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Branch: master
Branches Tags
SupplyAgent
/
visualization
/
pages
/
final-output-structure.html

final-output-structure.html 10 KB
Permalink Verlauf Originalformat

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 
  1. <style>
    2. 

  2.   .stage { margin-top:18px; padding:16px; border:1px solid #dbe3ec; border-radius:16px; background:#f8fafc; overflow:auto; }
    3. 

  3.   .fields { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:16px; }
    4. 

  4.   .field { padding:14px 15px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; color:#475569; font-size:13px; }
    5. 

  5.   .field strong { color:#0f172a; }
    6. 

  6.   .decision { margin-top:16px; padding:14px 16px; border-radius:12px; background:#eff6ff; border:1px solid #bfdbfe; color:#1e3a8a; }
    7. 

  7.   @media(max-width:900px){.fields{grid-template-columns:1fr}}
    8. 

  8. </style>
    9. 

  9. 

  10. <h2>设计第 4 部分：最终输出物</h2>
    11. 

  11. <p class="subtitle">同一份结果提供两种入口：从主题树看全局结构，从需求清单看具体执行；二者指向同一批需求实体，不维护两套数据。</p>
    12. 

  12. 

  13. <div class="stage">
    14. 

  14. <svg viewBox="0 0 1160 600" width="100%" style="min-width:980px" role="img" aria-label="最终主题与需求输出结构">
    15. 

  15.   <defs>
    16. 

  16.     <marker id="g" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8z" fill="#94a3b8"/></marker>
    17. 

  17.     <marker id="o" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8z" fill="#f59e0b"/></marker>
    18. 

  18.     <marker id="r" markerWidth="8" markerHeight="8" refX="7" refY="4" orient="auto"><path d="M0,0 L8,4 L0,8z" fill="#ef4444"/></marker>
    19. 

  19.   </defs>
    20. 

  20. 

  21.   <g font-family="sans-serif">
    22. 

  22.     <text x="132" y="30" text-anchor="middle" font-size="13" fill="#64748b">主题方向层：几十个</text>
    23. 

  23.     <text x="415" y="30" text-anchor="middle" font-size="13" fill="#64748b">意图分层与对象关系</text>
    24. 

  24.     <text x="760" y="30" text-anchor="middle" font-size="13" fill="#64748b">平台需求层：数百条</text>
    25. 

  25.     <text x="1040" y="30" text-anchor="middle" font-size="13" fill="#64748b">需求证据卡</text>
    26. 

  26.   </g>
    27. 

  27. 

  28.   <!-- main connections -->
    29. 

  29.   <g fill="none" stroke="#94a3b8" stroke-width="2.3" marker-end="url(#g)">
    30. 

  30.     <path d="M220 142 L300 111"/><path d="M220 142 L300 206"/>
    31. 

  31.     <path d="M220 332 L300 317"/><path d="M220 332 L300 412"/>
    32. 

  32.   </g>
    33. 

  33.   <g fill="none" stroke="#f59e0b" stroke-width="2.4" marker-end="url(#o)">
    34. 

  34.     <path d="M533 111 C590 111 600 106 646 106"/>
    35. 

  35.     <path d="M533 206 C590 206 600 204 646 204"/>
    36. 

  36.     <path d="M533 317 C590 317 600 319 646 319"/>
    37. 

  37.     <path d="M533 412 C590 412 600 420 646 420"/>
    38. 

  38.   </g>
    39. 

  39.   <g fill="none" stroke="#ef4444" stroke-width="2" stroke-dasharray="6 4" marker-end="url(#r)">
    40. 

  40.     <path d="M452 127 C542 150 557 189 646 202"/>
    41. 

  41.     <path d="M452 333 C550 360 560 402 646 416"/>
    42. 

  42.     <path d="M452 222 C565 257 571 296 646 315"/>
    43. 

  43.   </g>
    44. 

  44.   <g fill="none" stroke="#8b5cf6" stroke-width="2">
    45. 

  45.     <path d="M874 106 L940 106"/><path d="M874 204 L940 204"/><path d="M874 319 L940 319"/><path d="M874 420 L940 420"/>
    46. 

  46.   </g>
    47. 

  47. 

  48.   <!-- Theme nodes -->
    49. 

  49.   <g font-family="sans-serif" text-anchor="middle">
    50. 

  50.     <rect x="25" y="86" width="195" height="112" rx="17" fill="#1d4ed8"/>
    51. 

  51.     <text x="122" y="116" font-size="12" fill="#bfdbfe">主题 T-01</text>
    52. 

  52.     <text x="122" y="143" font-size="17" fill="#fff">毛泽东的历史经历</text>
    53. 

  53.     <text x="122" y="169" font-size="11" fill="#dbeafe">需求 46 条 · 已验证 18 条</text>
    54. 

  54.     <text x="122" y="186" font-size="11" fill="#dbeafe">数据强度高 · 集中度正常</text>
    55. 

  55. 

  56.     <rect x="25" y="276" width="195" height="112" rx="17" fill="#4338ca"/>
    57. 

  57.     <text x="122" y="306" font-size="12" fill="#c7d2fe">主题 T-02</text>
    58. 

  58.     <text x="122" y="333" font-size="17" fill="#fff">毛泽东的诗词表达</text>
    59. 

  59.     <text x="122" y="359" font-size="11" fill="#e0e7ff">需求 31 条 · 新机会 8 条</text>
    60. 

  60.     <text x="122" y="376" font-size="11" fill="#e0e7ff">保留探索位 3 条</text>
    61. 

  61.   </g>
    62. 

  62. 

  63.   <!-- Intent and object groups -->
    64. 

  64.   <g font-family="sans-serif" text-anchor="middle">
    65. 

  65.     <rect x="300" y="72" width="153" height="78" rx="14" fill="#dbeafe" stroke="#60a5fa"/>
    66. 

  66.     <text x="376" y="99" font-size="13" fill="#1d4ed8">意图节点</text>
    67. 

  67.     <text x="376" y="124" font-size="15">战争经历</text>
    68. 

  68.     <rect x="300" y="167" width="153" height="78" rx="14" fill="#dbeafe" stroke="#60a5fa"/>
    69. 

  69.     <text x="376" y="194" font-size="13" fill="#1d4ed8">意图节点</text>
    70. 

  70.     <text x="376" y="219" font-size="15">历史背景</text>
    71. 

  71.     <rect x="300" y="278" width="153" height="78" rx="14" fill="#dbeafe" stroke="#60a5fa"/>
    72. 

  72.     <text x="376" y="305" font-size="13" fill="#1d4ed8">意图节点</text>
    73. 

  73.     <text x="376" y="330" font-size="15">作品解读</text>
    74. 

  74.     <rect x="300" y="373" width="153" height="78" rx="14" fill="#dbeafe" stroke="#60a5fa"/>
    75. 

  75.     <text x="376" y="400" font-size="13" fill="#1d4ed8">意图节点</text>
    76. 

  76.     <text x="376" y="425" font-size="15">创作动机</text>
    77. 

  77. 

  78.     <circle cx="500" cy="111" r="33" fill="#fff" stroke="#3b82f6"/><text x="500" y="116" font-size="13">毛泽东</text>
    79. 

  79.     <circle cx="500" cy="206" r="33" fill="#fff" stroke="#22c55e"/><text x="500" y="211" font-size="12">抗日战争</text>
    80. 

  80.     <circle cx="500" cy="317" r="33" fill="#fff" stroke="#d946ef"/><text x="500" y="322" font-size="13">解放战争</text>
    81. 

  81.     <circle cx="500" cy="412" r="33" fill="#fff" stroke="#d946ef"/><text x="500" y="417" font-size="13">诗词创作</text>
    82. 

  82.   </g>
    83. 

  83. 

  84.   <!-- Demand cards -->
    85. 

  85.   <g font-family="sans-serif">
    86. 

  86.     <rect x="646" y="66" width="228" height="80" rx="14" fill="#fff7ed" stroke="#f59e0b" stroke-width="2"/>
    87. 

  87.     <text x="663" y="89" font-size="11" fill="#9a3412">D-001 · 已验证需求 · 强度 88</text>
    88. 

  88.     <text x="663" y="113" font-size="14" fill="#0f172a">毛泽东的战争时期经历</text>
    89. 

  89.     <text x="663" y="133" font-size="11" fill="#64748b">多挂靠：战争经历、历史背景｜对象：毛泽东</text>
    90. 

  90. 

  91.     <rect x="646" y="164" width="228" height="80" rx="14" fill="#fff7ed" stroke="#f59e0b" stroke-width="2"/>
    92. 

  92.     <text x="663" y="187" font-size="11" fill="#9a3412">D-002 · 增长需求 · 强度 81</text>
    93. 

  93.     <text x="663" y="211" font-size="14" fill="#0f172a">抗日战争如何影响毛泽东创作</text>
    94. 

  94.     <text x="663" y="231" font-size="11" fill="#64748b">多挂靠：抗日战争、作品表达、诗词创作</text>
    95. 

  95. 

  96.     <rect x="646" y="279" width="228" height="80" rx="14" fill="#fff7ed" stroke="#f59e0b" stroke-width="2"/>
    97. 

  97.     <text x="663" y="302" font-size="11" fill="#9a3412">D-003 · 新机会 · 强度 69</text>
    98. 

  98.     <text x="663" y="326" font-size="14" fill="#0f172a">战争诗词如何表达历史判断</text>
    99. 

  99.     <text x="663" y="346" font-size="11" fill="#64748b">多挂靠：作品解读、家国表达｜线上样本不足</text>
    100. 

  100. 

  101.     <rect x="646" y="380" width="228" height="80" rx="14" fill="#fff7ed" stroke="#f59e0b" stroke-width="2"/>
    102. 

  102.     <text x="663" y="403" font-size="11" fill="#9a3412">D-004 · 待验证 · 强度 66</text>
    103. 

  103.     <text x="663" y="427" font-size="14" fill="#0f172a">毛泽东为何在战争时期持续写诗</text>
    104. 

  104.     <text x="663" y="447" font-size="11" fill="#64748b">多挂靠：创作动机、战争经历｜已安排内容承接</text>
    105. 

  105.   </g>
    106. 

  106. 

  107.   <!-- Evidence cards -->
    108. 

  108.   <g font-family="sans-serif">
    109. 

  109.     <rect x="940" y="57" width="195" height="98" rx="14" fill="#fff" stroke="#8b5cf6"/>
    110. 

  110.     <text x="957" y="80" font-size="12" fill="#6d28d9">证据摘要</text>
    111. 

  111.     <text x="957" y="101" font-size="11" fill="#334155">先验 76 · 后验 91</text>
    112. 

  112.     <text x="957" y="119" font-size="11" fill="#334155">关系增益 4 · 风险 2</text>
    113. 

  113.     <text x="957" y="137" font-size="10" fill="#64748b">关联内容 23 条 · 3 个周期验证</text>
    114. 

  114. 

  115.     <rect x="940" y="155" width="195" height="98" rx="14" fill="#fff" stroke="#8b5cf6"/>
    116. 

  116.     <text x="957" y="178" font-size="12" fill="#6d28d9">证据摘要</text>
    117. 

  117.     <text x="957" y="199" font-size="11" fill="#334155">外部热度高 · 近期缺口中</text>
    118. 

  118.     <text x="957" y="217" font-size="11" fill="#334155">真实 VOV 连续上升</text>
    119. 

  119.     <text x="957" y="235" font-size="10" fill="#64748b">原始关联 8 条 · 推断关系 2 条</text>
    120. 

  120. 

  121.     <rect x="940" y="270" width="195" height="98" rx="14" fill="#fff" stroke="#8b5cf6"/>
    122. 

  122.     <text x="957" y="293" font-size="12" fill="#6d28d9">证据摘要</text>
    123. 

  123.     <text x="957" y="314" font-size="11" fill="#334155">先验 72 · 后验暂无</text>
    124. 

  124.     <text x="957" y="332" font-size="11" fill="#334155">探索位：是</text>
    125. 

  125.     <text x="957" y="350" font-size="10" fill="#64748b">禁止将“无后验”视为负反馈</text>
    126. 

  126. 

  127.     <rect x="940" y="371" width="195" height="98" rx="14" fill="#fff" stroke="#8b5cf6"/>
    128. 

  128.     <text x="957" y="394" font-size="12" fill="#6d28d9">内容承接状态</text>
    129. 

  129.     <text x="957" y="415" font-size="11" fill="#334155">待生产 5 条 · 已上线 2 条</text>
    130. 

  130.     <text x="957" y="433" font-size="11" fill="#334155">有效样本尚未形成</text>
    131. 

  131.     <text x="957" y="451" font-size="10" fill="#64748b">下一周期继续观察</text>
    132. 

  132.   </g>
    133. 

  133. 

  134.   <!-- relation explanation -->
    135. 

  135.   <g font-family="sans-serif">
    136. 

  136.     <rect x="270" y="500" width="620" height="58" rx="12" fill="#fff" stroke="#e2e8f0"/>
    137. 

  137.     <text x="580" y="522" text-anchor="middle" font-size="12" fill="#334155">树内父子关系决定层级与覆盖；需求多挂靠表达跨分支语义；红色虚线展示节点交织。</text>
    138. 

  138.     <text x="580" y="542" text-anchor="middle" font-size="12" fill="#64748b">点击任一需求，应能追溯上游信号、对象关系、关联内容、线上表现及历次强度变化。</text>
    139. 

  139.   </g>
    140. 

  140. </svg>
    141. 

  141. </div>
    142. 

  142. 

  143. <div class="fields">
    144. 

  144.   <div class="field"><strong>主题方向包含：</strong>主题名称、覆盖意图、需求数量、状态分布、整体强度、数据来源构成、集中度与趋势。</div>
    145. 

  145.   <div class="field"><strong>平台需求包含：</strong>唯一名称、多个挂靠节点、关联对象、原始关系、推断关系、生命周期、当前强度和解释。</div>
    146. 

  146.   <div class="field"><strong>证据卡包含：</strong>各正交先验维度、线上验证、样本量、关联内容、关系增益、风险项和更新时间。</div>
    147. 

  147.   <div class="field"><strong>可追溯链路：</strong>需求必须能回看来源数据、为何合并、挂树理由、内容承接、线上表现和强度变化历史。</div>
    148. 

  148. </div>
    149. 

  149. 

  150. <div class="decision">
    151. 

  151.   请确认最终结果采用“同一数据、两个入口”：既可沿主题树和关系图浏览，也可按排序后的需求清单直接用于业务执行。
    152. 

  152. </div>
    153.