From 895591fc02d18c553fa1b93c1732967b2b787c08 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期六, 06 五月 2023 13:06:04 +0800
Subject: [PATCH] 1.系统首页优化

---
 src/views/kb/zhkbc.vue |   47 ++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 36 insertions(+), 11 deletions(-)

diff --git a/src/views/kb/zhkbc.vue b/src/views/kb/zhkbc.vue
index 77be60b..db6d63f 100644
--- a/src/views/kb/zhkbc.vue
+++ b/src/views/kb/zhkbc.vue
@@ -3,7 +3,7 @@
     <div class="kb_dashboard">
       <div class="kb_header">
         <div class="flex_c_c kb_header_text">
-          {{ ShopArr[0] == 21 ? '涓嬫枡杞﹂棿鐪嬫澘' : ShopArr[0] == 22 ? '閲戝伐杞﹂棿鐪嬫澘' : ShopArr[0] == 23 ? '鎶涘厜杞﹂棿鐪嬫澘' : '瑁呴厤杞﹂棿鐪嬫澘' }}
+          {{ ShopArr[0] == 21 ? '涓嬫枡閲戝伐鐪嬫澘' : ShopArr[0] == 22 ? '閲戝伐杞﹂棿鐪嬫澘' : ShopArr[0] == 23 ? '鎶涘厜杞﹂棿鐪嬫澘' : '瑁呴厤杞﹂棿鐪嬫澘' }}
         </div>
         <div class="kb_headerPic" />
         <div class="kb_headTime">
@@ -24,6 +24,21 @@
             <!--            <svg-icon icon-class="sccx" />-->
             浜х嚎鍔犲伐涓换鍔�
             <div style="margin-left: 30px">{{ number1 }} 鍗�</div>
+            <div style="display: flex;margin-left: 25px;">
+
+              <div class="circle" style="background-color: rgb(255 255 255)" />
+              <div style="margin-left: 10px">鏈紑濮�</div>
+
+              <!--              <div class="circle" style="margin-left: 10px;background-color: blue;" />-->
+              <!--              <div style="margin-left: 10px">寮�宸�</div>-->
+
+              <div class="circleYellow" style="margin-left: 10px" />
+              <div style="margin-left: 10px">鎵ц涓�</div>
+
+              <div class="circle" style="margin-left: 10px" />
+              <div style="margin-left: 10px">瀹屽伐</div>
+
+            </div>
           </div>
 
           <div class="kb_left_top kb_pd10">
@@ -76,13 +91,13 @@
                       class="kb_block03_02_content flex_c_c"
                     >
                       <div class="flex_c_c content01">
+                        <!--                        <div-->
+                        <!--                          v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"-->
+                        <!--                          class="circle"-->
+                        <!--                          style="background-color: blue;"-->
+                        <!--                        />-->
                         <div
-                          v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
-                          class="circle"
-                          style="background-color: blue;"
-                        />
-                        <div
-                          v-else-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
+                          v-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"
                           class="circle"
                           style="background-color: rgb(255 255 255)"
                         />
@@ -455,7 +470,6 @@
       }, 1000 * 30)
     },
     // 浜х嚎鍔犲伐涓换鍔�
-    // 浜х嚎鍔犲伐涓换鍔�
     getShopSearchLine() {
       let length, count
       LineSearchTopLeftData({ shopcode: this.ShopArr.join(',') }).then(res => {
@@ -599,7 +613,7 @@
               }
             })
           }
-        }, this.tableData.length <= 10 ? 1000 * 3 : 100)
+        }, this.tableData.length <= 10 ? 1000 * 15 : 100)
       })
     },
     // 褰撴棩瀹屽伐浜у搧鏁伴噺鎺掕
@@ -620,13 +634,13 @@
             LineSearchTopRightData({ shopcode: this.ShopArr.join(',') }).then(res => {
               this.tableDataRank = res.data
 
-              if (this.tableDataRank.length > 9) {
+              if (this.tableDataRank.length > 10) {
                 clearInterval(this.TableDataRankRollTask)
                 this.getTableDataRankRoll()
               }
             })
           }
-        }, this.tableDataRank.length <= 9 ? 1000 * 3 : 100)
+        }, this.tableDataRank.length <= 10 ? 1000 * 3 : 100)
       })
     },
     // 鑾峰彇echarts
@@ -927,4 +941,15 @@
   background-color: rgb(255 255 0);
   border-radius: 50%;
 }
+
+::v-deep .el-table__body-wrapper{
+  overflow: hidden !important;
+}
+
+.circle {
+  width: 26px;
+  height: 26px;
+  background-color: #00ff8b;
+  border-radius: 50%;
+}
 </style>

--
Gitblit v1.9.3