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

style(admin): B-36 teacher 侧 4 页令牌化 + el-tag StatusTag 迁移(TeacherDashboard/TeacherFamilies)+ 删 sort 死样式(GrowthPlans/GrowthRecords)

liaoxg 3 недель назад
Родитель
Сommit
9a8e23dd18

+ 2 - 2
cfc-web/src/views/TeacherDashboard.vue

@@ -129,7 +129,7 @@
               <div class="td-member-info">
                 <div class="td-member-name">{{ member.nickname || '规划师' + member.id }}</div>
                 <div class="td-member-level">
-                  <el-tag size="mini" :type="getLevelType(member.level)" effect="dark">{{ member.level || '初级' }}</el-tag>
+                  <StatusTag size="mini" :type="getLevelType(member.level)" :text="member.level || '初级'" effect="dark" />
                 </div>
               </div>
               <div class="td-member-performance">
@@ -178,7 +178,7 @@
             </el-table-column>
             <el-table-column prop="status" label="状态" width="100">
               <template slot-scope="scope">
-                <el-tag :type="getStatusType(scope.row.status)" size="small" effect="dark">{{ scope.row.status }}</el-tag>
+                <StatusTag :type="getStatusType(scope.row.status)" :text="scope.row.status" size="small" effect="dark" />
               </template>
             </el-table-column>
             <el-table-column prop="createdAt" label="时间" width="160"></el-table-column>

+ 1 - 11
cfc-web/src/views/teacher/GrowthPlans.vue

@@ -84,14 +84,4 @@ export default {
 }
 </script>
 
-<style scoped>
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-}
-.sort-header:hover {
-  color: var(--adm-primary);
-}
-</style>
+

+ 1 - 11
cfc-web/src/views/teacher/GrowthRecords.vue

@@ -136,14 +136,4 @@ export default {
 }
 </script>
 
-<style scoped>
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-}
-.sort-header:hover {
-  color: var(--adm-primary);
-}
-</style>
+

+ 4 - 13
cfc-web/src/views/teacher/TeacherFamilies.vue

@@ -289,9 +289,9 @@ export default {
     },
 
     getCompletionColor(rate) {
-      if (rate >= 80) return '#52C41A'
-      if (rate >= 50) return '#FAAD14'
-      return '#FF4D4F'
+      if (rate >= 80) return 'var(--adm-success)'
+      if (rate >= 50) return 'var(--adm-warning)'
+      return 'var(--adm-error)'
     }
   }
 }
@@ -300,7 +300,7 @@ export default {
 <style scoped>
 .teacher-families {
   padding: 24px;
-  background: #F0F7FF;
+  background: var(--adm-info-bg);
   min-height: calc(100vh - 120px);
 }
 
@@ -474,13 +474,4 @@ export default {
   margin-top: 4px;
 }
 
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-}
-.sort-header:hover {
-  color: var(--adm-primary);
-}
 </style>