优化首页

src/pages/home/index.vue

@@ -227,7 +227,7 @@ export default {
       isGoodsPanel: false, //控制确认核销打开关闭
       goodsCode: "", //美妆核销码
       goodsList: "", //美妆核销信息
-      orderKeyWord:'',//订单搜索关键字
+      orderKeyWord: "", //订单搜索关键字
     };
   },
   components: {
@@ -238,7 +238,6 @@ export default {
   created: function () {
     this.getTotal();
     // this.getToday()
-    this.getDate();
   },
   destroyed() {
     this.cancelScan();
@@ -249,7 +248,7 @@ export default {
     goodsPickUp() {
       api.goodsPickUp({ code: this.goodsCode }).then((res) => {
         this.goodsList = res.data;
-		this.isGoodsPanel = true;
+        this.isGoodsPanel = true;
       });
     },
     // 美妆产品取货
@@ -257,7 +256,7 @@ export default {
       api.goodsTakeOut({ id: this.goodsList.id }).then((res) => {
         if (res.code == 200) {
           this.$message.success("取货成功");
-          this.isGoodsPanel=false
+          this.isGoodsPanel = false;
           this.goodsCode = "";
           this.goodsList = "";
         }
@@ -277,24 +276,6 @@ export default {
         },
       });
     },
-    // 获取当天日期&&当天预约总数
-    getDate() {
-      let date = new Date();
-      this.date = date.getMonth() + 1 + "月" + date.getDate() + "日";
-      let day =
-        date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
-      api
-        .reservedRecords({
-          day,
-        })
-        .then((res) => {
-          let total = 0;
-          res.data.forEach((item) => {
-            total = item.list.length + total;
-          });
-          this.totalSum = total;
-        });
-    },
     // 扫码核销订单
     cancelQR() {
       this.startRecognize();
@@ -362,6 +343,11 @@ export default {
           this.tabList[0].num = res.data.order_num;
           this.tabList[1].num = res.data.wait_pay_num;
           this.tabList[2].num = res.data.cancel_num;
+          // 今天日期
+          let date = new Date();
+          this.date = date.getMonth() + 1 + "月" + date.getDate() + "日";
+          // 订单总数
+          this.totalSum = Number(res.data.order_num)+Number(res.data.wait_pay_num)+Number(res.data.cancel_num)
         }
       });
     },
@@ -372,20 +358,21 @@ export default {
       this.loading = false;
       this.finished = false;
       this.page = 1;
+      this.getToday();
     },
     //搜索订单
-    searchOrder(){
+    searchOrder() {
       setTimeout(() => {
         api
           .getToday({
             page: 1,
             limit: 20,
             type: 0,
-            keywords:this.orderKeyWord
+            keywords: this.orderKeyWord,
           })
           .then((res) => {
             if ((res.code = 200)) {
-              this.orderList = res.data.list
+              this.orderList = res.data.list;
             }
           });
       }, 1000);
@@ -692,28 +679,27 @@ export default {
   .order-list {
     margin-top: 18px;
     width: 100%;
-    background: #ffffff;
+    background: #f7f8fa;
     box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);
     border-radius: 8px;
     overflow: hidden;
 
-    // padding:0px 12px 14px 12px;
     .order-list-top {
       width: 100%;
       height: 48px;
       display: flex;
-
+      background-color: #fff;
       .tab {
         width: 402px;
         height: 48px;
         background-color: #ffffff;
         display: flex;
         overflow: hidden;
-
+        border-radius: 8px;
         .tabItem {
           width: 134px;
           height: 48px;
-          background: #ffffff;
+          background-color: #ffffff;
           text-align: center;
           line-height: 48px;
           font-size: 20px;
@@ -722,6 +708,7 @@ export default {
           position: relative;
           display: flex;
           justify-content: center;
+          border-radius: 8px;
         }
 
         .tabName {
@@ -753,7 +740,7 @@ export default {
 
       .search {
         flex: 1;
-        border-radius: 0px 0px 0px 30px;
+        border-radius: 0px 0px 0px 24px;
         background-color: #f7f8fa;
         display: flex;
         align-items: center;
@@ -792,7 +779,9 @@ export default {
     .list-info {
       height: 450px;
       overflow: auto;
-
+      border-radius: 0 8px 0 0;
+      overflow: hidden;
+      background-color: #fff;
       .user-info {
         padding: 14px 0;
         border-bottom: 1px solid #e6e6e6;