style(admin): C-11 EnergyBehaviorConfig/DiscountRuleManagement/DanSettlement/DanExecution 内联 style 归零

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

@@ -4,7 +4,7 @@
       <PageHeader slot="header" title="DAN测评服务执行管理">
         
         <div class="filter-bar">
-          <el-select v-model="statusFilter" placeholder="执行状态" clearable @change="handleSearch" style="width: 140px; margin-right: 10px;">
+          <el-select v-model="statusFilter" placeholder="执行状态" clearable @change="handleSearch" class="w-140 mr-10">
             <el-option label="全部状态" value="" />
             <el-option label="进行中" value="pending" />
             <el-option label="已完成" value="completed" />
@@ -41,7 +41,7 @@
               <i :class="executionIconClass(row.plannerStatus)" :style="{ color: executionIconColor(row.plannerStatus) }"></i>
               <StatusTag size="mini" :type="executionStatusType(row.plannerStatus)" :text="executionStatusLabel(row.plannerStatus)" />
             </div>
-            <span v-else style="color: var(--adm-text-45);">—</span>
+            <span v-else class="text-muted">—</span>
           </template>
         </el-table-column>
         <el-table-column label="用户确认" width="110">
@@ -118,7 +118,7 @@
           <el-descriptions-item label="更新时间">{{ formatTime(currentRecord.updatedAt) }}</el-descriptions-item>
         </el-descriptions>
 
-        <div v-if="currentRecord.assessorSettlement || currentRecord.plannerSettlement" style="margin-top: 20px;">
+        <div v-if="currentRecord.assessorSettlement || currentRecord.plannerSettlement" class="mt-20">
           <h4>结算信息</h4>
           <el-descriptions :column="2" border size="small">
             <el-descriptions-item v-if="currentRecord.assessorSettlement" label="评估师结算金额">
@@ -311,4 +311,9 @@ export default {
   margin-top: 20px;
   text-align: right;
 }
+/* == C 批内联清理工具类 == */
+.w-140 { width: 140px; }
+.mr-10 { margin-right: 10px; }
+.text-muted { color: var(--adm-text-45); }
+.mt-20 { margin-top: 20px; }
 </style>

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

@@ -1,7 +1,7 @@
 <template>
   <div class="dan-settlement admin-page">
     <!-- 统计卡片 -->
-    <el-row :gutter="20" style="margin-bottom: 20px;">
+    <el-row :gutter="20" class="mb-20">
       <el-col :span="8">
         <StatCard color="primary" icon="el-icon-money" label="总结算金额（{{ stats.totalCount }} 笔）" :value="'¥' + (stats.totalAmount / 100).toFixed(2)" />
       </el-col>
@@ -18,13 +18,13 @@
       <PageHeader slot="header" title="结算记录管理">
         
         <div class="filter-bar">
-          <el-select v-model="statusFilter" placeholder="结算状态" clearable @change="handleSearch" style="width: 140px; margin-right: 10px;">
+          <el-select v-model="statusFilter" placeholder="结算状态" clearable @change="handleSearch" class="w-140 mr-10">
             <el-option label="全部状态" value="" />
             <el-option label="待结算" value="pending" />
             <el-option label="已结算" value="settled" />
             <el-option label="结算失败" value="failed" />
           </el-select>
-          <el-select v-model="providerTypeFilter" placeholder="服务类型" clearable @change="handleSearch" style="width: 140px; margin-right: 10px;">
+          <el-select v-model="providerTypeFilter" placeholder="服务类型" clearable @change="handleSearch" class="w-140 mr-10">
             <el-option label="全部类型" value="" />
             <el-option label="评估师" value="assessor" />
             <el-option label="规划师" value="planner" />
@@ -61,7 +61,7 @@
         </el-table-column>
         <el-table-column label="结算金额" width="120">
           <template slot-scope="{ row }">
-            <span class="adm-num" style="font-weight: bold; color: var(--adm-primary);">
+            <span class="adm-num text-primary-bold">
               ¥{{ (row.commissionAmount / 100).toFixed(2) }}
             </span>
           </template>
