style(admin): C-16 MenuManage/PeriodicServiceConfig 内联 style 归零

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

@@ -11,7 +11,7 @@
               size="small"
               prefix-icon="el-icon-search"
               clearable
-              style="width: 260px"
+              class="search-input-260"
             ></el-input>
           </div>
           <el-button type="primary" size="small" @click="openRoleAuth">角色授权</el-button>
@@ -28,7 +28,7 @@
           :default-expand-all="!searchKeyword"
           stripe
           height="100%"
-          style="min-width: 1200px; width: 100%"
+          class="menu-table-wide"
         >
           <el-table-column prop="displayName" label="菜单名称" min-width="220" show-overflow-tooltip>
             <template slot-scope="scope">
@@ -85,7 +85,7 @@
             accordion
           >
             <span class="custom-tree-node" slot-scope="{ node, data }">
-              <i :class="data.icon" style="margin-right:4px;font-size:13px"></i>
+              <i :class="data.icon" class="menu-icon-cell-sm"></i>
               <span>{{ node.label }}</span>
             </span>
           </el-tree>
@@ -170,7 +170,7 @@
           <el-input v-model="menuForm.perm" placeholder="system:menu"></el-input>
         </el-form-item>
         <el-form-item label="排序">
-          <el-input-number v-model="menuForm.sort" :min="0" style="width:100%"></el-input-number>
+          <el-input-number v-model="menuForm.sort" :min="0" class="form-full"></el-input-number>
         </el-form-item>
         <el-form-item label="是否显示">
           <el-switch v-model="menuForm.visible" :active-value="1" :inactive-value="0"></el-switch>
@@ -230,7 +230,7 @@
                       placeholder="搜索菜单"
                       prefix-icon="el-icon-search"
                       clearable
-                      style="width:180px"
+                      class="tree-search-input-180"
                     ></el-input>
                   </div>
                 </div>
@@ -906,4 +906,11 @@ export default {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
+/* == C 批内联清理工具类 == */
+.search-input-260 { width: 260px; }
+.menu-table-wide { min-width: 1200px; width: 100%; }
+.menu-icon-cell-sm { margin-right: 4px; font-size: 13px; }
+.form-full { width: 100%; }
+.tree-search-input-180 { width: 180px; }
 </style>

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

@@ -5,7 +5,7 @@
     </PageHeader>
 
         <div class="adm-table-wrap">
-<el-table :data="list" v-loading="loading" border stripe style="width: 100%" height="100%">
+<el-table :data="list" v-loading="loading" border stripe class="table-full" height="100%">
       <el-table-column prop="id" label="ID" width="60">
         <template slot="header">
           <span class="sort-header" @click.stop="onSortClick('id', $event)">ID{{ sortIcon('id') }}</span>
@@ -45,7 +45,7 @@
       <el-table-column label="操作" width="160" fixed="right">
         <template slot-scope="scope">
           <el-button type="text" size="small" @click="openDialog(scope.row)">编辑</el-button>
-          <el-button type="text" size="small" style="color: var(--adm-error)"
+          <el-button type="text" size="small" class="text-error"
             @click="handleDelete(scope.row)">删除</el-button>
         </template>
       </el-table-column>
@@ -55,16 +55,16 @@
     <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="500px" @closed="resetForm">
       <el-form :model="form" label-width="120px" size="small">
         <el-form-item label="商品ID" required>
-          <el-input-number v-model="form.productId" :min="1" style="width: 100%" />
+          <el-input-number v-model="form.productId" :min="1" class="input-full" />
         </el-form-item>
         <el-form-item label="服务名称">
           <el-input v-model="form.serviceName" placeholder="可选，留空则使用商品名称" />
         </el-form-item>
         <el-form-item label="周期天数" required>
-          <el-input-number v-model="form.cycleDays" :min="1" :max="3650" style="width: 100%" />
+          <el-input-number v-model="form.cycleDays" :min="1" :max="3650" class="input-full" />
         </el-form-item>
         <el-form-item label="提前提醒天数">
-          <el-input-number v-model="form.remindBeforeDays" :min="1" :max="180" style="width: 100%" />
+          <el-input-number v-model="form.remindBeforeDays" :min="1" :max="180" class="input-full" />
         </el-form-item>
         <el-form-item label="自动续费">
           <el-switch v-model="form.autoRenew" :active-value="1" :inactive-value="0" />
@@ -216,4 +216,9 @@ export default {
 .periodic-service-config {
   padding: 20px;
 }
+
+/* == C 批内联清理工具类 == */
+.table-full { width: 100%; }
+.text-error { color: var(--adm-error); }
+.input-full { width: 100%; }
 </style>