style(admin): C-16 PlanManagement/ReportManagement/SpecialPriceManage/ButlerAudit/supply-system-Form 内联 style 归零

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

@@ -2,7 +2,7 @@
   <div class="plan-management">
     <PageHeader title="方案管理">
       <div class="filters">
-        <el-select v-model="statusFilter" placeholder="状态筛选" clearable @change="loadPlans" style="width:160px">
+        <el-select v-model="statusFilter" placeholder="状态筛选" clearable @change="loadPlans" class="filter-select-160">
           <el-option label="全部" value="" />
           <el-option label="待审核(generated)" value="generated" />
           <el-option label="已审核(reviewed)" value="reviewed" />
@@ -10,13 +10,13 @@
           <el-option label="已完成(completed)" value="completed" />
           <el-option label="已驳回(rejected)" value="rejected" />
         </el-select>
-        <el-input v-model="familySearch" placeholder="搜索家庭ID" style="width:180px;margin-left:10px" @keyup.enter="loadPlans" />
-        <el-button type="primary" @click="loadPlans" style="margin-left:10px">查询</el-button>
+        <el-input v-model="familySearch" placeholder="搜索家庭ID" class="filter-input-180ml10" @keyup.enter="loadPlans" />
+        <el-button type="primary" @click="loadPlans" class="btn-ml10">查询</el-button>
       </div>
     </PageHeader>
 
         <div class="adm-table-wrap">
-<el-table :data="plans" border stripe style="width:100%" height="100%">
+<el-table :data="plans" border stripe class="table-full" height="100%">
       <el-table-column prop="id" label="方案ID" width="80">
         <template slot="header">
           <span class="sort-header" @click.stop="onSortClick('id', $event)">方案ID{{ sortIcon('id') }}</span>
@@ -84,7 +84,7 @@
         <el-form-item label="审核时间">{{ currentPlan.reviewedAt || '-' }}</el-form-item>
         <el-form-item label="激活时间">{{ currentPlan.activatedAt || '-' }}</el-form-item>
         <el-form-item label="备注">
-          <pre style="white-space:pre-wrap;background:var(--adm-bg-header);padding:12px;border-radius:6px;">{{ currentPlan.remark }}</pre>
+          <pre class="remark-pre">{{ currentPlan.remark }}</pre>
         </el-form-item>
       </el-form>
     </el-dialog>
