Browse Source

style: 调整首页样式间距和日期组件布局

huoyi 1 month ago
parent
commit
9ed096bfe6
1 changed files with 15 additions and 8 deletions
  1. 15 8
      src/pages/home-new/index.vue

+ 15 - 8
src/pages/home-new/index.vue

@@ -304,7 +304,6 @@ export default {
304
                 const { pendingCount } = securityCheckerData || {};
304
                 const { pendingCount } = securityCheckerData || {};
305
                 return pendingCount;
305
                 return pendingCount;
306
             } else if (this.role.includes('kezhang')) {
306
             } else if (this.role.includes('kezhang')) {
307
-                
308
                 const { sectionMasterData } = this.seizeData;
307
                 const { sectionMasterData } = this.seizeData;
309
                 const { pendingCount } = sectionMasterData || {};
308
                 const { pendingCount } = sectionMasterData || {};
310
                 // 科长、SecurityCheck角色:显示班组、科级和站级排名
309
                 // 科长、SecurityCheck角色:显示班组、科级和站级排名
@@ -856,7 +855,7 @@ export default {
856
             } else if (this.role.includes('kezhang')) {
855
             } else if (this.role.includes('kezhang')) {
857
                 // kezhang角色:主管、站平均、前三名班组(isImage: true)
856
                 // kezhang角色:主管、站平均、前三名班组(isImage: true)
858
                 return [
857
                 return [
859
-                    { label: '主管平均', value: ((departmentPassRate || 0) * 100).toFixed(2), isImage: false },
858
+                    { label: '主管', value: ((departmentPassRate || 0) * 100).toFixed(2), isImage: false },
860
                     { label: '大队平均', value: ((brigadePassRate || 0) * 100).toFixed(2), isImage: false, color: brigadePassRate < personalPassRate ? '#00AE41' : '#F96060' },
859
                     { label: '大队平均', value: ((brigadePassRate || 0) * 100).toFixed(2), isImage: false, color: brigadePassRate < personalPassRate ? '#00AE41' : '#F96060' },
861
                     { label: '站平均', value: ((stationPassRate || 0) * 100).toFixed(2), isImage: false, color: stationPassRate < departmentPassRate ? '#00AE41' : '#F96060' },
860
                     { label: '站平均', value: ((stationPassRate || 0) * 100).toFixed(2), isImage: false, color: stationPassRate < departmentPassRate ? '#00AE41' : '#F96060' },
862
 
861
 
@@ -909,7 +908,7 @@ export default {
909
             } else if (this.role.includes('kezhang')) {
908
             } else if (this.role.includes('kezhang')) {
910
                 // kezhang角色:主管、站平均、前三名班组(isImage: true)
909
                 // kezhang角色:主管、站平均、前三名班组(isImage: true)
911
                 return [
910
                 return [
912
-                    { label: '主管平均', value: (deptAvgAccuracy || 0), isImage: false, },
911
+                    { label: '主管', value: (deptAvgAccuracy || 0), isImage: false, },
913
                     { label: '大队平均', value: (brigadeAvgAccuracy || 0), isImage: false, color: brigadeAvgAccuracy < deptAvgAccuracy ? '#00AE41' : '#F96060' },
912
                     { label: '大队平均', value: (brigadeAvgAccuracy || 0), isImage: false, color: brigadeAvgAccuracy < deptAvgAccuracy ? '#00AE41' : '#F96060' },
914
                     { label: '站平均', value: (siteAvgAccuracy || 0), isImage: false, color: siteAvgAccuracy < deptAvgAccuracy ? '#00AE41' : '#F96060' },
913
                     { label: '站平均', value: (siteAvgAccuracy || 0), isImage: false, color: siteAvgAccuracy < deptAvgAccuracy ? '#00AE41' : '#F96060' },
915
 
914
 
@@ -973,7 +972,7 @@ export default {
973
 
972
 
974
                 // kezhang角色:主管、站平均、前三名班组(isImage: true)
973
                 // kezhang角色:主管、站平均、前三名班组(isImage: true)
975
                 return [
974
                 return [
976
-                    { label: '主管平均', value: departmentAverage || 0, isImage: false },
975
+                    { label: '主管', value: departmentAverage || 0, isImage: false },
977
                     { label: '大队平均', value: brigadeAverage || 0, isImage: false, color: brigadeAverage < departmentAverage ? '#00AE41' : '#F96060' },
976
                     { label: '大队平均', value: brigadeAverage || 0, isImage: false, color: brigadeAverage < departmentAverage ? '#00AE41' : '#F96060' },
978
                     { label: '站平均', value: (stationAverage && stationAverage.toFixed(2)) || 0, isImage: false, color: stationAverage < departmentAverage ? '#00AE41' : '#F96060' }
977
                     { label: '站平均', value: (stationAverage && stationAverage.toFixed(2)) || 0, isImage: false, color: stationAverage < departmentAverage ? '#00AE41' : '#F96060' }
979
                     // { label: this.getObjByRank(topThreeTeams, 1).teamName, value: '/static/images/icon/one.png', isImage: true },
978
                     // { label: this.getObjByRank(topThreeTeams, 1).teamName, value: '/static/images/icon/one.png', isImage: true },
@@ -1474,8 +1473,8 @@ img {
1474
     position: relative;
1473
     position: relative;
1475
     display: flex;
1474
     display: flex;
1476
     align-items: center;
1475
     align-items: center;
1477
-    gap: 24rpx;
1478
-    margin-left: 10rpx;
1476
+    gap: 12rpx;
1477
+    margin-left: 15rpx;
1479
     flex-wrap: wrap;
1478
     flex-wrap: wrap;
1480
     // width: 350rpx;
1479
     // width: 350rpx;
1481
 }
1480
 }
@@ -1494,20 +1493,28 @@ img {
1494
     ::v-deep .uni-date-x {
1493
     ::v-deep .uni-date-x {
1495
         height: 25rpx !important;
1494
         height: 25rpx !important;
1496
         line-height: 25rpx !important;
1495
         line-height: 25rpx !important;
1496
+        min-width: auto !important;
1497
 
1497
 
1498
         .range-separator {
1498
         .range-separator {
1499
-            font-size: 20rpx !important;
1500
-            padding: 0 !important
1499
+            font-size: 23rpx !important;
1500
+            padding: 0 8rpx !important;
1501
+            margin: 0 !important;
1501
         }
1502
         }
1502
 
1503
 
1503
         .uni-date__x-input {
1504
         .uni-date__x-input {
1505
+            width: auto !important;
1506
+            min-width: auto !important;
1504
             height: 25rpx !important;
1507
             height: 25rpx !important;
1505
             line-height: 25rpx !important;
1508
             line-height: 25rpx !important;
1509
+            padding: 0 !important;
1510
+            margin: 0 !important;
1506
         }
1511
         }
1507
     }
1512
     }
1508
 
1513
 
1509
     ::v-deep .uni-date-x--border {
1514
     ::v-deep .uni-date-x--border {
1510
         border: none !important;
1515
         border: none !important;
1516
+        padding: 0 !important;
1517
+        margin: 0 !important;
1511
     }
1518
     }
1512
 }
1519
 }
1513
 
1520