Accept Merge Request #40: (feature/hant -> develop)
Merge Request: 面板 Created By: @todayswind Accepted By: @todayswind URL: https://g-bcrc3009.coding.net/p/allocatr/d/allocatr/git/merge/40?initial=true
This commit is contained in:
Coding
commit
9405f14322
|
|
@ -4,6 +4,7 @@ namespace app\admin\controller;
|
||||||
|
|
||||||
use app\admin\addresmart\Address;
|
use app\admin\addresmart\Address;
|
||||||
use app\admin\model\Abnormal;
|
use app\admin\model\Abnormal;
|
||||||
|
use app\admin\model\Aftersale;
|
||||||
use app\admin\model\AuthGroupAccess;
|
use app\admin\model\AuthGroupAccess;
|
||||||
use app\admin\model\order\Invoice;
|
use app\admin\model\order\Invoice;
|
||||||
use app\admin\model\OrderAbnormal;
|
use app\admin\model\OrderAbnormal;
|
||||||
|
|
@ -58,10 +59,12 @@ class Orderplan extends Backend
|
||||||
$top = $this->getTopTotal();
|
$top = $this->getTopTotal();
|
||||||
$lines = $this->getLine();
|
$lines = $this->getLine();
|
||||||
$pie = $this->getPie();
|
$pie = $this->getPie();
|
||||||
|
$order = $this->getOrder();
|
||||||
$this->success(data: [
|
$this->success(data: [
|
||||||
'top' => $top,
|
'top' => $top,
|
||||||
'lines' => $lines,
|
'lines' => $lines,
|
||||||
'pie' => $pie,
|
'pie' => $pie,
|
||||||
|
'order' => $order,
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -189,15 +192,71 @@ class Orderplan extends Backend
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
private function buildDate($build)
|
private function buildDate($build,$table_name = null)
|
||||||
{
|
{
|
||||||
$start = now()->modify('-14 days')->format('Y-m-d');
|
$start = now()->modify('-14 days')->format('Y-m-d');
|
||||||
$end_at = now()->format('Y-m-d');
|
$end_at = now()->format('Y-m-d');
|
||||||
|
|
||||||
$build->where('create_time', 'between', [$start, $end_at]);
|
if ($table_name){
|
||||||
|
$build->where($table_name.'.create_time', 'between', [$start, $end_at]);
|
||||||
|
}else{
|
||||||
|
$build->where('create_time', 'between', [$start, $end_at]);
|
||||||
|
|
||||||
|
}
|
||||||
return $build;
|
return $build;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
private function getOrder()
|
||||||
|
{
|
||||||
|
$build = new OrderAbnormal();
|
||||||
|
$res = $build
|
||||||
|
->where('status',0)
|
||||||
|
->count('id');
|
||||||
|
$out ['abnormal'] = $res;
|
||||||
|
|
||||||
|
$build = new \app\admin\model\Order();
|
||||||
|
$res = $build
|
||||||
|
->where('status',\app\admin\model\Order::STATUS_CHECKING)
|
||||||
|
->count('id');
|
||||||
|
$out ['check'] = $res;
|
||||||
|
|
||||||
|
|
||||||
|
$build = new \app\admin\model\Order();
|
||||||
|
$res = $build
|
||||||
|
->where('status',\app\admin\model\Order::STATUS_AUDITING)
|
||||||
|
->count('id');
|
||||||
|
$out ['auditing'] = $res;
|
||||||
|
|
||||||
|
|
||||||
|
$build = new \app\admin\model\Order();
|
||||||
|
$res = $build
|
||||||
|
->alias('a')
|
||||||
|
->join('order_review b','a.id = b.order_id','left')
|
||||||
|
->where('a.status','in',[\app\admin\model\Order::STATUS_FINISHED,\app\admin\model\Order::STATUS_CANCEL])
|
||||||
|
->whereNull('b.id')
|
||||||
|
->count('a.id');
|
||||||
|
|
||||||
|
$out ['review'] = $res;
|
||||||
|
|
||||||
|
|
||||||
|
$build = new Aftersale();
|
||||||
|
$res = $build
|
||||||
|
->where('status',1)
|
||||||
|
->count('id');
|
||||||
|
$out ['after_sale'] = $res;
|
||||||
|
|
||||||
|
$build = new Invoice();
|
||||||
|
$res = $build
|
||||||
|
->where('status',0)
|
||||||
|
->count('id');
|
||||||
|
$out ['invoice'] = $res;
|
||||||
|
|
||||||
|
return $out;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
private function prepareEchartsBarData(array $data, string $startDate, string $endDate): array
|
private function prepareEchartsBarData(array $data, string $startDate, string $endDate): array
|
||||||
{
|
{
|
||||||
// 将原始数据用日期作为键索引
|
// 将原始数据用日期作为键索引
|
||||||
|
|
@ -285,4 +344,5 @@ class Orderplan extends Backend
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -17,196 +17,64 @@
|
||||||
<!-- </form>-->
|
<!-- </form>-->
|
||||||
<!-- </div>-->
|
<!-- </div>-->
|
||||||
|
|
||||||
<div class="row" style="margin-bottom: 10px">
|
<div class="col-md-12" style="margin-bottom: 10px">
|
||||||
<!-- 卡片 1: 总用户数 -->
|
<div style="display: flex">
|
||||||
<div class="col-md-4">
|
<!-- 卡片 1: 总用户数 -->
|
||||||
<div class="myplan">
|
<div class="col-md-3">
|
||||||
<div class="myplan-title">
|
<div class="myplan">
|
||||||
<span style="color: red" class="fa fa-line-chart fa-fw"></span>
|
<div class="myplan-title">
|
||||||
<span>订单量</span>
|
<span style="color: red" class="fa fa-line-chart fa-fw"></span>
|
||||||
</div>
|
<span>订单量</span>
|
||||||
<div class="myplan-num">
|
</div>
|
||||||
loading
|
<div class="myplan-num">
|
||||||
</div>
|
loading
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- 卡片 1: 总用户数 -->
|
<!-- 卡片 1: 总用户数 -->
|
||||||
<div class="col-md-4">
|
<div class="col-md-3">
|
||||||
<div class="myplan">
|
<div class="myplan">
|
||||||
<div class="myplan-title">
|
<div class="myplan-title">
|
||||||
<span style="color: #43cb34" class="fa fa-list-alt fa-fw"></span>
|
<span style="color: #43cb34" class="fa fa-list-alt fa-fw"></span>
|
||||||
<span>总业绩</span>
|
<span>总业绩</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="myplan-num">
|
<div class="myplan-num">
|
||||||
loading
|
loading
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 卡片 1: 总用户数 -->
|
<!-- 卡片 1: 总用户数 -->
|
||||||
<div class="col-md-4">
|
<div class="col-md-3">
|
||||||
<div class="myplan">
|
<div class="myplan">
|
||||||
<div class="myplan-title">
|
<div class="myplan-title">
|
||||||
<span style="color: #b3d4fc" class="fa fa-group fa-fw"></span>
|
<span style="color: #43cb34" class="fa fa-list-alt fa-fw"></span>
|
||||||
<span>师傅总数</span>
|
<span>总营业额</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="myplan-num">
|
<div class="myplan-num">
|
||||||
loading
|
loading
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- 卡片 1: 总用户数 -->
|
||||||
|
<div class="col-md-3">
|
||||||
|
<div class="myplan">
|
||||||
|
<div class="myplan-title">
|
||||||
|
<span style="color: #b3d4fc" class="fa fa-group fa-fw"></span>
|
||||||
|
<span>师傅总数</span>
|
||||||
|
</div>
|
||||||
|
<div class="myplan-num">
|
||||||
|
loading
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-8">
|
<div class="col-md-12">
|
||||||
<div id="money_line" style="height: 600px;width: 100%">
|
<div class="col-md-3">
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="todo-plan" style="color: #55d2fe">
|
|
||||||
<div class="todo-plan-title">
|
|
||||||
<div style="font-size: 32px" class="fa fa-warning"></div>
|
|
||||||
<div class="todo-plan-title-text" style="flex: 1">
|
|
||||||
<p>报错</p>
|
|
||||||
<p>单位/笔</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="#">详情></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="todo-plan-num text-center">
|
|
||||||
1,240
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="todo-plan" style="color: #86a7ff">
|
|
||||||
<div class="todo-plan-title">
|
|
||||||
<div style="font-size: 32px" class="fa fa-gear"></div>
|
|
||||||
<div class="todo-plan-title-text" style="flex: 1">
|
|
||||||
<p>待配置</p>
|
|
||||||
<p>单位/笔</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="#">详情></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="todo-plan-num text-center">
|
|
||||||
1,240
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="todo-plan" style="color: #4de171">
|
|
||||||
<div class="todo-plan-title">
|
|
||||||
<div style="font-size: 32px" class="fa fa-envelope-open"></div>
|
|
||||||
<div class="todo-plan-title-text" style="flex: 1">
|
|
||||||
<p>待审核</p>
|
|
||||||
<p>单位/笔</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="#">详情></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="todo-plan-num text-center">
|
|
||||||
1,240
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="todo-plan" style="color: #b896ff">
|
|
||||||
<div class="todo-plan-title">
|
|
||||||
<div style="font-size: 32px" class="fa fa-pencil"></div>
|
|
||||||
<div class="todo-plan-title-text" style="flex: 1">
|
|
||||||
<p>待回访</p>
|
|
||||||
<p>单位/笔</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="#">详情></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="todo-plan-num text-center">
|
|
||||||
1,240
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="todo-plan" style="color: #f8bf18">
|
|
||||||
<div class="todo-plan-title">
|
|
||||||
<div style="font-size: 32px" class="fa fa-leaf"></div>
|
|
||||||
<div class="todo-plan-title-text" style="flex: 1">
|
|
||||||
<p>待售后</p>
|
|
||||||
<p>单位/笔</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="#">详情></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="todo-plan-num text-center">
|
|
||||||
1,240
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="todo-plan" style="color: #f58164">
|
|
||||||
<div class="todo-plan-title">
|
|
||||||
<div style="font-size: 32px" class="fa fa-file-text-o"></div>
|
|
||||||
<div class="todo-plan-title-text" style="flex: 1">
|
|
||||||
<p>开票</p>
|
|
||||||
<p>单位/笔</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a href="#">详情></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="todo-plan-num text-center">
|
|
||||||
1,240
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="col-md-6">
|
|
||||||
|
|
||||||
<div id="cancel_order_pie" style="width: 100%;height:400px">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
|
||||||
|
|
||||||
<div id="item_pie" style="width: 100%;height:400px">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
|
|
||||||
<div id="area_pie" style="width: 100%;height:400px">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
|
|
||||||
<div id="source_pie" style="width: 100%;height:400px">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="col-md-6">
|
|
||||||
<div class="order-count-plan" style="color: #55d2fe">
|
<div class="order-count-plan" style="color: #55d2fe">
|
||||||
<div class="order-count-title">
|
<div class="order-count-title">
|
||||||
<div class="todo-plan-title-text text-left" style="flex: 1">
|
<div class="todo-plan-title-text text-left" style="flex: 1">
|
||||||
|
|
@ -221,249 +89,385 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6">
|
<div class="col-md-12" style="margin-top: 10px;margin-bottom: 10px">
|
||||||
<div class="order-count-plan" style="color: #55d2fe">
|
<div class="col-md-2">
|
||||||
<div class="order-count-title" style="background-color: #f5f6ff;color: #6b6e73">
|
<div class="todo-plan" style="color: #55d2fe">
|
||||||
<div class="todo-plan-title-text text-left" style="flex: 1">
|
<div class="todo-plan-title">
|
||||||
<span class="fa fa-phone-square"></span> 售后申请
|
<div style="font-size: 32px" class="fa fa-warning"></div>
|
||||||
|
<div class="todo-plan-title-text" style="flex: 1">
|
||||||
|
<p>报错</p>
|
||||||
|
<p>单位/笔</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a onclick="Backend.api.addtabs('/admin/orders/abnormal','报错订单')" href="">详情></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="order-count-num text-left">
|
<div class="todo-plan-num text-center">
|
||||||
1240
|
loading
|
||||||
</div>
|
</div>
|
||||||
<div class="order-count-num-sub text-left">
|
</div>
|
||||||
待处理
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-2">
|
||||||
|
<div class="todo-plan" style="color: #86a7ff">
|
||||||
|
<div class="todo-plan-title">
|
||||||
|
<div style="font-size: 32px" class="fa fa-gear"></div>
|
||||||
|
<div class="todo-plan-title-text" style="flex: 1">
|
||||||
|
<p>待配置</p>
|
||||||
|
<p>单位/笔</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a onclick="Backend.api.addtabs('/admin/orders/configorder','待配置')" href="#">详情></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="todo-plan-num text-center">
|
||||||
|
loading
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-2">
|
||||||
|
<div class="todo-plan" style="color: #4de171">
|
||||||
|
<div class="todo-plan-title">
|
||||||
|
<div style="font-size: 32px" class="fa fa-envelope-open"></div>
|
||||||
|
<div class="todo-plan-title-text" style="flex: 1">
|
||||||
|
<p>待审核</p>
|
||||||
|
<p>单位/笔</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a onclick="Backend.api.addtabs('/admin/orders/auditorder','待审核')" href="#">详情></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="todo-plan-num text-center">
|
||||||
|
loading
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-2">
|
||||||
|
<div class="todo-plan" style="color: #b896ff">
|
||||||
|
<div class="todo-plan-title">
|
||||||
|
<div style="font-size: 32px" class="fa fa-pencil"></div>
|
||||||
|
<div class="todo-plan-title-text" style="flex: 1">
|
||||||
|
<p>待回访</p>
|
||||||
|
<p>单位/笔</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a onclick="Backend.api.addtabs('/admin/orders/revisitorder','待回访')" href="#">详情></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="todo-plan-num text-center">
|
||||||
|
loading
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-2">
|
||||||
|
<div class="todo-plan" style="color: #f8bf18">
|
||||||
|
<div class="todo-plan-title">
|
||||||
|
<div style="font-size: 32px" class="fa fa-leaf"></div>
|
||||||
|
<div class="todo-plan-title-text" style="flex: 1">
|
||||||
|
<p>待售后</p>
|
||||||
|
<p>单位/笔</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a onclick="Backend.api.addtabs('/admin/aftersales/aftersale','待售后')" href="#">详情></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="todo-plan-num text-center">
|
||||||
|
loading
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-2">
|
||||||
|
<div class="todo-plan" style="color: #f58164">
|
||||||
|
<div class="todo-plan-title">
|
||||||
|
<div style="font-size: 32px" class="fa fa-file-text-o"></div>
|
||||||
|
<div class="todo-plan-title-text" style="flex: 1">
|
||||||
|
<p>开票</p>
|
||||||
|
<p>单位/笔</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a onclick="Backend.api.addtabs('/admin/orders/abnormal','开票')" href="#">详情></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="todo-plan-num text-center">
|
||||||
|
loading
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-12">
|
||||||
<div class="col-md-6 ">
|
<div id="money_line" style="height: 600px;width: 100%">
|
||||||
<div class="static-plan">
|
|
||||||
<div class="static-img fa fa-jpy" style="color: #2281df">
|
|
||||||
</div>
|
|
||||||
<div class="static-text">
|
|
||||||
<p class="static-text-num">¥8848</p>
|
|
||||||
<p class="static-text-sub">今日收款</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 ">
|
|
||||||
<div class="static-plan">
|
|
||||||
<div class="static-img fa fa-jpy" style="color: #2281df">
|
|
||||||
</div>
|
|
||||||
<div class="static-text">
|
|
||||||
<p class="static-text-num">¥8848</p>
|
|
||||||
<p class="static-text-sub">本月收款</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 ">
|
|
||||||
<div class="static-plan">
|
|
||||||
<div class="static-img fa fa-building-o" style="background-color: #eee4ff;color: #0a4b3e">
|
|
||||||
</div>
|
|
||||||
<div class="static-text">
|
|
||||||
<p class="static-text-num">88</p>
|
|
||||||
<p class="static-text-sub">今日订单数</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 ">
|
|
||||||
<div class="static-plan">
|
|
||||||
<div class="static-img fa fa-building-o" style="background-color: #eee4ff;color: #0a4b3e">
|
|
||||||
</div>
|
|
||||||
<div class="static-text">
|
|
||||||
<p class="static-text-num">8848</p>
|
|
||||||
<p class="static-text-sub">本月订单数</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 ">
|
|
||||||
<div class="static-plan">
|
|
||||||
<div class="static-img fa fa-building-o" style="background-color: #eee4ff;color: #8951fd">
|
|
||||||
</div>
|
|
||||||
<div class="static-text">
|
|
||||||
<p class="static-text-num">88</p>
|
|
||||||
<p class="static-text-sub">今日新增师傅数</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 ">
|
|
||||||
<div class="static-plan" >
|
|
||||||
<div class="static-img fa fa-users fa-fw" style="background-color: #eee4ff;color: #8951fd">
|
|
||||||
</div>
|
|
||||||
<div class="static-text">
|
|
||||||
<p class="static-text-num">8848</p>
|
|
||||||
<p class="static-text-sub">本月新增师傅数</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 ">
|
|
||||||
<div class="static-plan">
|
|
||||||
<div class="static-img fa fa-users fa-fw" style="color: #f34f61;background-color: #fce1e4">
|
|
||||||
</div>
|
|
||||||
<div class="static-text">
|
|
||||||
<p class="static-text-num">8</p>
|
|
||||||
<p class="static-text-sub">今日退款数</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 ">
|
|
||||||
<div class="static-plan">
|
|
||||||
<div class="static-img fa fa-users fa-fw" style="color: #f34f61;background-color: #fce1e4">
|
|
||||||
</div>
|
|
||||||
<div class="static-text">
|
|
||||||
<p class="static-text-num">88</p>
|
|
||||||
<p class="static-text-sub">本月退款数</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 ">
|
|
||||||
<div class="static-plan">
|
|
||||||
<div class="static-img fa fa-strikethrough fa-fw" style="color:#48cac2;background-color: #f5f6ff">
|
|
||||||
</div>
|
|
||||||
<div class="static-text">
|
|
||||||
<p class="static-text-num">88</p>
|
|
||||||
<p class="static-text-sub">今日取消订单数</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 ">
|
|
||||||
<div class="static-plan">
|
|
||||||
<div class="static-img fa fa-strikethrough fa-fw" style="color:#48cac2;background-color: #f5f6ff">
|
|
||||||
</div>
|
|
||||||
<div class="static-text">
|
|
||||||
<p class="static-text-num">88</p>
|
|
||||||
<p class="static-text-sub">本月取消订单数</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-3">
|
<div class="col-md-12">
|
||||||
<div class="col-md-12">接单排行</div>
|
<div class="col-md-3">
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="rank-plan">
|
<div id="cancel_order_pie" style="width: 100%;height:400px">
|
||||||
<div class="rank-avatar">
|
|
||||||
</div>
|
|
||||||
<div class="rank-name">
|
|
||||||
小明
|
|
||||||
</div>
|
|
||||||
<div class="rank-num">
|
|
||||||
14单
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="rank-plan">
|
|
||||||
<div class="rank-avatar">
|
<div class="col-md-3">
|
||||||
</div>
|
|
||||||
<div class="rank-name">
|
<div id="item_pie" style="width: 100%;height:400px">
|
||||||
小明
|
|
||||||
</div>
|
|
||||||
<div class="rank-num">
|
|
||||||
14单
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-12">
|
<div class="col-md-3">
|
||||||
<div class="rank-plan">
|
|
||||||
<div class="rank-avatar">
|
<div id="area_pie" style="width: 100%;height:400px">
|
||||||
</div>
|
|
||||||
<div class="rank-name">
|
|
||||||
小明
|
|
||||||
</div>
|
|
||||||
<div class="rank-num">
|
|
||||||
14单
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-12">
|
<div class="col-md-3">
|
||||||
<div class="rank-plan">
|
|
||||||
<div class="rank-avatar">
|
<div id="source_pie" style="width: 100%;height:400px">
|
||||||
</div>
|
|
||||||
<div class="rank-name">
|
|
||||||
小明
|
|
||||||
</div>
|
|
||||||
<div class="rank-num">
|
|
||||||
14单
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="rank-plan">
|
|
||||||
<div class="rank-avatar">
|
|
||||||
</div>
|
|
||||||
<div class="rank-name">
|
|
||||||
小明
|
|
||||||
</div>
|
|
||||||
<div class="rank-num">
|
|
||||||
14单
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-3">
|
<div class="col-md-12">
|
||||||
<div class="col-md-12">录单排行</div>
|
<div class="col-md-6">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">订单数据</div>
|
||||||
<div class="rank-plan">
|
<div class="col-md-6 ">
|
||||||
<div class="rank-avatar">
|
<div class="static-plan">
|
||||||
|
<div class="static-img fa fa-jpy" style="color: #2281df">
|
||||||
|
</div>
|
||||||
|
<div class="static-text">
|
||||||
|
<p class="static-text-num">¥8848</p>
|
||||||
|
<p class="static-text-sub">今日收款</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rank-name">
|
</div>
|
||||||
小明
|
<div class="col-md-6 ">
|
||||||
|
<div class="static-plan">
|
||||||
|
<div class="static-img fa fa-jpy" style="color: #2281df">
|
||||||
|
</div>
|
||||||
|
<div class="static-text">
|
||||||
|
<p class="static-text-num">¥8848</p>
|
||||||
|
<p class="static-text-sub">本月收款</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rank-num">
|
</div>
|
||||||
14单
|
<div class="col-md-6 ">
|
||||||
|
<div class="static-plan">
|
||||||
|
<div class="static-img fa fa-building-o" style="background-color: #eee4ff;color: #0a4b3e">
|
||||||
|
</div>
|
||||||
|
<div class="static-text">
|
||||||
|
<p class="static-text-num">88</p>
|
||||||
|
<p class="static-text-sub">今日订单数</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 ">
|
||||||
|
<div class="static-plan">
|
||||||
|
<div class="static-img fa fa-building-o" style="background-color: #eee4ff;color: #0a4b3e">
|
||||||
|
</div>
|
||||||
|
<div class="static-text">
|
||||||
|
<p class="static-text-num">8848</p>
|
||||||
|
<p class="static-text-sub">本月订单数</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 ">
|
||||||
|
<div class="static-plan">
|
||||||
|
<div class="static-img fa fa-building-o" style="background-color: #eee4ff;color: #8951fd">
|
||||||
|
</div>
|
||||||
|
<div class="static-text">
|
||||||
|
<p class="static-text-num">88</p>
|
||||||
|
<p class="static-text-sub">今日新增师傅数</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 ">
|
||||||
|
<div class="static-plan" >
|
||||||
|
<div class="static-img fa fa-users fa-fw" style="background-color: #eee4ff;color: #8951fd">
|
||||||
|
</div>
|
||||||
|
<div class="static-text">
|
||||||
|
<p class="static-text-num">8848</p>
|
||||||
|
<p class="static-text-sub">本月新增师傅数</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 ">
|
||||||
|
<div class="static-plan">
|
||||||
|
<div class="static-img fa fa-users fa-fw" style="color: #f34f61;background-color: #fce1e4">
|
||||||
|
</div>
|
||||||
|
<div class="static-text">
|
||||||
|
<p class="static-text-num">8</p>
|
||||||
|
<p class="static-text-sub">今日退款数</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 ">
|
||||||
|
<div class="static-plan">
|
||||||
|
<div class="static-img fa fa-users fa-fw" style="color: #f34f61;background-color: #fce1e4">
|
||||||
|
</div>
|
||||||
|
<div class="static-text">
|
||||||
|
<p class="static-text-num">88</p>
|
||||||
|
<p class="static-text-sub">本月退款数</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 ">
|
||||||
|
<div class="static-plan">
|
||||||
|
<div class="static-img fa fa-strikethrough fa-fw" style="color:#48cac2;background-color: #f5f6ff">
|
||||||
|
</div>
|
||||||
|
<div class="static-text">
|
||||||
|
<p class="static-text-num">88</p>
|
||||||
|
<p class="static-text-sub">今日取消订单数</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 ">
|
||||||
|
<div class="static-plan">
|
||||||
|
<div class="static-img fa fa-strikethrough fa-fw" style="color:#48cac2;background-color: #f5f6ff">
|
||||||
|
</div>
|
||||||
|
<div class="static-text">
|
||||||
|
<p class="static-text-num">88</p>
|
||||||
|
<p class="static-text-sub">本月取消订单数</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="rank-plan">
|
<div class="col-md-3">
|
||||||
<div class="rank-avatar">
|
<div class="col-md-12">接单排行</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="rank-plan">
|
||||||
|
<div class="rank-avatar">
|
||||||
|
</div>
|
||||||
|
<div class="rank-name">
|
||||||
|
小明
|
||||||
|
</div>
|
||||||
|
<div class="rank-num">
|
||||||
|
14单
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rank-name">
|
</div>
|
||||||
小明
|
<div class="col-md-12">
|
||||||
|
<div class="rank-plan">
|
||||||
|
<div class="rank-avatar">
|
||||||
|
</div>
|
||||||
|
<div class="rank-name">
|
||||||
|
小明
|
||||||
|
</div>
|
||||||
|
<div class="rank-num">
|
||||||
|
14单
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rank-num">
|
</div>
|
||||||
14单
|
<div class="col-md-12">
|
||||||
|
<div class="rank-plan">
|
||||||
|
<div class="rank-avatar">
|
||||||
|
</div>
|
||||||
|
<div class="rank-name">
|
||||||
|
小明
|
||||||
|
</div>
|
||||||
|
<div class="rank-num">
|
||||||
|
14单
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="rank-plan">
|
||||||
|
<div class="rank-avatar">
|
||||||
|
</div>
|
||||||
|
<div class="rank-name">
|
||||||
|
小明
|
||||||
|
</div>
|
||||||
|
<div class="rank-num">
|
||||||
|
14单
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="rank-plan">
|
||||||
|
<div class="rank-avatar">
|
||||||
|
</div>
|
||||||
|
<div class="rank-name">
|
||||||
|
小明
|
||||||
|
</div>
|
||||||
|
<div class="rank-num">
|
||||||
|
14单
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-12">
|
|
||||||
<div class="rank-plan">
|
<div class="col-md-3">
|
||||||
<div class="rank-avatar">
|
<div class="col-md-12">录单排行</div>
|
||||||
</div>
|
<div class="col-md-12">
|
||||||
<div class="rank-name">
|
<div class="rank-plan">
|
||||||
小明
|
<div class="rank-avatar">
|
||||||
</div>
|
</div>
|
||||||
<div class="rank-num">
|
<div class="rank-name">
|
||||||
14单
|
小明
|
||||||
|
</div>
|
||||||
|
<div class="rank-num">
|
||||||
|
14单
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-md-12">
|
||||||
<div class="col-md-12">
|
<div class="rank-plan">
|
||||||
<div class="rank-plan">
|
<div class="rank-avatar">
|
||||||
<div class="rank-avatar">
|
</div>
|
||||||
</div>
|
<div class="rank-name">
|
||||||
<div class="rank-name">
|
小明
|
||||||
小明
|
</div>
|
||||||
</div>
|
<div class="rank-num">
|
||||||
<div class="rank-num">
|
14单
|
||||||
14单
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="col-md-12">
|
||||||
<div class="col-md-12">
|
<div class="rank-plan">
|
||||||
<div class="rank-plan">
|
<div class="rank-avatar">
|
||||||
<div class="rank-avatar">
|
</div>
|
||||||
|
<div class="rank-name">
|
||||||
|
小明
|
||||||
|
</div>
|
||||||
|
<div class="rank-num">
|
||||||
|
14单
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rank-name">
|
</div>
|
||||||
小明
|
<div class="col-md-12">
|
||||||
|
<div class="rank-plan">
|
||||||
|
<div class="rank-avatar">
|
||||||
|
</div>
|
||||||
|
<div class="rank-name">
|
||||||
|
小明
|
||||||
|
</div>
|
||||||
|
<div class="rank-num">
|
||||||
|
14单
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="rank-num">
|
</div>
|
||||||
14单
|
<div class="col-md-12">
|
||||||
|
<div class="rank-plan">
|
||||||
|
<div class="rank-avatar">
|
||||||
|
</div>
|
||||||
|
<div class="rank-name">
|
||||||
|
小明
|
||||||
|
</div>
|
||||||
|
<div class="rank-num">
|
||||||
|
14单
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -620,7 +624,6 @@
|
||||||
/*height: 100px;*/
|
/*height: 100px;*/
|
||||||
box-shadow: 0 2px 6px rgba(12, 72, 128, .1);
|
box-shadow: 0 2px 6px rgba(12, 72, 128, .1);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
margin: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.todo-plan-num {
|
.todo-plan-num {
|
||||||
|
|
|
||||||
|
|
@ -4,8 +4,10 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'echarts','echarts-th
|
||||||
dashboard: function () {
|
dashboard: function () {
|
||||||
Fast.api.ajax({
|
Fast.api.ajax({
|
||||||
url: 'orderplan/data',
|
url: 'orderplan/data',
|
||||||
|
method:'get'
|
||||||
}, function (data, ret) {
|
}, function (data, ret) {
|
||||||
Controller.echarts.top(data.top);
|
Controller.echarts.top(data.top);
|
||||||
|
Controller.echarts.order(data.order);
|
||||||
Controller.echarts.money_line(data.lines);
|
Controller.echarts.money_line(data.lines);
|
||||||
Controller.echarts.cancel_order_pie(data.pie.cancel);
|
Controller.echarts.cancel_order_pie(data.pie.cancel);
|
||||||
Controller.echarts.item_pie(data.pie.item);
|
Controller.echarts.item_pie(data.pie.item);
|
||||||
|
|
@ -13,11 +15,6 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'echarts','echarts-th
|
||||||
Controller.echarts.source_pie(data.pie.source);
|
Controller.echarts.source_pie(data.pie.source);
|
||||||
|
|
||||||
});
|
});
|
||||||
Controller.api.bindevent();
|
|
||||||
Controller.echarts.cancel_order_pie();
|
|
||||||
|
|
||||||
console.log(123);
|
|
||||||
|
|
||||||
},
|
},
|
||||||
add: function () {
|
add: function () {
|
||||||
Controller.api.bindevent();
|
Controller.api.bindevent();
|
||||||
|
|
@ -33,10 +30,10 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'echarts','echarts-th
|
||||||
echarts: {
|
echarts: {
|
||||||
top: function(data){
|
top: function(data){
|
||||||
let map = [
|
let map = [
|
||||||
'count','performance','worker'
|
'count','performance','total','worker'
|
||||||
];
|
];
|
||||||
$('.myplan-num').each(function(index) {
|
$('.myplan-num').each(function(index) {
|
||||||
if (index === 1){
|
if (index === 1 || index === 2){
|
||||||
$(this).html('¥' + data[map[index]]);
|
$(this).html('¥' + data[map[index]]);
|
||||||
}else {
|
}else {
|
||||||
$(this).html(data[map[index]]);
|
$(this).html(data[map[index]]);
|
||||||
|
|
@ -44,6 +41,14 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'echarts','echarts-th
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
order: function(data){
|
||||||
|
let map = [
|
||||||
|
'abnormal','check','auditing','check','review','invoice'
|
||||||
|
];
|
||||||
|
$('.todo-plan-num').each(function(index) {
|
||||||
|
$(this).html(data[map[index]]);
|
||||||
|
});
|
||||||
|
},
|
||||||
item_pie: function(data){
|
item_pie: function(data){
|
||||||
// 基本的饼图配置
|
// 基本的饼图配置
|
||||||
var myChart = echarts.init(document.getElementById('item_pie'));
|
var myChart = echarts.init(document.getElementById('item_pie'));
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user