Files
kami_merchant/views/index.html

165 lines
9.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
{{template "template/css.html"}}
</head>
<body>
<div class="page">
<!-- Main Navbar-->
{{template "template/header.html"}}
<div class="page-content d-flex align-items-stretch">
<!-- Side Navbar -->
<nav class="side-navbar">
<!-- Sidebar Header-->
<div class="sidebar-header d-flex align-items-center">
<a href="/index/ui/">
<div class="avatar">
<img src="../../static/img/avatar-1.jpg" alt="..." class="img-fluid rounded-circle">
</div>
</a>
<a href="/index/ui/">
<div class="title">
<h1 class="h4">{{.userName}}</h1>
<p>欢迎您!</p>
</div>
</a>
</div>
<!-- Sidebar Navidation Menus--><span class="heading">主菜单</span>
<ul class="list-unstyled">
<li class="active"><a href="/index/ui/" style="color: black;"> <i class="icon-home"></i>首页 </a></li>
<li><a href="#exampledropdownDropdown" aria-expanded="false" data-toggle="collapse"
style="color: black;"> <i class="icon icon-user"></i>账户管理 </a>
<ul id="exampledropdownDropdown" class="collapse list-unstyled ">
<li><a href="/user_info/show_modify_ui">修改密码</a></li>
<li><a href="/user_info/show_totp_ui">二步验证</a></li>
<li><a href="/user_info/show_ui">账户资料</a></li>
<li><a href="/index/show_pay_way_ui">通道配置</a></li>
</ul>
</li>
<li><a href="#exampledropdownDropdown1" aria-expanded="false" data-toggle="collapse"> <i
class="icon icon-presentation" style="color: black;"></i>订单管理 </a>
<ul id="exampledropdownDropdown1" class="list-unstyled">
<li><a href="/trade/show_ui">订单记录</a></li>
<!-- <li><a href="/trade/show_complaint_ui">投诉列表</a></li> -->
</ul>
<ul id="exampledropdownDropdown10" class="list-unstyled">
<li>
<a href="/trade/order-summary-info">订单统计</a>
</li>
</ul>
</li>
<li><a href="#exampledropdownDropdown2" aria-expanded="false" data-toggle="collapse"> <i
class="icon icon-bill" style="color: black;"></i>财务管理 </a>
<ul id="exampledropdownDropdown2" class="collapse list-unstyled ">
<li><a href="/history/show_history_list_ui">资产变动明细</a></li>
</ul>
</li>
<li>
<li><a href="/gen_link/gen_link">测试链接</a></li>
<li><a href="/order/query">订单查询</a></li>
</ul>
</nav>
<div class="content-inner">
<!-- Page Header-->
<header class="page-header">
<div class="container-fluid">
<h2 class="no-margin-bottom">账户信息</h2>
</div>
</header>
<!-- Dashboard Counts Section-->
<section class="dashboard-counts ">
<div class="container-fluid">
<div class="row bg-white has-shadow">
<!-- Item -->
<div class="col-xl-3 col-sm-4">
<div class="item d-flex align-items-center">
<div class="icon bg-green"><i class="icon icon-presentation"></i></div>
<div class="title"><span>账户余额<br><small>&nbsp;</small></span>
<div class="progress">
<div role="progressbar" style="width: 80%; height: 4px;" aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100" class="progress-bar bg-green">
</div>
</div>
</div>
<div class="number"><strong id="balanceAmt">0.00</strong></div>
</div>
</div>
<div class="col-xl-3 col-sm-4">
<div class="item d-flex align-items-center">
<div class="icon bg-green"><i class="icon icon-presentation"></i></div>
<div class="title"><span>今日跑量<br><small>&nbsp;</small></span>
<div class="progress">
<div role="progressbar" style="width: 80%; height: 4px;" aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100" class="progress-bar bg-green">
</div>
</div>
</div>
<div class="number"><strong id="settAmount">0.00</strong></div>
</div>
</div>
<div class="col-xl-3 col-sm-4">
<div class="item d-flex align-items-center">
<div class="icon bg-green"><i class="icon icon-presentation"></i></div>
<div class="title"><span>总跑量<br><small>&nbsp;</small></span>
<div class="progress">
<div role="progressbar" style="width: 80%; height: 4px;" aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100" class="progress-bar bg-green">
</div>
</div>
</div>
<div class="number"><strong id="freezeAmt">0.00</strong></div>
</div>
</div>
<div class="col-xl-3 col-sm-4">
<div class="item d-flex align-items-center">
<div class="icon bg-green"><i class="icon icon-presentation"></i></div>
<div class="title"><span>成功率<br><small>&nbsp;</small></span>
<div class="progress">
<div role="progressbar" style="width: 80%; height: 4px;" aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100" class="progress-bar bg-green">
</div>
</div>
</div>
<div class="number"><strong id="amountFrozen">0.00</strong></div>
</div>
</div>
</div>
</div>
</section>
<!-- Page Header-->
<header class="page-header">
<div class="container-fluid">
<h2 class="no-margin-bottom">通道配置
<small style="font-size: 0.7em;">&nbsp;&nbsp;&nbsp;
<a href="/index/show_pay_way_ui"> 查看通道配置</a></small>
<small style="font-size: 0.7em;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;总订单数:
<label id="orders">0</label></small>
<small style="font-size: 0.7em;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;总成功订单数:
<label id="suc_orders">0</label></small>
<small style="font-size: 0.7em;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;成功率:
<label id="suc_rate">0%</label> &nbsp;&nbsp;(含已删除通道配置的订单)</small>
</h2>
</div>
</header>
</div>
</div>
</div>
{{template "template/js.html"}}
<script type="application/javascript">
$(function () {
index.getAccountInfo();
index.getOrdersInfo();
setTimeout(function () {
// index.loadTradeRecord();
}, 1000);
});
</script>
</body>
</html>