323 lines
16 KiB
PHP
323 lines
16 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
|
|
<title>Ventura - Dashboard</title>
|
|
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="assets/css/feathericon.min.css">
|
|
<link rel="stylesheet" href="assets/plugins/morris/morris.css">
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
<script src="assets/js/html5shiv.min.js"></script>
|
|
<script src="assets/js/respond.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Main Wrapper -->
|
|
|
|
<div class="content container-fluid" style="margin-top: 10px">
|
|
|
|
<div class="row">
|
|
<div class="col-xl-3 col-sm-6 col-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dash-widget-header">
|
|
<span class="dash-widget-icon bg-primary">
|
|
<i class="fe fe-users"></i>
|
|
</span>
|
|
<div class="dash-count">
|
|
@if($user_bili >= 0)
|
|
<i class="fa fa-arrow-up text-success"></i>
|
|
{{(int)$user_bili}}%
|
|
@else
|
|
<i class="fa fa-arrow-down text-danger"></i>
|
|
{{abs($user_bili)}}%
|
|
@endif
|
|
|
|
</div>
|
|
</div>
|
|
<div class="dash-widget-info">
|
|
<h3>{{$user_jin}}</h3>
|
|
<h6 class="text-muted">今日新增用户</h6>
|
|
<div class="progress progress-sm">
|
|
<div class="progress-bar bg-primary w-{{abs($user_bili)}}"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-sm-6 col-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dash-widget-header">
|
|
<span class="dash-widget-icon bg-danger">
|
|
<i class="fe fe-credit-card"></i>
|
|
</span>
|
|
<div class="dash-count">
|
|
@if($address_bili >= 0)
|
|
<i class="fa fa-arrow-up text-success"></i>
|
|
{{(int)$address_bili}}%
|
|
@else
|
|
<i class="fa fa-arrow-down text-danger"></i>
|
|
{{abs($address_bili)}}%
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="dash-widget-info">
|
|
<h3>{{$address_jin}}</h3>
|
|
<h6 class="text-muted">今日授权用户</h6>
|
|
<div class="progress progress-sm">
|
|
<div class="progress-bar bg-danger w-{{abs($address_bili)}}"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-sm-6 col-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dash-widget-header">
|
|
<span class="dash-widget-icon bg-success">
|
|
<i class="fe fe-money"></i>
|
|
</span>
|
|
<div class="dash-count">
|
|
@if($detail_bili >= 0)
|
|
<i class="fa fa-arrow-up text-success"></i>
|
|
{{(int)$detail_bili}}%
|
|
@else
|
|
<i class="fa fa-arrow-down text-danger"></i>
|
|
{{abs($detail_bili)}}%
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="dash-widget-info">
|
|
<h3>${{$detail_count_jin}}</h3>
|
|
<h6 class="text-muted">今日充值金额</h6>
|
|
<div class="progress progress-sm">
|
|
<div class="progress-bar bg-success w-{{$detail_bili}}"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-sm-6 col-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dash-widget-header">
|
|
<span class="dash-widget-icon bg-warning">
|
|
<i class="fe fe-folder"></i>
|
|
</span>
|
|
<div class="dash-count">
|
|
@if($with_bili >= 0)
|
|
<i class="fa fa-arrow-up text-success"></i>
|
|
{{(int)$with_bili}}%
|
|
@else
|
|
<i class="fa fa-arrow-down text-danger"></i>
|
|
{{abs($with_bili)}}%
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="dash-widget-info">
|
|
<h3>${{$with_count_jin}}</h3>
|
|
<h6 class="text-muted">今日提现金额</h6>
|
|
<div class="progress progress-sm">
|
|
<div class="progress-bar bg-warning w-{{$with_bili}}"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12 col-lg-6">
|
|
|
|
<!-- Sales Chart -->
|
|
<div class="card card-chart">
|
|
<div class="card-header">
|
|
<h4 class="card-title">Sales Overview</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="morrisArea"></div>
|
|
</div>
|
|
</div>
|
|
<!-- /Sales Chart -->
|
|
|
|
</div>
|
|
<div class="col-md-12 col-lg-6">
|
|
|
|
<!-- Invoice Chart -->
|
|
<div class="card card-chart">
|
|
<div class="card-header">
|
|
<h4 class="card-title">Order Status</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="morrisLine"></div>
|
|
</div>
|
|
</div>
|
|
<!-- /Invoice Chart -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 d-flex">
|
|
|
|
<!-- Recent Orders -->
|
|
<!--<div class="card card-table flex-fill">-->
|
|
<!-- <div class="card-header">-->
|
|
<!-- <h4 class="card-title">Recent Orders</h4>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="card-body">-->
|
|
<!-- <div class="table-responsive">-->
|
|
<!-- <table class="table table-hover table-center">-->
|
|
<!-- <thead>-->
|
|
<!-- <tr>-->
|
|
<!-- <th>Item</th>-->
|
|
<!-- <th>Date</th>-->
|
|
<!-- <th class="text-center">Quantity</th>-->
|
|
<!-- <th class="text-center">Status</th>-->
|
|
<!-- <th class="text-right">Price</th>-->
|
|
<!-- </tr>-->
|
|
<!-- </thead>-->
|
|
<!-- <tbody>-->
|
|
<!-- <tr>-->
|
|
<!-- <td class="text-nowrap">-->
|
|
<!-- <div class="font-weight-600">Apple Watch Series 4</div>-->
|
|
<!-- </td>-->
|
|
<!-- <td class="text-nowrap">19 Jan 2019</td>-->
|
|
<!-- <td class="text-center">5</td>-->
|
|
<!-- <td class="text-center">-->
|
|
<!-- <span class="badge badge-pill bg-success inv-badge">Completed</span>-->
|
|
<!-- </td>-->
|
|
<!-- <td class="text-right">-->
|
|
<!-- <div class="font-weight-600">$487</div>-->
|
|
<!-- </td>-->
|
|
<!-- </tr>-->
|
|
<!-- <tr>-->
|
|
<!-- <td class="text-nowrap">-->
|
|
<!-- <div class="font-weight-600">Apple iPhone XR</div>-->
|
|
<!-- </td>-->
|
|
<!-- <td class="text-nowrap">20 Jan 2019</td>-->
|
|
<!-- <td class="text-center">2</td>-->
|
|
<!-- <td class="text-center">-->
|
|
<!-- <span class="badge badge-pill bg-success inv-badge">Completed</span>-->
|
|
<!-- </td>-->
|
|
<!-- <td class="text-right">-->
|
|
<!-- <div class="font-weight-600">$255</div>-->
|
|
<!-- </td>-->
|
|
<!-- </tr>-->
|
|
<!-- <tr>-->
|
|
<!-- <td class="text-nowrap">-->
|
|
<!-- <div class="font-weight-600">Dell XPS 9370</div>-->
|
|
<!-- </td>-->
|
|
<!-- <td class="text-nowrap">21 Jan 2019</td>-->
|
|
<!-- <td class="text-center">1</td>-->
|
|
<!-- <td class="text-center">-->
|
|
<!-- <span class="badge badge-pill bg-warning inv-badge">Pending</span>-->
|
|
<!-- </td>-->
|
|
<!-- <td class="text-right">-->
|
|
<!-- <div class="font-weight-600">$799</div>-->
|
|
<!-- </td>-->
|
|
<!-- </tr>-->
|
|
<!-- <tr>-->
|
|
<!-- <td class="text-nowrap">-->
|
|
<!-- <div class="font-weight-600">Cisco WS-C2960X-48FPS-L</div>-->
|
|
<!-- </td>-->
|
|
<!-- <td class="text-nowrap">22 Jan 2019</td>-->
|
|
<!-- <td class="text-center">1</td>-->
|
|
<!-- <td class="text-center">-->
|
|
<!-- <span class="badge badge-pill bg-success inv-badge">Completed</span>-->
|
|
<!-- </td>-->
|
|
<!-- <td class="text-right">-->
|
|
<!-- <div class="font-weight-600">$970</div>-->
|
|
<!-- </td>-->
|
|
<!-- </tr>-->
|
|
<!-- <tr>-->
|
|
<!-- <td class="text-nowrap">-->
|
|
<!-- <div class="font-weight-600">Apple MacBook Pro</div>-->
|
|
<!-- </td>-->
|
|
<!-- <td class="text-nowrap">23 Jan 2019</td>-->
|
|
<!-- <td class="text-center">1</td>-->
|
|
<!-- <td class="text-center">-->
|
|
<!-- <span class="badge badge-pill bg-danger inv-badge">Cancel</span>-->
|
|
<!-- </td>-->
|
|
<!-- <td class="text-right">-->
|
|
<!-- <div class="font-weight-600">$400</div>-->
|
|
<!-- </td>-->
|
|
<!-- </tr>-->
|
|
<!-- </tbody>-->
|
|
<!-- </table>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!--</div>-->
|
|
<!-- /Recent Orders -->
|
|
|
|
</div>
|
|
<div class="col-md-6 d-flex">
|
|
|
|
<!-- Feed Activity -->
|
|
<div class="card flex-fill">
|
|
<div class="card-header">
|
|
<h4 class="card-title">Feed Activity</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<!--<ul class="activity-feed">-->
|
|
<!-- <li class="feed-item">-->
|
|
<!-- <div class="feed-date">Apr 13</div>-->
|
|
<!-- <span class="feed-text"><a href="profile.html">John Doe</a> added new product <a href="product-details.html">"Smart Watch"</a></span>-->
|
|
<!-- </li>-->
|
|
<!-- <li class="feed-item">-->
|
|
<!-- <div class="feed-date">Mar 21</div>-->
|
|
<!-- <span class="feed-text"><a href="profile.html">Justin Lee</a> requested amount of <a href="invoice.html">$5,781</a></span>-->
|
|
<!-- </li>-->
|
|
<!-- <li class="feed-item">-->
|
|
<!-- <div class="feed-date">Feb 2</div>-->
|
|
<!-- <span class="feed-text">New user registered <a href="profile.html">"Mary Wiley"</a></span>-->
|
|
<!-- </li>-->
|
|
<!-- <li class="feed-item">-->
|
|
<!-- <div class="feed-date">Jan 27</div>-->
|
|
<!-- <span class="feed-text"><a href="profile.html">Robert Martin</a> gave a review for <a href="product-details.html">"Dell Laptop"</a></span>-->
|
|
<!-- </li>-->
|
|
<!-- <li class="feed-item">-->
|
|
<!-- <div class="feed-date">Jan 14</div>-->
|
|
<!-- <span class="feed-text">New customer registered <a href="profile.html">"Tori Carter"</a></span>-->
|
|
<!-- </li>-->
|
|
<!--</ul>-->
|
|
</div>
|
|
</div>
|
|
<!-- /Feed Activity -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /Main Wrapper -->
|
|
|
|
<!-- jQuery -->
|
|
<script src="assets/js/jquery-3.2.1.min.js"></script>
|
|
|
|
{{--<!-- Bootstrap Core JS -->--}}
|
|
<script src="assets/js/popper.min.js"></script>
|
|
<script src="assets/js/bootstrap.min.js"></script>
|
|
|
|
{{--<!-- Slimscroll JS -->--}}
|
|
<script src="assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
|
|
|
|
<script src="assets/plugins/raphael/raphael.min.js"></script>
|
|
<script src="assets/plugins/morris/morris.min.js"></script>
|
|
<script src="assets/js/chart.morris.js"></script>
|
|
|
|
<!-- Custom JS -->
|
|
<script src="assets/js/script.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |