From 841c2c721623cce0a68ce9ec47507636ac5fab58 Mon Sep 17 00:00:00 2001
From: qiuyt <zane0312@foxmail.com>
Date: Thu, 21 Nov 2024 14:30:25 +0800
Subject: [PATCH] =?UTF-8?q?1=E3=80=81=E5=8D=95=E6=8D=AE=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E7=95=8C=E9=9D=A2=E5=A2=9E=E5=8A=A0=E9=87=87?=
 =?UTF-8?q?=E8=B4=AD=E5=92=8C=E9=94=80=E5=94=AE=20=E7=A0=81=E6=95=B0?=
 =?UTF-8?q?=E8=BF=9B=E8=A1=8C=E8=AE=A1=E7=AE=97=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/collect/CollectOrderStats.vue | 115 +++++++++++++++++++-----
 1 file changed, 95 insertions(+), 20 deletions(-)

diff --git a/src/views/collect/CollectOrderStats.vue b/src/views/collect/CollectOrderStats.vue
index 68c34d2c..0644fbac 100644
--- a/src/views/collect/CollectOrderStats.vue
+++ b/src/views/collect/CollectOrderStats.vue
@@ -145,7 +145,7 @@
                 已上传单据
               </span>
             <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#394047'}">
-                {{ alreadyUploadingCount }}
+                {{ stats.alreadyUploadingCount }}
               </span>
           </div>
         </el-row>
@@ -168,7 +168,7 @@
               </span>
             <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#394047'}">
 
-                {{ notUploadingCount }}
+                {{ stats.notUploadingCount }}
               </span>
           </div>
         </el-row>
@@ -189,14 +189,86 @@
                 上传失败单据
               </span>
             <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#394047'}">
-                {{ uploadingFailCount }}
+                {{ stats.uploadingFailCount }}
               </span>
           </div>
         </el-row>
       </el-card>
     </div>
 
+    <div class="mt10 grid-container grid-container3" style="height: 15%">
+
+
+      <el-card class="grid-item" body-style="padding:0px;height:100%"  >
+
+        <el-row >
+          <div class="height-full fl center ml20" style="width: 30%" >
+            <el-image style="border-radius: 4%;width: 90%;height: 90%"
+                      :src="alreadyUploadingSvg"
+            >
+              <div slot="placeholder" class="image-slot">
+                加载中<span class="dot">...</span>
+              </div>
+            </el-image>
+          </div>
+          <div class="height-full fr center mr20" >
+              <span class="header d-block">
+                总上传码数量
+              </span>
+            <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#394047'}">
+                {{ stats.codeCount }}
+              </span>
+          </div>
+        </el-row>
+      </el-card>
+
+      <el-card class="grid-item" body-style="padding:0px;height:100%">
+        <el-row>
+          <div class="height-full fl center ml20" style="width: 30%" >
+            <el-image style="border-radius: 4%;width: 90%;height: 90%"
+                      :src="notUploadingSvg"
+            >
+              <div slot="placeholder" class="image-slot">
+                加载中<span class="dot">...</span>
+              </div>
+            </el-image>
+          </div>
+          <div class="height-full fr center mr20" >
+              <span class="header d-block">
+               采购上传率
+              </span>
+            <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#394047'}">
+
+                {{ stats.buyerCentage }}%
+              </span>
+          </div>
+        </el-row>
+      </el-card>
+      <el-card class="grid-item" body-style="padding:0px;height:100%">
+        <el-row>
+          <div class="height-full fl center ml20" style="width: 30%" >
+            <el-image style="border-radius: 4%;width: 90%;height: 90%"
+                      :src="notUploadingSvg"
+            >
+              <div slot="placeholder" class="image-slot">
+                加载中<span class="dot">...</span>
+              </div>
+            </el-image>
+          </div>
+          <div class="height-full fr center mr20">
+              <span class="header d-block">
+                销售上传率
+              </span>
+            <span class="d-block mt10" :style="{'font-size': '32px','font-weight': 'bolder',color:'#394047'}">
+                {{ stats.salesCentage }}%
+              </span>
+          </div>
+        </el-row>
+      </el-card>
+    </div>
   </div>
+
+
 </template>
 
 <script>
@@ -224,9 +296,15 @@ export default {
       alreadyUploadingSvg: alreadyUploadingSvg,
       notUploadingSvg: notUploadingSvg,
       uploadingFailSvg: uploadingFailSvg,
-      alreadyUploadingCount: 0,
-      notUploadingCount: 0,
-      uploadingFailCount: 0,
+      stats:{
+        alreadyUploadingCount: 0,
+        notUploadingCount: 0,
+        uploadingFailCount: 0,
+        buyerCentage: 0,
+        salesCentage: 0,
+        codeCount: 0,
+      },
+
       // 待办==================================================
       msgLoading: false,
       todoCount: 0,
@@ -327,26 +405,23 @@ export default {
         this.filterQuery.endTime = null
       }
       uploadCount(this.filterQuery).then(res => {
-        // console.log('res',res)
+        console.log('res111',res)
 
         if (res.code === 20000) {
           // this.loading = false
           // this.list = res.data || []
           // console.log('res.data',res.data)
-          this.notUploadingCount = 0
-          this.alreadyUploadingCount = 0
-          this.uploadingFailCount = 0
-
-          for (let map of res.data) {
-
-            if(map.uploadStatus == "1"){
-              this.notUploadingCount = map.count
-            }else if(map.uploadStatus == "2"){
-              this.alreadyUploadingCount  = map.count
-            }else if(map.uploadStatus == "3"){
-              this.uploadingFailCount = map.count
-            }
+          this.stats = {
+            notUploadingCount:res.data.notUploadingCount,
+            alreadyUploadingCount:res.data.alreadyUploadingCount,
+            uploadingFailCount:res.data.uploadingFailCount,
+            buyerCentage:res.data.buyerCentage,
+            salesCentage:res.data.salesCentage,
+            codeCount:res.data.codeCount,
           }
+
+
+
         }else {
           // this.loading = false
           this.$message.error(res.message);