From 8cea951790f126aa8572646d61201758e5fe0984 Mon Sep 17 00:00:00 2001
From: "DESKTOP-369JRHT\\12997" <9>
Date: Fri, 27 Sep 2024 14:10:40 +0800
Subject: [PATCH] 9.27

---
 .../integralOrder/pointsCashier.vue           | 256 +++++++++---------
 .../integralComponents/pointsCashier.vue      |  46 ++--
 .../cashier/orderComponents/order_Added.vue   | 115 +++-----
 .../cashier/orderComponents/order_Goods.vue   |   4 +-
 .../orderComponents/order_Integral.vue        |   2 -
 .../cashier/orderComponents/order_Vip.vue     |  92 +------
 6 files changed, 211 insertions(+), 304 deletions(-)

diff --git a/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue b/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue
index 8eeee893f..8bb2f96ab 100644
--- a/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue
+++ b/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="app-container">
-    <el-card >
+  <div class="app-containers">
+    <div class="top_new">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
         <el-form-item label="" prop="giftName">
           <el-input
@@ -28,17 +28,17 @@
           />
         </el-form-item>
         <el-form-item label="">
-<!--          <el-date-picker-->
-<!--            v-model="dateRange"-->
-<!--            style="width: 240px"-->
-<!--            size="medium"-->
-<!--            value-format="yyyy-MM-dd"-->
-<!--            type="daterange"-->
-<!--            range-separator="-"-->
-<!--            clearable-->
-<!--            start-placeholder="开始日期"-->
-<!--            end-placeholder="结束日期"-->
-<!--          ></el-date-picker>-->
+          <!--          <el-date-picker-->
+          <!--            v-model="dateRange"-->
+          <!--            style="width: 240px"-->
+          <!--            size="medium"-->
+          <!--            value-format="yyyy-MM-dd"-->
+          <!--            type="daterange"-->
+          <!--            range-separator="-"-->
+          <!--            clearable-->
+          <!--            start-placeholder="开始日期"-->
+          <!--            end-placeholder="结束日期"-->
+          <!--          ></el-date-picker>-->
           <el-date-picker
             v-model="beginTime"
             style="width: 160px"
@@ -60,110 +60,93 @@
           <el-button type="primary" @click="exportExcelVip()">导出</el-button>
         </el-form-item>
       </el-form>
-    </el-card>
-    <el-card style="margin-top: 20px;" >
-      <div style="margin-bottom : 10px">
-        <span class="font-number">统计</span>
+    </div>
+
+
+    <div class="cont_box_b">
+      <div class="cont_box">
+        <div class="box2">
+          <div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
+            {{ statisticsForm.num || 0 }}
+          </div>
+          <div class="size-hui">
+            <div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
+            <div style="font-weight: bold;font-size: 13px;margin-left: 5px">笔数</div>
+          </div>
+        </div>
+        <div class="box2">
+          <div style="font-size: 26px;color: #00CAFF;font-weight: bold;margin-top: 5px">
+            {{ statisticsForm.exchangeQuantity|| 0 }}
+          </div>
+          <div class="size-hui">
+            <div style="width: 8px;height: 8px;border-radius: 4px;background: #00CAFF"></div>
+            <div style="font-weight: bold;font-size: 13px;margin-left: 5px">商品数量</div>
+          </div>
+        </div>
+        <div class="box2">
+          <div style="font-size: 26px;color: #F44522;font-weight: bold;margin-top: 5px">
+            {{ statisticsForm.integral|| 0 }}
+          </div>
+          <div class="size-hui">
+            <div style="width: 8px;height: 8px;border-radius: 4px;background: #F44522"></div>
+            <div style="font-weight: bold;font-size: 13px;margin-left: 5px">积分</div>
+          </div>
+        </div>
+        <div class="box2">
+          <div style="font-size: 26px;color: #FA6400;font-weight: bold;margin-top: 5px">
+            {{ statisticsForm.amount|| 0 }}
+          </div>
+          <div class="size-hui">
+            <div style="width: 8px;height: 8px;border-radius: 4px;background: #FA6400"></div>
+            <div style="font-weight: bold;font-size: 13px;margin-left: 5px">支付总额</div>
+          </div>
+        </div>
       </div>
