feat(api): 添加帮助中心反馈系统和VIP服务功能

- 在ApiClient中新增submitFeedback、myFeedback、helpArticles、helpArticleDetail、 siteArticles、promotions、vipPackages、createVipOrder、vipOrders等方法 - 添加帮助文章和站点资讯的参数验证逻辑 - 更新测试文件添加新的API方法测试用例 - 在HTML页面中添加反馈、帮助和VIP服务相关页面的脚本引用 - 更新加入家谱页面为完整的申请流程界面 - 修改资讯详情页面为站点资讯展示页面 - 更新AxiosRequestUtil中认证处理逻辑 - 添加世系树渲染的HTML生成函数用于页面复用 - 更新文档中的API契约说明和页面规划
2026-07-30 16:04:48 +08:00
parent fb1743aa2a
commit 309598bfa6
53 changed files with 6740 additions and 282 deletions
@@ -7,10 +7,7 @@
    <link rel="stylesheet" href="public/css/public.css" />
    <link rel="stylesheet" href="public/css/site-info.css" />
  </head>
-  <body
-    data-feature-status="pending"
-    data-feature-message="在线工单详情服务正在开发中，请先通过帮助中心了解常见问题。"
-  >
+  <body data-feedback-detail-page>
    <header class="site-header">
      <div class="container nav">
        <a class="brand magnetic" href="index.html">
@@ -34,23 +31,19 @@
          <div>
            <div class="site-info-kicker">Ticket Detail</div>
            <h1>工单详情</h1>
-            <p>工单处理记录、客服回复与进度状态将在工单接口交付后接入。</p>
+            <p>详情来自当前账号的 PC 反馈列表，并按反馈编号精确匹配。</p>
          </div>
          <div class="site-info-mark">单</div>
        </div>
      </section>
      <section class="site-info-section alt">
        <div class="container">
-          <div class="site-info-status">
-            <h2>暂未开放在线详情查询</h2>
-            <p>当前页面不会读取或展示工单数据，也不会伪造处理进度。</p>
+          <div class="site-info-list">
+            <p class="form-note" aria-live="polite" data-feedback-status></p>
+            <div data-feedback-detail></div>
            <div class="site-info-actions">
-              <a
-                class="btn ghost magnetic"
-                href="help.html"
-                data-feature-link="available"
-                >返回帮助中心</a
-              >
+              <a class="btn primary magnetic" href="my-tickets.html">返回我的工单</a>
+              <a class="btn ghost magnetic" href="help.html">返回帮助中心</a>
            </div>
          </div>
        </div>
@@ -64,7 +57,12 @@
        </div>
      </div>
    </footer>
-    <script src="public/js/pending-pages.js"></script>
+    <script src="config.js"></script>
+    <script src="utils/StorageUtil.js"></script>
+    <script src="utils/axios.js"></script>
+    <script src="utils/AxiosRequestUtil.js"></script>
+    <script src="utils/ApiClient.js"></script>
+    <script src="public/js/feedback-pages.js"></script>
    <script src="public/js/page-effects.js"></script>
  </body>
 </html>