refactor(admin): 高频页区块标题与状态标签迁移至全局 SectionTitle/StatusTag

- teacher/TeacherOrders.vue: 3 个 el-divider 分区标题 → SectionTitle；订单状态 el-tag → StatusTag
- admin/DanSettlement.vue: 2 处 providerType 三元 el-tag(''→'success') → StatusTag，'' 映射 primary 保留默认蓝
- Tasks.vue: needReview 三元 el-tag → StatusTag
- 仅覆盖明确内联三元/分区标题，函数式映射(getStatusType/getLevelType/statusType)留待专项收敛

cfc-web/src/views/Tasks.vue

@@ -133,9 +133,7 @@
         </el-table-column>
         <el-table-column prop="needReview" label="需审核" width="80">
           <template slot-scope="scope">
-            <el-tag :type="scope.row.needReview ? 'warning' : 'info'" size="small">
-              {{ scope.row.needReview ? '是' : '否' }}
-            </el-tag>
+            <StatusTag :type="scope.row.needReview ? 'warning' : 'info'" :text="scope.row.needReview ? '是' : '否'" />
           </template>
           <template slot="header">
             <span class="sort-header" @click.stop="onSortClick('needReview', $event)">需审核<span v-if="sortIndex('needReview') !== null" class="sort-index" :class="sortClass('needReview') === 'sort-asc' ? 'sort-asc-badge' : 'sort-desc-badge'">{{ sortIndex('needReview') }}</span>{{ sortIcon('needReview') }}</span>

cfc-web/src/views/admin/DanSettlement.vue

@@ -45,9 +45,7 @@
             <div class="status-cell">
               <i :class="row.providerType === 'assessor' ? 'el-icon-user' : 'el-icon-s-custom'"
                  :style="{ color: row.providerType === 'assessor' ? '#409EFF' : '#67c23a' }"></i>
-              <el-tag :type="row.providerType === 'assessor' ? '' : 'success'" size="mini">
-                {{ row.providerType === 'assessor' ? '评估师' : '规划师' }}
-              </el-tag>
+              <StatusTag :type="row.providerType === 'assessor' ? 'primary' : 'success'" :text="row.providerType === 'assessor' ? '评估师' : '规划师'" size="mini" />
             </div>
           </template>
         </el-table-column>
@@ -128,9 +126,7 @@
             <div class="status-cell">
               <i :class="currentRecord.providerType === 'assessor' ? 'el-icon-user' : 'el-icon-s-custom'"
                  :style="{ color: currentRecord.providerType === 'assessor' ? '#409EFF' : '#67c23a' }"></i>
-              <el-tag :type="currentRecord.providerType === 'assessor' ? '' : 'success'" size="mini">
-                {{ currentRecord.providerType === 'assessor' ? '评估师' : '规划师' }}
-              </el-tag>
+              <StatusTag :type="currentRecord.providerType === 'assessor' ? 'primary' : 'success'" :text="currentRecord.providerType === 'assessor' ? '评估师' : '规划师'" size="mini" />
             </div>
           </el-descriptions-item>
           <el-descriptions-item label="服务费">¥{{ (currentRecord.serviceFee / 100).toFixed(2) }}</el-descriptions-item>

cfc-web/src/views/teacher/TeacherOrders.vue

@@ -167,7 +167,7 @@
     <!-- 订单详情抽屉 -->
     <el-drawer :visible.sync="drawerVisible" title="订单详情" size="480px" direction="rtl">
       <div class="drawer-content" v-if="currentOrder">
-        <el-divider content-position="left">订单信息</el-divider>
+        <SectionTitle title="订单信息" />
         <div class="detail-row">
           <span class="detail-label">订单号</span>
           <span class="detail-value mono">{{ currentOrder.orderNo }}</span>
@@ -182,22 +182,20 @@
         </div>
         <div class="detail-row">
           <span class="detail-label">订单状态</span>
-          <el-tag :type="getStatusType(currentOrder.status)" effect="dark" size="small">
-            {{ currentOrder.status }}
-          </el-tag>
+          <StatusTag :type="getStatusType(currentOrder.status)" :text="currentOrder.status" effect="dark" size="small" />
         </div>
         <div class="detail-row">
           <span class="detail-label">创建时间</span>
           <span class="detail-value">{{ currentOrder.createdAt }}</span>
         </div>
 
-        <el-divider content-position="left">家庭信息</el-divider>
+        <SectionTitle title="家庭信息" />
         <div class="detail-row">
           <span class="detail-label">家庭名称</span>
           <span class="detail-value">{{ currentOrder.familyName }}</span>
         </div>
 
-        <el-divider content-position="left">任务模板信息</el-divider>
+        <SectionTitle title="任务模板信息" />
         <div class="detail-row">
           <span class="detail-label">任务模板名称</span>
           <span class="detail-value">{{ currentOrder.packageName }}</span>