diff --git a/fuintAdmin/src/assets/images/cut/组 4677@2x.png b/fuintAdmin/src/assets/images/cut/组 4677@2x.png
new file mode 100644
index 000000000..d57c8c272
Binary files /dev/null and b/fuintAdmin/src/assets/images/cut/组 4677@2x.png differ
diff --git a/fuintAdmin/src/assets/images/cut/组 5017@2x.png b/fuintAdmin/src/assets/images/cut/组 5017@2x.png
new file mode 100644
index 000000000..2d8460d29
Binary files /dev/null and b/fuintAdmin/src/assets/images/cut/组 5017@2x.png differ
diff --git a/fuintAdmin/src/views/member/index.vue b/fuintAdmin/src/views/member/index.vue
index 701351069..236ebe6d6 100644
--- a/fuintAdmin/src/views/member/index.vue
+++ b/fuintAdmin/src/views/member/index.vue
@@ -64,7 +64,7 @@
             <el-option label="无储值余额" value="noHaveBalance"/>
           </el-select>
         </el-form-item>
-        <div>
+        <div style="float: right">
           <el-button style="background: linear-gradient( 180deg, #FF8646 0%, #FFA360 100%); border: transparent " type="primary"  @click="handleQuery">搜索</el-button>
           <el-button  @click="resetQuery">重置</el-button>
           <el-button type="primary" @click="handleAdd"  >新增</el-button>
diff --git a/fuintAdmin/src/views/order/order_Added.vue b/fuintAdmin/src/views/order/order_Added.vue
index de5f705ff..d1292792f 100644
--- a/fuintAdmin/src/views/order/order_Added.vue
+++ b/fuintAdmin/src/views/order/order_Added.vue
@@ -144,7 +144,7 @@
     <!--    列表-->
     <el-card class="box-card">
       <div class="wgang">
-        <div>挂账订单列表</div>
+        <div></div>
         <div style="display: flex ">
 
           <el-button type="primary" size="mini" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>
diff --git a/fuintAdmin/src/views/order/order_Cashier.vue b/fuintAdmin/src/views/order/order_Cashier.vue
index fa1ef279a..8dad533d2 100644
--- a/fuintAdmin/src/views/order/order_Cashier.vue
+++ b/fuintAdmin/src/views/order/order_Cashier.vue
@@ -51,7 +51,7 @@
     </el-card>
     <el-card class="box-card">
       <div slot="header" class="clearfix">
-        <span>收银台订单统计</span>
+        <span></span>
       </div>
       <div class="box-gang">
         <div class="box">
@@ -122,7 +122,8 @@
     </el-card>
     <el-card class="box-card">
       <div class="wgang">
-        <div>收银台订单列表</div>
+<!--        <div>收银台订单列表</div>-->
+        <div></div>
         <div style="display: flex ">
           <el-button type="primary" size="mini" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>
         </div>
diff --git a/fuintAdmin/src/views/order/order_Goods.vue b/fuintAdmin/src/views/order/order_Goods.vue
index 513378eed..3af3778fc 100644
--- a/fuintAdmin/src/views/order/order_Goods.vue
+++ b/fuintAdmin/src/views/order/order_Goods.vue
@@ -81,7 +81,7 @@
     </el-card>
     <el-card class="box-card">
       <div slot="header" class="clearfix">
-        <span>商品交易统计</span>
+        <span></span>
       </div>
       <div class="box-gang">
         <div class="box">
diff --git a/fuintAdmin/src/views/order/order_Vip.vue b/fuintAdmin/src/views/order/order_Vip.vue
index 5adef63be..08f519ba3 100644
--- a/fuintAdmin/src/views/order/order_Vip.vue
+++ b/fuintAdmin/src/views/order/order_Vip.vue
@@ -77,7 +77,7 @@
     <!--    统计-->
     <el-card class="box-card">
       <div slot="header" class="clearfix">
-        <span>会员充值统计</span>
+        <span></span>
       </div>
       <div class="box-gang">
 
diff --git a/fuintAdmin_zt/src/assets/images/cut/组 4677@2x.png b/fuintAdmin_zt/src/assets/images/cut/组 4677@2x.png
new file mode 100644
index 000000000..d57c8c272
Binary files /dev/null and b/fuintAdmin_zt/src/assets/images/cut/组 4677@2x.png differ
diff --git a/fuintAdmin_zt/src/assets/images/cut/组 5017@2x.png b/fuintAdmin_zt/src/assets/images/cut/组 5017@2x.png
new file mode 100644
index 000000000..2d8460d29
Binary files /dev/null and b/fuintAdmin_zt/src/assets/images/cut/组 5017@2x.png differ
diff --git a/fuintCashierWeb/src/assets/images/cut/组 4677@2x.png b/fuintCashierWeb/src/assets/images/cut/组 4677@2x.png
new file mode 100644
index 000000000..d57c8c272
Binary files /dev/null and b/fuintCashierWeb/src/assets/images/cut/组 4677@2x.png differ
diff --git a/fuintCashierWeb/src/assets/images/cut/组 5017@2x.png b/fuintCashierWeb/src/assets/images/cut/组 5017@2x.png
new file mode 100644
index 000000000..2d8460d29
Binary files /dev/null and b/fuintCashierWeb/src/assets/images/cut/组 5017@2x.png differ
diff --git a/fuintCashierWeb/src/views/cashier/NewComponents/HandoverDetails.vue b/fuintCashierWeb/src/views/cashier/NewComponents/HandoverDetails.vue
index d96543104..1849280b1 100644
--- a/fuintCashierWeb/src/views/cashier/NewComponents/HandoverDetails.vue
+++ b/fuintCashierWeb/src/views/cashier/NewComponents/HandoverDetails.vue
@@ -7,13 +7,13 @@
         <span>交班详情</span>
       </div>
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
-        <el-form-item label="交班方式" prop="status">
+        <el-form-item label="" prop="status">
           <el-select v-model="queryParams.status" style="width: 150px" placeholder="交班方式" clearable>
             <el-option  label="统一交班" value="统一交班">统一交班</el-option>
             <el-option  label="个人交班" value="个人交班">个人交班</el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="交班员工" prop="staffId">
+        <el-form-item label="" prop="staffId">
           <el-select v-model="queryParams.staffId" style="width: 150px" placeholder="交班员工" clearable>
             <el-option
               v-for="option in staffList"
@@ -23,13 +23,13 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="交班状态">
+        <el-form-item label="">
           <el-select v-model="queryParams.type" style="width: 150px" placeholder="交班状态" clearable>
             <el-option  label="交班" value="0">交班</el-option>
             <el-option  label="未交班" value="1">未交班</el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="交班时间">
+        <el-form-item label="">
 <!--          <el-date-picker-->
 <!--            v-model="dateRange"-->
 <!--            style="width: 240px"-->
@@ -56,7 +56,7 @@
           </el-date-picker>
         </el-form-item>
 
-        <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>
diff --git a/fuintCashierWeb/src/views/cashier/NewComponents/Vip.vue b/fuintCashierWeb/src/views/cashier/NewComponents/Vip.vue
index 5ac3a932e..450fca281 100644
--- a/fuintCashierWeb/src/views/cashier/NewComponents/Vip.vue
+++ b/fuintCashierWeb/src/views/cashier/NewComponents/Vip.vue
@@ -1,4 +1,4 @@
-<!--会员-->
+ <!--会员-->
 <template>
   <div class="app-center">
     <el-card class="box-card">
diff --git a/fuintCashierWeb/src/views/cashier/NewComponents/credit.vue b/fuintCashierWeb/src/views/cashier/NewComponents/credit.vue
index d7328994b..d2c870f7f 100644
--- a/fuintCashierWeb/src/views/cashier/NewComponents/credit.vue
+++ b/fuintCashierWeb/src/views/cashier/NewComponents/credit.vue
@@ -7,37 +7,37 @@
       </div>
 
       <el-form :model="queryParams2" ref="queryForm" size="small" :inline="true" label-width="80px">
