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,7 +7,7 @@
    <link rel="stylesheet" href="public/css/public.css" />
    <link rel="stylesheet" href="public/css/submit-ticket.css" />
  </head>
-  <body class="page-submit-ticket" data-feature-status="pending" data-feature-message="在线提交工单服务正在开发中，请先通过帮助中心了解常见问题。">
+  <body class="page-submit-ticket" data-feedback-page="ticket">
    <header class="site-header">
      <div class="container nav">
        <a class="brand magnetic" href="index.html"
@@ -48,24 +48,26 @@
        <div class="container ticket-layout">
          <form class="card form-card ticket-form tilt-card" data-feedback-form>
            <h2>工单信息</h2>
-            <input class="input" name="feedbackTitle" placeholder="联系人姓名" />
            <input class="input" name="contactInfo" placeholder="手机号 / 邮箱" />
            <select name="feedbackType">
-              <option value="account">账号登录问题</option>
-              <option value="genealogy">家谱资料问题</option>
-              <option value="privacy">权限与隐私问题</option>
-              <option value="display">页面展示问题</option>
+              <option value="advice">意见建议</option>
+              <option value="bug">问题反馈</option>
+              <option value="complaint">投诉反馈</option>
+              <option value="other">其他反馈</option>
            </select>
            <textarea
              name="feedbackContent"
+              required
              placeholder="请描述遇到的问题、页面位置和希望处理的结果"
            ></textarea>
-            <button class="btn primary magnetic" type="submit">提交工单</button>
+            <p class="form-note" aria-live="polite" data-feedback-status></p>
+            <button class="btn primary magnetic" type="submit" data-feedback-submit>提交工单</button>
          </form>
          <aside class="ticket-side tilt-card">
            <h3>提交前可准备</h3>
            <p>家谱名称、问题页面、账号联系方式、截图说明和期望处理结果。</p>
-            <a href="help.html" data-feature-link="available">返回帮助中心</a>
+            <a href="help.html">返回帮助中心</a>
+            <a href="my-tickets.html">查看我的工单</a>
          </aside>
        </div>
      </section>
@@ -110,7 +112,7 @@
    <script src="utils/axios.js"></script>
    <script src="utils/AxiosRequestUtil.js"></script>
    <script src="utils/ApiClient.js"></script>
-    <script src="public/js/pending-pages.js"></script>
+    <script src="public/js/feedback-pages.js"></script>
    <script src="public/js/page-effects.js"></script>
  </body>
 </html>