hant/allocatr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 【后台管理】订单数据看板页面微调。

Browse Source
This commit is contained in:
gcd 2025-06-18 23:20:42 +08:00
parent b75ed24150
commit 0e37fbb783
1 changed files with 35 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
application/admin/view/orderplan/index.html
View File

@ -45,6 +45,22 @@
<div class="col-md-12" style="margin-bottom: 10px">
<div style="display: flex">
<div class="col-md-3">
<div class="order-count-plan" style="color: #55d2fe">
<div class="order-count-title">
<div class="todo-plan-title-text text-left" style="flex: 1">
<span class="fa fa-clock-o"></span> 进行中的订单
</div>
</div>
<div class="order-count-num text-left">
0 / 0 / 0 / 0
</div>
<div class="order-count-num-sub text-left">
待派单 / 待接单 / 待上门 / 服务中
</div>
</div>
</div>
<!-- 卡片 1: 总用户数 -->
<div class="col-md-3">
<div class="myplan">
@ -100,12 +116,10 @@
</div>
<div class="col-md-12" style="margin-top: 10px;margin-bottom: 10px">
<div class="col-md-2">
<div class="todo-plan" style="color: #55d2fe">
<div class="todo-plan" style="color: #434343">
<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 onclick="Backend.api.addtabs('/admin/orders/abnormal','报错订单')" href="">详情></a>
@ -118,12 +132,10 @@
</div>
<div class="col-md-2">
<div class="todo-plan" style="color: #86a7ff">
<div class="todo-plan" style="color: #434343">
<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>
@ -136,12 +148,10 @@
</div>
<div class="col-md-2">
<div class="todo-plan" style="color: #4de171">
<div class="todo-plan" style="color: #434343">
<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>
@ -154,12 +164,10 @@
</div>
<div class="col-md-2">
<div class="todo-plan" style="color: #b896ff">
<div class="todo-plan" style="color: #434343">
<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>
@ -172,12 +180,10 @@
</div>
<div class="col-md-2">
<div class="todo-plan" style="color: #f8bf18">
<div class="todo-plan" style="color: #434343">
<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>
@ -190,12 +196,10 @@
</div>
<div class="col-md-2">
<div class="todo-plan" style="color: #f58164">
<div class="todo-plan" style="color: #434343">
<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>
@ -246,24 +250,6 @@
</div>
</div>
<div class="tab-pane fade" id="second">
<div class="col-md-12">
<div class="col-md-3">
<div class="order-count-plan" style="color: #55d2fe">
<div class="order-count-title">
<div class="todo-plan-title-text text-left" style="flex: 1">
<span class="fa fa-clock-o"></span> 进行中的订单
</div>
</div>
<div class="order-count-num text-left">
0 / 0 / 0 / 0
</div>
<div class="order-count-num-sub text-left">
待派单 / 待接单 / 待上门 / 服务中
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="col-md-6">
<div class="col-md-12">订单数据</div>
@ -682,10 +668,11 @@
.order-count-title {
background-color: #c389f6;
color: #7b38b7;
color: #FFFFFF;
padding: 5px;
border-radius: 20px;
font-size: 14px;
font-weight: bold;
}
.order-count-plan {
@ -699,12 +686,12 @@
.order-count-num {
font-size: 20px;
margin: 10px 0;
color: #292e39;
color: rgba(0, 0, 0, 0.9);
}
.order-count-num-sub {
font-size: 12px;
color: #C9C5C5;
color: rgba(0, 0, 0, 0.5);
}
.static-plan{
display: flex;
@ -732,9 +719,11 @@
}
.static-text-num{
font-size: 16px;
font-weight: bold;
color: rgba(0, 0, 0, 0.9);
}
.static-text-sub{
color: #C9C5C5;
color: rgba(0, 0, 0, 0.5);
font-size: 12px;
}
.rank-plan{
@ -800,7 +789,11 @@
flex: 1;
}
.service-content-sub{
color: #ccc;
color: rgba(0, 0, 0, 0.5);
font-size: 12px;
}
</style>
.service-content-title {
color: rgba(0, 0, 0, 0.9);
}
</style>