-        <el-form-item label="单位名称" prop="unitName">
+        <el-form-item label="" prop="unitName">
           <el-input
             v-model="queryParams2.unitName"
-            placeholder="请输入单位名称"
+            placeholder="单位名称"
             clearable
             style="width: 240px;"
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="挂账人" prop="personCredit">
+        <el-form-item label="" prop="personCredit">
           <el-input
             v-model="queryParams2.personCredit"
-            placeholder="请输入挂账人名称"
+            placeholder="挂账人"
             clearable
             style="width: 240px;"
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="联系电话" prop="contactMobile">
+        <el-form-item label="" prop="contactMobile">
           <el-input
             v-model="queryParams2.contactMobile"
-            placeholder="请输入挂账人联系电话"
+            placeholder="联系电话"
             clearable
             style="width: 240px;"
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="状态" prop="status">
+        <el-form-item label="" prop="status">
           <el-select
             v-model="queryParams2.status"
-            placeholder="全部"
+            placeholder="状态"
             clearable
             style="width: 240px"
           >
@@ -45,7 +45,7 @@
             <el-option label="禁用" value="jy"/>
           </el-select>
         </el-form-item>
-        <el-form-item label="挂账时间">
+        <el-form-item label="">
 <!--          <el-date-picker-->
 <!--            v-model="dateRange"-->
 <!--            style="width: 400px"-->
@@ -60,17 +60,17 @@
             v-model="beginTime"
             style="width: 160px"
             type="date"
-            placeholder="开始日期">
+            placeholder="挂账开始日期">
           </el-date-picker>
           至
           <el-date-picker
             v-model="endTime"
             style="width: 160px"
             type="date"
-            placeholder="结束日期">
+            placeholder="挂账结束日期">
           </el-date-picker>
         </el-form-item>
-        <el-form-item>
+        <el-form-item style="float: right">
           <el-button type="primary" icon="el-icon-search" @click="handleQuery1">搜索</el-button>
           <el-button icon="el-icon-refresh" @click="resetQuery1">重置</el-button>
         </el-form-item>
@@ -156,20 +156,42 @@
       </div>
       <div class="box-gang">
         <div class="box">
-          <div class="size-hui">挂账单位总数</div>
           <div class="size-bole">{{ total3 }}</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>
         <div class="box">
