From 8b033d88fc8a2d36e25534d7f6b7b15bc8582f1f Mon Sep 17 00:00:00 2001
From: xielue <gd_star@163.com>
Date: Tue, 25 Mar 2025 08:26:18 +0800
Subject: [PATCH] =?UTF-8?q?bi=E8=B0=83=E6=95=B40324?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                 |  2 +-
 src/components/baozuo-demo/BottomCharts.vue | 27 ++++++++++++---------
 src/components/baozuo-demo/CenterCmp.vue    |  3 ++-
 src/components/baozuo-demo/LeftChart2.vue   |  3 ++-
 4 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index d54eb08..105547e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,7 @@
 
 <script>
 import datav from './components/baozuo-demo/index.vue' 
-// import datav from './components/datav/index.vue' 
+//import datav from './components/datav/index.vue' 
 
 export default {
   name: 'app',
diff --git a/src/components/baozuo-demo/BottomCharts.vue b/src/components/baozuo-demo/BottomCharts.vue
index 3caeabd..fcc4db1 100644
--- a/src/components/baozuo-demo/BottomCharts.vue
+++ b/src/components/baozuo-demo/BottomCharts.vue
@@ -46,7 +46,7 @@ export default {
       let date = new Date(); // 从今天的日期开始
       for (let i = 1; i <= N; i++) {
         // 格式化日期为'YYYY-MM-DD'
-        const formattedDate = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
+        const formattedDate = `${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
         const formattedDate2 = `${date.getFullYear()}${String(date.getMonth() + 1).padStart(2, '0')}${String(date.getDate()).padStart(2, '0')}`;
 
         // 订单量随机在20到200之间，步长为10
@@ -56,7 +56,7 @@ export default {
         const completedQuantity = Math.floor(Math.random() * (orderQuantity / 10)) * 10;
 
         // 计算完成百分比
-        const completionRate = ((completedQuantity / orderQuantity) * 100).toFixed(2) + '%';
+        const completionRate = ((completedQuantity / orderQuantity) * 100).toFixed(1) + '%';
         // eslint-disable-next-line no-inner-declarations
         function createProgressCircle(percentage) {
           let color, content;
@@ -99,11 +99,14 @@ export default {
           // eslint-disable-next-line no-const-assign
           newDataItem = [
             `PS-${formattedDate2}${String(i).padStart(3, '0')}`,  // 编号
-            `
-              <div style="font-weight:bold;font-size:35px;">
-                ${title}
-              </div>
-            `,  // 固定值
+            //`
+            //  <div style="font-weight:bold;font-size:35px;">
+            //    ${title}
+            //  </div>
+            //`, 
+            title,
+            
+            // 固定值
             formattedDate,  // 日期
             orderQuantity,  // 订单量
             completionRate,  // 完成率
@@ -200,17 +203,17 @@ export default {
         data: generateRandomData(30, 'U1盖板'),
         headerHeight: 50,
         index: true,
-        columnWidth: [80, 300,400],
+        columnWidth: [80, 280,400],
         align: ['center']
       },
 
       config3: { 
 
-        header: ['工单号', '产品名称', '派工日期', '派工数量', '工序进度', '上陶瓷', '气密性QC', '整机组装', '功能QC', '全外观QC', '包装'] ,
+        header: ['工单号', '产品名称', '派工日期', '派工数量', '工序进度', '上陶瓷', '气密性QC', '整机组装', '功能QC', '全外观QC', '包装','剩余数量'] ,
         data: generateRandomData(30, 'U1C智能坐便器[220V]'),
         headerHeight: 50,
-        index: true,
-        columnWidth: [80, 300,400],
+        index: true, 
+        columnWidth: [80, 280,400],
         align: ['center']
       },
       config4: { 
@@ -218,7 +221,7 @@ export default {
         data: generateRandomData(30, 'U1机芯2'),
         headerHeight: 50,
         index: true,
-        columnWidth: [80, 300,400],
+        columnWidth: [80, 280,400],
         align: ['center']
         },
     }
diff --git a/src/components/baozuo-demo/CenterCmp.vue b/src/components/baozuo-demo/CenterCmp.vue
index de2e83d..c63a648 100644
--- a/src/components/baozuo-demo/CenterCmp.vue
+++ b/src/components/baozuo-demo/CenterCmp.vue
@@ -251,7 +251,8 @@ export default {
           data: rawData.map(value => {
             const segments = generateStackData(value);
             return i < segments.length ? segments[i] : 0; // 超出分段返回 0
-          }),
+          }), // 替换为你的数据
+          barWidth: '40%', // 设置柱状图宽度为 40% 的可用空间,
           itemStyle: {
             color: `rgba(135, 206, 235, ${i * 0.1+0.2})`, // 从下往上透明度变化,
             borderColor: 'transparent',
diff --git a/src/components/baozuo-demo/LeftChart2.vue b/src/components/baozuo-demo/LeftChart2.vue
index 1c88f84..1b99653 100644
--- a/src/components/baozuo-demo/LeftChart2.vue
+++ b/src/components/baozuo-demo/LeftChart2.vue
@@ -122,7 +122,8 @@ export default {
             type: 'bar',
             data: [
             75, 65, 68, 69, 40, 82
-            ],
+            ], // 替换为你的数据
+            barWidth: '40%', // 设置柱状图宽度为 40% 的可用空间,
             markPoint: {
               data: [
                 { type: 'max', name: 'Max' },