Просмотр исходного кода

style(mobile): 请假列表加大姓名、天数、是否离校字号便于核查

Co-authored-by: Cursor <cursoragent@cursor.com>
“wuzhen” 1 месяц назад
Родитель
Сommit
c2905e78f1
1 измененных файлов с 55 добавлено и 12 удалено
  1. 55 12
      mobile/src/pages/xg/xsjcxx/xsqj/leave/index.vue

+ 55 - 12
mobile/src/pages/xg/xsjcxx/xsqj/leave/index.vue

@@ -157,18 +157,23 @@
                             <!-- 请假天数和是否离校放一行 -->
                             <view class="info-item-row">
                                 <view class="info-item-half">
-                                    <text class="label">请假天数:</text>
+                                    <text class="label highlight-label">请假天数:</text>
                                     <text class="value duration">
                                         {{ item.leaveDuration || '0' }}天
                                     </text>
                                 </view>
                                 <view class="info-item-half">
-                                    <text class="label">是否离校:</text>
-                                    <u-tag
-                                        :text="$getDictLabel(sys_yesno, item.isLeaveSchool)"
-                                        :type="getYesNoType(item.isLeaveSchool)"
-                                        size="mini"
-                                    ></u-tag>
+                                    <text class="label highlight-label">是否离校:</text>
+                                    <text
+                                        class="value leave-school"
+                                        :class="
+                                            item.isLeaveSchool === '1' || item.isLeaveSchool === 1
+                                                ? 'is-yes'
+                                                : 'is-no'
+                                        "
+                                    >
+                                        {{ $getDictLabel(sys_yesno, item.isLeaveSchool) || '-' }}
+                                    </text>
                                 </view>
                             </view>
                             <!-- 是否需要销假和销假状态放一行 -->
@@ -999,9 +1004,10 @@ export default {
 }
 
 .student-name {
-    font-size: 32rpx;
-    font-weight: bold;
-    color: #303133;
+    font-size: 40rpx;
+    font-weight: 700;
+    color: #1a1a1a;
+    letter-spacing: 1rpx;
 }
 
 .student-no {
@@ -1085,6 +1091,13 @@ export default {
         min-width: 100rpx;
         margin-right: 8rpx;
         flex-shrink: 0;
+
+        &.highlight-label {
+            font-size: 28rpx;
+            font-weight: 600;
+            color: #303133;
+            min-width: 140rpx;
+        }
     }
 
     .value {
@@ -1094,8 +1107,24 @@ export default {
         word-break: break-all;
 
         &.duration {
-            font-weight: 600;
+            font-size: 36rpx;
+            font-weight: 700;
             color: #007aff;
+            line-height: 1.3;
+        }
+
+        &.leave-school {
+            font-size: 36rpx;
+            font-weight: 700;
+            line-height: 1.3;
+
+            &.is-yes {
+                color: #e6a23c;
+            }
+
+            &.is-no {
+                color: #67c23a;
+            }
         }
     }
 }
@@ -1115,10 +1144,24 @@ export default {
     word-break: break-all;
 
     &.duration {
-        font-weight: 600;
+        font-size: 36rpx;
+        font-weight: 700;
         color: #007aff;
     }
 
+    &.leave-school {
+        font-size: 36rpx;
+        font-weight: 700;
+
+        &.is-yes {
+            color: #e6a23c;
+        }
+
+        &.is-no {
+            color: #67c23a;
+        }
+    }
+
     &.reason {
         line-height: 1.6;
     }