-          <div class="size-hui">预设挂账总额</div>
+          <div class="size-hui"></div>
           <div class="size-bole">{{ allCreditLimit || 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>
         </div>
-        <div class="box">
-          <div class="size-hui">已使用挂账总额</div>
+
+        <div class="box1">
           <div class="size-bole">{{ allUsedCreditLimit || 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>
-        <div class="box">
-          <div class="size-hui">剩余可挂账总额</div>
+        <div class="box1">
           <div class="size-bole">{{ allResidueCreditLimit || 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>
       </div>
 <!--      <div class="box-gang">-->
@@ -1765,20 +1787,63 @@ import {getLodop} from "@/api/LodopFuncs";
     align-items: center;
   }
   .box{
-    width: 200px;
-    box-sizing: border-box;
-    padding: 10px;
-    background: #f9f9f9;
-    height: 86px;
-    margin-right: 10px;
+    //box-sizing: border-box;
+    padding: 5px;
+    //background: #f9f9f9;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    padding-left: 20px;
+
+    width: 211px;
+    height: 60px;
+    background: rgba(64,158,255,0.05);
+    border-radius: 6px 6px 6px 6px;
+    border: 1px solid #409EFF;
+  }
+  .el-form--inline .el-form-item {
+    margin-right: 44px;
   }
   .size-hui{
-    font-size: 14px;
-    margin-bottom: 10px;
-    margin-top: 10px;
+    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;
+    .nei {
+      width: 200px;
+    }
   }
   .size-bole{
-    font-weight: bold;
+    //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;
+  }
+  .icon-img{
+    //margin-left: 110px;
+    width: 100%;
+    height: 20px;
+    margin-right: 5px;
+    img{
+      float: right;
+      //width: 100%;
+      width: 20px;
+      height: 100%;
+    }
   }
   .wgang{
     width: 100%;
@@ -1801,4 +1866,16 @@ import {getLodop} from "@/api/LodopFuncs";
   .top-app-sou{
     width: 20%;
   }
+  .box1{
+    padding: 5px;
+    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;
+  }
 </style>
diff --git a/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue b/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue
index 3a4c81eda..2da1f40c9 100644
--- a/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue
+++ b/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue
@@ -2,32 +2,32 @@
   <div class="app-container">
     <el-card >
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
-        <el-form-item label="交易单号" prop="giftName">
+        <el-form-item label="" prop="giftName">
           <el-input
             v-model="queryParams.orderNumber"
-            placeholder="请输入交易单号"
+            placeholder="交易单号"
             clearable
             style="width: 220px;"
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="兑换状态">
+        <el-form-item label="">
           <el-select v-model="queryParams.status" style="width: 150px" placeholder="兑换状态" clearable>
             <el-option  label="未支付" value="unpaid">未支付</el-option>
             <el-option  label="付款成功" value="paid">付款成功</el-option>
             <el-option  label="付款失败" value="payFail">付款失败</el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="手机号码" prop="giftName">
+        <el-form-item label="" prop="giftName">
           <el-input
             v-model="queryParams.mobile"
-            placeholder="请输入用户手机号"
+            placeholder="手机号码"
             clearable
             style="width: 160px;"
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="时间">
+        <el-form-item label="">
 <!--          <el-date-picker-->
 <!--            v-model="dateRange"-->
 <!--            style="width: 240px"-->
@@ -54,8 +54,8 @@
           </el-date-picker>
         </el-form-item>
 
-        <el-form-item>
-          <el-button type="primary" icon="el-icon-search"  @click="handleQuery">搜索</el-button>
+        <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-form>
@@ -67,31 +67,48 @@
       <el-row :gutter="10" class="mb8" >
         <el-col :span="2.5">
           <div class="box">
-            <span class="font-chinese">笔数</span>
-            <span class="font-number">{{statisticsForm.num}}</span>
+            <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">
-            <span class="font-chinese">商品数量</span>
-            <span class="font-number">{{statisticsForm.exchangeQuantity || 0}}</span>
+            <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>
+
           </div>
         </el-col>
         <el-col :span="2.5">
-          <div class="box">
-            <span class="font-chinese">积分</span>
-            <span class="font-number">{{statisticsForm.integral || 0}}</span>
+          <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-col>
         <el-col :span="3">
-          <div class="box">
-              <span class="font-chinese">支付总额
-                <el-tooltip class="item" effect="dark" content="实际支付订单详细信息请在增值订单页面查看
-" placement="top-start">
-                  <i class="el-icon-info"></i>
-                </el-tooltip>
-              </span>
-            <span class="font-number">{{statisticsForm.amount || 0}}</span>
+          <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>
@@ -270,20 +287,66 @@ export default {
     padding-top: 10px;
     padding: 10px
 }
- .box {
-    padding: 10px;
-    height: 80px;
-    width: 150px;
-    margin-right: 0px;
-    background-color: rgba(204, 204, 204, 0.3);
-    border-radius: 8px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: left;
-    text-align: left;
-  }
 
+.icon-img{
+  //margin-left: 110px;
+  width: 100%;
+  height: 20px;
+  margin-right: 5px;
+  img{
+    float: right;
+    //width: 100%;
+    width: 20px;
+    height: 100%;
+  }
+}
+.box{
+  //box-sizing: border-box;
+  padding: 5px;
+  //background: #f9f9f9;
+  margin-right: 20px;
+  padding-left: 20px;
+  margin-bottom: 20px;
+
+  width: 211px;
+  height: 60px;
+  background: rgba(64,158,255,0.05);
+  border-radius: 6px 6px 6px 6px;
+  border: 1px solid #409EFF;
+}
+.el-form--inline .el-form-item {
+  margin-right: 44px;
+}
+.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;
+  .nei {
+    width: 150px;
+  }
+}
+.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;
+}
 .font-chinese {
   font-size: 15px;
   font-family:Microsoft YaHei;
@@ -296,4 +359,16 @@ export default {
   font-weight: bold;
   line-height:1.3
   }
+.box1{
+  padding: 5px;
+  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;
+}
 </style>
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/integralComponents/pointsCashier.vue b/fuintCashierWeb/src/views/cashier/orderComponents/integralComponents/pointsCashier.vue
index a6f5fb68f..856b340ce 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/integralComponents/pointsCashier.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/integralComponents/pointsCashier.vue
@@ -2,16 +2,16 @@
   <div class="app-container">
     <el-card >
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
-        <el-form-item label="交易单号" prop="giftName">
+        <el-form-item label="" prop="giftName">
           <el-input
             v-model="queryParams.orderNumber"
-            placeholder="请输入交易单号"
+            placeholder="交易单号"
             clearable
             style="width: 220px;"
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="兑换状态">
+        <el-form-item label="">
           <el-select v-model="queryParams.status" style="width: 150px" placeholder="兑换状态" clearable>
             <el-option
             v-for="item in zhztList"
@@ -21,16 +21,16 @@
             />
         </el-select>
         </el-form-item>
-        <el-form-item label="手机号码" prop="giftName">
+        <el-form-item label="" prop="giftName">
           <el-input
             v-model="queryParams.mobile"
-            placeholder="请输入用户手机号"
+            placeholder="手机号码"
             clearable
             style="width: 160px;"
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="注册时间">
+        <el-form-item label="">
         <el-date-picker
           v-model="dateRange"
           style="width: 240px"
@@ -39,12 +39,12 @@
           type="daterange"
           range-separator="-"
           clearable
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
+          start-placeholder="注册开始日期"
+          end-placeholder="注册结束日期"
         ></el-date-picker>
       </el-form-item>
 
-        <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>
@@ -57,32 +57,49 @@
       <el-row :gutter="10" class="mb8" >
         <el-col :span="2.5">
           <div class="box">
-              <span class="font-chinese">笔数</span>
-              <span class="font-number">{{statisticsForm.num}}</span>
+            <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">
-              <span class="font-chinese">商品数量</span>
-              <span class="font-number">{{statisticsForm.exchangeQuantity}}</span>
+            <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>
+
+          </div>
         </el-col>
         <el-col :span="2.5">
-          <div class="box">
-              <span class="font-chinese">积分</span>
-              <span class="font-number">{{statisticsForm.integral}}</span>
+          <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-col>
         <el-col :span="3">
-          <div class="box">
-              <span class="font-chinese">支付总额
-                <el-tooltip class="item" effect="dark" content="实际支付订单详细信息请在增值订单页面查看
-" placement="top-start">
-                  <i class="el-icon-info"></i>
-                </el-tooltip>
-              </span>
-              <span class="font-number">{{statisticsForm.amount}}</span>
+          <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>
@@ -237,19 +254,6 @@ export default {
     padding-top: 0px;
     padding: 0px
 }
- .box {
-    padding: 10px;
-    height: 80px;
-    width: 150px;
-    margin-right: 0px;
-    background-color: rgba(204, 204, 204, 0.3);
-    border-radius: 8px;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: left;
-    text-align: left;
-  }
 
 .font-chinese {
   font-size: 15px;
@@ -263,4 +267,63 @@ export default {
   font-weight: bold;
   line-height:1.3
   }
+
+
+.icon-img{
+  //margin-left: 110px;
+  width: 100%;
+  height: 20px;
+  margin-right: 5px;
+  img{
+    float: right;
+    //width: 100%;
+    width: 20px;
+    height: 100%;
+  }
+}
+.box{
+  //box-sizing: border-box;
+  padding: 5px;
+  //background: #f9f9f9;
+  margin-right: 20px;
+  margin-bottom: 20px;
+  padding-left: 20px;
+
+  width: 211px;
+  height: 60px;
+  background: rgba(64,158,255,0.05);
+  border-radius: 6px 6px 6px 6px;
+  border: 1px solid #409EFF;
+}
+.el-form--inline .el-form-item {
+  margin-right: 44px;
+}
+.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;
+  .nei {
+    width: 150px;
+  }
+}
+.box1{
+  padding: 5px;
+  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;
+}
 </style>
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue
index 9d8add9cf..31c182fff 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue
@@ -4,20 +4,20 @@
 <!--    表单查询-->
     <el-card class="box-card">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
-        <el-form-item label="归还状态" prop="returnType">
+        <el-form-item label="" prop="returnType">
           <el-select
             v-model="queryParams.returnType"
             clearable
-            placeholder="全部"
+            placeholder="归还状态"
           >
             <el-option label="挂账" value="0"></el-option>
             <el-option label="归还" value="1"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="订单状态" prop="status">
+        <el-form-item label="" prop="status">
           <el-select
             v-model="queryParams.status"
-            placeholder="全部"
+            placeholder="订单状态"
             clearable
           >
             <el-option label="未归还" value="0"></el-option>
@@ -25,39 +25,39 @@
             <el-option label="部分归还" value="2"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="单位名称" prop="unitName">
+        <el-form-item label="" prop="unitName">
           <el-input
             v-model="queryParams.unitName"
-            placeholder="请输入挂账单位名称"
+            placeholder="单位名称"
             clearable
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="挂账人" prop="personCredit">
+        <el-form-item label="" prop="personCredit">
           <el-input
             v-model="queryParams.personCredit"
-            placeholder="请输入挂账人名称"
+            placeholder="挂账人"
             clearable
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="联系电话" prop="contactMobile">
+        <el-form-item label="" prop="contactMobile">
           <el-input
             v-model="queryParams.contactMobile"
-            placeholder="请输入挂账人联系电话"
+            placeholder="联系电话"
             clearable
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="操作人手机号" prop="mobile">
+        <el-form-item label="" prop="mobile">
           <el-input
             v-model="queryParams.mobile"
-            placeholder="请输入操作人手机号"
+            placeholder="操作人手机号"
             clearable
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="创建时间">
+        <el-form-item label="">
 <!--          <el-date-picker-->
 <!--            v-model="dateRange"-->
 <!--            style="width: 400px"-->
@@ -82,7 +82,7 @@
             placeholder="结束日期">
           </el-date-picker>
         </el-form-item>
-        <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>
@@ -95,31 +95,57 @@
       </div>
       <div class="box-gang">
         <div class="box">
-          <div class="size-hui">挂账笔数</div>
           <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" alt="">
+            </div>
+          </div>
         </div>
+
         <div class="box">
-          <div class="size-hui">挂账总额</div>
-          <div class="size-bole">{{ allAmount }}</div>
-        </div>
-        <div class="box">
-          <div class="size-hui">归还笔数</div>
           <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" alt="">
+            </div>
+          </div>
         </div>
-        <div class="box">
-          <div class="size-hui">归还总额</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" alt="">
+            </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" alt="">
+            </div>
+          </div>
         </div>
-        <div class="box">
-          <div class="size-hui">未还金额</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" alt="">
+            </div>
+          </div>
         </div>
       </div>
     </el-card>
 <!--    列表-->
     <el-card class="box-card">
       <div class="wgang">
-        <div>挂账订单列表</div>
+        <div></div>
         <div style="display: flex ">
 
           <el-button type="primary" size="mini" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>
@@ -511,22 +537,54 @@ import {exportExcelCashierApi, exportExcelHangBillApi} from "@/api/order/exportE
     width: 100%;
     display: flex;
     align-items: center;
+    flex-wrap: wrap;
   }
   .box{
-    width: 200px;
-    box-sizing: border-box;
-    padding: 10px;
-    background: #f9f9f9;
-    height: 86px;
-    margin-right: 10px;
+    //box-sizing: border-box;
+    padding: 5px;
+    //background: #f9f9f9;
+    margin-right: 20px;
+    padding-left: 20px;
+    margin-bottom: 20px;
+
+    width: 211px;
+    height: 60px;
+    background: rgba(64,158,255,0.05);
+    border-radius: 6px 6px 6px 6px;
+    border: 1px solid #409EFF;
+  }
+  .el-form--inline .el-form-item {
+    margin-right: 44px;
   }
   .size-hui{
-    font-size: 14px;
-    margin-bottom: 10px;
-    margin-top: 10px;
+    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;
+    .nei {
+      width: 150px;
+    }
   }
   .size-bole{
-    font-weight: bold;
+    //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;
   }
   .wgang{
     width: 100%;
@@ -549,6 +607,28 @@ import {exportExcelCashierApi, exportExcelHangBillApi} from "@/api/order/exportE
   .top-app-sou{
     width: 20%;
   }
+  .icon-img{
+    //margin-left: 110px;
+    width: 100%;
+    height: 20px;
+    margin-right: 5px;
+    img{
+      float: right;
+      //width: 100%;
+      width: 20px;
+      height: 100%;
+    }
+  }
+  .box1{
+    padding: 5px;
+    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;
+  }
 </style>
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Cashier.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Cashier.vue
index c6ddae992..dee33f339 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Cashier.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Cashier.vue
@@ -83,57 +83,57 @@
             </div>
           </div>
 <!--        </div>-->
-        <div class="box">
+        <div class="box1">
           <div class="size-bole">{{ orderStatistics.theTotalAmountOfTheOrder?orderStatistics.theTotalAmountOfTheOrder:0 }}</div>
           <div class="size-hui">
             <div class="nei">订单总金额</div>
             <div class="icon-img">
-              <img src="../../../assets/images/cut/组 4666@2x.png" alt="">
+              <img src="../../../assets/images/cut/组 5017@2x.png" alt="">
             </div>
           </div>
         </div>
-        <div class="box">
+        <div class="box1">
           <div class="size-bole">{{ orderStatistics.theTotalAmountPaid?orderStatistics.theTotalAmountPaid:0 }}</div>
           <div class="size-hui">
             <div class="nei">实付总金额</div>
             <div class="icon-img">
-              <img src="../../../assets/images/cut/组 4666@2x.png" alt="">
+              <img src="../../../assets/images/cut/组 5017@2x.png" alt="">
             </div>
           </div>
         </div>
-        <div class="box">
+        <div class="box1">
           <div class="size-bole">{{ orderStatistics.oilDiscounts?orderStatistics.oilDiscounts:0 }}</div>
           <div class="size-hui">
             <div class="nei">油品优惠</div>
             <div class="icon-img">
-              <img src="../../../assets/images/cut/组 4666@2x.png" alt="">
+              <img src="../../../assets/images/cut/组 5017@2x.png" alt="">
             </div>
           </div>
         </div>
-        <div class="box">
+        <div class="box1">
           <div class="size-bole">{{ orderStatistics.theTotalAmountOfOil?orderStatistics.theTotalAmountOfOil:0 }}</div>
           <div class="size-hui">
             <div class="nei">油品总金额</div>
             <div class="icon-img">
-              <img src="../../../assets/images/cut/组 4666@2x.png" alt="">
+              <img src="../../../assets/images/cut/组 5017@2x.png" alt="">
             </div>
           </div>
         </div>
-        <div class="box">
+        <div class="box1">
           <div class="size-bole">{{ orderStatistics.theTotalAmountOfTheItem?orderStatistics.theTotalAmountOfTheItem:0 }}</div>
           <div class="size-hui">
             <div class="nei">商品总金额</div>
             <div class="icon-img">
-              <img src="../../../assets/images/cut/组 4666@2x.png" alt="">
+              <img src="../../../assets/images/cut/组 5017@2x.png" alt="">
             </div>
           </div>
         </div>
-        <div class="box">
+        <div class="box1">
           <div class="size-bole">{{ seekZeroAmount }}</div>
           <div class="size-hui">
             <div class="nei">找零总金额</div>
             <div class="icon-img">
-              <img src="../../../assets/images/cut/组 4666@2x.png" alt="">
+              <img src="../../../assets/images/cut/组 5017@2x.png" alt="">
             </div>
           </div>
         </div>
@@ -142,7 +142,7 @@
     </el-card>
     <el-card class="box-card">
       <div class="wgang">
-        <div>收银台订单列表</div>
+        <div></div>
         <div style="display: flex ">
           <el-button type="primary" size="mini" icon="el-icon-plus" @click = "exportExcelCashier()">导出订单</el-button>
         </div>
@@ -1285,6 +1285,20 @@ import {ifRefPassApi} from "@/api/staff/store";
     border-radius: 6px 6px 6px 6px;
     border: 1px solid #409EFF;
   }
+  .box1{
+    //box-sizing: border-box;
+    padding: 5px;
+    //background: #f9f9f9;
+    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;
+  }
   .el-form--inline .el-form-item {
     margin-right: 44px;
   }
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue
index 550b20b34..00d940f2f 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue
@@ -3,11 +3,11 @@
   <div>
     <el-card class="box-card">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="85px">
-        <el-form-item label="交易员工" prop="staffId">
+        <el-form-item label="" prop="staffId">
           <el-select
             v-model="queryParams.staffId"
             clearable
-            placeholder="全部"
+            placeholder="交易员工"
           >
             <el-option v-for="item in staffList" :key="item.id" :label="item.realName" :value="item.id">
               <span style="float: left">{{ item.realName }}</span>
@@ -15,10 +15,10 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="支付类型" prop="payType">
+        <el-form-item label="" prop="payType">
           <el-select
             v-model="queryParams.payType"
-            placeholder="全部"
+            placeholder="支付类型"
             clearable
             style="width: 240px"
           >
@@ -30,23 +30,23 @@
             />
           </el-select>
         </el-form-item>
-        <el-form-item label="订单号" prop="orderNo">
+        <el-form-item label="" prop="orderNo">
           <el-input
             v-model="queryParams.orderNo"
-            placeholder="请输入订单号"
+            placeholder="订单号"
             clearable
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="手机号" prop="payUser">
+        <el-form-item label="" prop="payUser">
           <el-input
             v-model="queryParams.payUser"
-            placeholder="请输入会员手机号"
+            placeholder="手机号"
             clearable
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="交易时间">
+        <el-form-item label="">
 <!--          <el-date-picker-->
 <!--            v-model="dateRange"-->
 <!--            style="width: 400px"-->
@@ -61,17 +61,17 @@
             v-model="beginTime"
             style="width: 160px"
             type="date"
-            placeholder="开始日期">
+            placeholder="交易开始日期">
           </el-date-picker>
           至
           <el-date-picker
             v-model="endTime"
             style="width: 160px"
             type="date"
-            placeholder="结束日期">
+            placeholder="交易结束日期">
           </el-date-picker>
         </el-form-item>
-        <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>
@@ -79,36 +79,71 @@
     </el-card>
     <el-card class="box-card">
       <div slot="header" class="clearfix">
-        <span>商品交易统计</span>
+        <span></span>
       </div>
       <div class="box-gang">
         <div class="box">
-          <div class="size-hui">商品笔数</div>
           <div class="size-bole">{{orderStatistics.numberOfProducts}}</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>
         <div class="box">
-          <div class="size-hui">总金额</div>
-          <div class="size-bole">{{orderStatistics.theTotalAmount || 0}}</div>
-        </div>
-        <div class="box">
-          <div class="size-hui">商品总数量</div>
           <div class="size-bole">{{orderStatistics.theTotalNumberOfUnits || 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>
+        </div>
+        <div class="box">
+          <div class="size-bole">{{orderStatistics.theTotalAmount || 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>
         </div>
         <div class="box">
-          <div class="size-hui">优惠金额</div>
           <div class="size-bole">{{orderStatistics.discountAmount || 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>
         </div>
-        <div class="box">
-          <div class="size-hui">微信</div>
+        <div class="box1">
           <div class="size-bole">{{orderStatistics.wechat}}</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>
-        <div class="box">
-          <div class="size-hui">支付宝</div>
+        <div class="box1">
           <div class="size-bole">{{orderStatistics.alipay}}</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>
-        <div class="box">
-          <div class="size-hui">现金</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" alt="">
+            </div>
+          </div>
         </div>
 
 
@@ -116,7 +151,7 @@
     </el-card>
     <el-card class="box-card">
       <div class="wgang">
-        <div>商品交易列表</div>
+        <div></div>
         <div style="display: flex ">
           <el-button type="primary" size="mini" icon="el-icon-plus" @click="exportExcelGoodsOrder()">导出订单</el-button>
         </div>
@@ -789,22 +824,68 @@ export default {
   width: 100%;
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
 }
 .box{
-  width: 200px;
-  box-sizing: border-box;
-  padding: 10px;
-  background: #f9f9f9;
-  height: 86px;
-  margin-right: 10px;
+  //box-sizing: border-box;
+  padding: 5px;
+  //background: #f9f9f9;
+  margin-right: 20px;
+  margin-bottom: 20px;
+  padding-left: 20px;
+  margin-bottom: 20px;
+
+  width: 211px;
+  height: 60px;
+  background: rgba(64,158,255,0.05);
+  border-radius: 6px 6px 6px 6px;
+  border: 1px solid #409EFF;
+}
+.el-form--inline .el-form-item {
+  margin-right: 44px;
 }
 .size-hui{
-  font-size: 14px;
-  margin-bottom: 10px;
-  margin-top: 10px;
+  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;
+  .nei {
+    width: 150px;
+  }
 }
 .size-bole{
-  font-weight: bold;
+  //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;
+}
+
+.icon-img{
+  //margin-left: 110px;
+  width: 100%;
+  height: 20px;
+  margin-right: 5px;
+  img{
+    float: right;
+    //width: 100%;
+    width: 20px;
+    height: 100%;
+  }
 }
 .wgang{
   width: 100%;
@@ -832,5 +913,16 @@ export default {
   color: grey;
   margin: 10px 0;
 }
+.box1{
+  padding: 5px;
+  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;
+}
 </style>
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Oil.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Oil.vue
index f6e885245..b0907d0b4 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Oil.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Oil.vue
@@ -6,11 +6,11 @@
 <!--      <div style="display: flex;">-->
 <!--        <div class="top-app-sou">-->
           <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
-            <el-form-item label="交易员工" prop="staffId">
+            <el-form-item label="" prop="staffId">
               <el-select
                 v-model="queryParams.staffId"
                 clearable
-                placeholder="全部"
+                placeholder="交易员工"
               >
                 <el-option v-for="item in staffList" :key="item.id" :label="item.realName" :value="item.id">
                   <span style="float: left">{{ item.realName }}</span>
@@ -18,11 +18,11 @@
                 </el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="终端" prop="terminal">
+            <el-form-item label="" prop="terminal">
               <el-select
                 v-model="queryParams.terminal"
                 clearable
-                placeholder="全部"
+                placeholder="终端"
               >
                 <el-option v-for="item in terminalList"
                            :key="item.id"
@@ -31,11 +31,11 @@
                 </el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="支付类型" prop="payType">
+            <el-form-item label="" prop="payType">
               <el-select
                 v-model="queryParams.payType"
                 clearable
-                placeholder="全部"
+                placeholder="支付类型"
               >
                 <el-option v-for="item in payList"
                            :key="item.id"
@@ -46,15 +46,15 @@
                 <el-option label="电子电子储值卡" value="balance"/>
               </el-select>
             </el-form-item>
-            <el-form-item label="手机号">
-              <el-input v-model="queryParams.payUser" clearable placeholder="请输入手机号"></el-input>
+            <el-form-item label="">
+              <el-input v-model="queryParams.payUser" clearable placeholder="手机号"></el-input>
             </el-form-item>
-            <el-form-item label="油枪号" prop="oilGunNum">
+            <el-form-item label="" prop="oilGunNum">
               <el-select
                 v-model="queryParams.oilGunNum"
                 filterable
                 clearable
-                placeholder="全部"
+                placeholder="油枪号"
               >
                 <el-option v-for="item in oilGunList"
                            :key="item.id"
@@ -65,10 +65,10 @@
                 </el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="订单号">
+            <el-form-item label="">
               <el-input v-model="queryParams.orderNo" clearable placeholder="订单号、官方单号检索"></el-input>
             </el-form-item>
-            <el-form-item label="交易时间">
+            <el-form-item label="">
 <!--              <el-date-picker-->
 <!--                v-model="dateRange"-->
 <!--                style="width: 400px"-->
@@ -93,7 +93,7 @@
                 placeholder="结束日期">
               </el-date-picker>
             </el-form-item>
-            <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>
@@ -106,48 +106,88 @@
     </el-card>
     <el-card class="box-card">
       <div slot="header" class="clearfix">
-        <span>油品订单统计</span>
+        <span></span>
       </div>
       <div class="box-gang">
-        <div class="box">
-          <div class="size-hui">油品笔数</div>
-          <div class="size-bole">{{orderStatistics.numberOfOilPens}}</div>
-        </div>
-        <div class="box">
-          <div class="size-hui">油品总金额</div>
-          <div class="size-bole">{{orderStatistics.theTotalAmountOfOil || 0}}</div>
-        </div>
-        <div class="box">
-          <div class="size-hui">优惠总额</div>
-          <div class="size-bole">{{orderStatistics.theTotalAmountOfTheOffer || 0}}</div>
-        </div>
-        <div class="box">
-          <div class="size-hui">交易数量</div>
-          <div class="size-bole">{{orderStatistics.numberOfTransactions || 0}}</div>
-        </div>
-        <div class="box">
-          <div class="size-hui">实收总额</div>
-          <div class="size-bole">{{orderStatistics.totalAmountReceived || 0}}</div>
-        </div>
-        <div class="box">
-          <div class="size-hui">微信</div>
-          <div class="size-bole">{{orderStatistics.wechat}}</div>
-        </div>
-        <div class="box">
-          <div class="size-hui">支付宝</div>
-          <div class="size-bole">{{orderStatistics.alipay}}</div>
-        </div>
-        <div class="box">
-          <div class="size-hui">现金</div>
-          <div class="size-bole">{{orderStatistics.cash}}</div>
-        </div>
 
+        <div class="box">
+          <div class="size-bole">{{orderStatistics.numberOfOilPens}}</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>
+        <div class="box">
+          <div class="size-bole">{{orderStatistics.theTotalAmountOfOil || 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>
+        </div>
+        <div class="box">
+          <div class="size-bole">{{orderStatistics.theTotalAmountOfTheOffer || 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>
+        </div>
+        <div class="box">
+          <div class="size-bole">{{orderStatistics.numberOfTransactions || 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>
+        </div>
+        <div class="box1">
+          <div class="size-bole">{{orderStatistics.totalAmountReceived || 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>
+        <div class="box1">
+          <div class="size-bole">{{orderStatistics.wechat}}</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>
+        <div class="box1">
+          <div class="size-bole">{{orderStatistics.alipay}}</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>
+        <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" alt="">
+            </div>
+          </div>
+        </div>
 
       </div>
     </el-card>
     <el-card class="box-card">
       <div class="wgang">
-        <div>油品订单列表</div>
+        <div></div>
         <div style="display: flex ">
           <el-button type="primary" size="mini" icon="el-icon-plus" @click="exportExcelOilOrder()">导出订单</el-button>
         </div>
@@ -857,22 +897,68 @@
     width: 100%;
     display: flex;
     align-items: center;
+    flex-wrap: wrap; /* 允许内容换行 */
+
   }
   .box{
-    width: 200px;
-    box-sizing: border-box;
-    padding: 10px;
-    background: #f9f9f9;
-    height: 86px;
-    margin-right: 10px;
+    //box-sizing: border-box;
+    padding: 5px;
+    //background: #f9f9f9;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    padding-left: 20px;
+
+    width: 211px;
+    height: 60px;
+    background: rgba(64,158,255,0.05);
+    border-radius: 6px 6px 6px 6px;
+    border: 1px solid #409EFF;
+  }
+  .el-form--inline .el-form-item {
+    margin-right: 44px;
   }
   .size-hui{
-    font-size: 14px;
-    margin-bottom: 10px;
-    margin-top: 10px;
+    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;
+    .nei {
+      width: 150px;
+    }
   }
   .size-bole{
-    font-weight: bold;
+    //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;
+  }
+
+  .icon-img{
+    //margin-left: 110px;
+    width: 100%;
+    height: 20px;
+    margin-right: 5px;
+    img{
+      float: right;
+      //width: 100%;
+      width: 20px;
+      height: 100%;
+    }
   }
   .wgang{
     width: 100%;
@@ -900,5 +986,16 @@
     color: grey;
     margin: 10px 0;
   }
+  .box1{
+    padding: 5px;
+    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;
+  }
 </style>
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue
index f0efd0fb6..0cb8b7c6f 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue
@@ -16,11 +16,11 @@
 <!--        </div>-->
 <!--      </div>-->
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
-        <el-form-item label="交易员工" prop="staffId">
+        <el-form-item label="" prop="staffId">
           <el-select
             v-model="queryParams.mtStaffId"
             clearable
-            placeholder="全部"
+            placeholder="交易员工"
           >
             <el-option v-for="item in staffList" :key="item.id" :label="item.realName" :value="item.id">
               <span style="float: left">{{ item.realName }}</span>
@@ -28,11 +28,11 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="支付类型" prop="paymentType">
+        <el-form-item label="" prop="paymentType">
           <el-select
             v-model="queryParams.paymentType"
             clearable
-            placeholder="全部"
+            placeholder="支付类型"
           >
             <el-option v-for="item in payList"
                        :key="item.id"
@@ -41,10 +41,10 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="手机号">
-          <el-input v-model="queryParams.mobile" placeholder="请输入会员手机号"></el-input>
+        <el-form-item label="">
+          <el-input v-model="queryParams.mobile" placeholder="手机号"></el-input>
         </el-form-item>
-        <el-form-item label="交易时间">
+        <el-form-item label="">
 <!--          <el-date-picker-->
 <!--            v-model="dateRange"-->
 <!--            style="width: 400px"-->
@@ -59,17 +59,17 @@
             v-model="beginTime"
             style="width: 160px"
             type="date"
-            placeholder="开始日期">
+            placeholder="交易开始日期">
           </el-date-picker>
           至
           <el-date-picker
             v-model="endTime"
             style="width: 160px"
             type="date"
-            placeholder="结束日期">
+            placeholder="交易结束日期">
           </el-date-picker>
         </el-form-item>
-        <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>
@@ -83,40 +83,74 @@
       <div class="box-gang">
 
         <div class="box">
-          <div class="size-hui">充值笔数</div>
           <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" alt="">
+            </div>
+          </div>
         </div>
         <div class="box">
-          <div class="size-hui">充值总金额</div>
           <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" alt="">
+            </div>
+          </div>
         </div>
         <div class="box">
-          <div class="size-hui">赠送总额</div>
           <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" alt="">
+            </div>
+          </div>
         </div>
         <div class="box">
-          <div class="size-hui">实收总额</div>
           <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" alt="">
+            </div>
+          </div>
         </div>
-        <div class="box">
-          <div class="size-hui">微信</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" alt="">
+            </div>
+          </div>
         </div>
-        <div class="box">
-          <div class="size-hui">支付宝</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" alt="">
+            </div>
+          </div>
         </div>
-        <div class="box">
-          <div class="size-hui">现金</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" alt="">
+            </div>
+          </div>
         </div>
-
       </div>
     </el-card>
 <!--    表格-->
     <el-card class="box-card">
       <div class="wgang">
-        <div>会员充值列表</div>
+        <div></div>
         <div style="display: flex ">
           <el-button type="primary" size="mini" icon="el-icon-plus" @click="exportExcelVip()">导出订单</el-button>
         </div>
@@ -620,22 +654,67 @@ export default {
     width: 100%;
     display: flex;
     align-items: center;
+    flex-wrap: wrap;
   }
   .box{
-    width: 200px;
-    box-sizing: border-box;
-    padding: 10px;
-    background: #f9f9f9;
-    height: 86px;
-    margin-right: 10px;
+    //box-sizing: border-box;
+    padding: 5px;
+    //background: #f9f9f9;
+    margin-bottom: 20px;
+
+    margin-right: 20px;
+    padding-left: 20px;
+
+    width: 211px;
+    height: 60px;
+    background: rgba(64,158,255,0.05);
+    border-radius: 6px 6px 6px 6px;
+    border: 1px solid #409EFF;
+  }
+  .el-form--inline .el-form-item {
+    margin-right: 44px;
   }
   .size-hui{
-    font-size: 14px;
-    margin-bottom: 10px;
-    margin-top: 10px;
+    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;
+    .nei {
+      width: 150px;
+    }
   }
   .size-bole{
-    font-weight: bold;
+    //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;
+  }
+  .icon-img{
+    //margin-left: 110px;
+    width: 100%;
+    height: 20px;
+    margin-right: 5px;
+    img{
+      float: right;
+      //width: 100%;
+      width: 20px;
+      height: 100%;
+    }
   }
   .wgang{
     width: 100%;
@@ -663,5 +742,16 @@ export default {
     color: grey;
     margin: 10px 0;
   }
+  .box1{
+    padding: 5px;
+    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;
+  }
 </style>
diff --git a/fuintCashierWeb/src/views/cashier/vipComponents/balanceList.vue b/fuintCashierWeb/src/views/cashier/vipComponents/balanceList.vue
index 46963d4cb..8ce155215 100644
--- a/fuintCashierWeb/src/views/cashier/vipComponents/balanceList.vue
+++ b/fuintCashierWeb/src/views/cashier/vipComponents/balanceList.vue
@@ -3,23 +3,23 @@
     <el-card class="box-card">
         <el-tabs v-model="activeName" @tab-click="handleClick">
           <el-tab-pane label="储值卡变动记录" name="balanceCard">
-            <div style="display: flex;">
+            <div style="">
               <!--        <div class="top-app-sou">-->
               <el-form  size="small" :inline="true" label-width="100px" :model="queryParams">
-                <el-form-item label="充值变化类型" prop="changeType">
+                <el-form-item label="" prop="changeType">
                   <el-select
                     v-model="queryParams.changeType"
                     clearable
-                    placeholder="全部"
+                    placeholder="充值变化类型"
                   >
                     <el-option label="充值" :value="1"></el-option>
                     <el-option label="消费" :value="0"></el-option>
                   </el-select>
                 </el-form-item>
-                <el-form-item label="订单号">
+                <el-form-item label="">
                   <el-input v-model="queryParams.orderNo" clearable placeholder="订单号检索"></el-input>
                 </el-form-item>
-                <el-form-item label="交易时间">
+                <el-form-item label="">
 <!--                  <el-date-picker-->
 <!--                    v-model="dateRange"-->
 <!--                    style="width: 240px"-->
@@ -44,7 +44,7 @@
                     placeholder="结束日期">
                   </el-date-picker>
                 </el-form-item>
-                <el-form-item>
+                <el-form-item style="float: right">
                   <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
                 </el-form-item>
               </el-form>
@@ -55,7 +55,9 @@
             </div>
             <el-card class="box-card">
               <div slot="header" class="clearfix">
-                <span>储值卡统计</span>
+                <span>
+余额统计
+                </span>
               </div>
               <div class="box-gang">
                 <!--          <div class="box" v-for="(item,index) in 7" :key="index">-->
@@ -67,20 +69,41 @@
                 <!--            <div class="size-bole">{{ totalBalance.toFixed(2) }}</div>-->
                 <!--          </div>-->
                 <div class="box">
-                  <div class="size-hui">充值笔数</div>
                   <div class="size-bole">{{ inCount }}</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>
                 <div class="box">
-                  <div class="size-hui">充值总额</div>
                   <div class="size-bole">{{ totalRecharge.toFixed(2) }}</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 class="box">
-                  <div class="size-hui">消费笔数</div>
+                </div>
+                <div class="box1">
                   <div class="size-bole">{{ outCount }}</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>
-                <div class="box">
-                  <div class="size-hui">消费总额</div>
+                <div class="box1">
                   <div class="size-bole">{{ totalConsumption.toFixed(2) }}</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>
               </div>
             </el-card>
@@ -138,23 +161,23 @@
             </el-card>
           </el-tab-pane>
           <el-tab-pane label="囤油卡变动记录" name="ascendCard">
-            <div style="display: flex;">
+            <div style="">
               <!--        <div class="top-app-sou">-->
               <el-form  size="small" :inline="true" label-width="100px" :model="queryParams">
-                <el-form-item label="充值变化类型" prop="changeType">
+                <el-form-item label="" prop="changeType">
                   <el-select
                     v-model="queryParams.changeType"
                     clearable
-                    placeholder="全部"
+                    placeholder="充值变化类型"
                   >
                     <el-option label="充值" :value="1"></el-option>
                     <el-option label="消费" :value="0"></el-option>
                   </el-select>
                 </el-form-item>
-                <el-form-item label="订单号">
+                <el-form-item label="">
                   <el-input v-model="queryParams.orderNo" clearable placeholder="订单号检索"></el-input>
                 </el-form-item>
-                <el-form-item label="交易时间">
+                <el-form-item label="">
 <!--                  <el-date-picker-->
 <!--                    v-model="dateRange"-->
 <!--                    style="width: 240px"-->
@@ -179,7 +202,7 @@
                     placeholder="结束日期">
                   </el-date-picker>
                 </el-form-item>
-                <el-form-item>
+                <el-form-item style="float: right">
                   <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
                 </el-form-item>
               </el-form>
@@ -198,20 +221,40 @@
                 <!--            <div class="size-bole">55</div>-->
                 <!--          </div>-->
                 <div class="box">
-                  <div class="size-hui">充值笔数</div>
                   <div class="size-bole">{{ inCount1 }}</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>
                 <div class="box">
-                  <div class="size-hui">充值总额</div>
                   <div class="size-bole">{{ totalRecharge1.toFixed(2) }}</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>
-                <div class="box">
-                  <div class="size-hui">消费笔数</div>
+                <div class="box1">
                   <div class="size-bole">{{ outCount1 }}</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>
-                <div class="box">
-                  <div class="size-hui">消费总额</div>
+                <div class="box1">
                   <div class="size-bole">{{ totalConsumption1.toFixed(2) }}</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>
               </div>
             </el-card>
@@ -752,20 +795,63 @@ import {oilNumbers} from "@/api/cashier/oilnumber";
     align-items: center;
   }
   .box{
-    width: 200px;
-    box-sizing: border-box;
-    padding: 10px;
-    background: #f9f9f9;
-    height: 86px;
-    margin-right: 10px;
+    //box-sizing: border-box;
+    padding: 5px;
+    //background: #f9f9f9;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    padding-left: 20px;
+
+    width: 211px;
+    height: 60px;
+    background: rgba(64,158,255,0.05);
+    border-radius: 6px 6px 6px 6px;
+    border: 1px solid #409EFF;
+  }
+  .el-form--inline .el-form-item {
+    margin-right: 44px;
   }
   .size-hui{
-    font-size: 14px;
-    margin-bottom: 10px;
-    margin-top: 10px;
+    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;
+    .nei {
+      width: 150px;
+    }
   }
   .size-bole{
-    font-weight: bold;
+    //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;
+  }
+  .icon-img{
+    //margin-left: 110px;
+    width: 100%;
+    height: 20px;
+    margin-right: 5px;
+    img{
+      float: right;
+      //width: 100%;
+      width: 20px;
+      height: 100%;
+    }
   }
   .wgang{
     width: 100%;
@@ -788,6 +874,17 @@ import {oilNumbers} from "@/api/cashier/oilnumber";
   .top-app-sou{
     width: 20%;
   }
+  .box1{
+    padding: 5px;
+    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;
+  }
 
 </style>
diff --git a/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-1.png b/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-1.png
new file mode 100644
index 000000000..b8ca58e38
Binary files /dev/null and b/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-1.png differ
diff --git a/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-2.png b/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-2.png
new file mode 100644
index 000000000..070eef940
Binary files /dev/null and b/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-2.png differ
diff --git a/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-3.png b/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-3.png
new file mode 100644
index 000000000..158f4b216
Binary files /dev/null and b/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-3.png differ
diff --git a/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-4.png b/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-4.png
new file mode 100644
index 000000000..a0447e8a1
Binary files /dev/null and b/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-4.png differ
diff --git a/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-5.png b/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-5.png
new file mode 100644
index 000000000..e8215fd65
Binary files /dev/null and b/fuintCashierWeb/src/views/cashier/vipComponents/imgs/hy-5.png differ
diff --git a/fuintCashierWeb/src/views/cashier/vipComponents/vipList.vue b/fuintCashierWeb/src/views/cashier/vipComponents/vipList.vue
index 6bd415c2c..44cb9e52d 100644
--- a/fuintCashierWeb/src/views/cashier/vipComponents/vipList.vue
+++ b/fuintCashierWeb/src/views/cashier/vipComponents/vipList.vue
@@ -7,38 +7,38 @@
 <!--              <el-option v-for="item in storeList" :key="item.id+''" :label="item.name" :value="item.id+''"/>-->
 <!--            </el-select>-->
 <!--          </el-form-item>-->
-          <el-form-item label="会员号" prop="userNo">
+          <el-form-item label="" prop="userNo">
             <el-input
               v-model="queryParams.userNo"
-              placeholder="请输入会员号"
+              placeholder="会员号"
               clearable
               style="width: 240px;"
               @keyup.enter.native="handleQuery"
             />
           </el-form-item>
-          <el-form-item label="手机号" prop="mobile">
+          <el-form-item label="" prop="mobile">
             <el-input
               v-model="queryParams.mobile"
-              placeholder="请输入会员手机号"
+              placeholder="手机号"
               clearable
               style="width: 240px;"
               @keyup.enter.native="handleQuery"
             />
           </el-form-item>
-          <el-form-item label="名称" prop="name">
+          <el-form-item label="" prop="name">
             <el-input
               v-model="queryParams.name"
-              placeholder="请输入会员名称"
+              placeholder="会员名称"
               clearable
               style="width: 240px;"
               @keyup.enter.native="handleQuery"
             />
           </el-form-item>
-          <el-form-item label="会员等级" prop="gradeId">
+          <el-form-item label="" prop="gradeId">
             <el-select
               v-model="queryParams.gradeId"
               clearable
-              placeholder="全部"
+              placeholder="会员等级"
             >
               <el-option v-for="grade in userGradeList" :key="grade.id+''" :label="grade.name" :value="grade.id+''"/>
             </el-select>
@@ -47,7 +47,7 @@
             <el-select
               v-model="ifBalance"
               clearable
-              placeholder="全部"
+              placeholder="是否储值余额"
             >
               <el-option label="有储值余额" value="haveBalance"/>
               <el-option label="无储值余额" value="noHaveBalance"/>
@@ -56,7 +56,7 @@
           <el-form-item label="" prop="status">
             <el-select
               v-model="queryParams.official"
-              placeholder="全部"
+              placeholder="状态"
               clearable
               style="width: 240px"
             >
@@ -68,7 +68,7 @@
               />
             </el-select>
           </el-form-item>
-          <el-form-item label="注册时间">
+          <el-form-item label="">
 <!--            <el-date-picker-->
 <!--              v-model="dateRange"-->
 <!--              style="width: 240px"-->
@@ -83,18 +83,18 @@
               v-model="beginTime"
               style="width: 160px"
               type="date"
-              placeholder="开始日期">
+              placeholder="注册开始日期">
             </el-date-picker>
             至
             <el-date-picker
               v-model="endTime"
               style="width: 160px"
               type="date"
-              placeholder="结束日期">
+              placeholder="注册结束日期">
             </el-date-picker>
           </el-form-item>
 
-          <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>
@@ -104,67 +104,76 @@
       <el-card style="margin-top: 20px">
         <div>统计</div>
         <template>
-          <div>
-            <el-row :gutter="20">
-              <el-col :span="4">
-                <div class="sta">
-                  <el-statistic
-                    group-separator=","
-                    :value="total"
-                    title="会员总数"
-                  ></el-statistic>
-                </div>
-              </el-col>
-              <el-col :span="4">
-                <div class="sta">
-                  <el-statistic title="今日新增/昨日新增">
-                    <template slot="formatter">
-                      {{ addNum }}/{{ yesterdayAddNum }}
-                    </template>
-                  </el-statistic>
-                </div>
-              </el-col>
-              <el-col :span="4">
-                <div class="sta">
-                  <el-statistic
-                    group-separator=","
-                    :precision="2"
-                    :value="balance"
-                    title="储值总余额"
-                  ></el-statistic>
-                </div>
-              </el-col>
-              <!--            <el-col :span="4">-->
-              <!--              <div class="sta">-->
-              <!--                <el-statistic-->
-              <!--                  group-separator=","-->
-              <!--                  :precision="2"-->
-              <!--                  :value="literCard"-->
-              <!--                  title="升数卡总余额"-->
-              <!--                ></el-statistic>-->
-              <!--              </div>-->
-              <!--            </el-col>-->
-              <el-col :span="4">
-                <div class="sta">
-                  <el-statistic
-                    group-separator=","
-                    :value="point"
-                    title="积分总余额"
-                  ></el-statistic>
-                </div>
-              </el-col>
-              <!--            <el-col :span="4">-->
-              <!--              <div class="sta">-->
-              <!--                <el-statistic-->
-              <!--                  group-separator=","-->
-              <!--                  :precision="2"-->
-              <!--                  :value="refuelMoney"-->
-              <!--                  title="加油金余额"-->
-              <!--                ></el-statistic>-->
-              <!--              </div>-->
-              <!--            </el-col>-->
-            </el-row>
+          <div class="ds-dbox">
+            <div class="k-one">
+              <div class="title_">激活会员总数</div>
+              <div class="num-size">{{total}}</div>
+              <img class="r-bot-img" src="./imgs/hy-1.png" alt="">
+            </div>
+
+            <div class="k-two">
+              <div class="title_">今日新增/昨日新增</div>
+              <div class="num-size"> {{ addNum }}/{{ yesterdayAddNum }}</div>
+              <img class="r-bot-img" src="./imgs/hy-2.png" alt="">
+            </div>
+            <div class="k-three">
+              <div class="title_">充值总人数(jiku)</div>
+              <div class="num-size">{{balance}}</div>
+              <img class="r-bot-img" src="./imgs/hy-3.png" alt="">
+            </div>
+            <div class="k-four">
+              <div class="title_">储值总余额</div>
+              <div class="num-size">{{balance}}</div>
+              <img class="r-bot-img" src="./imgs/hy-4.png" alt="">
+            </div>
+            <div class="k-five">
+              <div class="title_">积分总余额</div>
+              <div class="num-size">{{point}}</div>
+              <img class="r-bot-img" src="./imgs/hy-5.png" alt="">
+            </div>
+            <!--          <el-row :gutter="20">-->
+            <!--            <el-col :span="4">-->
+            <!--              <div class="sta">-->
+            <!--                <el-statistic-->
+            <!--                  group-separator=","-->
+            <!--                  :value="total"-->
+            <!--                  title="会员总数"-->
+            <!--                ></el-statistic>-->
+            <!--              </div>-->
+            <!--            </el-col>-->
+            <!--            <el-col :span="4">-->
+            <!--              <div class="sta">-->
+            <!--                <el-statistic title="今日新增/昨日新增">-->
+            <!--                  <template slot="formatter">-->
+            <!--                    {{ addNum }}/{{ yesterdayAddNum }}-->
+            <!--                  </template>-->
+            <!--                </el-statistic>-->
+            <!--              </div>-->
+            <!--            </el-col>-->
+            <!--            <el-col :span="4">-->
+            <!--              <div class="sta">-->
+            <!--                <el-statistic-->
+            <!--                  group-separator=","-->
+            <!--                  :precision="2"-->
+            <!--                  :value="balance"-->
+            <!--                  title="储值总余额"-->
+            <!--                ></el-statistic>-->
+            <!--              </div>-->
+            <!--            </el-col>-->
+
+            <!--            <el-col :span="4">-->
+            <!--              <div class="sta">-->
+            <!--                <el-statistic-->
+            <!--                  group-separator=","-->
+            <!--                  :value="point"-->
+            <!--                  title="积分总余额"-->
+            <!--                ></el-statistic>-->
+            <!--              </div>-->
+            <!--            </el-col>-->
+
+            <!--          </el-row>-->
           </div>
+
         </template>
       </el-card>
 
@@ -882,5 +891,81 @@
     background: #f6f8f9;
     padding-top: 30px;
   }
+  .ds-dbox{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    padding: 15px;
+  }
+  .k-one{
+    width: 19%;
+    border-radius: 10px;
+    border: 1px solid #F5DF1A;
+    background: rgba(252,238,109,0.1);
+    box-sizing: border-box;
+    padding: 20px;
+    position: relative;
+    overflow: hidden;
+  }
+  .k-two{
+    width: 19%;
+    border-radius: 10px;
+    border: 1px solid #0ECB98;
+    background:rgba(14, 203, 152, 0.10);
+    box-sizing: border-box;
+    padding: 20px;
+    position: relative;
+    overflow: hidden;
+  }
+  .k-three{
+    width: 19%;
+    border-radius: 10px;
+    border: 1px solid #409EFF;
+    background: rgba(64,158,255,0.1);
+    box-sizing: border-box;
+    padding: 20px;
+    position: relative;
+    overflow: hidden;
+  }
+  .k-four{
+    width: 19%;
+    border-radius: 10px;
+    border: 1px solid #FF8E8D;
+    background: rgba(255,142,141,0.1);
+    box-sizing: border-box;
+    padding: 20px;
+    position: relative;
+    overflow: hidden;
+  }
+  .k-five{
+    width: 19%;
+    border-radius: 10px;
+    border: 1px solid #647CFF;
+    background: rgba(100,124,255,0.1);
+    box-sizing: border-box;
+    padding: 20px;
+    position: relative;
+    overflow: hidden;
+  }
+  .r-bot-img{
+    position: absolute;
+    bottom: 5px;
+    right: 5px;
+    width:54px;
+    height: 50px;
 
+  }
+
+  .title_{
+    font-weight: 400;
+    font-size: 14px;
+    color: #999999;
+    margin-bottom: 10px;
+  }
+  .num-size{
+    font-size: 28px;
+    color: #333333;
+    font-weight: bold;
+  }
 </style>