From 65dba003060e7c5d533d39cef6b898415732e599 Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Wed, 4 Jun 2025 13:39:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=8F=91=E5=AE=8C=E6=88=90admin?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/fee/SelectAdminCommunity.vue | 83 ---------------------
 src/views/fee/communityPaymentList.vue      | 15 ++--
 2 files changed, 8 insertions(+), 90 deletions(-)
 delete mode 100644 src/components/fee/SelectAdminCommunity.vue

diff --git a/src/components/fee/SelectAdminCommunity.vue b/src/components/fee/SelectAdminCommunity.vue
deleted file mode 100644
index b47c41c64..000000000
--- a/src/components/fee/SelectAdminCommunity.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-<template>
-  <el-card>
-    <div class="community-selector">
-      <el-scrollbar style="height: 650px">
-        <ul class="community-list">
-          <li
-            v-for="(item, index) in communitys"
-            :key="index"
-            class="community-item"
-            :class="{ 'selected': communityId === item.communityId }"
-            @click="handleSelectCommunity(item)"
-          >
-            {{ item.name }}
-          </li>
-        </ul>
-      </el-scrollbar>
-    </div>
-  </el-card>
-</template>
-
-<script>
-import { listAdminCommunitys } from '@/api/fee/adminPayFeeDetailApi'
-
-export default {
-  name: 'SelectAdminCommunity',
-  data() {
-    return {
-      communitys: [
-        { name: this.$t('adminPayFeeDetail.allCommunities'), communityId: '' }
-      ],
-      communityId: ''
-    }
-  },
-  created() {
-    this.loadCommunities()
-  },
-  methods: {
-    async loadCommunities() {
-      try {
-        const params = {
-          page: 1,
-          row: 100
-        }
-        const { data } = await listAdminCommunitys(params)
-        this.communitys = [...this.communitys, ...data]
-      } catch (error) {
-        this.$message.error(this.$t('adminPayFeeDetail.fetchCommunityError'))
-      }
-    },
-    handleSelectCommunity(community) {
-      this.communityId = community.communityId
-      this.$emit('changeCommunity', community)
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.community-selector {
-  .community-list {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    
-    .community-item {
-      padding: 12px 15px;
-      cursor: pointer;
-      text-align: center;
-      border-bottom: 1px solid #ebeef5;
-      transition: all 0.3s;
-      
-      &:hover {
-        background-color: #f5f7fa;
-      }
-      
-      &.selected {
-        background-color: #409eff;
-        color: white;
-      }
-    }
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/views/fee/communityPaymentList.vue b/src/views/fee/communityPaymentList.vue
index ae56bb2a4..01b1f0d83 100644
--- a/src/views/fee/communityPaymentList.vue
+++ b/src/views/fee/communityPaymentList.vue
@@ -1,15 +1,16 @@
 <template>
   <div class="community-payment-container">
     <el-row :gutter="20">
-      <el-col :span="4" class="tree-container">
-        <select-admin-community @change-community="handleCommunityChange" />
+      <el-col :span="4" class="">
+        <select-admin-community :community-id="searchForm.communityId"
+        @changeCommunity="handleChangeCommunity" />
       </el-col>
       <el-col :span="20">
         <el-card class="search-card">
-          <div slot="header">
+          <div slot="header" class="flex justify-between">
             <span>{{ $t('communityPayment.search') }}</span>
           </div>
-          <el-form :inline="true" :model="searchForm">
+          <el-form :inline="true" :model="searchForm" class="text-left">
             <el-form-item>
               <el-input
                 v-model="searchForm.paymentName"
@@ -37,7 +38,7 @@
         </el-card>
 
         <el-card class="list-card">
-          <div slot="header">
+          <div slot="header" class="flex justify-between">
             <span>{{ $t('communityPayment.title') }}</span>
             <el-button
               v-if="searchForm.communityId"
@@ -97,7 +98,7 @@
 </template>
 
 <script>
-import SelectAdminCommunity from '@/components/fee/SelectAdminCommunity'
+import SelectAdminCommunity from '@/components/community/selectAdminCommunity'
 import AddCommunityPayment from '@/components/fee/AddCommunityPayment'
 import EditCommunityPayment from '@/components/fee/EditCommunityPayment'
 import DeleteCommunityPayment from '@/components/fee/DeleteCommunityPayment'
@@ -145,7 +146,7 @@ export default {
         this.$message.error(this.$t('communityPayment.fetchError'))
       }
     },
-    handleCommunityChange(community) {
+    handleChangeCommunity(community) {
       this.searchForm.communityId = community.communityId
       this.fetchPayments()
     },