style(admin): C-13 Login/HealthReportEdit/HealthPlanManage/BloodTypeConfigs/BaziConfigs 内联 style 归零

cfc-web/src/views/Login.vue

@@ -49,27 +49,27 @@
 
             <!-- 五维节点 (CSS 公转，72°等分) -->
             <!-- 身(橙) 0° -->
-            <div class="orbit-node" style="--node-color:#FF8C42; --orbit-angle:0deg; --orbit-delay:0s;">
+            <div class="orbit-node node-0">
               <span class="node-icon"></span>
               <span class="node-label">身</span>
             </div>
             <!-- 智(紫) 72° -->
-            <div class="orbit-node" style="--node-color:#1677FF; --orbit-angle:72deg; --orbit-delay:-3s;">
+            <div class="orbit-node node-1">
               <span class="node-icon"></span>
               <span class="node-label">智</span>
             </div>
             <!-- 富(金) 144° -->
-            <div class="orbit-node" style="--node-color:#F59E0B; --orbit-angle:144deg; --orbit-delay:-6s;">
+            <div class="orbit-node node-2">
               <span class="node-icon"></span>
               <span class="node-label">富</span>
             </div>
             <!-- 行(绿) 216° -->
-            <div class="orbit-node" style="--node-color:#10B981; --orbit-angle:216deg; --orbit-delay:-9s;">
+            <div class="orbit-node node-3">
               <span class="node-icon"></span>
               <span class="node-label">行</span>
             </div>
             <!-- 心(粉) 288° -->
-            <div class="orbit-node" style="--node-color:#FF6B9D; --orbit-angle:288deg; --orbit-delay:-12s;">
+            <div class="orbit-node node-4">
               <span class="node-icon"></span>
               <span class="node-label">心</span>
             </div>
@@ -111,9 +111,9 @@
             </div>
           </div>
           <div class="role-tags">
-            <span class="role-tag" style="border-color:#1677FF;color:#4096FF">家庭客户</span>
-            <span class="role-tag" style="border-color:#FF6B9D;color:#FF8CB3">服务商</span>
-            <span class="role-tag" style="border-color:#10B981;color:#34D399">平台运营</span>
+            <span class="role-tag role-tag-blue">家庭客户</span>
+            <span class="role-tag role-tag-pink">服务商</span>
+            <span class="role-tag role-tag-green">平台运营</span>
           </div>
         </div>
 
@@ -915,4 +915,12 @@ export default {
     margin-bottom: 28px;
   }
 }
