You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
120 lines
6.3 KiB
120 lines
6.3 KiB
{% extends 'shop/base.html' %} |
|
{% load static %} |
|
{% block ext_css %} |
|
{% endblock %} |
|
{% block content %} |
|
<div class="content-wrapper"> |
|
<div class="content-header"> |
|
<div class="container-fluid"> |
|
<div class="row mb-2"> |
|
<div class="col-sm-6"> |
|
<h1 class="m-0">商城信息</h1> |
|
<div class="col-sm-6"></div> |
|
</div> |
|
</div> |
|
</div> |
|
<section class="content"> |
|
<div class="container-fluid"> |
|
<div class="row"> |
|
<div class="col-lg-4 col-6"> |
|
<div class="small-box bg-info"> |
|
<div class="inner"> |
|
<h3>150</h3> |
|
<p>新订单</p> |
|
</div> |
|
<div class="icon"> |
|
<i class="ion ion-bag"></i> |
|
</div> |
|
<a href="#" class="small-box-footer">更多 <i class="fas fa-arrow-circle-right"></i></a> |
|
</div> |
|
</div> |
|
<div class="col-lg-4 col-6"> |
|
<div class="small-box bg-success"> |
|
<div class="inner"> |
|
<h3>53</h3> |
|
<p>会员</p> |
|
</div> |
|
<div class="icon"> |
|
<i class="ion ion-stats-bars"></i> |
|
</div> |
|
<a href="#" class="small-box-footer">更多 <i class="fas fa-arrow-circle-right"></i></a> |
|
</div> |
|
</div> |
|
<div class="col-lg-4 col-6"> |
|
<div class="small-box bg-warning"> |
|
<div class="inner"> |
|
<h3>44</h3> |
|
<p>商品数量</p> |
|
</div> |
|
<div class="icon"> |
|
<i class="ion ion-person-add"></i> |
|
</div> |
|
<a href="#" class="small-box-footer">更多 <i class="fas fa-arrow-circle-right"></i></a> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="row"> |
|
<section class="col-lg-7 connectedSortable"> |
|
<div class="card"> |
|
<div class="card-header"> |
|
<h3 class="card-title"> |
|
<i class="fas fa-chart-pie mr-1"></i> |
|
Sales |
|
</h3> |
|
<div class="card-tools"> |
|
<ul class="nav nav-pills ml-auto"> |
|
<li class="nav-item"> |
|
<a class="nav-link active" href="#revenue-chart" |
|
data-toggle="tab">Area</a> |
|
</li> |
|
<li class="nav-item"> |
|
<a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="card-body"> |
|
<div class="tab-content p-0"> |
|
<div class="chart tab-pane active" id="revenue-chart" |
|
style="position: relative; height: 300px;"> |
|
<canvas id="revenue-chart-canvas" height="300" |
|
style="height: 300px;"></canvas> |
|
</div> |
|
<div class="chart tab-pane" id="sales-chart" |
|
style="position: relative; height: 300px;"> |
|
<canvas id="sales-chart-canvas" height="300" |
|
style="height: 300px;"></canvas> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section> |
|
<section class="col-lg-5 connectedSortable"> |
|
<div class="card bg-gradient-info"> |
|
<div class="card-header border-0"> |
|
<h3 class="card-title"> |
|
<i class="fas fa-th mr-1"></i> |
|
Sales Graph |
|
</h3> |
|
<div class="card-tools"> |
|
<button type="button" class="btn bg-info btn-sm" data-card-widget="collapse"> |
|
<i class="fas fa-minus"></i> |
|
</button> |
|
<button type="button" class="btn bg-info btn-sm" data-card-widget="remove"> |
|
<i class="fas fa-times"></i> |
|
</button> |
|
</div> |
|
</div> |
|
<div class="card-body"> |
|
<canvas class="chart" id="line-chart" |
|
style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas> |
|
</div> |
|
</div> |
|
</section> |
|
</div> |
|
</div> |
|
</section> |
|
</div> |
|
</div> |
|
|
|
{% endblock %}
|
|
|