Przeglądaj źródła

style(admin): C-16 org-Form/ArticleManage 内联 style 归零

zxyj-web 2 tygodni temu
rodzic
commit
da8ed9bf5d

+ 8 - 3
cfc-web/src/views/admin/ArticleManage.vue

@@ -69,7 +69,7 @@
           </template>
           </template>
           <template slot-scope="{ row }">
           <template slot-scope="{ row }">
             <span>{{ row.title }}</span>
             <span>{{ row.title }}</span>
-            <el-tag v-if="row.isFeatured === 1 || row.isFeatured === true" size="mini" type="warning" style="margin-left: 6px;">精选{{ row.sortOrder && row.sortOrder > 0 ? ' ' + toChineseNum(row.sortOrder) : '' }}</el-tag>
+            <el-tag v-if="row.isFeatured === 1 || row.isFeatured === true" size="mini" type="warning" class="ml-6">精选{{ row.sortOrder && row.sortOrder > 0 ? ' ' + toChineseNum(row.sortOrder) : '' }}</el-tag>
           </template>
           </template>
         </el-table-column>
         </el-table-column>
           <el-table-column label="可见性" width="90">
           <el-table-column label="可见性" width="90">
@@ -274,7 +274,7 @@
 
 
   <!-- 阅读记录弹窗 -->
   <!-- 阅读记录弹窗 -->
   <el-dialog title="文章阅读记录" :visible.sync="readRecordVisible" width="800px" destroy-on-close>
   <el-dialog title="文章阅读记录" :visible.sync="readRecordVisible" width="800px" destroy-on-close>
-    <div v-loading="readRecordLoading" style="min-height: 200px;">
+    <div v-loading="readRecordLoading" class="min-h-200">
       <el-table :data="readRecordList" border stripe size="small">
       <el-table :data="readRecordList" border stripe size="small">
         <el-table-column prop="nickname" label="孩子昵称" width="120">
         <el-table-column prop="nickname" label="孩子昵称" width="120">
           <template slot-scope="{ row }">
           <template slot-scope="{ row }">
@@ -303,7 +303,7 @@
         :page-size="readRecordSize"
         :page-size="readRecordSize"
         :total="readRecordTotal"
         :total="readRecordTotal"
         @current-change="onReadRecordPageChange"
         @current-change="onReadRecordPageChange"
-        style="margin-top: 16px; text-align: right;"
+        class="pagination-right-16"
       />
       />
     
     
     </el-table>
     </el-table>
@@ -681,4 +681,9 @@ export default {
 .article-manage {
 .article-manage {
   padding: 0;
   padding: 0;
 }
 }
+
+/* == C 批内联清理工具类 == */
+.ml-6 { margin-left: 6px; }
+.min-h-200 { min-height: 200px; }
+.pagination-right-16 { margin-top: 16px; text-align: right; }
 </style>
 </style>

+ 12 - 5
cfc-web/src/views/admin/org/Form.vue

@@ -11,7 +11,7 @@
         </el-form-item>
         </el-form-item>
 
 
         <el-form-item label="组织类型" prop="type">
         <el-form-item label="组织类型" prop="type">
-          <el-select v-model="form.type" placeholder="请选择组织类型" style="width: 100%">
+          <el-select v-model="form.type" placeholder="请选择组织类型" class="form-full">
             <el-option label="企业" value="enterprise"></el-option>
             <el-option label="企业" value="enterprise"></el-option>
             <el-option label="机构" value="institution"></el-option>
             <el-option label="机构" value="institution"></el-option>
             <el-option label="其他" value="other"></el-option>
             <el-option label="其他" value="other"></el-option>
@@ -20,7 +20,7 @@
 
 
         <el-form-item label="组织编号" prop="code">
         <el-form-item label="组织编号" prop="code">
           <el-input v-model="form.code" placeholder="留空自动生成" maxlength="64"></el-input>
           <el-input v-model="form.code" placeholder="留空自动生成" maxlength="64"></el-input>
-          <span slot="append" class="el-form-item__error" style="font-size:12px;color:#909399">为空时服务端自动生成(ORG+6位随机)</span>
+          <span slot="append" class="el-form-item__error text-desc">为空时服务端自动生成(ORG+6位随机)</span>
         </el-form-item>
         </el-form-item>
 
 
         <el-form-item label="联系人姓名" prop="contactName">
         <el-form-item label="联系人姓名" prop="contactName">
@@ -52,9 +52,9 @@
     </el-card>
     </el-card>
 
 
     <el-dialog title="操作成功" :visible.sync="successDialogVisible" width="400px" :close-on-click-modal="false">
     <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>
       <div slot="footer">
       <div slot="footer">
         <el-button v-if="!isEdit" type="primary" @click="handleContinue">继续添加</el-button>
         <el-button v-if="!isEdit" type="primary" @click="handleContinue">继续添加</el-button>
@@ -171,4 +171,11 @@ export default {
   padding: 20px;
   padding: 20px;
   max-width: 700px;
   max-width: 700px;
 }
 }
+
+/* == C 批内联清理工具类 == */
+.form-full { width: 100%; }
+.text-desc { font-size: 12px; color: #909399; }
+.success-body { text-align: center; padding: 10px 0; }
+.success-icon { color: var(--adm-success); font-size: 32px; }
+.success-text { margin: 12px 0 0; font-size: 16px; color: var(--adm-text-88); }
 </style>
 </style>