@@ -153,4 +153,11 @@ export default {
 
 <style scoped>
 .filters { display: flex; align-items: center; }
+
+/* == C 批内联清理工具类 == */
+.filter-select-160 { width: 160px; }
+.filter-input-180ml10 { width: 180px; margin-left: 10px; }
+.btn-ml10 { margin-left: 10px; }
+.table-full { width: 100%; }
+.remark-pre { white-space: pre-wrap; background: var(--adm-bg-header); padding: 12px; border-radius: 6px; }
 </style>

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

@@ -3,7 +3,7 @@
     <PageHeader title="报告管理" />
     <el-card>
       <div class="filter-bar">
-        <el-select v-model="query.type" placeholder="报告类型" clearable style="width:140px">
+        <el-select v-model="query.type" placeholder="报告类型" clearable class="filter-select-140">
           <el-option label="全部" value=""></el-option>
           <el-option label="菌群检测" value="gut_flora"></el-option>
           <el-option label="体检报告" value="physical_exam"></el-option>
@@ -11,15 +11,15 @@
           <el-option label="保单" value="insurance"></el-option>
           <el-option label="家庭周报" value="fortune"></el-option>
         </el-select>
-        <el-input v-model="query.keyword" placeholder="搜索标题/名称" style="width:200px" clearable @keyup.enter.native="loadData"></el-input>
-        <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" style="width:240px"></el-date-picker>
+        <el-input v-model="query.keyword" placeholder="搜索标题/名称" class="filter-input-200" clearable @keyup.enter.native="loadData"></el-input>
+        <el-date-picker v-model="dateRange" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" class="date-picker-240"></el-date-picker>
         <el-button type="primary" @click="loadData">查询</el-button>
         <el-button @click="doSync">同步数据</el-button>
         <el-button type="danger" :disabled="selectedRows.length === 0" @click="handleBatchArchive">批量归档({{ selectedRows.length }})</el-button>
       </div>
 
       <div class="adm-table-wrap">
-        <el-table :data="tableData" border stripe v-loading="loading" style="margin-top:16px" height="100%"
+        <el-table :data="tableData" border stripe v-loading="loading" class="table-mt16" height="100%"
                   ref="listTable" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="55" :selectable="selectableRow" />
           <el-table-column prop="id" label="ID" width="80">
@@ -87,7 +87,7 @@
         :page-size="query.size"
         :total="total"
         layout="total, prev, pager, next"
-        style="margin-top:16px"
+        class="pagination-mt16"
       ></el-pagination>
     </el-card>
   </div>
@@ -249,4 +249,11 @@ export default {
   gap: 12px;
   flex-wrap: wrap;
 }
+
+/* == C 批内联清理工具类 == */
+.filter-select-140 { width: 140px; }
+.filter-input-200 { width: 200px; }
+.date-picker-240 { width: 240px; }
+.table-mt16 { margin-top: 16px; }
+.pagination-mt16 { margin-top: 16px; }
 </style>

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

@@ -153,14 +153,14 @@
             :remote-method="searchProducts"
             :loading="productSearchLoading"
             placeholder="输入关键词搜索商品"
-            style="width: 100%;"
+            class="form-full"
             @change="onProductSelected"
           >
             <el-option v-for="p in productOptions" :key="p.id" :label="(p.name || '') + ' #' + p.id" :value="p.id" />
           </el-select>
         </el-form-item>
         <el-form-item label="特价（元）" required>
-          <el-input-number v-model="form.specialPriceYuan" :min="0.01" :precision="2" :step="1" controls-position="right" style="width: 200px;" @change="onSpecialPriceYuanChange" />
+          <el-input-number v-model="form.specialPriceYuan" :min="0.01" :precision="2" :step="1" controls-position="right" class="input-200" @change="onSpecialPriceYuanChange" />
           <span class="pm-form-hint">商品原价：{{ formatPriceWithSymbol(form.productPrice) }}，特价须低于原价</span>
         </el-form-item>
         <el-form-item label="起止时间" required>
@@ -171,14 +171,14 @@
             start-placeholder="开始时间"
             end-placeholder="结束时间"
             value-format="yyyy-MM-dd HH:mm:ss"
-            style="width: 100%;"
+            class="form-full"
           />
         </el-form-item>
         <el-form-item label="总供应量" required>
-          <el-input-number v-model="form.totalQuantity" :min="1" :step="1" controls-position="right" style="width: 200px;" />
+          <el-input-number v-model="form.totalQuantity" :min="1" :step="1" controls-position="right" class="input-200" />
         </el-form-item>
         <el-form-item label="每人限购" required>
-          <el-input-number v-model="form.perUserLimit" :min="1" :step="1" controls-position="right" style="width: 200px;" />
+          <el-input-number v-model="form.perUserLimit" :min="1" :step="1" controls-position="right" class="input-200" />
         </el-form-item>
         <el-form-item label="允许优惠券">
           <el-switch v-model="form.allowCoupon" :active-value="1" :inactive-value="0" />
@@ -749,4 +749,8 @@ export default {
   line-height: 32px;
   color: var(--adm-primary);
 }
+
+/* == C 批内联清理工具类 == */
+.form-full { width: 100%; }
+.input-200 { width: 200px; }
 </style>

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

@@ -10,7 +10,7 @@
       <el-button size="small" @click="loadData" :loading="loading">刷新</el-button>
     </div>
         <div class="adm-table-wrap">
-<el-table :data="pagedList" v-loading="loading" border stripe style="min-width:900px;" height="100%">
+<el-table :data="pagedList" v-loading="loading" border stripe class="wide-table" height="100%">
       <el-table-column label="用户ID" width="80">
         <template slot-scope="{ row }">{{ row.userId }}</template>
       </el-table-column>
@@ -45,9 +45,9 @@
               :value="row.accepting !== 0"
               active-color="var(--adm-success)"
               @change="onToggleAccepting(row)" />
-            <div v-if="row.accepting === 0" style="font-size: 12px; color: var(--adm-error-text);">已停接</div>
+            <div v-if="row.accepting === 0" class="text-error-sm">已停接</div>
           </template>
-          <span v-else style="color:var(--adm-text-45)">-</span>
+          <span v-else class="text-muted">-</span>
         </template>
       </el-table-column>
     </el-table>
@@ -60,7 +60,7 @@
       :total="total"
       layout="total, prev, pager, next"
       @current-change="onPageChange"
-      style="margin-top:12px;text-align:right;"
+      class="pagination-right"
     />
 
     <audit-detail-drawer
@@ -98,7 +98,7 @@
         <el-form-item label="审核状态">
           <StatusTag :type="statusType(currentRow.status)" :text="statusLabel(currentRow.status)" />
         </el-form-item>
-        <el-form-item label="驳回原因" v-if="currentRow.rejectReason" style="color:var(--adm-error-text);">
+        <el-form-item label="驳回原因" v-if="currentRow.rejectReason" class="text-error">
           {{ currentRow.rejectReason }}
         </el-form-item>
       </el-form>
@@ -251,4 +251,11 @@ export default {
 .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); }
+
+/* == C 批内联清理工具类 == */
+.wide-table { min-width: 900px; }
+.text-error-sm { font-size: 12px; color: var(--adm-error-text); }
+.text-muted { color: var(--adm-text-45); }
+.pagination-right { margin-top: 12px; text-align: right; }
+.text-error { color: var(--adm-error-text); }
 </style>

cfc-web/src/views/admin/supply-system/Form.vue

@@ -18,7 +18,7 @@
             placeholder="输入用户ID、昵称或手机号搜索"
             :remote-method="searchUsers"
             :loading="searchingUser"
-            style="width: 100%"
+            class="select-full"
             @focus="searchUsers('')">
             <el-option
               v-for="u in userOptions"
@@ -31,7 +31,7 @@
 
         <el-form-item label="账期(天)" prop="settlementPeriodDays">
           <el-input-number v-model="form.settlementPeriodDays" :min="1" :max="365" :step="30"></el-input-number>
-          <span style="margin-left: 10px; color: var(--adm-text-45)">30=月结 60=双月 90=季结</span>
+          <span class="settle-hint">30=月结 60=双月 90=季结</span>
         </el-form-item>
 
         <el-form-item label="平台留利(%)" prop="platformProfitRate">
@@ -50,9 +50,9 @@
     </el-card>
 
     <el-dialog title="操作成功" :visible.sync="successDialogVisible" width="400px" :close-on-click-modal="false">
-      <div style="text-align:center;padding:10px 0">
-        <i class="el-icon-success" style="color: var(--adm-success);font-size:32px"></i>
-        <p style="margin:12px 0 0;font-size:16px;color: var(--adm-text-88)">{{ isEdit ? '保存成功' : '创建成功' }}</p>
+      <div class="success-body">
+        <i class="el-icon-success success-icon"></i>
+        <p class="success-text">{{ isEdit ? '保存成功' : '创建成功' }}</p>
       </div>
       <div slot="footer">
         <el-button v-if="!isEdit" type="primary" @click="handleContinue">继续添加</el-button>