From a169bda5b19db4714d2aa476504e58105228cc40 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期二, 30 五月 2023 18:01:55 +0800
Subject: [PATCH] 1.对接移动端

---
 src/views/kb/zhkb.vue |   57 +++++++++++++++++++++++++++++++++++++++------------------
 1 files changed, 39 insertions(+), 18 deletions(-)

diff --git a/src/views/kb/zhkb.vue b/src/views/kb/zhkb.vue
index c6e29ee..f4073cb 100644
--- a/src/views/kb/zhkb.vue
+++ b/src/views/kb/zhkb.vue
@@ -23,8 +23,23 @@
             <div class="smallTitle">
               <svg-icon icon-class="cxjg" class="svg_class" />
               浜х嚎鍔犲伐涓换鍔�
+              <div style="display: flex;margin-left: 85px;">
+
+                <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>-->
+                <!--                <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="lineContent horn">
+            <div class="lineContent horn" style="height: 434px;">
               <div v-for="item in lineContent3" :key="item.workcode" class="kb_left_top_block">
                 <div class="kb_block02 kb_pd10">
                   <div>
@@ -73,13 +88,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)"
                         />
@@ -132,7 +147,7 @@
                 <el-table-column
                   prop="lm_date"
                   label="娲惧彂鏃堕棿"
-                  width="120"
+                  width="140"
                 >
                   <template slot-scope="{row}">
                     <div>{{ row.lm_date.substring(0, 10) }}</div>
@@ -141,7 +156,7 @@
                 <el-table-column
                   prop="saleOrderCode"
                   label="閿�鍞鍗曞彿"
-                  width="170"
+                  width="190"
                 >
                   <template slot-scope="{row}">
                     <div v-if="row.saleOrderCode">{{ row.saleOrderCode }}</div>
@@ -166,21 +181,21 @@
                 <el-table-column
                   prop="plan_qty"
                   label="浠诲姟鏁伴噺"
-                  width="105"
+                  width="125"
                 />
                 <el-table-column
                   prop="good_qty"
                   label="瀹屽伐鏁伴噺"
-                  width="105"
+                  width="125"
                 />
-                <el-table-column
-                  prop="ng_qty"
-                  label="涓嶈壇鏁伴噺"
-                  width="105"
-                />
+                <!--                <el-table-column-->
+                <!--                  prop="ng_qty"-->
+                <!--                  label="涓嶈壇鏁伴噺"-->
+                <!--                  width="105"-->
+                <!--                />-->
                 <el-table-column
                   label="瀹屾垚鐜�"
-                  width="105"
+                  width="130"
                 >
                   <template slot-scope="{row}">
                     <div>{{ parseFloat((row.good_qty * 100 / row.plan_qty).toFixed(2)) }}%</div>
@@ -464,7 +479,7 @@
               }
             })
           }
-        }, this.tableDataLeftBottom.length <= 10 ? 1000 * 5 : 100)
+        }, this.tableDataLeftBottom.length <= 10 ? 1000 * 15 : 100)
       })
     },
 
@@ -650,6 +665,12 @@
 ::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