样式统一

Web/src/views/ClassificationNLP.vue

@@ -59,19 +59,12 @@
     />
 
     <!-- 记录列表弹窗 -->
-    <van-popup 
-      v-model:show="showRecordsList" 
-      position="bottom" 
-      :style="{ height: '80%' }"
-      round
-      closeable
+    <PopupContainer
+      v-model="showRecordsList"
+      title="交易记录列表"
+      height="80%"
     >
-      <div class="popup-container">
-        <div class="popup-header-fixed">
-          <h3>交易记录列表</h3>
-        </div>
-        
-        <div class="popup-scroll-content" style="background: var(--van-background, #f7f8fa);">
+      <div style="background: var(--van-background, #f7f8fa);">
         <!-- 批量操作按钮 -->
         <div class="batch-actions">
           <van-button 
@@ -114,9 +107,8 @@
             :show-delete="false"
           />
         </div>
-        </div>
       </div>
-    </van-popup>
+    </PopupContainer>
   </div>
 </template>
 
@@ -127,6 +119,7 @@ import { showToast, showConfirmDialog } from 'vant'
 import { nlpAnalysis, batchUpdateClassify } from '@/api/transactionRecord'
 import TransactionList from '@/components/TransactionList.vue'
 import TransactionDetail from '@/components/TransactionDetail.vue'
+import PopupContainer from '@/components/PopupContainer.vue'
 
 const router = useRouter()
 const userInput = ref('')