-      <el-row :gutter="10" class="mb8" >
-        <el-col :span="2.5">
-          <div class="box">
-            <div class="size-bole">{{statisticsForm.num}}</div>
-            <div class="size-hui">
-              <div class="nei">笔数</div>
-              <div class="icon-img">
-                <img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
-              </div>
-            </div>
-          </div>
-        </el-col>
-        <el-col :span="2.5">
-          <div class="box">
-            <div class="size-bole">{{statisticsForm.exchangeQuantity?statisticsForm.exchangeQuantity:0}}</div>
-            <div class="size-hui">
-              <div class="nei">商品数量</div>
-              <div class="icon-img">
-                <img src="../../../../assets/images/cut/组 4666@2x.png" alt="">
-              </div>
-            </div>
+   <el-table ref="tables"
+             v-loading="loading"
+             :data="dataList"
+             :default-sort="defaultSort">
+     <el-table-column label="用户手机号" align="center" prop="mobile"/>
+     <el-table-column label="订单号" align="center" prop="orderNumber"/>
+     <el-table-column label="商品名称" align="center" prop="giftName" />
+     <el-table-column label="数量" align="center" prop="exchangeQuantity" />
+     <el-table-column label="实付信息" align="center"  >
+       <el-table-column label="积分" align="center" prop="integral" width=""/>
+       <el-table-column label="支付金额" align="center" prop="amount" width="">
+         <template slot-scope="scope">
+           {{ scope.row.amount?scope.row.amount:"--" }}
+         </template>
+       </el-table-column>
+     </el-table-column>
+     <el-table-column label="支付状态" align="center" prop="status" width="">
+       <template slot-scope="scope">
+         <el-tag  effect="plain" v-if="scope.row.status =='unpaid'"> 待支付</el-tag>
+         <el-tag type="success" effect="plain" v-else-if="scope.row.status =='paid'">支付成功</el-tag>
+         <el-tag type="warning" effect="plain" v-else>支付失败</el-tag>
+       </template>
+     </el-table-column>
 
-          </div>
-        </el-col>
-        <el-col :span="2.5">
-          <div class="box1">
-            <div class="size-bole">{{statisticsForm.integral?statisticsForm.integral:0}}</div>
-            <div class="size-hui">
-              <div class="nei">积分</div>
-              <div class="icon-img">
-                <img src="../../../../assets/images/cut/组 5017@2x.png" alt="">
-              </div>
-            </div>
-          </div>
+     <el-table-column label="创建时间" align="center" prop="createTime" width=""/>
+     <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+       <template slot-scope="scope">
+         <el-button
+           size="mini"
+           type="text"
+           @click="handleDetail(scope.row)"
+         >订单详情</el-button>
 
-        </el-col>
-        <el-col :span="3">
-          <div class="box1">
-            <div class="size-bole">{{statisticsForm.amount?statisticsForm.amount:0}}</div>
-            <div class="size-hui">
-              <div class="nei">支付总额</div>
-              <div class="icon-img">
-                <img src="../../../../assets/images/cut/组 5017@2x.png" alt="">
-              </div>
-            </div>
-          </div>
-        </el-col>
-      </el-row>
-    </el-card>
+       </template>
+     </el-table-column>
+   </el-table>
+   <pagination
+     v-show="total>0"
+     :total="total"
+     :page.sync="queryParams.page"
+     :limit.sync="queryParams.pageSize"
+     @pagination="getList"
+   />
+ </div>
 