+.node-0 { --node-color:#FF8C42; --orbit-angle:0deg; --orbit-delay:0s; }
+.node-1 { --node-color:#1677FF; --orbit-angle:72deg; --orbit-delay:-3s; }
+.node-2 { --node-color:#F59E0B; --orbit-angle:144deg; --orbit-delay:-6s; }
+.node-3 { --node-color:#10B981; --orbit-angle:216deg; --orbit-delay:-9s; }
+.node-4 { --node-color:#FF6B9D; --orbit-angle:288deg; --orbit-delay:-12s; }
+.role-tag-blue { border-color:#1677FF; color:#4096FF; }
+.role-tag-pink { border-color:#FF6B9D; color:#FF8CB3; }
+.role-tag-green { border-color:#10B981; color:#34D399; }
 </style>

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

@@ -91,19 +91,19 @@
           </el-select>
         </el-form-item>
         <el-form-item label="心基础分">
-          <el-input-number v-model="form.mindBase" :min="0" :max="100" :precision="2" style="width:150px"></el-input-number>
+          <el-input-number v-model="form.mindBase" :min="0" :max="100" :precision="2" class="w-150"></el-input-number>
         </el-form-item>
         <el-form-item label="智基础分">
-          <el-input-number v-model="form.wisdomBase" :min="0" :max="100" :precision="2" style="width:150px"></el-input-number>
+          <el-input-number v-model="form.wisdomBase" :min="0" :max="100" :precision="2" class="w-150"></el-input-number>
         </el-form-item>
         <el-form-item label="身修正系数">
-          <el-input-number v-model="form.bodyModifier" :min="0" :max="2" :precision="2" :step="0.05" style="width:150px"></el-input-number>
+          <el-input-number v-model="form.bodyModifier" :min="0" :max="2" :precision="2" :step="0.05" class="w-150"></el-input-number>
         </el-form-item>
         <el-form-item label="行修正系数">
-          <el-input-number v-model="form.actionModifier" :min="0" :max="2" :precision="2" :step="0.05" style="width:150px"></el-input-number>
+          <el-input-number v-model="form.actionModifier" :min="0" :max="2" :precision="2" :step="0.05" class="w-150"></el-input-number>
         </el-form-item>
         <el-form-item label="富修正系数">
-          <el-input-number v-model="form.wealthModifier" :min="0" :max="2" :precision="2" :step="0.05" style="width:150px"></el-input-number>
+          <el-input-number v-model="form.wealthModifier" :min="0" :max="2" :precision="2" :step="0.05" class="w-150"></el-input-number>
         </el-form-item>
       </el-form>
       <div slot="footer">
@@ -113,9 +113,9 @@
     </el-dialog>
 
     <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)">保存成功</p>
+      <div class="success-wrap">
+        <i class="el-icon-success success-icon"></i>
+        <p class="success-title">保存成功</p>
       </div>
       <div slot="footer">
         <el-button type="primary" @click="handleContinue">继续添加</el-button>
@@ -245,4 +245,9 @@ export default {
 </script>
 
 <style scoped>
+/* == C 批内联清理工具类 == */
+.w-150 { width: 150px; }
+.success-wrap { text-align: center; padding: 10px 0; }
+.success-icon { color: var(--adm-success); font-size: 32px; }
+.success-title { margin: 12px 0 0; font-size: 16px; color: var(--adm-text-88); }
 </style>

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

@@ -64,19 +64,19 @@
           <el-input v-model="form.description" type="textarea" :rows="3"></el-input>
         </el-form-item>
         <el-form-item label="心基础分">
-          <el-input-number v-model="form.mindBase" :min="0" :max="100" :precision="2" style="width:150px"></el-input-number>
+          <el-input-number v-model="form.mindBase" :min="0" :max="100" :precision="2" class="w-150"></el-input-number>
         </el-form-item>
         <el-form-item label="智基础分">
-          <el-input-number v-model="form.wisdomBase" :min="0" :max="100" :precision="2" style="width:150px"></el-input-number>
+          <el-input-number v-model="form.wisdomBase" :min="0" :max="100" :precision="2" class="w-150"></el-input-number>
         </el-form-item>
         <el-form-item label="身修正系数">
-          <el-input-number v-model="form.bodyModifier" :min="0" :max="2" :precision="2" :step="0.05" style="width:150px"></el-input-number>
+          <el-input-number v-model="form.bodyModifier" :min="0" :max="2" :precision="2" :step="0.05" class="w-150"></el-input-number>
         </el-form-item>
         <el-form-item label="行修正系数">
-          <el-input-number v-model="form.actionModifier" :min="0" :max="2" :precision="2" :step="0.05" style="width:150px"></el-input-number>
+          <el-input-number v-model="form.actionModifier" :min="0" :max="2" :precision="2" :step="0.05" class="w-150"></el-input-number>
         </el-form-item>
         <el-form-item label="富修正系数">
-          <el-input-number v-model="form.wealthModifier" :min="0" :max="2" :precision="2" :step="0.05" style="width:150px"></el-input-number>
+          <el-input-number v-model="form.wealthModifier" :min="0" :max="2" :precision="2" :step="0.05" class="w-150"></el-input-number>
         </el-form-item>
       </el-form>
       <div slot="footer">
@@ -86,9 +86,9 @@
     </el-dialog>
 
     <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)">保存成功</p>
+      <div class="success-wrap">
+        <i class="el-icon-success success-icon"></i>
+        <p class="success-title">保存成功</p>
       </div>
       <div slot="footer">
         <el-button type="primary" @click="handleContinue">继续添加</el-button>
@@ -217,4 +217,9 @@ export default {
 </script>
 
 <style scoped>
+/* == C 批内联清理工具类 == */
+.w-150 { width: 150px; }
+.success-wrap { text-align: center; padding: 10px 0; }
+.success-icon { color: var(--adm-success); font-size: 32px; }
+.success-title { margin: 12px 0 0; font-size: 16px; color: var(--adm-text-88); }
 </style>

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

@@ -1,18 +1,18 @@
 <template>
   <div class="health-plan-manage admin-page">
     <PageHeader title="健康方案管理">
-      <el-input v-model="keyword" placeholder="搜索成员名/目标" style="width:200px" clearable @keyup.enter="loadPlans" />
-      <el-select v-model="statusFilter" placeholder="状态筛选" clearable style="width:140px;margin-left:10px" @change="loadPlans">
+      <el-input v-model="keyword" placeholder="搜索成员名/目标" class="w-200" clearable @keyup.enter="loadPlans" />
+      <el-select v-model="statusFilter" placeholder="状态筛选" clearable class="w-140 ml-10" @change="loadPlans">
         <el-option label="草稿" value="draft" />
         <el-option label="待审核" value="pending_review" />
         <el-option label="已发布" value="published" />
         <el-option label="已驳回" value="rejected" />
       </el-select>
-      <el-button type="primary" @click="loadPlans" style="margin-left:10px">查询</el-button>
+      <el-button type="primary" @click="loadPlans" class="ml-10">查询</el-button>
     </PageHeader>
 
         <div class="adm-table-wrap">
-<el-table :data="plans" border stripe style="width:100%" v-loading="loading" height="100%">
+<el-table :data="plans" border stripe class="full-width" v-loading="loading" height="100%">
       <el-table-column prop="id" label="方案ID" width="80" />
       <el-table-column prop="familyName" label="家庭" width="140">
         <template slot-scope="{ row }">{{ row.familyName || row.familyId }}</template>
@@ -28,7 +28,7 @@
       </el-table-column>
       <el-table-column label="维度" width="160">
         <template slot-scope="{ row }">
-          <StatusTag v-for="(d, i) in (row.dimensions || '').split(',')" :key="i" type="primary" :text="d" size="mini" style="margin-right:3px" />
+          <StatusTag v-for="(d, i) in (row.dimensions || '').split(',')" :key="i" type="primary" :text="d" size="mini" class="mr-3" />
         </template>
       </el-table-column>
       <el-table-column label="目标" min-width="200">
@@ -56,14 +56,14 @@
       <el-table-column label="操作" width="140">
         <template slot-scope="{ row }">
           <el-button size="mini" type="primary" @click="showDetail(row)">详情</el-button>
-          <el-button size="mini" type="danger" style="margin-left:6px" @click="onDeletePlan(row)">删除</el-button>
+          <el-button size="mini" type="danger" class="ml-6" @click="onDeletePlan(row)">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
     </div>
 
     <el-pagination
-      style="margin-top:16px;text-align:right"
+      class="pagination-right"
       background
       layout="total, prev, pager, next"
       :total="total"
@@ -279,4 +279,12 @@ export default {
   white-space: pre-wrap;
   font-size: 14px;
 }
+/* == C 批内联清理工具类 == */
+.w-200 { width: 200px; }
+.w-140 { width: 140px; }
+.ml-10 { margin-left: 10px; }
+.full-width { width: 100%; }
+.mr-3 { margin-right: 3px; }
+.ml-6 { margin-left: 6px; }
+.pagination-right { margin-top: 16px; text-align: right; }
 </style>

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

@@ -25,31 +25,31 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="报告日期">
-              <el-date-picker v-model="payload.summary.reportDate" type="date" value-format="yyyy-MM-dd" placeholder="报告日期" style="width:100%"></el-date-picker>
+              <el-date-picker v-model="payload.summary.reportDate" type="date" value-format="yyyy-MM-dd" placeholder="报告日期" class="full-width"></el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="8">
             <el-form-item label="综合评分">
-              <el-input-number v-model="payload.summary.overallScore" :min="0" :max="100" style="width:100%"></el-input-number>
+              <el-input-number v-model="payload.summary.overallScore" :min="0" :max="100" class="full-width"></el-input-number>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="菌群健康分">
-              <el-input-number v-model="payload.summary.gutHealthScore" :min="0" :max="100" style="width:100%"></el-input-number>
+              <el-input-number v-model="payload.summary.gutHealthScore" :min="0" :max="100" class="full-width"></el-input-number>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="慢性病分">
-              <el-input-number v-model="payload.summary.chronicDiseaseScore" :min="0" :max="100" style="width:100%"></el-input-number>
+              <el-input-number v-model="payload.summary.chronicDiseaseScore" :min="0" :max="100" class="full-width"></el-input-number>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row :gutter="20">
           <el-col :span="8">
             <el-form-item label="营养均衡分">
-              <el-input-number v-model="payload.summary.nutritionScore" :min="0" :max="100" style="width:100%"></el-input-number>
+              <el-input-number v-model="payload.summary.nutritionScore" :min="0" :max="100" class="full-width"></el-input-number>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -102,7 +102,7 @@
         </el-table-column>
         <el-table-column label="状态" width="100">
           <template slot-scope="{ row }">
-            <el-select size="mini" v-model="row.status" style="width:100%">
+            <el-select size="mini" v-model="row.status" class="full-width">
               <el-option label="正常" value="normal"></el-option>
               <el-option label="偏高" value="high"></el-option>
               <el-option label="偏低" value="low"></el-option>
@@ -152,7 +152,7 @@
         </el-table-column>
         <el-table-column label="水平" width="100">
           <template slot-scope="{ row }">
-            <el-select size="mini" v-model="row.populationLevel" style="width:100%">
+            <el-select size="mini" v-model="row.populationLevel" class="full-width">
               <el-option label="正常" value="normal"></el-option>
               <el-option label="偏高" value="high"></el-option>
               <el-option label="偏低" value="low"></el-option>
@@ -193,7 +193,7 @@
         </el-table-column>
         <el-table-column label="风险等级" width="120">
           <template slot-scope="{ row }">
-            <el-select size="mini" v-model="row.riskLevel" style="width:100%">
+            <el-select size="mini" v-model="row.riskLevel" class="full-width">
               <el-option label="低风险" value="low"></el-option>
               <el-option label="中风险" value="medium"></el-option>
               <el-option label="高风险" value="high"></el-option>
@@ -434,4 +434,6 @@ export default {
 .edit-card { margin-bottom: 16px; }
 .summary-form { margin-top: 8px; }
 .action-bar { text-align: right; margin-top: 8px; }
+/* == C 批内联清理工具类 == */
+.full-width { width: 100%; }
 </style>