评估对象页面

src/pages/business_envInformation_monthly/components/secondary_menu/Step01.js

@@ -64,17 +64,67 @@ const dataSource = {
             key: '1',
             deptName: 'xxxx部',
             workshopName: '第五车间',
-            workshopType: '喷漆车间',
+            workshopType: '喷涂车间',
             leader: '李斌',
             phone: '0948-45149757',
             area: '生产A区',
             lastEvaluateTime: '2025-11-14 00:19:50',
         },
+        {
+            key: '2',
+            deptName: 'xxxx部',
+            workshopName: '第一车间',
+            workshopType: '电镀车间',
+            leader: '孙亚荣',
+            phone: '061-5042637',
+            area: '公用工程区',
+            lastEvaluateTime: '2025-11-14 07:52:53',
+        },
+        {
+            key: '3',
+            deptName: 'xxxx部',
+            workshopName: '第二车间',
+            workshopType: '电镀车间',
+            leader: '赵慧',
+            phone: '0407-82176847',
+            area: '生产A区',
+            lastEvaluateTime: '2025-11-16 15:45:10',
+        },
+        {
+            key: '4',
+            deptName: 'xxxx部',
+            workshopName: '第一车间',
+            workshopType: '电镀车间',
+            leader: '李昭',
+            phone: '030-60442414',
+            area: '生产B区',
+            lastEvaluateTime: '2025-11-20 04:24:15',
+        },
+        {
+            key: '5',
+            deptName: 'xxxx部',
+            workshopName: 'Tododo2029',
+            workshopType: '电镀车间',
+            leader: '李昭',
+            phone: '030-60442414',
+            area: '生产B区',
+            lastEvaluateTime: '2025-11-20 04:24:15',
+        },
+        {
+            key: '6',
+            deptName: 'xxxx部',
+            workshopName: '午利有限公司',
+            workshopType: '电镀车间',
+            leader: '周国晖',
+            phone: '086-31653597',
+            area: '生产B区',
+            lastEvaluateTime: '2025-11-24 14:42:05',
+        },
     ],
     pagination: {
         currentPage: 1,
-        pageSize: 5,
-        total: 1,
+        pageSize: 10,
+        total: 6,
     },
 };
 

src/pages/business_envInformation_monthly/components/secondary_menu/Step02.js

@@ -8,11 +8,11 @@ const Step02 = () => {
     const gaugeOption = {
         series: [
             {
-                type: 'gauge',
+                type: 'gauge',  // 仪表
                 startAngle: 180,
                 endAngle: 0,
                 min: 0,
-                max: 100,
+                max: 90,
                 splitNumber: 10,
                 radius: '80%',
                 center: ['50%', '75%'],
@@ -20,8 +20,8 @@ const Step02 = () => {
                     lineStyle: {
                         width: 20,
                         color: [
-                            [0.48, '#00FFE1'], // 已填充部分 - 青色
-                            [1, 'rgba(180, 180, 220, 0.3)'] // 未填充部分 - 浅蓝紫色
+                            [0.48, 'rgba(0, 229, 255, 1)'], // 已填充部分 - 青色
+                            [1, '#c3d6fb)'] // 未填充部分 - 浅蓝紫色
                         ]
                     }
                 },
@@ -51,7 +51,7 @@ const Step02 = () => {
                 detail: {
                     show: true,
                     offsetCenter: [0, '10%'],
-                    fontSize: 48,
+                    fontSize: 18,
                     fontWeight: 'bold',
                     color: '#000',
                     formatter: function (value) {
@@ -64,7 +64,7 @@ const Step02 = () => {
                         name: '当前分值',
                         title: {
                             offsetCenter: [0, '25%'],
-                            fontSize: 14,
+                            fontSize: 12,
                             color: '#000'
                         }
                     }

src/pages/business_envInformation_monthly/components/secondary_menu/step01.less

@@ -1,5 +1,3 @@
-
-
 .step01Layout {
     width: 100%;
     height: 100%;
@@ -10,7 +8,7 @@
     .leftPanel {
         width: 20%;
         height: 100%;
-        background-color: green; // 暂定颜色，后续可调整为主题色
+        background: linear-gradient(180deg, #CCFFEF 0%, #FDFEFE 100%);
         display: flex;
         flex-direction: column;
         padding: 10px;
@@ -20,18 +18,55 @@
 
     .leftTop {
         display: flex;
-        gap: 10px;
+        // gap: 10px;
+        width: 80%;
+        align-items: center;
 
         .toggleBtn {
             flex: 1;
+            height: 28px;
+            width: 80%;
+            display: flex;
+            align-items: center;
+            text-align: center;
+            font-size: 14px;
+            border-radius: 0;
+
+            &:first-child {
+                background: rgba(3, 197, 152, 1);
+                border-color: rgba(3, 197, 152, 1);
+                color: #fff;
+
+                &:hover,
+                &:focus,
+                &:active {
+                    background: rgba(3, 197, 152, 1);
+                    border-color: rgba(3, 197, 152, 1);
+                    color: #fff;
+                }
+            }
+
+            &:last-child {
+                background: rgba(226, 255, 228, 1);
+                border-color: rgba(226, 255, 228, 1);
+                color: rgba(169, 169, 169, 1);
+
+                &:hover,
+                &:focus,
+                &:active {
+                    background: rgba(226, 255, 228, 1);
+                    border-color: rgba(226, 255, 228, 1);
+                    color: rgba(169, 169, 169, 1);
+                }
+            }
         }
     }
 
     .leftBottom {
         flex: 1;
-        background-color: #fff;
-        border-radius: 2px;
-        padding: 8px;
+        background-color: transparent;
+        // border-radius: 2px;
+        padding: 2px;
         box-sizing: border-box;
         overflow: auto;
     }
@@ -79,9 +114,12 @@
             height: 100%;
             display: flex;
             flex-direction: column;
+
+            :global {
+                .ant-table-thead>tr>th {
+                    font-weight: 400;
+                }
+            }
         }
     }
 }
-
-
-