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-list-page>
    <header class="site-header">
      <div class="container nav">
        <a class="brand magnetic" href="index.html"
@@ -33,23 +30,23 @@
          <div>
            <div class="site-info-kicker">My Tickets</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">
+            <div class="module-title-row">
+              <h2>我的反馈记录</h2>
+              <button class="btn ghost" type="button" data-feedback-refresh>刷新</button>
+            </div>
+            <p class="form-note" aria-live="polite" data-feedback-status></p>
+            <div class="module-list" data-feedback-list></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="submit-ticket.html">提交新工单</a>
+              <a class="btn ghost magnetic" href="help.html">返回帮助中心</a>
            </div>
          </div>
        </div>
@@ -63,7 +60,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>