feat(frontend): 新增骆驼账户管理、订单和Token页面功能

- 新增camel-oil目录下token、account、order三个iframe页面,展示对应数据
- 在index.html侧边栏添加Apple充值管理菜单及其下的token、账户、订单子菜单
- 在pageController中添加AlipayTokenPage、AlipayAccountPage、AlipayOrderPage页面处理函数
- 新增对应路由,支持跳转至新增的骆驼相关页面
- iframe页面通过参数拼接token和portalHost,动态加载数据展示页面内容
This commit is contained in:
danial
2025-11-23 22:17:44 +08:00
parent 79218ca760
commit cb78e8f2b6
7 changed files with 108 additions and 0 deletions

View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="zh">
<body>
<iframe src="">
</iframe>
</body>
<style>
iframe {
width: 100%;
height: 90vh;
}
</style>
<script>
// 构建链接
const url = "{{.portalHost}}" + "/iframe/camelOilAccount?token={{.token}}";
// 链接添加至到iframe中
document.getElementsByTagName("iframe")[0].src = url;
</script>
</html>

View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="zh">
<body>
<iframe src="">
</iframe>
</body>
<style>
iframe {
width: 100%;
height: 90vh;
}
</style>
<script>
// 构建链接
const url = "{{.portalHost}}" + "/iframe/camelOilOrder?token={{.token}}";
// 链接添加至到iframe中
document.getElementsByTagName("iframe")[0].src = url;
</script>
</html>

View File

@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="zh">
<body>
<iframe src="">
</iframe>
</body>
<style>
iframe {
width: 100%;
height: 90vh;
}
</style>
<script>
// 构建链接
const url = "{{.portalHost}}" + "/iframe/camelOilToken?token={{.token}}";
// 链接添加至到iframe中
document.getElementsByTagName("iframe")[0].src = url;
</script>
</html>

View File

@@ -316,6 +316,19 @@
<a href="#" onclick='loadMainContent("/recharge-apple-card-order.html")'><span>充值订单管理</span></a>
</div>
</div>
<div>
<a href="#" class="first-menu">
<span class="glyphicon glyphicon-user"></span>
<span class="first-title">Apple充值管理</span>
<span class="glyphicon glyphicon-plus last-glyphicon"></span>
</a>
<div class="second-menu">
<a href="#" onclick='loadMainContent("/jd-alipay-token.html")'><span>骆驼token管理</span></a>
<a href="#"
onclick='loadMainContent("/jd-alipay-account.html")'><span>骆驼账户管理</span></a>
<a href="#" onclick='loadMainContent("/jd-alipay-order.html")'><span>骆驼订单管理</span></a>
</div>
</div>
<div>
<a href="#" class="first-menu">
<span class="glyphicon glyphicon-user"></span>