style(admin): B-31 review 审核页 StatusTag 迁移 + 令牌化 + 删 sort 死样式（5 页）

cfc-web/src/views/admin/review/ActivityAudit.vue

@@ -24,7 +24,7 @@
       </el-table-column>
       <el-table-column label="审核状态" width="100">
         <template slot-scope="{ row }">
-          <el-tag :type="statusType(row.auditStatus)">{{ statusLabel(row.auditStatus) }}</el-tag>
+          <StatusTag :type="statusType(row.auditStatus)" :text="statusLabel(row.auditStatus)" />
         </template>
       </el-table-column>
       <el-table-column prop="auditReason" label="原因" width="160" show-overflow-tooltip>
@@ -67,7 +67,7 @@
           <dimension-weight-picker v-model="auditWeights" :show-presets="true" />
           <div class="weights-tip">审核通过前请补充五维权重，合计需为 100%</div>
         </el-form-item>
-        <el-form-item label="驳回原因" v-if="currentRow.auditReason" style="color:#f56c6c;">
+        <el-form-item label="驳回原因" v-if="currentRow.auditReason" style="color:var(--adm-error-text);">
           {{ currentRow.auditReason }}
         </el-form-item>
       </el-form>
@@ -172,12 +172,7 @@ export default {
 </script>
 
 <style scoped>
-.filter-bar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px; background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
-.no-op { color: #ccc; }
-.weights-tip { font-size: 12px; color: #909399; margin-top: 6px; }
-.sort-header { cursor: pointer; user-select: none; font-weight: 500; font-size: 12px; }
-.sort-header:hover { color: #409eff; }
-.sort-index { color: #fff; border-radius: 8px; font-size: 10px; padding: 0 4px; margin: 0 2px; }
-.sort-asc-badge { background: #f56c6c; }
-.sort-desc-badge { background: #409eff; }
+.filter-bar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px; background: var(--adm-bg-container); border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
+.no-op { color: var(--adm-text-25); }
+.weights-tip { font-size: 12px; color: var(--adm-text-45); margin-top: 6px; }
 </style>

cfc-web/src/views/admin/review/ActivityRegistrationAudit.vue

@@ -24,7 +24,7 @@
       </el-table-column>
       <el-table-column label="审核状态" width="100">
         <template slot-scope="{ row }">
-          <el-tag :type="statusType(row.status)">{{ statusLabel(row.status) }}</el-tag>
+          <StatusTag :type="statusType(row.status)" :text="statusLabel(row.status)" />
         </template>
       </el-table-column>
       <el-table-column label="操作" width="120" fixed="right">
@@ -49,9 +49,9 @@
         <el-form-item label="报名活动">{{ currentRow.activityTitle || currentRow.activityName || '-' }}</el-form-item>
         <el-form-item label="报名时间">{{ currentRow.registeredAt || currentRow.createdAt || '-' }}</el-form-item>
         <el-form-item label="审核状态">
-          <el-tag :type="statusType(currentRow.status)">{{ statusLabel(currentRow.status) }}</el-tag>
+          <StatusTag :type="statusType(currentRow.status)" :text="statusLabel(currentRow.status)" />
         </el-form-item>
-        <el-form-item label="驳回原因" v-if="currentRow.rejectReason" style="color:#f56c6c;">
+        <el-form-item label="驳回原因" v-if="currentRow.rejectReason" style="color:var(--adm-error-text);">
           {{ currentRow.rejectReason }}
         </el-form-item>
       </el-form>
@@ -123,11 +123,6 @@ export default {
 </script>
 
 <style scoped>
-.filter-bar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px; background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
-.no-op { color: #ccc; }
-.sort-header { cursor: pointer; user-select: none; font-weight: 500; font-size: 12px; }
-.sort-header:hover { color: #409eff; }
-.sort-index { color: #fff; border-radius: 8px; font-size: 10px; padding: 0 4px; margin: 0 2px; }
-.sort-asc-badge { background: #f56c6c; }
-.sort-desc-badge { background: #409eff; }
+.filter-bar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px; background: var(--adm-bg-container); border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
+.no-op { color: var(--adm-text-25); }
 </style>

cfc-web/src/views/admin/review/ArticleAudit.vue

@@ -27,13 +27,13 @@
       </el-table-column>
       <el-table-column label="审核状态" width="90">
         <template slot-scope="{ row }">
-          <el-tag :type="statusType(row.auditStatus)" size="small">{{ statusLabel(row.auditStatus) }}</el-tag>
+          <StatusTag :type="statusType(row.auditStatus)" :text="statusLabel(row.auditStatus)" size="small" />
         </template>
       </el-table-column>
       <el-table-column prop="auditReason" label="驳回原因" min-width="150" show-overflow-tooltip>
         <template slot-scope="{ row }">
-          <span v-if="row.auditReason" style="color:#f56c6c;">{{ row.auditReason }}</span>
-          <span v-else style="color:#999;">-</span>
+          <span v-if="row.auditReason" style="color:var(--adm-error-text);">{{ row.auditReason }}</span>
+          <span v-else style="color:var(--adm-text-45);">-</span>
         </template>
       </el-table-column>
       <el-table-column prop="createdAt" label="申请时间" width="160">
@@ -70,16 +70,16 @@
         <el-form label-width="100px" size="small">
           <el-form-item label="ID">{{ currentRow.id }}</el-form-item>
           <el-form-item label="标题">{{ currentRow.title }}</el-form-item>
-          <el-form-item label="状态"><el-tag :type="statusType(currentRow.auditStatus)">{{ statusLabel(currentRow.auditStatus) }}</el-tag></el-form-item>
+          <el-form-item label="状态"><StatusTag :type="statusType(currentRow.auditStatus)" :text="statusLabel(currentRow.auditStatus)" /></el-form-item>
           <el-form-item label="分类">{{ currentRow.categoryName || '-' }}</el-form-item>
           <el-form-item label="作者">{{ currentRow.authorName || '-' }}</el-form-item>
           <el-form-item label="创建时间">{{ currentRow.createdAt }}</el-form-item>
           <el-form-item label="发布时间">{{ currentRow.publishedAt || '-' }}</el-form-item>
           <el-form-item label="内容摘要" v-if="currentRow.summary">{{ currentRow.summary }}</el-form-item>
           <el-form-item label="内容" v-if="currentRow.content">
-            <div v-html="currentRow.content" style="max-height:300px;overflow-y:auto;border:1px solid #eee;padding:10px;border-radius:4px;background:#fafafa;"></div>
+            <div v-html="currentRow.content" style="max-height:300px;overflow-y:auto;border:1px solid var(--adm-border-split);padding:10px;border-radius:4px;background:var(--adm-bg-header);"></div>
           </el-form-item>
-          <el-form-item label="驳回原因" v-if="currentRow.auditReason" style="color:#f56c6c;">
+          <el-form-item label="驳回原因" v-if="currentRow.auditReason" style="color:var(--adm-error-text);">
             {{ currentRow.auditReason }}
           </el-form-item>
         </el-form>
@@ -236,10 +236,5 @@ export default {
 </script>
 
 <style scoped>
-.filter-bar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px; background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); flex-wrap: wrap; }
-.sort-header { cursor: pointer; user-select: none; font-weight: 500; font-size: 12px; }
-.sort-header:hover { color: #409eff; }
-.sort-index { color: #fff; border-radius: 8px; font-size: 10px; padding: 0 4px; margin: 0 2px; }
-.sort-asc-badge { background: #f56c6c; }
-.sort-desc-badge { background: #409eff; }
+.filter-bar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px; background: var(--adm-bg-container); border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); flex-wrap: wrap; }
 </style>

cfc-web/src/views/admin/review/ButlerAudit.vue

@@ -25,14 +25,12 @@
       </el-table-column>
       <el-table-column label="来源" width="100">
         <template slot-scope="{ row }">
-          <el-tag size="small" :type="row.source === 'service_role' ? 'success' : 'info'">
-            {{ row.source === 'service_role' ? '服务角色申请' : '用户资料' }}
-          </el-tag>
+          <StatusTag size="small" :type="row.source === 'service_role' ? 'success' : 'info'" :text="row.source === 'service_role' ? '服务角色申请' : '用户资料'" />
         </template>
       </el-table-column>
       <el-table-column label="审核状态" width="100">
         <template slot-scope="{ row }">
-          <el-tag :type="statusType(row.status)">{{ statusLabel(row.status) }}</el-tag>
+          <StatusTag :type="statusType(row.status)" :text="statusLabel(row.status)" />
         </template>
       </el-table-column>
       <el-table-column label="操作" width="120" fixed="right">
@@ -45,11 +43,11 @@
           <template v-if="row.status === 'approved'">
             <el-switch
               :value="row.accepting !== 0"
-              active-color="#13ce66"
+              active-color="var(--adm-success)"
               @change="onToggleAccepting(row)" />
-            <div v-if="row.accepting === 0" style="font-size: 12px; color: #f56c6c;">已停接</div>
+            <div v-if="row.accepting === 0" style="font-size: 12px; color: var(--adm-error-text);">已停接</div>
           </template>
-          <span v-else style="color:#999">-</span>
+          <span v-else style="color:var(--adm-text-45)">-</span>
         </template>
       </el-table-column>
     </el-table>
@@ -98,9 +96,9 @@
           <el-form-item label="详细地址">{{ currentRow.addressDetail || '-' }}</el-form-item>
         </template>
         <el-form-item label="审核状态">
-          <el-tag :type="statusType(currentRow.status)">{{ statusLabel(currentRow.status) }}</el-tag>
+          <StatusTag :type="statusType(currentRow.status)" :text="statusLabel(currentRow.status)" />
         </el-form-item>
-        <el-form-item label="驳回原因" v-if="currentRow.rejectReason" style="color:#f56c6c;">
+        <el-form-item label="驳回原因" v-if="currentRow.rejectReason" style="color:var(--adm-error-text);">
           {{ currentRow.rejectReason }}
         </el-form-item>
       </el-form>
@@ -250,12 +248,7 @@ export default {
 </script>
 
 <style scoped>
-.filter-bar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px; background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
-.no-op { color: #ccc; }
-.sort-header { cursor: pointer; user-select: none; font-weight: 500; font-size: 12px; }
-.sort-header:hover { color: #409eff; }
-.sort-index { color: #fff; border-radius: 8px; font-size: 10px; padding: 0 4px; margin: 0 2px; }
-.sort-asc-badge { background: #f56c6c; }
-.sort-desc-badge { background: #409eff; }
-.audit-img { max-width: 160px; max-height: 110px; border-radius: 4px; margin-right: 8px; border: 1px solid #eee; }
+.filter-bar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px; background: var(--adm-bg-container); border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
+.no-op { color: var(--adm-text-25); }
+.audit-img { max-width: 160px; max-height: 110px; border-radius: 4px; margin-right: 8px; border: 1px solid var(--adm-border-split); }
 </style>

cfc-web/src/views/admin/review/KnowledgeAdminAudit.vue

@@ -31,7 +31,7 @@
         </el-table-column>
         <el-table-column label="审核状态" width="100">
           <template slot-scope="{ row }">
-            <el-tag :type="statusType(row.status)">{{ statusLabel(row.status) }}</el-tag>
+            <StatusTag :type="statusType(row.status)" :text="statusLabel(row.status)" />
           </template>
         </el-table-column>
         <el-table-column label="提交时间" width="170">
@@ -75,9 +75,9 @@
         <el-form-item label="所在地区">{{ [currentRow.province, currentRow.city, currentRow.district, currentRow.street].filter(Boolean).join(' ') || '-' }}</el-form-item>
         <el-form-item label="详细地址">{{ currentRow.addressDetail || '-' }}</el-form-item>
         <el-form-item label="审核状态">
-          <el-tag :type="statusType(currentRow.status)">{{ statusLabel(currentRow.status) }}</el-tag>
+          <StatusTag :type="statusType(currentRow.status)" :text="statusLabel(currentRow.status)" />
         </el-form-item>
-        <el-form-item label="驳回原因" v-if="currentRow.rejectReason" style="color:#f56c6c;">
+        <el-form-item label="驳回原因" v-if="currentRow.rejectReason" style="color:var(--adm-error-text);">
           {{ currentRow.rejectReason }}
         </el-form-item>
       </el-form>
@@ -151,6 +151,6 @@ export default {
 </script>
 
 <style scoped>
-.filter-bar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px; background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
-.audit-img { max-width: 160px; max-height: 110px; border-radius: 4px; margin-right: 8px; border: 1px solid #eee; }
+.filter-bar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px; background: var(--adm-bg-container); border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); }
+.audit-img { max-width: 160px; max-height: 110px; border-radius: 4px; margin-right: 8px; border: 1px solid var(--adm-border-split); }
 </style>