|
@@ -236,130 +236,144 @@
|
|
|
</div>
|
|
|
<div class="panel p-3 mb-3">
|
|
|
<div class="row">
|
|
|
- <div class="col-sm-6 col-xl-4">
|
|
|
+ <div class="col-sm-6 col-xl-3">
|
|
|
<div class="p-3 bg-light border rounded overflow-hidden position-relative mb-3">
|
|
|
<div class="row">
|
|
|
- <h3 class="display-4 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <div class=" d-block l-h-n m-0 fw-500 col-2">
|
|
|
+ <div class="icon-stack fa-3x">
|
|
|
+ <i class="base base-7 icon-stack-3x opacity-100 color-info-700"></i>
|
|
|
+ <i class="fas fa-building icon-stack-1x opacity-100 color-white"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5">
|
|
|
23
|
|
|
<small class="m-0 l-h-n fw-400 text-dark">新增客户</small>
|
|
|
</h3>
|
|
|
- <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5 text-right">
|
|
|
<span class="text-success">+10%</span>
|
|
|
<small class="m-0 l-h-n">较上月</small>
|
|
|
</h3>
|
|
|
</div>
|
|
|
- <i class="fal fa-building position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n3" style="font-size:6rem"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-sm-6 col-xl-4">
|
|
|
+ <div class="col-sm-6 col-xl-3">
|
|
|
<div class="p-3 bg-light border rounded overflow-hidden position-relative mb-3">
|
|
|
<div class="row">
|
|
|
- <h3 class="display-4 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <div class=" d-block l-h-n m-0 fw-500 col-2">
|
|
|
+ <div class="icon-stack fa-3x">
|
|
|
+ <i class="base base-7 icon-stack-3x opacity-100 color-info-700"></i>
|
|
|
+ <i class="fas fa-address-book icon-stack-1x opacity-100 color-white"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5">
|
|
|
10
|
|
|
<small class="m-0 l-h-n fw-400 text-dark">新增联系人</small>
|
|
|
</h3>
|
|
|
- <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5 text-right">
|
|
|
<span class="text-danger">-8%</span>
|
|
|
<small class="m-0 l-h-n">较上月</small>
|
|
|
</h3>
|
|
|
</div>
|
|
|
- <i class="fal fa-address-book position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n4" style="font-size: 6rem;"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-sm-6 col-xl-4">
|
|
|
+ <div class="col-sm-6 col-xl-3">
|
|
|
<div class="p-3 bg-light border rounded overflow-hidden position-relative mb-3">
|
|
|
<div class="row">
|
|
|
- <h3 class="display-4 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <div class=" d-block l-h-n m-0 fw-500 col-2">
|
|
|
+ <div class="icon-stack fa-3x">
|
|
|
+ <i class="base base-7 icon-stack-3x opacity-100 color-info-700"></i>
|
|
|
+ <i class="fas fa-usd-circle icon-stack-1x opacity-100 color-white"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5">
|
|
|
5
|
|
|
<small class="m-0 l-h-n fw-400 text-dark">新增商机</small>
|
|
|
</h3>
|
|
|
- <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5 text-right">
|
|
|
<span class="text-success">+10%</span>
|
|
|
<small class="m-0 l-h-n">较上月</small>
|
|
|
</h3>
|
|
|
</div>
|
|
|
- <i class="fal fa-usd-circle position-absolute pos-right pos-bottom opacity-15 mb-n5 mr-n6" style="font-size: 8rem;"></i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="row">
|
|
|
- <div class="col-sm-6 col-xl-4">
|
|
|
- <div class="p-3 bg-light border rounded overflow-hidden position-relative">
|
|
|
- <div class="row">
|
|
|
- <h3 class="display-4 d-block l-h-n m-0 fw-500 col-6">
|
|
|
- 23
|
|
|
- <small class="m-0 l-h-n fw-400 text-dark">客户服务</small>
|
|
|
- </h3>
|
|
|
- <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
- <span class="text-success">+10%</span>
|
|
|
- <small class="m-0 l-h-n">较上月</small>
|
|
|
- </h3>
|
|
|
- </div>
|
|
|
- <i class="fal fa-building position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n3" style="font-size:6rem"></i>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-6 col-xl-4">
|
|
|
- <div class="p-3 bg-light border rounded overflow-hidden position-relative">
|
|
|
- <div class="row">
|
|
|
- <h3 class="display-4 d-block l-h-n m-0 fw-500 col-6">
|
|
|
- 10
|
|
|
- <small class="m-0 l-h-n fw-400 text-dark">联系人服务</small>
|
|
|
- </h3>
|
|
|
- <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
- <span class="text-danger">-8%</span>
|
|
|
- <small class="m-0 l-h-n">较上月</small>
|
|
|
- </h3>
|
|
|
- </div>
|
|
|
- <i class="fal fa-address-book position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n4" style="font-size: 6rem;"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-sm-6 col-xl-4">
|
|
|
- <div class="p-3 bg-light border rounded overflow-hidden position-relative">
|
|
|
+ <div class="col-sm-6 col-xl-3">
|
|
|
+ <div class="p-3 bg-light border rounded overflow-hidden position-relative mb-3">
|
|
|
<div class="row">
|
|
|
- <h3 class="display-4 d-block l-h-n m-0 fw-500 col-6">
|
|
|
- 5
|
|
|
- <small class="m-0 l-h-n fw-400 text-dark">商机服务</small>
|
|
|
+ <div class=" d-block l-h-n m-0 fw-500 col-2">
|
|
|
+ <div class="icon-stack fa-3x">
|
|
|
+ <i class="base base-7 icon-stack-3x opacity-100 color-info-700"></i>
|
|
|
+ <i class="fas fa-comment-alt icon-stack-1x opacity-100 color-white"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5">
|
|
|
+ 32
|
|
|
+ <small class="m-0 l-h-n fw-400 text-dark">服务记录</small>
|
|
|
</h3>
|
|
|
- <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5 text-right">
|
|
|
<span class="text-success">+10%</span>
|
|
|
<small class="m-0 l-h-n">较上月</small>
|
|
|
</h3>
|
|
|
</div>
|
|
|
- <i class="fal fa-usd-circle position-absolute pos-right pos-bottom opacity-15 mb-n5 mr-n6" style="font-size: 8rem;"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="panel p-3 mb-3">
|
|
|
<div class="row">
|
|
|
- <div class="col-sm-6 col-xl-6">
|
|
|
+ <div class="col-sm-6 col-xl-4">
|
|
|
<div class="p-3 bg-light border rounded overflow-hidden position-relative mb-3">
|
|
|
<div class="row">
|
|
|
- <h3 class="display-4 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <div class=" d-block l-h-n m-0 fw-500 col-2">
|
|
|
+ <div class="icon-stack fa-3x">
|
|
|
+ <i class="base base-7 icon-stack-3x opacity-100 color-warning-700"></i>
|
|
|
+ <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5">
|
|
|
¥30000.00
|
|
|
<small class="m-0 l-h-n fw-400 text-dark">开票</small>
|
|
|
</h3>
|
|
|
- <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5 text-right">
|
|
|
<span class="text-success">+10%</span>
|
|
|
<small class="m-0 l-h-n">较上月</small>
|
|
|
</h3>
|
|
|
</div>
|
|
|
- <i class="fal fa-credit-card-front position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n3" style="font-size:6rem"></i>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="col-sm-6 col-xl-6">
|
|
|
+ <div class="col-sm-6 col-xl-4">
|
|
|
<div class="p-3 bg-light border rounded overflow-hidden position-relative mb-3">
|
|
|
<div class="row">
|
|
|
- <h3 class="display-4 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <div class=" d-block l-h-n m-0 fw-500 col-2">
|
|
|
+ <div class="icon-stack fa-3x">
|
|
|
+ <i class="base base-7 icon-stack-3x opacity-100 color-warning-700"></i>
|
|
|
+ <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5">
|
|
|
¥40000.00
|
|
|
<small class="m-0 l-h-n fw-400 text-dark">回款</small>
|
|
|
</h3>
|
|
|
- <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-5 text-right">
|
|
|
<span class="text-danger">-8%</span>
|
|
|
<small class="m-0 l-h-n">较上月</small>
|
|
|
</h3>
|
|
|
</div>
|
|
|
- <i class="fal fa-money-bill position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n4" style="font-size: 6rem;"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-6 col-xl-4">
|
|
|
+ <div class="p-3 bg-light border rounded overflow-hidden position-relative mb-3">
|
|
|
+ <div class="row">
|
|
|
+ <div class=" d-block l-h-n m-0 fw-500 col-2">
|
|
|
+ <div class="icon-stack fa-3x">
|
|
|
+ <i class="base base-7 icon-stack-3x opacity-100 color-warning-700"></i>
|
|
|
+ <i class="fas fa-credit-card-front icon-stack-1x opacity-100 color-white"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-10 text-right">
|
|
|
+ ¥40000.00
|
|
|
+ <small class="m-0 l-h-n fw-400 text-dark">总计待回款</small>
|
|
|
+ </h3>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -367,11 +381,11 @@
|
|
|
<div class="col-sm-6 col-xl-6">
|
|
|
<div class="p-3 bg-light border rounded overflow-hidden position-relative">
|
|
|
<div class="row">
|
|
|
- <h3 class="display-4 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
¥10000.00
|
|
|
<small class="m-0 l-h-n fw-400 text-dark">费用支出</small>
|
|
|
</h3>
|
|
|
- <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6 text-right">
|
|
|
<span class="text-success">+10%</span>
|
|
|
<small class="m-0 l-h-n">较上月</small>
|
|
|
</h3>
|
|
@@ -382,11 +396,11 @@
|
|
|
<div class="col-sm-6 col-xl-6">
|
|
|
<div class="p-3 bg-light border rounded overflow-hidden position-relative">
|
|
|
<div class="row">
|
|
|
- <h3 class="display-4 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
¥30000.00
|
|
|
<small class="m-0 l-h-n fw-400 text-dark">费用收入</small>
|
|
|
</h3>
|
|
|
- <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6">
|
|
|
+ <h3 class="display-5 d-block l-h-n m-0 fw-500 col-6 text-right">
|
|
|
<span class="text-danger">-8%</span>
|
|
|
<small class="m-0 l-h-n">较上月</small>
|
|
|
</h3>
|