Accueil Explorer Aide
Connexion
Sherlock1011
/
Tianhe_UI
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Aborescence: 002badb5d7
Branches Tags
Tianhe_UI
/
design
/
03-enterprise-service.html

03-enterprise-service.html 21 KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="zh">
    3. 

  3. <head>
    4. 

  4. <meta charset="UTF-8">
    5. 

  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. 

  6. <title>天河基地 · 企业服务中心</title>
    7. 

  7. <style>
    8. 

  8. * { box-sizing: border-box; margin: 0; padding: 0; }
    9. 

  9. body { font-family: -apple-system, 'PingFang SC', 'Helvetica Neue', sans-serif; background: #e8edf5; color: #0f172a; padding: 32px 24px; }
    10. 

  10. h1 { font-size: 22px; font-weight: 700; color: #0f172a; margin-bottom: 4px; }
    11. 

  11. .page-sub { font-size: 13px; color: #64748b; margin-bottom: 28px; }
    12. 

  12. .screens-row { display: flex; gap: 28px; flex-wrap: wrap; align-items: flex-start; }
    13. 

  13. .screen-col { display: flex; flex-direction: column; gap: 10px; align-items: center; }
    14. 

  14. .screen-label { font-size: 12px; font-weight: 600; color: #64748b; text-align: center; background: white; padding: 4px 12px; border-radius: 20px; }
    15. 

  15. 

  16. /* Phone */
    17. 

  17. .phone { width: 340px; background: #f8fafc; border-radius: 32px; overflow: hidden; box-shadow: 0 20px 56px rgba(0,0,0,0.16), 0 0 0 7px #1e293b; flex-shrink: 0; }
    18. 

  18. .phone-sm { width: 300px; border-radius: 28px; box-shadow: 0 16px 40px rgba(0,0,0,0.14), 0 0 0 6px #1e293b; }
    19. 

  19. .status { background: white; padding: 10px 18px 5px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 600; }
    20. 

  20. .nav-bar { background: white; padding: 6px 14px 8px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #f1f5f9; }
    21. 

  21. .back-btn { width: 28px; height: 28px; border-radius: 50%; background: #f1f5f9; display: flex; align-items: center; justify-content: center; font-size: 13px; flex-shrink: 0; }
    22. 

  22. .nav-t { font-size: 16px; font-weight: 600; color: #0f172a; flex: 1; text-align: center; }
    23. 

  23. .body { max-height: 580px; overflow-y: auto; background: #f8fafc; }
    24. 

  24. .body::-webkit-scrollbar { display: none; }
    25. 

  25. 

  26. /* Common */
    27. 

  27. .sec-h { display: flex; justify-content: space-between; align-items: center; padding: 14px 14px 8px; }
    28. 

  28. .sec-t { font-size: 15px; font-weight: 700; color: #0f172a; }
    29. 

  29. .sec-more { font-size: 12px; color: #3b82f6; }
    30. 

  30. .tag { display: inline-flex; align-items: center; border-radius: 5px; padding: 3px 8px; font-size: 11px; font-weight: 500; }
    31. 

  31. .t-blue { background:#eff6ff; color:#3b82f6; }
    32. 

  32. .t-green { background:#f0fdf4; color:#16a34a; }
    33. 

  33. .t-orange { background:#fff7ed; color:#ea580c; }
    34. 

  34. .t-red { background:#fef2f2; color:#ef4444; }
    35. 

  35. .t-gray { background:#f8fafc; color:#64748b; border:1px solid #e2e8f0; }
    36. 

  36. .t-indigo { background:#eef2ff; color:#6366f1; }
    37. 

  37. .t-purple { background:#fdf4ff; color:#a21caf; }
    38. 

  38. 

  39. /* Enterprise service hub */
    40. 

  40. .hub-banner { height: 100px; background: linear-gradient(135deg, #1e40af, #3b82f6, #6366f1); padding: 16px 14px; display: flex; flex-direction: column; justify-content: flex-end; }
    41. 

  41. .hub-title { font-size: 18px; font-weight: 700; color: white; }
    42. 

  42. .hub-sub { font-size: 12px; color: rgba(255,255,255,0.8); margin-top: 3px; }
    43. 

  43. 

  44. .service-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 12px 14px; }
    45. 

  45. .service-card { background: white; border-radius: 14px; padding: 14px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); cursor: pointer; }
    46. 

  46. .service-card-icon { font-size: 28px; margin-bottom: 8px; }
    47. 

  47. .service-card-name { font-size: 14px; font-weight: 700; color: #0f172a; }
    48. 

  48. .service-card-desc { font-size: 11px; color: #64748b; margin-top: 4px; line-height: 1.4; }
    49. 

  49. .service-card-arrow { font-size: 12px; color: #3b82f6; margin-top: 6px; }
    50. 

  50. 

  51. /* Settlement form */
    52. 

  52. .form-block { background: white; border-radius: 14px; margin: 10px 12px; padding: 14px; }
    53. 

  53. .form-title { font-size: 14px; font-weight: 700; color: #0f172a; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #f1f5f9; }
    54. 

  54. .form-row { margin-bottom: 12px; }
    55. 

  55. .form-label { font-size: 12px; font-weight: 600; color: #374151; margin-bottom: 5px; }
    56. 

  56. .form-label .req { color: #ef4444; }
    57. 

  57. .form-input { background: #f8fafc; border: 1.5px solid #e2e8f0; border-radius: 10px; padding: 10px 12px; font-size: 13px; color: #0f172a; width: 100%; }
    58. 

  58. .form-input-active { background: white; border: 1.5px solid #3b82f6; border-radius: 10px; padding: 10px 12px; font-size: 13px; color: #0f172a; width: 100%; }
    59. 

  59. .form-select { background: #f8fafc; border: 1.5px solid #e2e8f0; border-radius: 10px; padding: 10px 12px; font-size: 13px; color: #64748b; width: 100%; display: flex; justify-content: space-between; align-items: center; }
    60. 

  60. .ocr-btn { display: flex; align-items: center; gap: 6px; background: #eff6ff; color: #3b82f6; font-size: 12px; font-weight: 600; padding: 8px 12px; border-radius: 8px; margin-bottom: 10px; }
    61. 

  61. .upload-area { border: 2px dashed #dbeafe; border-radius: 12px; padding: 16px; text-align: center; background: #f8faff; }
    62. 

  62. .upload-icon { font-size: 24px; color: #93c5fd; }
    63. 

  63. .upload-text { font-size: 12px; color: #64748b; margin-top: 6px; }
    64. 

  64. .step-bar { display: flex; align-items: center; padding: 12px 14px; background: white; margin-bottom: 1px; }
    65. 

  65. .s-dot { width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; }
    66. 

  66. .s-done { background: linear-gradient(135deg,#3b82f6,#6366f1); color: white; }
    67. 

  67. .s-active { background: white; border: 2px solid #3b82f6; color: #3b82f6; }
    68. 

  68. .s-pending { background: #f1f5f9; color: #94a3b8; }
    69. 

  69. .s-line { height: 2px; flex: 1; }
    70. 

  70. .s-line-done { background: linear-gradient(90deg,#3b82f6,#6366f1); }
    71. 

  71. .s-line-gray { background: #e2e8f0; }
    72. 

  72. .s-label { font-size: 10px; text-align: center; margin-top: 4px; color: #64748b; }
    73. 

  73. .s-label-active { color: #3b82f6; font-weight: 600; }
    74. 

  74. 

  75. /* Requirements */
    76. 

  76. .req-filter { display: flex; gap: 6px; padding: 8px 14px; overflow-x: auto; }
    77. 

  77. .req-filter::-webkit-scrollbar { display: none; }
    78. 

  78. .filter-btn { flex-shrink: 0; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: 500; border: 1.5px solid #e2e8f0; color: #64748b; background: white; }
    79. 

  79. .filter-btn.active { background: #3b82f6; color: white; border-color: #3b82f6; }
    80. 

  80. .req-card { background: white; margin: 0 12px 8px; border-radius: 14px; padding: 14px; box-shadow: 0 1px 6px rgba(0,0,0,0.06); }
    81. 

  81. .req-card-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px; }
    82. 

  82. .req-card-name { font-size: 14px; font-weight: 600; color: #0f172a; flex: 1; margin-right: 8px; line-height: 1.4; }
    83. 

  83. .req-card-desc { font-size: 12px; color: #64748b; line-height: 1.5; margin-bottom: 8px; }
    84. 

  84. .req-card-footer { display: flex; justify-content: space-between; align-items: center; }
    85. 

  85. .req-card-company { font-size: 12px; color: #3b82f6; }
    86. 

  86. .req-card-time { font-size: 11px; color: #94a3b8; }
    87. 

  87. 

  88. /* Bottom nav */
    89. 

  89. .bot-nav { background: white; border-top: 1px solid #f1f5f9; display: flex; padding: 7px 0 18px; }
    90. 

  90. .n-item { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px; }
    91. 

  91. .n-lbl { font-size: 10px; color: #94a3b8; }
    92. 

  92. .n-lbl.active { color: #3b82f6; font-weight: 600; }
    93. 

  93. 

  94. /* Submit bar */
    95. 

  95. .submit-bar { background: white; padding: 12px 14px 24px; border-top: 1px solid #f1f5f9; }
    96. 

  96. .submit-btn { width: 100%; background: linear-gradient(135deg,#3b82f6,#6366f1); color: white; font-size: 16px; font-weight: 700; padding: 14px; border-radius: 12px; border: none; box-shadow: 0 4px 12px rgba(99,102,241,0.3); }
    97. 

  97. 

  98. /* Annotations */
    99. 

  99. .annos { margin-top: 28px; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
    100. 

  100. .anno { background: white; border-radius: 14px; padding: 14px 16px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); }
    101. 

  101. .anno-t { font-size: 13px; font-weight: 700; color: #3b82f6; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
    102. 

  102. .anno-num { width: 20px; height: 20px; background: #3b82f6; color: white; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex-shrink: 0; }
    103. 

  103. .anno-p { font-size: 13px; color: #374151; line-height: 1.6; }
    104. 

  104. .p-tag { display: inline-block; font-size: 11px; padding: 2px 7px; border-radius: 4px; margin-top: 5px; }
    105. 

  105. .p0 { background:#fef2f2; color:#dc2626; }
    106. 

  106. .p1 { background:#fff7ed; color:#ea580c; }
    107. 

  107. .p2 { background:#f0fdf4; color:#16a34a; }
    108. 

  108. </style>
    109. 

  109. </head>
    110. 

  110. <body>
    111. 

  111. 

  112. <h1>企业服务中心 · 入驻申请 · 成果供需</h1>
    113. 

  113. <p class="page-sub">Page 2–4 · 企业服务模块核心页面</p>
    114. 

  114. 

  115. <div class="screens-row">
    116. 

  116. 

  117.   <!-- Screen 1: Enterprise Hub -->
    118. 

  118.   <div class="screen-col">
    119. 

  119.     <span class="screen-label">企业服务中心（Tab 2 首页）</span>
    120. 

  120.     <div class="phone">
    121. 

  121.       <div class="status"><span>9:41</span><span>●●● 🔋</span></div>
    122. 

  122.       <div class="hub-banner">
    123. 

  123.         <div class="hub-title">企业服务中心</div>
    124. 

  124.         <div class="hub-sub">入驻 · 场地 · 需求 · 成果 · 经理人</div>
    125. 

  125.       </div>
    126. 

  126.       <div class="body">
    127. 

  127.         <div class="service-grid">
    128. 

  128.           <div class="service-card">
    129. 

  129.             <div class="service-card-icon">🏢</div>
    130. 

  130.             <div class="service-card-name">入驻申请</div>
    131. 

  131.             <div class="service-card-desc">在线提交，飞书审批流程驱动</div>
    132. 

  132.             <div class="service-card-arrow">立即申请 →</div>
    133. 

  133.           </div>
    134. 

  134.           <div class="service-card">
    135. 

  135.             <div class="service-card-icon">🏗</div>
    136. 

  136.             <div class="service-card-name">场地展示</div>
    137. 

  137.             <div class="service-card-desc">办公室 · 商业空间 浏览选租</div>
    138. 

  138.             <div class="service-card-arrow">浏览空间 →</div>
    139. 

  139.           </div>
    140. 

  140.           <div class="service-card">
    141. 

  141.             <div class="service-card-icon">🔬</div>
    142. 

  142.             <div class="service-card-name">科技成果</div>
    143. 

  143.             <div class="service-card-desc">高校院所成果对接转化</div>
    144. 

  144.             <div class="service-card-arrow">查看成果 →</div>
    145. 

  145.           </div>
    146. 

  146.           <div class="service-card">
    147. 

  147.             <div class="service-card-icon">📢</div>
    148. 

  148.             <div class="service-card-name">成果供需</div>
    149. 

  149.             <div class="service-card-desc">发布/浏览人才·资金·政策需求</div>
    150. 

  150.             <div class="service-card-arrow">发布需求 →</div>
    151. 

  151.           </div>
    152. 

  152.           <div class="service-card">
    153. 

  153.             <div class="service-card-icon">👔</div>
    154. 

  154.             <div class="service-card-name">技术经理人</div>
    155. 

  155.             <div class="service-card-desc">专业经理人团队资源对接</div>
    156. 

  156.             <div class="service-card-arrow">了解更多 →</div>
    157. 

  157.           </div>
    158. 

  158.           <div class="service-card">
    159. 

  159.             <div class="service-card-icon">💬</div>
    160. 

  160.             <div class="service-card-name">问题反馈</div>
    161. 

  161.             <div class="service-card-desc">场地·设施·服务 工单追踪</div>
    162. 

  162.             <div class="service-card-arrow">提交反馈 →</div>
    163. 

  163.           </div>
    164. 

  164.         </div>
    165. 

  165.         <!-- My Applications quick view -->
    166. 

  166.         <div style="background:white; margin:0 0 8px;">
    167. 

  167.           <div class="sec-h"><span class="sec-t">我的申请</span><span class="sec-more">全部 ›</span></div>
    168. 

  168.           <div style="padding:0 14px 14px; display:flex; flex-direction:column; gap:8px;">
    169. 

  169.             <div style="background:#f8fafc; border-radius:12px; padding:12px; display:flex; justify-content:space-between; align-items:center;">
    170. 

  170.               <div>
    171. 

  171.                 <div style="font-size:13px; font-weight:600; color:#0f172a;">A栋302室入驻申请</div>
    172. 

  172.                 <div style="font-size:11px; color:#64748b; margin-top:2px;">提交于 2026-04-01</div>
    173. 

  173.               </div>
    174. 

  174.               <span class="tag t-orange">审核中</span>
    175. 

  175.             </div>
    176. 

  176.           </div>
    177. 

  177.         </div>
    178. 

  178.       </div>
    179. 

  179.       <div class="bot-nav">
    180. 

  180.         <div class="n-item"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="2"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg><span class="n-lbl">首页</span></div>
    181. 

  181.         <div class="n-item"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg><span class="n-lbl active">企业服务</span></div>
    182. 

  182.         <div class="n-item"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="2"><rect x="3" y="4" width="18" height="18" rx="2"/></svg><span class="n-lbl">活动</span></div>
    183. 

  183.         <div class="n-item"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="2"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg><span class="n-lbl">会场</span></div>
    184. 

  184.         <div class="n-item"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="2"><circle cx="12" cy="7" r="4"/><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/></svg><span class="n-lbl">我的</span></div>
    185. 

  185.       </div>
    186. 

  186.     </div>
    187. 

  187.   </div>
    188. 

  188. 

  189.   <!-- Screen 2: Settlement Application Form -->
    190. 

  190.   <div class="screen-col">
    191. 

  191.     <span class="screen-label">入驻申请表单（多步骤）</span>
    192. 

  192.     <div class="phone">
    193. 

  193.       <div class="status"><span>9:41</span><span>●●● 🔋</span></div>
    194. 

  194.       <div class="nav-bar"><div class="back-btn">‹</div><span class="nav-t">入驻申请</span><div style="width:28px;"></div></div>
    195. 

  195.       <!-- Step bar -->
    196. 

  196.       <div style="background:white; padding:12px 16px 8px;">
    197. 

  197.         <div style="display:flex; align-items:center;">
    198. 

  198.           <div style="display:flex;flex-direction:column;align-items:center;"><div class="s-dot s-done">✓</div><div class="s-label">企业信息</div></div>
    199. 

  199.           <div class="s-line s-line-done" style="flex:1; margin-bottom:14px;"></div>
    200. 

  200.           <div style="display:flex;flex-direction:column;align-items:center;"><div class="s-dot s-active">2</div><div class="s-label s-label-active">空间需求</div></div>
    201. 

  201.           <div class="s-line s-line-gray" style="flex:1; margin-bottom:14px;"></div>
    202. 

  202.           <div style="display:flex;flex-direction:column;align-items:center;"><div class="s-dot s-pending">3</div><div class="s-label">上传材料</div></div>
    203. 

  203.           <div class="s-line s-line-gray" style="flex:1; margin-bottom:14px;"></div>
    204. 

  204.           <div style="display:flex;flex-direction:column;align-items:center;"><div class="s-dot s-pending">4</div><div class="s-label">确认提交</div></div>
    205. 

  205.         </div>
    206. 

  206.       </div>
    207. 

  207.       <div class="body" style="max-height:490px;">
    208. 

  208.         <!-- OCR hint -->
    209. 

  209.         <div style="margin:10px 12px 0;">
    210. 

  210.           <div class="ocr-btn">
    211. 

  211.             <span>📷</span>
    212. 

  212.             <span>拍照/上传营业执照，AI 自动识别填充企业信息</span>
    213. 

  213.           </div>
    214. 

  214.         </div>
    215. 

  215.         <!-- Form step 2: Space requirement -->
    216. 

  216.         <div class="form-block">
    217. 

  217.           <div class="form-title">第 2 步：空间需求</div>
    218. 

  218.           <div class="form-row">
    219. 

  219.             <div class="form-label">项目名称 <span class="req">*</span></div>
    220. 

  220.             <div class="form-input-active">天河人工智能研究院</div>
    221. 

  221.           </div>
    222. 

  222.           <div class="form-row">
    223. 

  223.             <div class="form-label">空间类型 <span class="req">*</span></div>
    224. 

  224.             <div class="form-select"><span>办公室</span><span style="color:#3b82f6;">›</span></div>
    225. 

  225.           </div>
    226. 

  226.           <div style="display:grid; grid-template-columns:1fr 1fr; gap:10px;">
    227. 

  227.             <div class="form-row">
    228. 

  228.               <div class="form-label">需求面积 (㎡)</div>
    229. 

  229.               <div class="form-input">80</div>
    230. 

  230.             </div>
    231. 

  231.             <div class="form-row">
    232. 

  232.               <div class="form-label">预算 (元/月)</div>
    233. 

  233.               <div class="form-input">5000</div>
    234. 

  234.             </div>
    235. 

  235.           </div>
    236. 

  236.           <div class="form-row">
    237. 

  237.             <div class="form-label">项目简介</div>
    238. 

  238.             <div style="background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:10px; padding:10px 12px; font-size:12px; color:#374151; line-height:1.5; min-height:64px;">专注于计算机视觉方向的应用研究，团队共15人...</div>
    239. 

  239.           </div>
    240. 

  240.         </div>
    241. 

  241.         <div style="height:8px;"></div>
    242. 

  242.       </div>
    243. 

  243.       <div class="submit-bar">
    244. 

  244.         <button class="submit-btn">下一步：上传材料</button>
    245. 

  245.       </div>
    246. 

  246.     </div>
    247. 

  247.   </div>
    248. 

  248. 

  249.   <!-- Screen 3: Requirements List -->
    250. 

  250.   <div class="screen-col">
    251. 

  251.     <span class="screen-label">成果供需列表 + 发布</span>
    252. 

  252.     <div class="phone">
    253. 

  253.       <div class="status"><span>9:41</span><span>●●● 🔋</span></div>
    254. 

  254.       <div class="nav-bar"><div class="back-btn">‹</div><span class="nav-t">成果供需</span>
    255. 

  255.         <div style="background:linear-gradient(135deg,#3b82f6,#6366f1); color:white; font-size:12px; font-weight:600; padding:5px 10px; border-radius:8px;">+ 发布</div>
    256. 

  256.       </div>
    257. 

  257.       <div class="body" style="max-height:540px;">
    258. 

  258.         <!-- Filter tabs -->
    259. 

  259.         <div class="req-filter">
    260. 

  260.           <div class="filter-btn active">全部</div>
    261. 

  261.           <div class="filter-btn">找人才</div>
    262. 

  262.           <div class="filter-btn">找资金</div>
    263. 

  263.           <div class="filter-btn">找政策</div>
    264. 

  264.           <div class="filter-btn">找技术</div>
    265. 

  265.           <div class="filter-btn">其他需求</div>
    266. 

  266.         </div>
    267. 

  267.         <div style="height:8px;"></div>
    268. 

  268.         <!-- Cards -->
    269. 

  269.         <div class="req-card">
    270. 

  270.           <div class="req-card-top">
    271. 

  271.             <div class="req-card-name">急招 AI 算法工程师 3 名，要求深度学习经验</div>
    272. 

  272.             <span class="tag t-blue">找人才</span>
    273. 

  273.           </div>
    274. 

  274.           <div class="req-card-desc">要求3年以上CV方向经验，熟悉PyTorch，有大模型部署经验优先...</div>
    275. 

  275.           <div class="req-card-footer">
    276. 

  276.             <span class="req-card-company">天河科技有限公司</span>
    277. 

  277.             <span class="req-card-time">1天前</span>
    278. 

  278.           </div>
    279. 

  279.         </div>
    280. 

  280.         <div class="req-card">
    281. 

  281.           <div class="req-card-top">
    282. 

  282.             <div class="req-card-name">寻求 Pre-A 轮融资，新能源电池储能方向</div>
    283. 

  283.             <span class="tag t-green">找资金</span>
    284. 

  284.           </div>
    285. 

  285.           <div class="req-card-desc">目前营收 500 万，已获天使轮，寻求2000万 Pre-A 轮...</div>
    286. 

  286.           <div class="req-card-footer">
    287. 

  287.             <span class="req-card-company">绿能储能科技</span>
    288. 

  288.             <span class="req-card-time">3天前</span>
    289. 

  289.           </div>
    290. 

  290.         </div>
    291. 

  291.         <div class="req-card">
    292. 

  292.           <div class="req-card-top">
    293. 

  293.             <div class="req-card-name">寻求高新技术企业认定政策咨询</div>
    294. 

  294.             <span class="tag t-indigo">找政策</span>
    295. 

  295.           </div>
    296. 

  296.           <div class="req-card-desc">首次申请高新，不清楚具体材料要求和时间节点...</div>
    297. 

  297.           <div class="req-card-footer">
    298. 

  298.             <span class="req-card-company">普通注册用户</span>
    299. 

  299.             <span class="req-card-time">5天前</span>
    300. 

  300.           </div>
    301. 

  301.         </div>
    302. 

  302.         <div class="req-card">
    303. 

  303.           <div class="req-card-top">
    304. 

  304.             <div class="req-card-name">寻求图像识别算法技术合作方</div>
    305. 

  305.             <span class="tag t-purple">找技术</span>
    306. 

  306.           </div>
    307. 

  307.           <div class="req-card-desc">工业质检场景，需要缺陷检测算法，精度要求99.5%以上...</div>
    308. 

  308.           <div class="req-card-footer">
    309. 

  309.             <span class="req-card-company">智造装备有限公司</span>
    310. 

  310.             <span class="req-card-time">1周前</span>
    311. 

  311.           </div>
    312. 

  312.         </div>
    313. 

  313.       </div>
    314. 

  314.     </div>
    315. 

  315.   </div>
    316. 

  316. 

  317. </div>
    318. 

  318. 

  319. <!-- ANNOTATIONS -->
    320. 

  320. <div class="annos">
    321. 

  321.   <div class="anno">
    322. 

  322.     <div class="anno-t"><span class="anno-num">A</span> 企业服务中心 Hub</div>
    323. 

  323.     <div class="anno-p">6 宫格服务卡片 + 「我的申请」快速预览。底部状态标签实时反映审批进度。未认证企业用户点击「入驻申请」直接进入表单；点击「成果供需·发布」先做角色判断（人才/资金需企业认证，其他需求注册即可）。</div>
    324. 

  324.     <span class="p-tag p0">P0</span>
    325. 

  325.   </div>
    326. 

  326.   <div class="anno">
    327. 

  327.     <div class="anno-t"><span class="anno-num">B</span> 入驻申请多步骤表单</div>
    328. 

  328.     <div class="anno-p">4 步骤：企业信息 → 空间需求 → 上传材料 → 确认提交。步骤 1 顶部有 OCR 一键识别营业执照入口，识别成功后自动填充企业名称、统一社会信用代码等字段。表单有自动草稿保存，关闭后可继续编辑。提交后触发飞书审批流程。</div>
    329. 

  329.     <span class="p-tag p0">P0</span><span class="p-tag p1" style="margin-left:4px;">OCR P1</span>
    330. 

  330.   </div>
    331. 

  331.   <div class="anno">
    332. 

  332.     <div class="anno-t"><span class="anno-num">C</span> 成果供需列表</div>
    333. 

  333.     <div class="anno-p">顶部筛选标签横滑，按需求类型过滤。右上角「+ 发布」按钮。「找人才/资金/技术」需企业认证才可发布，「找政策/其他」注册用户即可。发布时支持 AI 辅助生成标题和描述（P2 功能，输入关键词后点击「AI 生成」）。</div>
    334. 

  334.     <span class="p-tag p0">P0</span><span class="p-tag p2" style="margin-left:4px;">AI 生成 P2</span>
    335. 

  335.   </div>
    336. 

  336.   <div class="anno">
    337. 

  337.     <div class="anno-t"><span class="anno-num">D</span> 问题反馈工单（未展示屏）</div>
    338. 

  338.     <div class="anno-p">用户提交反馈（场地/设施/服务/其他），后台 AI 自动分类（P2）。提交后进入工单列表，可查看处理进度（待处理→处理中→已解决）。解决后出现满意度评分（1-5星），评分后工单关闭。</div>
    339. 

  339.     <span class="p-tag p0">P0</span><span class="p-tag p2" style="margin-left:4px;">AI 分类 P2</span>
    340. 

  340.   </div>
    341. 

  341. </div>
    342. 

  342. 

  343. </body>
    344. 

  344. </html>
    345.