开发完成admin功能

wuxw
1 parent 1f3f7892
Showing 2 changed files with 8 additions and 90 deletions
src/components/fee/SelectAdminCommunity.vue
src/views/fee/communityPaymentList.vue
-<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
 <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()
     },