-    <el-card style="margin-top: 20px" >
-      <el-table ref="tables"
-                v-loading="loading"
-                :data="dataList"
-                :default-sort="defaultSort">
-        <el-table-column label="用户手机号" align="center" prop="mobile"/>
-        <el-table-column label="订单号" align="center" prop="orderNumber"/>
-<!--        <el-table-column label="商品信息" align="center" prop="" >-->
-<!--          <el-table-column label="简述" align="center" prop="categoryName" />-->
-<!--          <el-table-column label="商品名称" align="center" prop="giftName" />-->
-<!--        </el-table-column>-->
-        <el-table-column label="商品名称" align="center" prop="giftName" />
-        <el-table-column label="数量" align="center" prop="exchangeQuantity" />
-        <el-table-column label="实付信息" align="center"  >
-          <el-table-column label="积分" align="center" prop="integral" width=""/>
-          <el-table-column label="支付金额" align="center" prop="amount" width="">
-            <template slot-scope="scope">
-              {{ scope.row.amount?scope.row.amount:"--" }}
-            </template>
-          </el-table-column>
-        </el-table-column>
-        <el-table-column label="支付状态" align="center" prop="status" width="">
-          <template slot-scope="scope">
-            <el-tag  effect="plain" v-if="scope.row.status =='unpaid'"> 待支付</el-tag>
-            <el-tag type="success" effect="plain" v-else-if="scope.row.status =='paid'">支付成功</el-tag>
-            <el-tag type="warning" effect="plain" v-else>支付失败</el-tag>
-          </template>
-        </el-table-column>
-
-        <el-table-column label="创建时间" align="center" prop="createTime" width=""/>
-        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-          <template slot-scope="scope">
-            <el-button
-              size="mini"
-              type="text"
-              @click="handleDetail(scope.row)"
-            >订单详情</el-button>
-
-          </template>
-        </el-table-column>
-      </el-table>
-      <pagination
-        v-show="total>0"
-        :total="total"
-        :page.sync="queryParams.page"
-        :limit.sync="queryParams.pageSize"
-        @pagination="getList"
-      />
-    </el-card>
     <el-dialog title="订单详情" :visible.sync="openDetail" width="500px" append-to-body :close-on-click-modal="false">
       <detail :dataForm = "dataForm"></detail>
     </el-dialog>
