diff --git a/src/api/community/communityMiniApi.js b/src/api/community/communityMiniApi.js
new file mode 100644
index 0000000..d9fd067
--- /dev/null
+++ b/src/api/community/communityMiniApi.js
@@ -0,0 +1,81 @@
+import request from '@/utils/request'
+
+// 查询管理员小区列表
+export function listAdminCommunitys(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/community.listAdminCommunitys',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取小区列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询小程序列表
+export function listAdminSmallWeChats(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/smallWeChat.listAdminSmallWeChats',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取小程序列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加小程序
+export function saveAdminSmallWeChat(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/smallWeChat.saveAdminSmallWeChat',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '添加小程序失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新小程序
+export function updateAdminSmallWeChat(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/smallWeChat.updateAdminSmallWeChat',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新小程序失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/fee/communityPaymentApi.js b/src/api/fee/communityPaymentApi.js
new file mode 100644
index 0000000..7ac05e5
--- /dev/null
+++ b/src/api/fee/communityPaymentApi.js
@@ -0,0 +1,141 @@
+import request from '@/utils/request'
+
+// 获取小区支付列表
+export function listAdminPayment(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.listAdminPayment',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取小区支付列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存支付配置
+export function saveAdminPaymentPool(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.saveAdminPaymentPool',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '保存支付配置失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新支付配置
+export function updateAdminPaymentPool(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.updateAdminPaymentPool',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新支付配置失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除支付配置
+export function deleteAdminPaymentPool(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.deleteAdminPaymentPool',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除支付配置失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取支付厂商列表
+export function listPaymentAdapt(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.listPaymentAdapt',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取支付厂商列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取支付密钥列表
+export function listPaymentKey(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.listPaymentKey',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取支付密钥列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取费用项列表
+export function queryAdminFeeConfigs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeConfig.queryAdminFeeConfigs',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取费用项列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/fee/AddCommunityPayment.vue b/src/components/fee/AddCommunityPayment.vue
new file mode 100644
index 0000000..02f0200
--- /dev/null
+++ b/src/components/fee/AddCommunityPayment.vue
@@ -0,0 +1,184 @@
+<template>
+  <el-dialog :title="$t('addCommunityPayment.title')" :visible.sync="visible" width="800px" @closed="resetForm">
+    <el-form ref="form" :model="form" label-width="120px" :rules="rules">
+      <el-form-item :label="$t('communityPayment.paymentName')" prop="paymentName">
+        <el-input v-model="form.paymentName" :placeholder="$t('addCommunityPayment.namePlaceholder')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('communityPayment.paymentVendor')" prop="paymentType">
+        <el-select v-model="form.paymentType" :placeholder="$t('addCommunityPayment.vendorPlaceholder')"
+          style="width: 100%" @change="handleVendorChange">
+          <el-option v-for="item in paymentTypes" :key="item.paymentType" :label="item.name" :value="item.paymentType" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-for="(key, index) in paymentKeys" :key="index" :label="key.name">
+        <el-input v-model="key.columnValue" type="textarea" :rows="2" :placeholder="key.remark" />
+      </el-form-item>
+
+      <el-form-item v-if="form.paymentType === 'WECHAT'" :label="$t('communityPayment.merchantCert')">
+        <file-upload ref="uploader" namespace="addCommunityPayment" @upload-success="handleUploadSuccess" />
+      </el-form-item>
+
+      <el-form-item :label="$t('communityPayment.paymentScope')" prop="payType">
+        <el-select v-model="form.payType" :placeholder="$t('addCommunityPayment.scopePlaceholder')" style="width: 100%"
+          @change="handleScopeChange">
+          <el-option :label="$t('communityPayment.communityFee')" value="1001" />
+          <el-option :label="$t('communityPayment.tempParkingFee')" value="2002" />
+          <el-option :label="$t('communityPayment.specificFee')" value="3003" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="form.payType === '3003'" :label="$t('communityPayment.selectFeeItem')">
+        <el-checkbox-group v-model="form.configIds">
+          <el-checkbox v-for="fee in feeConfigs" :key="fee.configId" :label="fee.configId">
+            {{ fee.feeName }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+
+      <el-form-item :label="$t('communityPayment.instruction')">
+        <el-input v-model="form.remark" type="textarea" :rows="3"
+          :placeholder="$t('addCommunityPayment.remarkPlaceholder')" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer">
+      <el-button @click="visible = false">{{ $t('communityPayment.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForm">{{ $t('communityPayment.save') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveAdminPaymentPool, listPaymentKey, listPaymentAdapt, queryAdminFeeConfigs } from '@/api/fee/communityPaymentApi'
+import FileUpload from '@/components/upload/FileUpload'
+
+export default {
+  name: 'AddCommunityPayment',
+  components: { FileUpload },
+  data() {
+    return {
+      visible: false,
+      form: {
+        communityId: '',
+        paymentName: '',
+        paymentType: '',
+        certPath: '',
+        state: 'Y',
+        remark: '',
+        payType: '1001',
+        configIds: []
+      },
+      paymentTypes: [],
+      paymentKeys: [],
+      feeConfigs: [],
+      rules: {
+        paymentName: [
+          { required: true, message: this.$t('communityPayment.requiredField'), trigger: 'blur' },
+          { max: 64, message: this.$t('communityPayment.maxLength64'), trigger: 'blur' }
+        ],
+        paymentType: [
+          { required: true, message: this.$t('communityPayment.requiredField'), trigger: 'change' }
+        ],
+        payType: [
+          { required: true, message: this.$t('communityPayment.requiredField'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.loadPaymentTypes()
+  },
+  methods: {
+    open(params) {
+      this.form.communityId = params.communityId
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.form && this.$refs.form.clearValidate()
+        this.loadFeeConfigs()
+      })
+    },
+    resetForm() {
+      this.form = {
+        communityId: this.form.communityId,
+        paymentName: '',
+        paymentType: '',
+        certPath: '',
+        state: 'Y',
+        remark: '',
+        payType: '1001',
+        configIds: []
+      }
+      this.paymentKeys = []
+      if (this.$refs.uploader) {
+        this.$refs.uploader.clearFile()
+      }
+    },
+    async loadPaymentTypes() {
+      try {
+        const res = await listPaymentAdapt({ page: 1, row: 100 })
+        this.paymentTypes = res.data || []
+      } catch (error) {
+        console.error('Failed to load payment types:', error)
+      }
+    },
+    async handleVendorChange() {
+      try {
+        const res = await listPaymentKey({
+          paymentType: this.form.paymentType,
+          page: 1,
+          row: 100
+        })
+        this.paymentKeys = (res.data || []).map(item => ({
+          ...item,
+          columnValue: ''
+        }))
+      } catch (error) {
+        console.error('Failed to load payment keys:', error)
+        this.paymentKeys = []
+      }
+    },
+    async loadFeeConfigs() {
+      if (!this.form.communityId) return
+
+      try {
+        const res = await queryAdminFeeConfigs({
+          communityId: this.form.communityId,
+          isDefault: 'F',
+          page: 1,
+          row: 100
+        })
+        this.feeConfigs = res.feeConfigs || []
+      } catch (error) {
+        console.error('Failed to load fee configs:', error)
+        this.feeConfigs = []
+      }
+    },
+    handleScopeChange() {
+      this.form.configIds = []
+    },
+    handleUploadSuccess(file) {
+      this.form.certPath = file.realFileName
+    },
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+
+        try {
+          const payload = {
+            ...this.form,
+            paymentKeys: this.paymentKeys
+          }
+          await saveAdminPaymentPool(payload)
+          this.$message.success(this.$t('common.saveSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('common.saveFailed'))
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/fee/DeleteCommunityPayment.vue b/src/components/fee/DeleteCommunityPayment.vue
new file mode 100644
index 0000000..0e032fc
--- /dev/null
+++ b/src/components/fee/DeleteCommunityPayment.vue
@@ -0,0 +1,58 @@
+<template>
+  <el-dialog
+    :title="$t('deleteCommunityPayment.title')"
+    :visible.sync="visible"
+    width="500px"
+    :close-on-click-modal="false"
+  >
+    <div class="delete-content">
+      <i class="el-icon-warning" style="color: #e6a23c; font-size: 24px; margin-right: 10px"></i>
+      <span>{{ $t('deleteCommunityPayment.message') }}</span>
+    </div>
+    
+    <div slot="footer">
+      <el-button @click="visible = false">{{ $t('communityPayment.cancel') }}</el-button>
+      <el-button type="primary" @click="confirmDelete">{{ $t('communityPayment.confirmDelete') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteAdminPaymentPool } from '@/api/fee/communityPaymentApi'
+
+export default {
+  name: 'DeleteCommunityPayment',
+  data() {
+    return {
+      visible: false,
+      paymentId: ''
+    }
+  },
+  methods: {
+    open(row) {
+      this.paymentId = row.ppId
+      this.visible = true
+    },
+    async confirmDelete() {
+      try {
+        await deleteAdminPaymentPool({ ppId: this.paymentId })
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('common.deleteFailed'))
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.delete-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  font-size: 16px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/fee/EditCommunityPayment.vue b/src/components/fee/EditCommunityPayment.vue
new file mode 100644
index 0000000..063154a
--- /dev/null
+++ b/src/components/fee/EditCommunityPayment.vue
@@ -0,0 +1,198 @@
+<template>
+  <el-dialog :title="$t('editCommunityPayment.title')" :visible.sync="visible" width="800px" @closed="resetForm">
+    <el-form ref="form" :model="form" label-width="120px" :rules="rules">
+      <el-form-item :label="$t('communityPayment.paymentName')" prop="paymentName">
+        <el-input v-model="form.paymentName" :placeholder="$t('addCommunityPayment.namePlaceholder')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('communityPayment.paymentVendor')">
+        <el-select v-model="form.paymentType" disabled style="width: 100%">
+          <el-option v-for="item in paymentTypes" :key="item.paymentType" :label="item.name" :value="item.paymentType" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-for="(key, index) in paymentKeys" :key="index" :label="key.name">
+        <el-input v-model="key.columnValue" type="textarea" :rows="2" :placeholder="key.remark" />
+      </el-form-item>
+
+      <el-form-item v-if="form.paymentType === 'WECHAT'" :label="$t('communityPayment.merchantCert')">
+        <file-upload ref="uploader" namespace="editCommunityPayment" @upload-success="handleUploadSuccess" />
+      </el-form-item>
+
+      <el-form-item :label="$t('communityPayment.paymentScope')">
+        <el-select v-model="form.payType" disabled style="width: 100%">
+          <el-option :label="$t('communityPayment.communityFee')" value="1001" />
+          <el-option :label="$t('communityPayment.tempParkingFee')" value="2002" />
+          <el-option :label="$t('communityPayment.specificFee')" value="3003" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="form.payType === '3003'" :label="$t('communityPayment.selectFeeItem')">
+        <el-checkbox-group v-model="form.configIds">
+          <el-checkbox v-for="fee in feeConfigs" :key="fee.configId" :label="fee.configId">
+            {{ fee.feeName }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+
+      <el-form-item :label="$t('communityPayment.status')" prop="state">
+        <el-select v-model="form.state" :placeholder="$t('editCommunityPayment.statusPlaceholder')" style="width: 100%">
+          <el-option :label="$t('communityPayment.enabled')" value="Y" />
+          <el-option :label="$t('communityPayment.disabled')" value="N" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('communityPayment.instruction')">
+        <el-input v-model="form.remark" type="textarea" :rows="3"
+          :placeholder="$t('addCommunityPayment.remarkPlaceholder')" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer">
+      <el-button @click="visible = false">{{ $t('communityPayment.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForm">{{ $t('communityPayment.save') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateAdminPaymentPool, listPaymentKey, listPaymentAdapt, queryAdminFeeConfigs } from '@/api/fee/communityPaymentApi'
+import FileUpload from '@/components/upload/FileUpload'
+
+export default {
+  name: 'EditCommunityPayment',
+  components: { FileUpload },
+  data() {
+    return {
+      visible: false,
+      form: {
+        ppId: '',
+        communityId: '',
+        paymentName: '',
+        paymentType: '',
+        certPath: '',
+        state: '',
+        remark: '',
+        payType: '',
+        configIds: []
+      },
+      paymentTypes: [],
+      paymentKeys: [],
+      feeConfigs: [],
+      rules: {
+        paymentName: [
+          { required: true, message: this.$t('communityPayment.requiredField'), trigger: 'blur' },
+          { max: 64, message: this.$t('communityPayment.maxLength64'), trigger: 'blur' }
+        ],
+        state: [
+          { required: true, message: this.$t('communityPayment.requiredField'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.loadPaymentTypes()
+  },
+  methods: {
+    open(row) {
+      this.form = { ...row }
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.form && this.$refs.form.clearValidate()
+        this.loadPaymentKeys()
+        this.loadFeeConfigs()
+        if (row.certPath && this.$refs.uploader) {
+          this.$refs.uploader.setFileName(row.certPath)
+        }
+      })
+    },
+    resetForm() {
+      this.form = {
+        ppId: '',
+        communityId: '',
+        paymentName: '',
+        paymentType: '',
+        certPath: '',
+        state: '',
+        remark: '',
+        payType: '',
+        configIds: []
+      }
+      this.paymentKeys = []
+      if (this.$refs.uploader) {
+        this.$refs.uploader.clearFile()
+      }
+    },
+    async loadPaymentTypes() {
+      try {
+        const res = await listPaymentAdapt({ page: 1, row: 100 })
+        this.paymentTypes = res.data || []
+      } catch (error) {
+        console.error('Failed to load payment types:', error)
+      }
+    },
+    async loadPaymentKeys() {
+      if (!this.form.paymentType) return
+
+      try {
+        const res = await listPaymentKey({
+          paymentType: this.form.paymentType,
+          page: 1,
+          row: 100
+        })
+        this.paymentKeys = res.data || []
+
+        // Load existing values
+        if (this.form.values) {
+          this.paymentKeys.forEach(key => {
+            const value = this.form.values.find(v => v.columnKey === key.columnKey)
+            if (value) {
+              key.columnValue = value.columnValue
+            }
+          })
+        }
+      } catch (error) {
+        console.error('Failed to load payment keys:', error)
+        this.paymentKeys = []
+      }
+    },
+    async loadFeeConfigs() {
+      if (!this.form.communityId) return
+
+      try {
+        const res = await queryAdminFeeConfigs({
+          communityId: this.form.communityId,
+          isDefault: 'F',
+          page: 1,
+          row: 100
+        })
+        this.feeConfigs = res.feeConfigs || []
+      } catch (error) {
+        console.error('Failed to load fee configs:', error)
+        this.feeConfigs = []
+      }
+    },
+    handleUploadSuccess(file) {
+      this.form.certPath = file.realFileName
+    },
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+
+        try {
+          const payload = {
+            ...this.form,
+            paymentKeys: this.paymentKeys
+          }
+          await updateAdminPaymentPool(payload)
+          this.$message.success(this.$t('common.updateSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('common.updateFailed'))
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index 0e9b88a..862a380 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -116,6 +116,8 @@ import { messages as aStaffMessages } from '../views/staff/aStaffLang'
 import { messages as aStaffDetailMessages } from '../views/staff/aStaffDetailLang'
 import { messages as aStaffCommunityMessages } from '../views/staff/aStaffCommunityLang'
 import { messages as communityWechatMessages } from '../views/community/communityWechatLang'
+import { messages as communityMiniMessages } from '../views/community/communityMiniLang'
+import { messages as communityPaymentMessages } from '../views/fee/communityPaymentLang'
 
 Vue.use(VueI18n)
 
@@ -236,6 +238,8 @@ const messages = {
     ...aStaffDetailMessages.en,
     ...aStaffCommunityMessages.en,
     ...communityWechatMessages.en,
+    ...communityMiniMessages.en,
+    ...communityPaymentMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -352,6 +356,8 @@ const messages = {
     ...aStaffDetailMessages.zh,
     ...aStaffCommunityMessages.zh,
     ...communityWechatMessages.zh,
+    ...communityMiniMessages.zh,
+    ...communityPaymentMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 09813e3..632fc9a 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -557,15 +557,25 @@ const routes = [
         component: () => import('@/views/staff/aStaffDetailList.vue')
       },
       {
-        path:'/pages/staff/aStaffCommunity',
-        name:'/pages/staff/aStaffCommunity',
+        path: '/pages/staff/aStaffCommunity',
+        name: '/pages/staff/aStaffCommunity',
         component: () => import('@/views/staff/aStaffCommunityList.vue')
+      },
+      {
+        path: '/pages/community/communityWechat',
+        name: '/pages/community/communityWechat',
+        component: () => import('@/views/community/communityWechatList.vue')
+      },
+      {
+        path: '/pages/community/communityMini',
+        name: '/pages/community/communityMini',
+        component: () => import('@/views/community/communityMiniList.vue')
+      },
+      {
+        path:'/pages/fee/communityPayment',
+        name:'/pages/fee/communityPayment',
+        component: () => import('@/views/fee/communityPaymentList.vue')
         },
-        {
-          path:'/pages/community/communityWechat',
-          name:'/pages/community/communityWechat',
-          component: () => import('@/views/community/communityWechatList.vue')
-          },
       // 其他子路由可以在这里添加
     ]
   },
diff --git a/src/views/community/communityMiniLang.js b/src/views/community/communityMiniLang.js
new file mode 100644
index 0000000..cfd3bef
--- /dev/null
+++ b/src/views/community/communityMiniLang.js
@@ -0,0 +1,38 @@
+export const messages = {
+  en: {
+    communityMini: {
+      title: 'Community Mini Program',
+      name: 'Name',
+      communityName: 'Community Name',
+      appSecret: 'App Secret',
+      description: 'Description',
+      operation: 'Operation',
+      add: 'Add',
+      edit: 'Edit',
+      cancel: 'Cancel',
+      save: 'Save',
+      requiredName: 'Required, please fill in the name',
+      requiredAppId: 'Required, please fill in APPID',
+      requiredSecret: 'Required, please fill in App Secret',
+      optionalDescription: 'Optional, please fill in description'
+    }
+  },
+  zh: {
+    communityMini: {
+      title: '小区小程序',
+      name: '名称',
+      communityName: '小区名称',
+      appSecret: '应用密钥',
+      description: '描述',
+      operation: '操作',
+      add: '添加',
+      edit: '修改',
+      cancel: '取消',
+      save: '保存',
+      requiredName: '必填，请填写名称',
+      requiredAppId: '必填，请填写APPID',
+      requiredSecret: '必填，请填写应用密钥',
+      optionalDescription: '选填，请填写描述信息'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/community/communityMiniList.vue b/src/views/community/communityMiniList.vue
new file mode 100644
index 0000000..78b3217
--- /dev/null
+++ b/src/views/community/communityMiniList.vue
@@ -0,0 +1,124 @@
+<template>
+  <div class="community-mini-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <select-admin-community :community-id="communityId" @changeCommunity="handleCommunityChange" />
+      </el-col>
+
+      <el-col :span="20">
+        <el-card>
+          <div slot="header" class="clearfix flex justify-between">
+            <span>{{ $t('communityMini.title') }}</span>
+            <div class="header-tools">
+              <el-button v-if="smallWeChats.length === 0 && conditions.communityId" type="primary" size="small"
+                icon="el-icon-plus" @click="openAddModal">
+                {{ $t('communityMini.add') }}
+              </el-button>
+            </div>
+          </div>
+
+          <el-table :data="smallWeChats" border style="width: 100%">
+            <el-table-column prop="name" :label="$t('communityMini.name')" align="center" />
+            <el-table-column prop="communityName" :label="$t('communityMini.communityName')" align="center" />
+            <el-table-column prop="appId" label="APPID" align="center" />
+            <el-table-column :label="$t('communityMini.appSecret')" align="center">
+              <template >
+                ********
+              </template>
+            </el-table-column>
+            <el-table-column prop="remarks" :label="$t('communityMini.description')" align="center" />
+            <el-table-column :label="$t('communityMini.operation')" align="center" width="120">
+              <template slot-scope="scope">
+                <el-button type="text" size="small" @click="openEditModal(scope.row)">
+                  {{ $t('communityMini.edit') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <add-community-wechat ref="addModal" @success="loadSmallWeChats" />
+    <edit-community-wechat ref="editModal" @success="loadSmallWeChats" />
+  </div>
+</template>
+
+<script>
+import { listAdminSmallWeChats } from '@/api/community/communityMiniApi'
+import SelectAdminCommunity from '@/components/community/selectAdminCommunity'
+import AddCommunityWechat from '@/components/community/addCommunityWechat'
+import EditCommunityWechat from '@/components/community/editCommunityWechat'
+
+export default {
+  name: 'CommunityMiniList',
+  components: {
+    SelectAdminCommunity,
+    AddCommunityWechat,
+    EditCommunityWechat
+  },
+  data() {
+    return {
+      conditions: {
+        communityId: '',
+        weChatType: '1000',
+        page: 1,
+        row: 100
+      },
+      smallWeChats: [],
+      loading: false
+    }
+  },
+  mounted() {
+    this.loadSmallWeChats()
+  },
+  methods: {
+    async loadSmallWeChats() {
+      this.loading = true
+      try {
+        const res = await listAdminSmallWeChats(this.conditions)
+        if (res.code === 0) {
+          this.smallWeChats = res.data || []
+        } else {
+          this.$message.error(res.msg || '加载小程序列表失败')
+        }
+      } catch (error) {
+        console.error('加载小程序列表失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    handleCommunityChange(community) {
+      this.conditions.communityId = community.communityId
+      this.loadSmallWeChats()
+    },
+    openAddModal() {
+      const params = {
+        objId: this.conditions.communityId,
+        communityId: this.conditions.communityId,
+        weChatType: '1000'
+      }
+      this.$refs.addModal.open(params)
+    },
+    openEditModal(row) {
+      this.$refs.editModal.open(row)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.community-mini-container {
+  padding: 20px;
+}
+
+.header-tools {
+  float: right;
+}
+
+.clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/fee/communityPaymentLang.js b/src/views/fee/communityPaymentLang.js
new file mode 100644
index 0000000..74467c4
--- /dev/null
+++ b/src/views/fee/communityPaymentLang.js
@@ -0,0 +1,98 @@
+export const messages = {
+  en: {
+    communityPayment: {
+      title: 'Community Payment',
+      search: 'Search',
+      add: 'Add',
+      edit: 'Edit',
+      delete: 'Delete',
+      confirmDelete: 'Confirm Delete',
+      paymentName: 'Name',
+      communityName: 'Community',
+      paymentVendor: 'Payment Vendor',
+      paymentScope: 'Payment Scope',
+      status: 'Status',
+      createTime: 'Create Time',
+      instruction: 'Instruction',
+      operation: 'Operation',
+      communityFee: 'Community Fee',
+      tempParkingFee: 'Temporary Parking Fee',
+      specificFee: 'Specific Fee Item',
+      enabled: 'Enabled',
+      disabled: 'Disabled',
+      selectCommunity: 'Select Community',
+      selectStatus: 'Select Status',
+      selectVendor: 'Select Vendor',
+      selectScope: 'Select Scope',
+      selectFeeItem: 'Select Fee Item',
+      merchantCert: 'Merchant Certificate (.p12)',
+      uploadFile: 'Upload Attachment',
+      cancel: 'Cancel',
+      save: 'Save',
+      requiredField: 'Required field'
+    },
+    addCommunityPayment: {
+      title: 'Add Payment',
+      namePlaceholder: 'Please enter name',
+      vendorPlaceholder: 'Please select vendor',
+      scopePlaceholder: 'Please select scope',
+      remarkPlaceholder: 'Optional, usage instructions'
+    },
+    editCommunityPayment: {
+      title: 'Edit Payment',
+      statusPlaceholder: 'Please select status'
+    },
+    deleteCommunityPayment: {
+      title: 'Delete Confirmation',
+      message: 'Are you sure to delete this payment configuration?'
+    }
+  },
+  zh: {
+    communityPayment: {
+      title: '小区支付',
+      search: '查询',
+      add: '添加',
+      edit: '修改',
+      delete: '删除',
+      confirmDelete: '确认删除',
+      paymentName: '名称',
+      communityName: '小区名称',
+      paymentVendor: '支付厂家',
+      paymentScope: '支付范围',
+      status: '状态',
+      createTime: '创建时间',
+      instruction: '使用说明',
+      operation: '操作',
+      communityFee: '小区费用',
+      tempParkingFee: '临时停车费',
+      specificFee: '指定费用项',
+      enabled: '启用',
+      disabled: '停用',
+      selectCommunity: '请选择小区',
+      selectStatus: '请选择状态',
+      selectVendor: '请选择厂家',
+      selectScope: '请选择范围',
+      selectFeeItem: '请选择费用项',
+      merchantCert: '商户证书(.p12)',
+      uploadFile: '上传附件',
+      cancel: '取消',
+      save: '保存',
+      requiredField: '必填项'
+    },
+    addCommunityPayment: {
+      title: '添加支付',
+      namePlaceholder: '必填，请填写名称',
+      vendorPlaceholder: '必填，请选择支付厂家',
+      scopePlaceholder: '必填，请选择支付范围',
+      remarkPlaceholder: '选填，请填写使用说明'
+    },
+    editCommunityPayment: {
+      title: '修改支付',
+      statusPlaceholder: '必填，请选择状态'
+    },
+    deleteCommunityPayment: {
+      title: '删除确认',
+      message: '确定删除支付配置'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/fee/communityPaymentList.vue b/src/views/fee/communityPaymentList.vue
new file mode 100644
index 0000000..ae56bb2
--- /dev/null
+++ b/src/views/fee/communityPaymentList.vue
@@ -0,0 +1,195 @@
+<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>
+      <el-col :span="20">
+        <el-card class="search-card">
+          <div slot="header">
+            <span>{{ $t('communityPayment.search') }}</span>
+          </div>
+          <el-form :inline="true" :model="searchForm">
+            <el-form-item>
+              <el-input
+                v-model="searchForm.paymentName"
+                :placeholder="$t('communityPayment.paymentName')"
+                clearable
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-select
+                v-model="searchForm.state"
+                :placeholder="$t('communityPayment.selectStatus')"
+                clearable
+              >
+                <el-option value="" :label="$t('communityPayment.selectStatus')" />
+                <el-option value="Y" :label="$t('communityPayment.enabled')" />
+                <el-option value="N" :label="$t('communityPayment.disabled')" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="handleSearch">
+                {{ $t('communityPayment.search') }}
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+
+        <el-card class="list-card">
+          <div slot="header">
+            <span>{{ $t('communityPayment.title') }}</span>
+            <el-button
+              v-if="searchForm.communityId"
+              type="primary"
+              size="mini"
+              style="float: right"
+              @click="openAddDialog"
+            >
+              {{ $t('communityPayment.add') }}
+            </el-button>
+          </div>
+          <el-table :data="payments" border stripe>
+            <el-table-column prop="paymentName" :label="$t('communityPayment.paymentName')" align="center" />
+            <el-table-column prop="communityName" :label="$t('communityPayment.communityName')" align="center" />
+            <el-table-column prop="paymentTypeName" :label="$t('communityPayment.paymentVendor')" align="center" />
+            <el-table-column :label="$t('communityPayment.paymentScope')" align="center">
+              <template slot-scope="{ row }">
+                <span v-if="row.payType === '1001'">{{ $t('communityPayment.communityFee') }}</span>
+                <span v-else-if="row.payType === '2002'">{{ $t('communityPayment.tempParkingFee') }}</span>
+                <span v-else>{{ $t('communityPayment.specificFee') }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column :label="$t('communityPayment.status')" align="center">
+              <template slot-scope="{ row }">
+                {{ row.state === 'Y' ? $t('communityPayment.enabled') : $t('communityPayment.disabled') }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="createTime" :label="$t('communityPayment.createTime')" align="center" />
+            <el-table-column prop="remark" :label="$t('communityPayment.instruction')" align="center" />
+            <el-table-column :label="$t('communityPayment.operation')" align="center" width="180">
+              <template slot-scope="{ row }">
+                <el-button size="mini" @click="openEditDialog(row)">{{ $t('communityPayment.edit') }}</el-button>
+                <el-button size="mini" type="danger" @click="openDeleteDialog(row)">
+                  {{ $t('communityPayment.delete') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          
+          <el-pagination
+            :current-page="pagination.current"
+            :page-sizes="[10, 20, 30, 50]"
+            :page-size="pagination.size"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="pagination.total"
+            @size-change="handleSizeChange"
+            @current-change="handlePageChange"
+          />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <add-community-payment ref="addDialog" @success="handleSuccess" />
+    <edit-community-payment ref="editDialog" @success="handleSuccess" />
+    <delete-community-payment ref="deleteDialog" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import SelectAdminCommunity from '@/components/fee/SelectAdminCommunity'
+import AddCommunityPayment from '@/components/fee/AddCommunityPayment'
+import EditCommunityPayment from '@/components/fee/EditCommunityPayment'
+import DeleteCommunityPayment from '@/components/fee/DeleteCommunityPayment'
+import { listAdminPayment } from '@/api/fee/communityPaymentApi'
+
+export default {
+  name: 'CommunityPaymentList',
+  components: {
+    SelectAdminCommunity,
+    AddCommunityPayment,
+    EditCommunityPayment,
+    DeleteCommunityPayment
+  },
+  data() {
+    return {
+      searchForm: {
+        paymentName: '',
+        state: '',
+        communityId: ''
+      },
+      payments: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.fetchPayments()
+  },
+  methods: {
+    async fetchPayments() {
+      try {
+        const params = {
+          ...this.searchForm,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+        const res = await listAdminPayment(params)
+        this.payments = res.data || []
+        this.pagination.total = res.total || 0
+      } catch (error) {
+        console.error('Failed to fetch payments:', error)
+        this.$message.error(this.$t('communityPayment.fetchError'))
+      }
+    },
+    handleCommunityChange(community) {
+      this.searchForm.communityId = community.communityId
+      this.fetchPayments()
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.fetchPayments()
+    },
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.fetchPayments()
+    },
+    handlePageChange(page) {
+      this.pagination.current = page
+      this.fetchPayments()
+    },
+    openAddDialog() {
+      this.$refs.addDialog.open({
+        communityId: this.searchForm.communityId
+      })
+    },
+    openEditDialog(row) {
+      this.$refs.editDialog.open(row)
+    },
+    openDeleteDialog(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    handleSuccess() {
+      this.fetchPayments()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.community-payment-container {
+  height: calc(100vh - 84px);
+  
+  .tree-container {
+    height: calc(100vh - 140px);
+    overflow-y: auto;
+  }
+  
+  .search-card, .list-card {
+    margin-bottom: 20px;
+  }
+}
+</style>
\ No newline at end of file