@@ -130,7 +130,7 @@
           <el-descriptions-item label="服务费">¥{{ (currentRecord.serviceFee / 100).toFixed(2) }}</el-descriptions-item>
           <el-descriptions-item label="佣金比例">{{ currentRecord.commissionRate }}%</el-descriptions-item>
           <el-descriptions-item label="结算金额">
-            <span class="adm-num" style="font-weight: bold; color: var(--adm-primary);">
+            <span class="adm-num text-primary-bold">
               ¥{{ (currentRecord.commissionAmount / 100).toFixed(2) }}
             </span>
           </el-descriptions-item>
@@ -320,4 +320,9 @@ export default {
   margin-top: 20px;
   text-align: right;
 }
+/* == C 批内联清理工具类 == */
+.mb-20 { margin-bottom: 20px; }
+.w-140 { width: 140px; }
+.mr-10 { margin-right: 10px; }
+.text-primary-bold { font-weight: bold; color: var(--adm-primary); }
 </style>

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

@@ -80,39 +80,39 @@
           <el-input v-model="form.name" placeholder="请输入规则名称" />
         </el-form-item>
         <el-form-item label="折扣类型" required>
-          <el-select v-model="form.type" placeholder="请选择类型" style="width: 100%">
+          <el-select v-model="form.type" placeholder="请选择类型" class="full-width">
             <el-option label="PERCENT - 按百分比减免" value="PERCENT" />
             <el-option label="FIXED - 固定金额减免" value="FIXED" />
             <el-option label="THRESHOLD - 满减折扣" value="THRESHOLD" />
           </el-select>
         </el-form-item>
         <el-form-item label="折扣值" required>
-          <el-input-number v-model="form.value" :min="0" :step="1" style="width: 200px" />
+          <el-input-number v-model="form.value" :min="0" :step="1" class="w-200" />
           <span class="form-item-tip" v-if="form.type === 'PERCENT'">（百分比，如20表示减免20%）</span>
           <span class="form-item-tip" v-else>（金额，单位：分）</span>
         </el-form-item>
         <el-form-item label="满减门槛" v-if="form.type === 'THRESHOLD'">
-          <el-input-number v-model="form.thresholdAmount" :min="0" :step="100" style="width: 200px" />
+          <el-input-number v-model="form.thresholdAmount" :min="0" :step="100" class="w-200" />
           <span class="form-item-tip">（达到此金额后方可享受折扣，单位：分）</span>
         </el-form-item>
         <el-form-item label="开始时间">
-          <el-date-picker v-model="form.startTimeStr" type="datetime" placeholder="选择开始时间" value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%" />
+          <el-date-picker v-model="form.startTimeStr" type="datetime" placeholder="选择开始时间" value-format="yyyy-MM-dd HH:mm:ss" class="full-width" />
         </el-form-item>
         <el-form-item label="结束时间">
-          <el-date-picker v-model="form.endTimeStr" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd HH:mm:ss" style="width: 100%" />
+          <el-date-picker v-model="form.endTimeStr" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd HH:mm:ss" class="full-width" />
         </el-form-item>
         <el-form-item label="最大使用次数">
-          <el-input-number v-model="form.maxUses" :min="0" :step="1" style="width: 200px" />
+          <el-input-number v-model="form.maxUses" :min="0" :step="1" class="w-200" />
           <span class="form-item-tip">（0 表示不限）</span>
         </el-form-item>
         <el-form-item label="适用类目ID">
-          <el-input-number v-model="form.categoryId" :min="1" :step="1" style="width: 200px" placeholder="留空=全部类目" />
+          <el-input-number v-model="form.categoryId" :min="1" :step="1" class="w-200" placeholder="留空=全部类目" />
         </el-form-item>
         <el-form-item label="适用体系ID">
-          <el-input-number v-model="form.distributionSystemId" :min="1" :step="1" style="width: 200px" placeholder="留空=全部体系" />
+          <el-input-number v-model="form.distributionSystemId" :min="1" :step="1" class="w-200" placeholder="留空=全部体系" />
         </el-form-item>
         <el-form-item label="适用商品ID">
