清理css样式

src/pages/view/routine/jc/components/dm.vue

@@ -206,9 +206,8 @@ const tjDm = debounce(async () => {
   padding: 30rpx;
   margin-bottom: 20rpx;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
   
-.section-title {
+  .section-title {
     font-size: 32rpx;
     font-weight: bold;
     color: #333;
@@ -216,6 +215,7 @@ const tjDm = debounce(async () => {
     display: flex;
     justify-content: space-between;
     align-items: center;
+  }
 }
 
 .class-tip {
@@ -245,9 +245,8 @@ const tjDm = debounce(async () => {
   background-color: #fff;
   box-shadow: 0 -2rpx 8rpx rgba(0, 0, 0, 0.1);
   z-index: 10;
-}
   
-.submit-btn {
+  .submit-btn {
     width: 100%;
     height: 80rpx;
     background-color: #007aff;
@@ -261,6 +260,7 @@ const tjDm = debounce(async () => {
       background-color: #d9d9d9;
       color: #999;
     }
+  }
 }
 
 .loading-overlay {
@@ -274,13 +274,13 @@ const tjDm = debounce(async () => {
   justify-content: center;
   align-items: center;
   z-index: 1000;
-}
   
-.loading-content {
+  .loading-content {
     background-color: #fff;
     padding: 40rpx;
     border-radius: 16rpx;
     color: #333;
     font-size: 28rpx;
+  }
 }
 </style>

src/pages/view/routine/jc/components/dmJs.vue

@@ -174,59 +174,6 @@ defineExpose({
   background-color: #f5f5f5;
 }
 
-.status-tag {
-  font-size: 20rpx;
-  padding: 6rpx 16rpx;
-  border-radius: 8rpx;
-  display: flex;
-  align-items: center;
-  gap: 4rpx;
-  
-  &.clickable {
-    cursor: pointer;
-    transition: all 0.2s;
-    
-    &:hover {
-      opacity: 0.8;
-      transform: scale(1.05);
-    }
-  }
-  
-  &.readonly {
-    opacity: 0.8;
-    cursor: not-allowed;
-  }
-  
-  .status-arrow {
-    font-size: 16rpx;
-    opacity: 0.8;
-  }
-}
-
-.status-normal {
-  background-color: #e6f7ff;
-  color: #52c41a;
-}
-
-.status-leave {
-  background-color: #fff7e6;
-  color: #faad14;
-}
-
-.status-absent {
-  background-color: #fff2f0;
-  color: #ff4d4f;
-}
-
-.status-unpaid {
-  background-color: #f9f0ff;
-  color: #722ed1;
-}
-
-.status-unregistered {
-  background-color: #fff0f6;
-  color: #eb2f96;
-}
 
 .flex-row {
   display: flex;
@@ -241,13 +188,6 @@ defineExpose({
   overflow: hidden;
 }
 
-.mr-8 {
-  margin-right: 16rpx;
-}
-
-.mb-8 {
-  margin-bottom: 16rpx;
-}
 
 .font-14 {
   font-size: 28rpx;

src/pages/view/routine/jc/components/dmXs.vue

@@ -321,9 +321,8 @@ defineExpose({
   padding: 30rpx;
   margin-bottom: 20rpx;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
   
-.section-title {
+  .section-title {
     font-size: 32rpx;
     font-weight: bold;
     color: #333;
@@ -331,15 +330,16 @@ defineExpose({
     display: flex;
     justify-content: space-between;
     align-items: center;
-}
+  }
   
-.section-subtitle {
+  .section-subtitle {
     font-size: 28rpx;
     font-weight: bold;
     color: #666;
     margin: 20rpx 0 15rpx 0;
     padding: 10rpx 0;
     border-bottom: 1px solid #f0f0f0;
+  }
 }
 
 .refresh-btn {
@@ -357,16 +357,14 @@ defineExpose({
   border-radius: 12rpx;
   flex-wrap: wrap;
   gap: 60rpx;
-}
   
-.stat-item {
+  .stat-item {
     display: flex;
     flex-direction: column;
     align-items: center;
     min-width: 120rpx;
-}
     
-.stat-number {
+    .stat-number {
       font-size: 36rpx;
       font-weight: bold;
       color: #333;
@@ -391,11 +389,13 @@ defineExpose({
       &.unregistered {
         color: #eb2f96;
       }
-}
+    }
     
-.stat-label {
+    .stat-label {
       font-size: 24rpx;
       color: #666;
+    }
+  }
 }
 
 .xs-section {
@@ -410,21 +410,19 @@ defineExpose({
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20rpx;
-}
   
-.xs-item {
+  .xs-item {
     position: relative;
     border-radius: 16rpx;
     box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
     transition: all 0.2s;
-}
     
-.xs-item:hover {
+    &:hover {
       transform: translateY(-2rpx);
       box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
-}
+    }
     
-.avatar-container {
+    .avatar-container {
       width: 92rpx;
       height: 92rpx;
       border-radius: 50%;
@@ -434,13 +432,15 @@ defineExpose({
       align-items: center;
       justify-content: center;
       box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.05);
-}
       
-.xs-avatar {
+      .xs-avatar {
         width: 80rpx;
         height: 80rpx;
         border-radius: 50%;
         background-color: #f5f5f5;
+      }
+    }
+  }
 }
 
 .status-tag {

src/pages/view/routine/jc/detail.vue

@@ -335,30 +335,29 @@ onMounted(() => {
 <style lang="scss" scoped>
 .dm-detail-content {
   padding: 20rpx;
-}
   
-.loading-state, .error-state {
+  .loading-state, .error-state {
     text-align: center;
     padding: 100rpx 0;
-}
     
-.loading-icon, .error-icon {
+    .loading-icon, .error-icon {
       font-size: 80rpx;
       margin-bottom: 20rpx;
-}
+    }
     
-.loading-text, .error-text {
+    .loading-text, .error-text {
       display: block;
       font-size: 32rpx;
       color: #333;
       margin-bottom: 16rpx;
-}
+    }
     
-.error-text {
+    .error-text {
       color: #ff4d4f;
-}
+    }
+  }
   
-.retry-btn {
+  .retry-btn {
     margin-top: 20rpx;
     padding: 16rpx 32rpx;
     background-color: #007aff;
@@ -366,6 +365,7 @@ onMounted(() => {
     border: none;
     border-radius: 8rpx;
     font-size: 28rpx;
+  }
 }
 
 .section {
@@ -374,22 +374,22 @@ onMounted(() => {
   padding: 30rpx;
   margin-bottom: 20rpx;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
-}
   
-.section-title {
+  .section-title {
     font-size: 32rpx;
     font-weight: bold;
     color: #333;
     margin-bottom: 20rpx;
-}
+  }
   
-.section-subtitle {
+  .section-subtitle {
     font-size: 28rpx;
     font-weight: bold;
     color: #666;
     margin: 20rpx 0 15rpx 0;
     padding: 10rpx 0;
     border-bottom: 1px solid #f0f0f0;
+  }
 }
 
 .xs-section {
@@ -400,27 +400,27 @@ onMounted(() => {
   display: grid;
   grid-template-columns: 1fr;
   gap: 16rpx;
-}
   
-.info-item {
+  .info-item {
     display: flex;
     align-items: center;
     padding: 16rpx;
     background-color: #f8f9fa;
     border-radius: 8rpx;
-}
     
-.info-label {
+    .info-label {
       font-size: 28rpx;
       color: #666;
       width: 160rpx;
       flex-shrink: 0;
-}
+    }
     
-.info-value {
+    .info-value {
       font-size: 28rpx;
       color: #333;
       font-weight: bold;
+    }
+  }
 }
 
 .stats-container {
@@ -431,16 +431,14 @@ onMounted(() => {
   padding: 20rpx;
   background-color: #f8f9fa;
   border-radius: 12rpx;
-}
   
-.stat-item {
+  .stat-item {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
-}
     
-.stat-number {
+    .stat-number {
       font-size: 36rpx;
       font-weight: bold;
       color: #333;
@@ -465,11 +463,13 @@ onMounted(() => {
       &.unregistered {
         color: #eb2f96;
       }
-}
+    }
     
-.stat-label {
+    .stat-label {
       font-size: 24rpx;
       color: #666;
+    }
+  }
 }
 
 .teacher-list, .xs-list {
@@ -480,27 +480,40 @@ onMounted(() => {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 20rpx;
+  
+  .teacher-item {
+    position: relative;
+    border-radius: 16rpx;
+    box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
+    transition: all 0.2s;
+    
+    &:hover {
+      transform: translateY(-2rpx);
+      box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+    }
+  }
 }
 
 .xs-grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 20rpx;
-}
   
-.teacher-item, .xs-item {
+  .xs-item {
     position: relative;
     border-radius: 16rpx;
     box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
     transition: all 0.2s;
-}
     
-.teacher-item:hover, .xs-item:hover {
+    &:hover {
       transform: translateY(-2rpx);
       box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15);
+    }
+  }
 }
 
-.avatar-container {
+.teacher-item, .xs-item {
+  .avatar-container {
     width: 92rpx;
     height: 92rpx;
     border-radius: 50%;
@@ -510,13 +523,14 @@ onMounted(() => {
     align-items: center;
     justify-content: center;
     box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.05);
-}
     
-.teacher-avatar, .xs-avatar {
+    .teacher-avatar, .xs-avatar {
       width: 80rpx;
       height: 80rpx;
       border-radius: 50%;
       background-color: #f5f5f5;
+    }
+  }
 }
 
 .status-tag {