style(admin): B-35 top-level views/ 12 页令牌化 + 全部删 sort 死样式（Children/Families/GuidePackages/GuideFamilyTask/Tasks/Rewards/TaskTemplates/Points/TeacherConsult/OperationLogs/Wishes/Users）

cfc-web/src/views/Children.vue

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

cfc-web/src/views/Families.vue

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

cfc-web/src/views/GuideFamilyTask.vue

@@ -35,7 +35,7 @@
       <!-- 家庭概览 -->
       <div v-if="familyOverview" class="overview-cards" v-loading="overviewLoading">
         <div v-if="!overviewLoading && familyOverview.totalChildren === 0" class="empty-state">
-          <i class="el-icon-user-solid" style="font-size: 48px; color: #ccc; margin-bottom: 16px;"></i>
+          <i class="el-icon-user-solid" style="font-size: 48px; color: var(--adm-text-25); margin-bottom: 16px;"></i>
           <p>暂无孩子数据</p>
         </div>
         <template v-else>
@@ -96,7 +96,7 @@
 <el-table v-if="searchForm.memberId" :data="tasks" border v-loading="taskLoading" height="100%">
         <template slot="empty">
           <div class="empty-table-state">
-            <i class="el-icon-tickets" style="font-size: 48px; color: #ccc; margin-bottom: 16px;"></i>
+            <i class="el-icon-tickets" style="font-size: 48px; color: var(--adm-text-25); margin-bottom: 16px;"></i>
             <p>暂无任务数据</p>
           </div>
         </template>
@@ -439,7 +439,7 @@ taskLoading: false,
 
 .overview-cards { margin-bottom: 20px; }
 .overview-card {
-  background: #fff;
+  background: var(--adm-bg-container);
   border-radius: 8px;
   padding: 20px;
   text-align: center;
@@ -448,14 +448,14 @@ taskLoading: false,
 .overview-value {
   font-size: 32px;
   font-weight: bold;
-  color: #333;
+  color: var(--adm-text-88);
 }
 .overview-value.warning { color: var(--adm-warning-text); }
 .overview-value.success { color: var(--adm-success-text); }
 .overview-value.danger { color: var(--adm-error-text); }
 .overview-label {
   font-size: 14px;
-  color: #999;
+  color: var(--adm-text-45);
   margin-top: 8px;
 }
 .badge-item { margin-top: 8px; }
@@ -463,23 +463,13 @@ taskLoading: false,
 .empty-table-state {
   text-align: center;
   padding: 40px;
-  color: #999;
-  background: #fafafa;
+  color: var(--adm-text-45);
+  background: var(--adm-bg-header);
   border-radius: 8px;
-  border: 1px dashed #ddd;
+  border: 1px dashed var(--adm-border-base);
 }
 .empty-table-state {
   margin: 20px 0;
 }
 
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-  white-space: nowrap;
-}
-.sort-header:hover {
-  color: var(--adm-primary);
-}
 </style>

cfc-web/src/views/GuidePackages.vue

@@ -120,7 +120,7 @@
         </el-form-item>
         <el-form-item label="是否公开">
           <el-switch v-model="form.isPublic"></el-switch>
-          <span style="margin-left: 10px; color: #999">公开后将显示在任务模板市场</span>
+          <span style="margin-left: 10px; color: var(--adm-text-45)">公开后将显示在任务模板市场</span>
         </el-form-item>
         <el-form-item label="封面图">
           <el-upload
@@ -206,7 +206,7 @@
     <el-dialog title="分享任务模板" :visible.sync="shareDialogVisible" width="400px">
       <div v-if="currentRow" style="text-align: center">
         <p style="margin-bottom: 20px">分享码: <strong>{{ currentRow.shareCode }}</strong></p>
-        <p style="color: #999; font-size: 12px">家长可通过分享码或链接查看您的任务模板</p>
+        <p style="color: var(--adm-text-45); font-size: 12px">家长可通过分享码或链接查看您的任务模板</p>
         <el-button type="primary" @click="copyShareCode">复制分享码</el-button>
       </div>
     </el-dialog>