-          <el-input v-model="form.productIds" placeholder="逗号分隔的商品ID，如1,2,3；留空=全部商品" style="width: 100%" />
+          <el-input v-model="form.productIds" placeholder="逗号分隔的商品ID，如1,2,3；留空=全部商品" class="full-width" />
         </el-form-item>
       </el-form>
       <div slot="footer">
@@ -283,4 +283,7 @@ export default {
   margin-top: 16px;
   text-align: right;
 }
+/* == C 批内联清理工具类 == */
+.full-width { width: 100%; }
+.w-200 { width: 200px; }
 </style>

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

@@ -2,8 +2,8 @@
   <div class="energy-behavior-config admin-page">
     <PageHeader title="能量行为配置">
       <div class="filters">
-        <el-input v-model="keyword" placeholder="搜索行为名称/编码..." prefix-icon="el-icon-search" style="width:260px" clearable @keyup.enter.native="loadList" @clear="loadList" />
-        <el-select v-model="enabledFilter" placeholder="状态筛选" @change="loadList" style="width: 140px;" clearable>
+        <el-input v-model="keyword" placeholder="搜索行为名称/编码..." prefix-icon="el-icon-search" class="w-260" clearable @keyup.enter.native="loadList" @clear="loadList" />
+        <el-select v-model="enabledFilter" placeholder="状态筛选" @change="loadList" class="w-140" clearable>
           <el-option label="全部" value="" />
           <el-option label="已启用" value="1" />
           <el-option label="已禁用" value="0" />
@@ -40,7 +40,7 @@
       </el-table-column>
       <el-table-column label="维度分配" min-width="200">
         <template slot-scope="{ row }">
-          <span v-if="!row.dimensionAssign" style="color:var(--adm-text-45)">未配置</span>
+          <span v-if="!row.dimensionAssign" class="text-muted">未配置</span>
           <el-tag v-for="d in parseDimAssign(row.dimensionAssign)" :key="d.dim" size="mini" :style="{ background: dimColor(d.dim), color: '#fff', marginRight: '4px' }">
             {{ dimLabel(d.dim) }} {{ d.ratio }}%
           </el-tag>
@@ -94,7 +94,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="值来源">
-              <el-select v-model="form.amountSource" style="width:100%">
+              <el-select v-model="form.amountSource" class="full-width">
                 <el-option label="固定值" value="fixed" />
                 <el-option label="跟随积分" value="points" />
                 <el-option label="跟随金额" value="order_amount" />
@@ -121,12 +121,12 @@
           </el-col>
         </el-row>
         <el-form-item label="维度分配">
-          <div v-for="(d, i) in dimAssignList" :key="i" style="display:flex;align-items:center;margin-bottom:8px;gap:8px">
-            <el-select v-model="d.dim" style="width:120px" @change="normalizeDimRatio">
+          <div v-for="(d, i) in dimAssignList" :key="i" class="dim-row">
+            <el-select v-model="d.dim" class="w-120" @change="normalizeDimRatio">
               <el-option v-for="dim in dimensions" :key="dim.code" :label="dim.name" :value="dim.code" />
             </el-select>
-            <el-slider v-model="d.ratio" :min="0" :max="100" style="flex:1" />
-            <span style="width:40px;text-align:right">{{ d.ratio }}%</span>
+            <el-slider v-model="d.ratio" :min="0" :max="100" class="flex-1" />
+            <span class="ratio-label">{{ d.ratio }}%</span>
             <el-button type="danger" size="mini" icon="el-icon-delete" circle @click="removeDim(i)" v-if="dimAssignList.length > 1" />
           </div>
           <el-button size="mini" @click="addDim" v-if="dimAssignList.length < 5">+ 添加维度</el-button>
@@ -251,4 +251,13 @@ export default {
 
 <style scoped>
 .filters { display: flex; gap: 10px; align-items: center; }
+/* == C 批内联清理工具类 == */
+.w-260 { width: 260px; }
+.w-140 { width: 140px; }
+.w-120 { width: 120px; }
+.text-muted { color: var(--adm-text-45); }
+.full-width { width: 100%; }
+.dim-row { display: flex; align-items: center; margin-bottom: 8px; gap: 8px; }
+.flex-1 { flex: 1; }
+.ratio-label { width: 40px; text-align: right; }
 </style>