立项配置页初步优化

frontend/src/views/Faq.vue

@@ -9,8 +9,8 @@
         />
       </el-col>
       <el-col :span="19">
-        <el-card class="mb-12">
-          <div class="filters">
+        <div class="faq-main unified-shell">
+          <div class="filters unified-action-bar">
             <el-input
               v-model="keyword"
               :placeholder="TEXT.common.placeholders.keyword"
@@ -24,23 +24,23 @@
               <el-button type="primary" @click="openForm()">{{ TEXT.modules.knowledgeMedicalConsult.newItem }}</el-button>
             </PermissionAction>
           </div>
-        </el-card>
 
-        <FaqList
-          :items="faqs"
-          :categories="categories"
-          :loading="loading"
-          :can-edit="canEdit"
-          @refresh="loadFaqs"
-        />
-        <el-pagination
-          class="pagination"
-          layout="prev, pager, next"
-          :page-size="pageSize"
-          :current-page="page"
-          :total="total"
-          @current-change="onPageChange"
-        />
+          <FaqList
+            :items="faqs"
+            :categories="categories"
+            :loading="loading"
+            :can-edit="canEdit"
+            @refresh="loadFaqs"
+          />
+          <el-pagination
+            class="pagination"
+            layout="prev, pager, next"
+            :page-size="pageSize"
+            :current-page="page"
+            :total="total"
+            @current-change="onPageChange"
+          />
+        </div>
       </el-col>
     </el-row>
 
@@ -146,10 +146,17 @@ onMounted(async () => {
 .page {
   padding: 16px;
 }
+.faq-main {
+  background: #fff;
+  border: 1px solid var(--ctms-border-color);
+  border-radius: 10px;
+  padding: 16px;
+}
 .filters {
   display: flex;
   gap: 8px;
   align-items: center;
+  margin-bottom: 16px;
 }
 .spacer {
   flex: 1;
@@ -158,7 +165,4 @@ onMounted(async () => {
   margin-top: 12px;
   text-align: right;
 }
-.mb-12 {
-  margin-bottom: 12px;
-}
 </style>