feat(api): 添加帮助中心反馈系统和VIP服务功能
- 在ApiClient中新增submitFeedback、myFeedback、helpArticles、helpArticleDetail、 siteArticles、promotions、vipPackages、createVipOrder、vipOrders等方法 - 添加帮助文章和站点资讯的参数验证逻辑 - 更新测试文件添加新的API方法测试用例 - 在HTML页面中添加反馈、帮助和VIP服务相关页面的脚本引用 - 更新加入家谱页面为完整的申请流程界面 - 修改资讯详情页面为站点资讯展示页面 - 更新AxiosRequestUtil中认证处理逻辑 - 添加世系树渲染的HTML生成函数用于页面复用 - 更新文档中的API契约说明和页面规划
This commit is contained in:
+14
-22
@@ -8,7 +8,7 @@
|
||||
<link rel="stylesheet" href="public/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="public/css/profile-module.css" />
|
||||
</head>
|
||||
<body class="page-profile-module" data-vip-page data-feature-status="pending" data-feature-message="会员与在线服务正在开发中,当前页面仅保留设计预览。">
|
||||
<body class="page-profile-module" data-vip-page>
|
||||
<header class="site-header">
|
||||
<div class="container nav">
|
||||
<a class="brand magnetic" href="profile.html"
|
||||
@@ -43,7 +43,7 @@
|
||||
“我的”页中的应用推广、意见反馈、安全设置、帮助中心和应用分享。
|
||||
</p>
|
||||
</div>
|
||||
<a class="btn primary magnetic" href="profile-feedback.html"
|
||||
<a class="btn primary magnetic" href="profile-feedback.html" data-feature-link="available"
|
||||
>提交反馈</a
|
||||
>
|
||||
</div>
|
||||
@@ -68,7 +68,7 @@
|
||||
<h3>应用分享</h3>
|
||||
<p>邀请好友使用,了解应用下载和分享奖励。</p></a
|
||||
>
|
||||
<a class="module-card tilt-card" href="profile-feedback.html"
|
||||
<a class="module-card tilt-card" href="profile-feedback.html" data-feature-link="available"
|
||||
><span class="icon">馈</span>
|
||||
<h3>意见反馈</h3>
|
||||
<p>提交产品问题、资料异常和改进建议。</p></a
|
||||
@@ -97,37 +97,29 @@
|
||||
</section>
|
||||
<section class="module-panel">
|
||||
<h2>会员服务</h2>
|
||||
<p>选择适合当前家谱的会员套餐,创建订单后继续完成支付。</p>
|
||||
<p>选择适合的会员套餐并创建订单。当前 PC 暂未开放在线支付。</p>
|
||||
<div class="vip-package-list" data-vip-package-list>
|
||||
<div class="api-empty">会员套餐加载中</div>
|
||||
</div>
|
||||
<form class="editor-form vip-order-form" data-vip-order-form>
|
||||
<div class="editor-two">
|
||||
<div class="editor-field">
|
||||
<label for="packageId">套餐 ID</label>
|
||||
<input id="packageId" name="packageId" type="number" placeholder="请先选择套餐" required />
|
||||
</div>
|
||||
<div class="editor-field">
|
||||
<label for="genealogyId">家谱 ID</label>
|
||||
<input id="genealogyId" name="genealogyId" type="number" placeholder="可选,指定要开通的家谱" />
|
||||
</div>
|
||||
</div>
|
||||
<p class="api-status" data-vip-selected-package>尚未选择套餐</p>
|
||||
<div class="editor-field">
|
||||
<label for="payType">支付方式</label>
|
||||
<select id="payType" name="payType">
|
||||
<option value="wechat">微信支付</option>
|
||||
<option value="alipay">支付宝</option>
|
||||
<option value="balance">余额支付</option>
|
||||
<label for="vipGenealogy">关联家谱(可选)</label>
|
||||
<select id="vipGenealogy" data-vip-genealogy-options>
|
||||
<option value="">家谱选项加载中</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="bottom-actions">
|
||||
<button class="btn primary magnetic" type="submit">创建会员订单</button>
|
||||
<button class="btn primary magnetic" type="submit" data-vip-order-submit>创建会员订单</button>
|
||||
<span class="api-status" data-vip-order-status>等待选择套餐</span>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
<section class="module-panel">
|
||||
<h2>会员订单</h2>
|
||||
<div class="module-title-row">
|
||||
<h2>会员订单</h2>
|
||||
<button class="btn outline" type="button" data-vip-order-refresh>刷新订单</button>
|
||||
</div>
|
||||
<div class="module-list" data-vip-order-list>
|
||||
<div class="api-empty">会员订单加载中</div>
|
||||
</div>
|
||||
@@ -162,7 +154,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/vip-pages.js"></script>
|
||||
<script src="public/js/profile-common.js"></script>
|
||||
<script src="public/js/page-effects.js"></script>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user