@@ -308,8 +291,7 @@ export default {
     width: 100%;
     height: 100%;
     background: #f6f8f9;
-    padding-top: 10px;
-    padding: 10px
+
 }
 
 .icon-img{
@@ -344,12 +326,10 @@ export default {
 .size-hui{
   display: flex;
   align-items: center;
-  //width: 200px;
   font-family: Source Han Sans CN, Source Han Sans CN;
   font-weight: 400;
   font-size: 13px;
   color: #888888;
-  //line-height: 0px;
   text-align: left;
   font-style: normal;
   text-transform: none;
@@ -358,15 +338,11 @@ export default {
   }
 }
 .size-bole{
-  //font-weight: bold;
-
-  //width: 53px;
   height: 31px;
   font-family: YouSheBiaoTiHei;
   font-weight: 400;
   font-size: 24px;
   color: #555555;
-  //line-height: 0px;
   text-align: left;
   font-style: normal;
   text-transform: none;
@@ -388,11 +364,47 @@ export default {
   margin-right: 20px;
   margin-bottom: 20px;
   padding-left: 20px;
-
   width: 211px;
   height: 60px;
   background: rgba(255,150,85,0.05);
   border-radius: 6px 6px 6px 6px;
   border: 1px solid #FF9655;
 }
+.top_new{
+  display: flex;
+  justify-content: space-between;
+  background: #fff;
+  width: 98%;
+  margin: 10px auto;
+  border-radius: 8px;
+  box-sizing: border-box;
+  padding: 15px
+}
+.cont_box{
+  background: #fff;
+  width: 100%;
+
+  box-sizing: border-box;
+  padding: 15px;
+  display: flex;
+}
+.cont_box_b{
+  background: #fff;
+  width: 98%;
+  margin: 10px auto;
+  border-radius: 8px;
+  box-sizing: border-box;
+  padding: 15px;
+  min-height: 80vh;
+}
+.box2 {
+  padding: 5px;
+  margin-right: 20px;
+  margin-bottom: 20px;
+  padding-left: 20px;
+  width: 211px;
+  height: 70px;
+  border-radius: 6px 6px 6px 6px;
+  border: 1px solid #FF9655;
+}
 </style>
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/integralComponents/pointsCashier.vue b/fuintCashierWeb/src/views/cashier/orderComponents/integralComponents/pointsCashier.vue
index 5726ea8b6..836d31d40 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/integralComponents/pointsCashier.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/integralComponents/pointsCashier.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-card >
+    <div class="top_new">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
         <el-form-item label="" prop="giftName">
           <el-input
@@ -14,12 +14,12 @@
         <el-form-item label="">
           <el-select v-model="queryParams.status" style="width: 150px" placeholder="兑换状态" clearable>
             <el-option
-            v-for="item in zhztList"
+              v-for="item in zhztList"
               :key="item.id"
               :label="item.dictLabel"
               :value="item.dictValue"
             />
-        </el-select>
+          </el-select>
         </el-form-item>
         <el-form-item label="" prop="giftName">
           <el-input
@@ -31,25 +31,25 @@
           />
         </el-form-item>
         <el-form-item label="">
-        <el-date-picker
-          v-model="dateRange"
-          style="width: 240px"
-          size="medium"
-          value-format="yyyy-MM-dd"
-          type="daterange"
-          range-separator="-"
-          clearable
-          start-placeholder="注册开始日期"
-          end-placeholder="注册结束日期"
-        ></el-date-picker>
-      </el-form-item>
+          <el-date-picker
+            v-model="dateRange"
+            style="width: 240px"
+            size="medium"
+            value-format="yyyy-MM-dd"
+            type="daterange"
+            range-separator="-"
+            clearable
+            start-placeholder="注册开始日期"
+            end-placeholder="注册结束日期"
+          ></el-date-picker>
+        </el-form-item>
 
         <el-form-item style="float: right">
           <el-button type="primary" icon="el-icon-search"  @click="handleQuery">搜索</el-button>
-                          <el-button icon="el-icon-refresh"  @click="resetQuery">重置</el-button>
-       </el-form-item>
+          <el-button icon="el-icon-refresh"  @click="resetQuery">重置</el-button>
+        </el-form-item>
       </el-form>
-    </el-card>
+    </div>
     <el-card style="margin-top: 20px;" >
       <div style="margin-bottom : 10px">
         <span class="font-number">统计</span>
@@ -326,4 +326,14 @@ export default {
   border-radius: 6px 6px 6px 6px;
   border: 1px solid #FF9655;
 }
+.top_new{
+  display: flex;
+  justify-content: space-between;
+  background: #fff;
+  width: 98%;
+  margin: 10px auto;
+  border-radius: 8px;
+  box-sizing: border-box;
+  padding: 15px
+}
 </style>
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue
index 71c9570c0..3b3c34fc6 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue
@@ -58,16 +58,6 @@
           />
         </el-form-item>
         <el-form-item label="">
-          <!--          <el-date-picker-->
-          <!--            v-model="dateRange"-->
-          <!--            style="width: 400px"-->
-          <!--            size="medium"-->
-          <!--            value-format="yyyy-MM-dd"-->
-          <!--            type="datetimerange"-->
-          <!--            range-separator="至"-->
-          <!--            start-placeholder="开始日期"-->
-          <!--            end-placeholder="结束日期"-->
-          <!--          ></el-date-picker>-->
           <el-date-picker
             v-model="beginTime"
             style="width: 160px"
@@ -82,73 +72,48 @@
             placeholder="结束日期">
           </el-date-picker>
         </el-form-item>
-        <el-form-item style="float: right">
+        <el-form-item >
           <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
           <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+          <el-button type="primary" size="mini" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>
         </el-form-item>
       </el-form>
     </div>
 <!--    统计-->
-    <div class="cont_new">
-      <div slot="header" class="clearfix">
-        <span>统计</span>
-      </div>
-      <div class="box-gang">
-        <div class="box">
-          <div class="size-bole">{{ total }}</div>
-          <div class="size-hui">
-            <div class="nei">挂账笔数</div>
-            <div class="icon-img">
-              <img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">
-            </div>
-          </div>
-        </div>
 
-        <div class="box">
-          <div class="size-bole">{{ returnTotal }}</div>
-          <div class="size-hui">
-            <div class="nei">归还笔数</div>
-            <div class="icon-img">
-              <img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">
-            </div>
-          </div>
-        </div>
-        <div class="box1">
-          <div class="size-bole">{{ allAmount }}</div>
-          <div class="size-hui">
-            <div class="nei">挂账总额</div>
-            <div class="icon-img">
-              <img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">
-            </div>
-          </div>
-        </div>
-        <div class="box1">
-          <div class="size-bole">{{ returnAllAmount }}</div>
-          <div class="size-hui">
-            <div class="nei">归还总额</div>
-            <div class="icon-img">
-              <img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">
-            </div>
-          </div>
-        </div>
-        <div class="box1">
-          <div class="size-bole">{{ noReturnAllAmount }}</div>
-          <div class="size-hui">
-            <div class="nei">未还金额</div>
-            <div class="icon-img">
-              <img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">
-            </div>
-          </div>
-        </div>
-      </div>
-
-    </div>
 <!--    列表-->
   <div class="bottom_new">
-    <div class="wgang">
-      <div style="display: flex ">
-        <el-button type="primary" size="mini" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>
+    <div class="box-gang">
+      <div class="box">
+        <div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
+          {{ total || 0 }}
+        </div>
+        <div class="size-hui">
+          <div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
+          <div style="font-weight: bold;font-size: 13px;margin-left: 5px">挂账总金额（元）/笔数</div>
+        </div>
+
       </div>
+
+      <div class="box">
+        <div style="font-size: 26px;color: #00CAFF;font-weight: bold;margin-top: 5px">
+          {{ returnTotal || 0 }}
+        </div>
+        <div class="size-hui">
+          <div style="width: 8px;height: 8px;border-radius: 4px;background: #00CAFF"></div>
+          <div style="font-weight: bold;font-size: 13px;margin-left: 5px">归还总金额（元）/笔数</div>
+        </div>
+      </div>
+      <div class="box">
+        <div style="font-size: 26px;color: #F44522;font-weight: bold;margin-top: 5px">
+          {{ allAmount || 0 }}
+        </div>
+        <div class="size-hui">
+          <div style="width: 8px;height: 8px;border-radius: 4px;background: #F44522"></div>
+          <div style="font-weight: bold;font-size: 13px;margin-left: 5px">未归还金额（元））</div>
+        </div>
+      </div>
+
     </div>
     <div class="table-box">
       <el-table
@@ -210,7 +175,6 @@
       </el-pagination>
     </div>
   </div>
-
     <!--    归还记录信息-->
     <el-drawer
       title="归还详情"
@@ -518,34 +482,28 @@ import {exportExcelCashierApi, exportExcelHangBillApi} from "@/api/order/exportE
     //padding: 10px;
   }
   .box{
-    //box-sizing: border-box;
     padding: 5px;
-    //background: #f9f9f9;
     margin-right: 20px;
-    padding-left: 20px;
     margin-bottom: 20px;
-
+    padding-left: 20px;
     width: 211px;
-    height: 60px;
-    background: rgba(64,158,255,0.05);
+    height: 70px;
     border-radius: 6px 6px 6px 6px;
-    border: 1px solid #fe8c4a;
+    border: 1px solid #FF9655;
   }
   .el-form--inline .el-form-item {
-    margin-right: 44px;
   }
   .size-hui{
     display: flex;
     align-items: center;
-    justify-content: space-between;
     font-family: Source Han Sans CN, Source Han Sans CN;
     font-weight: 400;
     font-size: 13px;
     color: #888888;
-    //line-height: 0px;
     text-align: left;
     font-style: normal;
     text-transform: none;
+
     .nei {
       width: 150px;
     }
@@ -570,6 +528,7 @@ import {exportExcelCashierApi, exportExcelHangBillApi} from "@/api/order/exportE
   }
   .table-box{
     width: 100%;
+    min-height: 60vh;
   }
   .pagination-box{
     width: 100%;
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue
index 3ea1e5f96..cbd3c5c0e 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue
@@ -132,12 +132,10 @@
         </div>
       </div>
       <div>
-
         <div class="table-box">
           <el-table
             :data="list"
             style="width: 100%">
-
             <el-table-column type="index" width="50" align="center" label="序号"/>
             <el-table-column label="订单号" align="center" prop="orderNo" width="220"/>
             <el-table-column label="订单类型" align="center" prop="terminal"/>
@@ -872,7 +870,7 @@ export default {
 
 .table-box {
   width: 100%;
-  min-height: 80px;
+  min-height: 70vh;
 }
 
 .pagination-box {
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Integral.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Integral.vue
index 2924900c2..7645865d2 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Integral.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Integral.vue
@@ -15,9 +15,7 @@
             title="PC积分收银台在线兑换订单记录,收银台订单无需确认操作,如有付款金额,付款订单请在增值性订单列表中查看,类型为:积分收银"
             type="error">
           </el-alert>
-
           <points-cashier></points-cashier>
-
         </el-tab-pane>
 
       </el-tabs>
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue
index 58e820b30..19a56162a 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue
@@ -9,7 +9,6 @@
             clearable
             placeholder="请选择关联员工"
           >
-
             <el-option v-for="item in staffList" :key="item.id" :label="item.realName" :value="item.id">
               <span style="float: left">{{ item.realName }}</span>
               <span style="float: right; color: #8492a6; font-size: 13px">{{ item.mobile }}</span>
@@ -69,9 +68,7 @@
     </div>
     <div class="cot-box">
       <!--    条件查询-->
-      <div>
 
-      </div>
       <!--    统计-->
       <div>
         <div class="box-gang">
@@ -86,120 +83,53 @@
             </div>
           </div>
           <div class="box2">
-            <div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
+            <div style="font-size: 26px;color: #00CAFF;font-weight: bold;margin-top: 5px">
               {{ orderStatistics.theTotalAmountOfTopUp || 0 }}
             </div>
             <div class="size-hui">
-              <div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
+              <div style="width: 8px;height: 8px;border-radius: 4px;background: #00CAFF"></div>
               <div style="font-weight: bold;font-size: 13px;margin-left: 5px">充值本金（元）</div>
             </div>
           </div>
           <div class="box2">
-            <div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
+            <div style="font-size: 26px;color: #F44522;font-weight: bold;margin-top: 5px">
               {{ orderStatistics.theTotalAmountOfTheCredit || 0 }}
             </div>
             <div class="size-hui">
-              <div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
+              <div style="width: 8px;height: 8px;border-radius: 4px;background: #F44522"></div>
               <div style="font-weight: bold;font-size: 13px;margin-left: 5px">赠送金额（元）</div>
             </div>
           </div>
           <div class="box2">
-            <div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
+            <div style="font-size: 26px;color: #FA6400;font-weight: bold;margin-top: 5px">
               {{ orderStatistics.wechat || 0 }}/
               {{ orderStatistics.alipay || 0 }}
             </div>
             <div class="size-hui">
-              <div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
+              <div style="width: 8px;height: 8px;border-radius: 4px;background: #FA6400"></div>
               <div style="font-weight: bold;font-size: 13px;margin-left: 5px">微信/支付宝（元）</div>
             </div>
           </div>
           <div class="box2">
-            <div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
+            <div style="font-size: 26px;color: #2B63F4;font-weight: bold;margin-top: 5px">
               {{ orderStatistics.wechat || 0 }}/
               {{ orderStatistics.alipay || 0 }}
             </div>
             <div class="size-hui">
-              <div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
+              <div style="width: 8px;height: 8px;border-radius: 4px;background: #2B63F4"></div>
               <div style="font-weight: bold;font-size: 13px;margin-left: 5px">云闪付/pos刷卡（元）</div>
             </div>
           </div>
           <div class="box2">
-            <div style="font-size: 26px;color: #0DC291;font-weight: bold;margin-top: 5px">
+            <div style="font-size: 26px;color: #F7B500;font-weight: bold;margin-top: 5px">
               {{ orderStatistics.cash || 0 }}
             </div>
             <div class="size-hui">
-              <div style="width: 8px;height: 8px;border-radius: 4px;background: #0DC291"></div>
+              <div style="width: 8px;height: 8px;border-radius: 4px;background: #F7B500"></div>
               <div style="font-weight: bold;font-size: 13px;margin-left: 5px">现金（元）</div>
             </div>
           </div>
-<!--          <div class="box">-->
-<!--            <div class="size-bole">{{ orderStatistics.numberOfTopUps ? orderStatistics.numberOfTopUps : 0 }}</div>-->
-<!--            <div class="size-hui">-->
-<!--              <div class="nei">充值笔数</div>-->
-<!--              <div class="icon-img">-->
-<!--                <img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">-->
-<!--              </div>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--          <div class="box">-->
-<!--            <div class="size-bole">-->
-<!--              {{ orderStatistics.theTotalAmountOfTopUp ? orderStatistics.theTotalAmountOfTopUp : 0 }}-->
-<!--            </div>-->
-<!--            <div class="size-hui">-->
-<!--              <div class="nei">充值总金额</div>-->
-<!--              <div class="icon-img">-->
-<!--                <img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">-->
-<!--              </div>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--          <div class="box">-->
-<!--            <div class="size-bole">-->
-<!--              {{ orderStatistics.theTotalAmountOfTheCredit ? orderStatistics.theTotalAmountOfTheCredit : 0 }}-->
-<!--            </div>-->
-<!--            <div class="size-hui">-->
-<!--              <div class="nei">赠送总额</div>-->
-<!--              <div class="icon-img">-->
-<!--                <img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">-->
-<!--              </div>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--          <div class="box">-->
-<!--            <div class="size-bole">{{ orderStatistics.totalAmountReceived ? orderStatistics.totalAmountReceived : 0 }}-->
-<!--            </div>-->
-<!--            <div class="size-hui">-->
-<!--              <div class="nei">实收总额</div>-->
-<!--              <div class="icon-img">-->
-<!--                <img src="../../../assets/images/cut/组 4666@2x.png" style="width: 20px;height: 20px">-->
-<!--              </div>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--          <div class="box1">-->
-<!--            <div class="size-bole">{{ orderStatistics.wechat ? orderStatistics.wechat : 0 }}</div>-->
-<!--            <div class="size-hui">-->
-<!--              <div class="nei">微信</div>-->
-<!--              <div class="icon-img">-->
-<!--                <img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">-->
-<!--              </div>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--          <div class="box1">-->
-<!--            <div class="size-bole">{{ orderStatistics.alipay ? orderStatistics.alipay : 0 }}</div>-->
-<!--            <div class="size-hui">-->
-<!--              <div class="nei">支付宝</div>-->
-<!--              <div class="icon-img">-->
-<!--                <img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">-->
-<!--              </div>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--          <div class="box1">-->
-<!--            <div class="size-bole">{{ orderStatistics.cash }}</div>-->
-<!--            <div class="size-hui">-->
-<!--              <div class="nei">现金</div>-->
-<!--              <div class="icon-img">-->
-<!--                <img src="../../../assets/images/cut/组 5017@2x.png" style="width: 20px;height: 20px">-->
-<!--              </div>-->
-<!--            </div>-->
-<!--          </div>-->
+
         </div>
       </div>
       <!--    表格-->