From 4b8f904d932baa7c8afe6c138d1f2d3d6549c0c7 Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Fri, 25 Aug 2023 16:19:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E5=8D=95=E5=AF=B9=E8=B4=A6=E6=97=A0?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=98=BE=E7=A4=BA=E7=A9=BA=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/workOrder/workOrderReconciliation.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/views/workOrder/workOrderReconciliation.vue b/src/views/workOrder/workOrderReconciliation.vue
index 0f692b09..f98382f8 100644
--- a/src/views/workOrder/workOrderReconciliation.vue
+++ b/src/views/workOrder/workOrderReconciliation.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="wrap">
+  <div class="wrap" :style="`backgroundColor: ${show ? '#FAFAFA' : '#F4F5F7'};`">
     <div class="navBar">
       <van-nav-bar
           title="工单对账"
@@ -34,7 +34,7 @@
       </div>
     </div>
 
-    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
+    <van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="height: 100%" v-show="!show">
      <div >
         <div  class="content_wrap" v-for="(item,index) in orderList" :key="index">
           <div class="codeTxt common">
@@ -66,7 +66,9 @@
         </div>
       </div>
     </van-pull-refresh>
-
+    <div style="height: 85% ;background-color: #FAFAFA;display: flex;justify-content: center;align-items: center" v-show="show" >
+      <img style="width: 100%" src="@/assets/empty.png" />
+    </div>
   </div>
 </template>
 
@@ -91,6 +93,7 @@ export default {
       currentDate: new Date(),
       ymTime: '',
       isLoading:"",
+      // show:false
     }
   },
   mounted() {
@@ -100,6 +103,11 @@ export default {
     this.initSelectTime();
     this.getList();
   },
+  computed:{
+    show() {
+      return (this.orderList.length < 0 || this.orderList.length == 0); // 判断数组长度是否大于 0
+    },
+  },
   methods: {
     onRefresh() {
       this.getList()
@@ -185,7 +193,7 @@ export default {
 
 .wrap {
   @include wh(100%, 100%);
-  background: #F4F5F7;
+  //background: #F4F5F7;
   box-sizing: border-box;
   padding: 0 12px;
   overflow-y: auto;