@@ -457,7 +457,7 @@ export default {
 
 .code-text { font-family: monospace; color: var(--adm-primary); }
 .avatar-uploader .el-upload {
-  border: 1px dashed #d9d9d9;
+  border: 1px dashed var(--adm-border-base);
   border-radius: 6px;
   cursor: pointer;
   position: relative;
@@ -468,7 +468,7 @@ export default {
 }
 .avatar-uploader-icon {
   font-size: 28px;
-  color: #8c939d;
+  color: var(--adm-text-45);
   width: 148px;
   height: 148px;
   line-height: 148px;
@@ -480,14 +480,4 @@ export default {
   display: block;
 }
 
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-  white-space: nowrap;
-}
-.sort-header:hover {
-  color: var(--adm-primary);
-}
 </style>

cfc-web/src/views/OperationLogs.vue

@@ -243,14 +243,4 @@ export default {
   text-align: right;
 }
 
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-  white-space: nowrap;
-}
-.sort-header:hover {
-  color: var(--adm-primary);
-}
 </style>

cfc-web/src/views/Points.vue

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

cfc-web/src/views/Rewards.vue

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

cfc-web/src/views/TaskTemplates.vue

@@ -213,11 +213,11 @@
         </el-form-item>
     <el-form-item label="推荐年龄" prop="recommendedAge">
       <el-input-number v-model="editForm.recommendedAge" :min="0" :max="18" placeholder="推荐年龄"></el-input-number>
-      <span style="margin-left: 10px; color: #909399">岁及以上</span>
+      <span style="margin-left: 10px; color: var(--adm-text-45)">岁及以上</span>
     </el-form-item>
     <el-form-item label="预计时长" prop="duration">
       <el-input-number v-model="editForm.duration" :min="1" :max="480" placeholder="预计时长"></el-input-number>
-      <span style="margin-left: 10px; color: #909399">分钟</span>
+      <span style="margin-left: 10px; color: var(--adm-text-45)">分钟</span>
     </el-form-item>
     <el-form-item label="完成方式" prop="completeTypes">
       <el-checkbox-group v-model="editForm.completeTypes">
@@ -243,7 +243,7 @@
     </el-form-item>
     <el-form-item label="周期次数" prop="maxFrequency" v-if="editForm.taskType === 'recurring'">
       <el-input-number v-model="editForm.maxFrequency" :min="1" :max="100" placeholder="周期内最多完成次数"></el-input-number>
-      <span style="margin-left: 10px; color: #909399; font-size: 12px">
+      <span style="margin-left: 10px; color: var(--adm-text-45); font-size: 12px">
         超过此次数不计积分
       </span>
     </el-form-item>
@@ -260,7 +260,7 @@
     </el-form-item>
     <el-form-item label="按分类审核" prop="reviewByCategory" v-if="editForm.needReview === 1 && editForm.reviewType === 'parent'">
       <el-switch v-model="editForm.reviewByCategory" :active-value="1" :inactive-value="0"></el-switch>
-      <span style="margin-left: 10px; color: #909399; font-size: 12px">
+      <span style="margin-left: 10px; color: var(--adm-text-45); font-size: 12px">
         开启后，将按照分类自动分配审核人
       </span>
     </el-form-item>
@@ -531,15 +531,4 @@ export default {
 }
 </script>
 
-<style scoped>
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-  white-space: nowrap;
-}
-.sort-header:hover {
-  color: var(--adm-primary);
-}
-</style>
+

cfc-web/src/views/Tasks.vue

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

cfc-web/src/views/TeacherConsult.vue

@@ -194,22 +194,11 @@ export default {
 .message-content .label, .reply-content .label {
   font-weight: bold;
   margin-bottom: 8px;
-  color: #606266;
+  color: var(--adm-text-65);
 }
 .message-content .content, .reply-content .content {
   padding: 10px;
-  background: #f5f7fa;
+  background: var(--adm-bg-header);
   border-radius: 4px;
 }
-
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-  white-space: nowrap;
-}
-.sort-header:hover {
-  color: var(--adm-primary);
-}
 </style>

cfc-web/src/views/Users.vue

@@ -239,7 +239,7 @@
               :disabled="r.disabled"
             >{{ r.label }}</el-checkbox>
           </el-checkbox-group>
-          <div style="font-size:12px;color:#999;margin-top:4px">
+          <div style="font-size:12px;color:var(--adm-text-45);margin-top:4px">
             平台角色: admin / operator / finance；入驻角色: butler / knowledge_admin / teacher / nutritionist / supplier / activity_manager
           </div>
         </el-form-item>
@@ -704,37 +704,22 @@ const res = await getUserList(params)
 </script>
 
 <style scoped>
-
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-}
-.sort-header:hover {
-  color: var(--adm-primary);
-}
-.sort-tag {
-  margin-left: 8px;
-  cursor: pointer;
-  white-space: nowrap;
-}
 .grant-target {
   display: flex;
   align-items: center;
   gap: 6px;
   padding: 10px 12px;
-  background: #f5f7fa;
+  background: var(--adm-bg-header);
   border-radius: 4px;
   margin-bottom: 16px;
   font-size: 13px;
-  color: #303133;
+  color: var(--adm-text-88);
 }
 .grant-target .el-icon-user {
   color: var(--adm-primary);
 }
 .grant-family {
-  color: #909399;
+  color: var(--adm-text-45);
   font-size: 12px;
 }
 </style>

cfc-web/src/views/Wishes.vue

@@ -564,18 +564,7 @@ export default {
 }
 
 .no-price {
-  color: #999;
+  color: var(--adm-text-45);
   font-size: 12px;
 }
-
-.sort-header {
-  cursor: pointer;
-  user-select: none;
-  font-weight: 500;
-  font-size: 12px;
-  white-space: nowrap;
-}
-.sort-header:hover {
-  color: var(--adm-primary);
-}
 </style>