From a6fd034907c9b3f056bbeacff656e3635d079f4e Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Mon, 30 Jun 2025 20:06:51 +0800
Subject: [PATCH] 开发完成套餐费用

---
 src/api/fee/feeComboManageApi.js            | 102 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/api/fee/feeComboMemberManageApi.js      |  78 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/api/fee/payFeeAuditManageApi.js         |  59 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/fee/addFeeCombo.vue          | 122 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/fee/addFeeComboMember.vue    | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/fee/audit.vue                |  66 +++++++++++++++++++++++++++++++++++++-----------------------------
 src/components/fee/deleteFeeCombo.vue       |  85 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/fee/deleteFeeComboMember.vue |  60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/fee/editFeeCombo.vue         | 111 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/fee/returnPayFee.vue         | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/i18n/feeI18n.js                         |   9 +++++++++
 src/router/feeRouter.js                     |  31 +++++++++++++++++++++++--------
 src/views/fee/feeComboManageLang.js         | 124 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/feeComboManageList.vue        | 243 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/feeComboMemberManageLang.js   |  56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/feeComboMemberManageList.vue  | 200 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/payFeeAuditManageLang.js      | 118 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/fee/payFeeAuditManageList.vue     | 372 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 18 files changed, 2013 insertions(+), 37 deletions(-)
 create mode 100644 src/api/fee/feeComboManageApi.js
 create mode 100644 src/api/fee/feeComboMemberManageApi.js
 create mode 100644 src/api/fee/payFeeAuditManageApi.js
 create mode 100644 src/components/fee/addFeeCombo.vue
 create mode 100644 src/components/fee/addFeeComboMember.vue
 create mode 100644 src/components/fee/deleteFeeCombo.vue
 create mode 100644 src/components/fee/deleteFeeComboMember.vue
 create mode 100644 src/components/fee/editFeeCombo.vue
 create mode 100644 src/components/fee/returnPayFee.vue
 create mode 100644 src/views/fee/feeComboManageLang.js
 create mode 100644 src/views/fee/feeComboManageList.vue
 create mode 100644 src/views/fee/feeComboMemberManageLang.js
 create mode 100644 src/views/fee/feeComboMemberManageList.vue
 create mode 100644 src/views/fee/payFeeAuditManageLang.js
 create mode 100644 src/views/fee/payFeeAuditManageList.vue

diff --git a/src/api/fee/feeComboManageApi.js b/src/api/fee/feeComboManageApi.js
new file mode 100644
index 0000000..f8a8451
--- /dev/null
+++ b/src/api/fee/feeComboManageApi.js
@@ -0,0 +1,102 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取费用套餐列表
+export function listFeeCombo(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/feeCombo.listFeeCombo',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加费用套餐
+export function saveFeeCombo(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/feeCombo.saveFeeCombo',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新费用套餐
+export function updateFeeCombo(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/feeCombo.updateFeeCombo',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除费用套餐
+export function deleteFeeCombo(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/feeCombo.deleteFeeCombo',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取费用套餐详情
+export function getFeeComboDetail(comboId) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/feeCombo.getFeeComboDetail',
+      method: 'get',
+      params: {
+        comboId,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/fee/feeComboMemberManageApi.js b/src/api/fee/feeComboMemberManageApi.js
new file mode 100644
index 0000000..c3c829e
--- /dev/null
+++ b/src/api/fee/feeComboMemberManageApi.js
@@ -0,0 +1,78 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取费用套餐成员列表
+export function listFeeComboMember(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeComboMember.listFeeComboMember',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加费用套餐成员
+export function saveFeeComboMember(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeComboMember.saveFeeComboMember',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除费用套餐成员
+export function deleteFeeComboMember(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeComboMember.deleteFeeComboMember',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取费用配置列表
+export function listFeeConfigs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeConfig.listFeeConfigs',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/fee/payFeeAuditManageApi.js b/src/api/fee/payFeeAuditManageApi.js
new file mode 100644
index 0000000..57af61e
--- /dev/null
+++ b/src/api/fee/payFeeAuditManageApi.js
@@ -0,0 +1,59 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询缴费审核列表
+export function getPayFeeAuditList(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payFeeAudit/queryPayFeeAudit',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存缴费审核
+export function savePayFeeAudit(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payFeeAudit/savePayFeeAudit',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存退费申请
+export function saveReturnPayFee(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/returnPayFee.saveReturnPayFee',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/fee/addFeeCombo.vue b/src/components/fee/addFeeCombo.vue
new file mode 100644
index 0000000..54dc019
--- /dev/null
+++ b/src/components/fee/addFeeCombo.vue
@@ -0,0 +1,122 @@
+<template>
+  <el-dialog :title="$t('feeComboManage.add.title')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('feeComboManage.add.comboName')" prop="comboName">
+        <el-input v-model="form.comboName" :placeholder="$t('feeComboManage.add.comboNamePlaceholder')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('feeComboManage.add.feeItems')" prop="configIds">
+        <el-select v-model="form.configIds" multiple filterable style="width: 100%"
+          :placeholder="$t('feeComboManage.add.feeItemsPlaceholder')">
+          <el-option v-for="item in configs" :key="item.configId" :label="item.feeName" :value="item.configId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('feeComboManage.add.remark')">
+        <el-input v-model="form.remark" type="textarea" :rows="3"
+          :placeholder="$t('feeComboManage.add.remarkPlaceholder')" />
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit">
+        {{ $t('common.save') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveFeeCombo } from '@/api/fee/feeComboManageApi'
+import { listFeeConfigs } from '@/api/fee/feeConfigManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddFeeCombo',
+  data() {
+    return {
+      visible: false,
+      form: {
+        comboName: '',
+        configIds: [],
+        remark: '',
+        communityId: ''
+      },
+      rules: {
+        comboName: [
+          {
+            required: true,
+            message: this.$t('feeComboManage.validate.comboNameRequired'),
+            trigger: 'blur'
+          },
+          {
+            max: 30,
+            message: this.$t('feeComboManage.validate.comboNameMaxLength'),
+            trigger: 'blur'
+          }
+        ],
+        configIds: [
+          {
+            required: true,
+            message: this.$t('feeComboManage.validate.feeItemsRequired'),
+            trigger: 'change'
+          }
+        ]
+      },
+      configs: []
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.form.communityId = getCommunityId()
+      this.getFeeConfigs()
+    },
+    async getFeeConfigs() {
+      try {
+        const params = {
+          page: 1,
+          row: 500,
+          communityId: this.form.communityId
+        }
+        const { feeConfigs } = await listFeeConfigs(params)
+        this.configs = feeConfigs
+      } catch (error) {
+        this.$message.error(this.$t('feeComboManage.fetchConfigError'))
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveFeeCombo(this.form)
+            this.$message.success(this.$t('feeComboManage.add.success'))
+            this.$emit('success')
+            this.visible = false
+          } catch (error) {
+            this.$message.error(error.message || this.$t('feeComboManage.add.error'))
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.form = {
+        comboName: '',
+        configIds: [],
+        remark: '',
+        communityId: ''
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-select {
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/fee/addFeeComboMember.vue b/src/components/fee/addFeeComboMember.vue
new file mode 100644
index 0000000..66a8b70
--- /dev/null
+++ b/src/components/fee/addFeeComboMember.vue
@@ -0,0 +1,107 @@
+<template>
+  <el-dialog :title="$t('common.add')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="formData" label-width="120px" :rules="rules">
+      <el-form-item :label="$t('feeComboMemberManage.feeType')" prop="feeTypeCd">
+        <el-select v-model="formData.feeTypeCd" :placeholder="$t('feeComboMemberManage.selectFeeType')"
+          style="width:100%" @change="handleFeeTypeChange">
+          <el-option v-for="item in feeTypeCds" :key="item.statusCd" :label="item.name" :value="item.statusCd"
+            :disabled="item.statusCd === '888800010008' || item.statusCd === '888800010017'" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('feeComboMemberManage.feeItem')" prop="configId">
+        <el-select v-model="formData.configId" :placeholder="$t('feeComboMemberManage.selectFeeItem')"
+          style="width:100%">
+          <el-option v-for="item in feeConfigs" :key="item.configId" :label="item.feeName" :value="item.configId" />
+        </el-select>
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.save') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { getDict } from '@/api/community/communityApi'
+import { listFeeConfigs } from '@/api/fee/feeComboMemberManageApi'
+import { saveFeeComboMember } from '@/api/fee/feeComboMemberManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddFeeComboMember',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        feeTypeCd: '',
+        configId: '',
+        comboId: '',
+        communityId: ''
+      },
+      feeTypeCds: [],
+      feeConfigs: [],
+      rules: {
+        feeTypeCd: [
+          { required: true, message: this.$t('feeComboMemberManage.feeTypeRequired'), trigger: 'change' }
+        ],
+        configId: [
+          { required: true, message: this.$t('feeComboMemberManage.feeItemRequired'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(params) {
+      this.formData.comboId = params.comboId
+      this.formData.communityId = getCommunityId()
+      this.loadFeeTypeCds()
+      this.visible = true
+    },
+    async loadFeeTypeCds() {
+      try {
+        this.feeTypeCds = await getDict('pay_fee_config', 'fee_type_cd')
+      } catch (error) {
+        this.$message.error(this.$t('feeComboMemberManage.fetchDictError'))
+      }
+    },
+    async handleFeeTypeChange(feeTypeCd) {
+      try {
+        this.formData.configId = ''
+        const params = {
+          page: 1,
+          row: 500,
+          communityId: this.formData.communityId,
+          feeTypeCd: feeTypeCd,
+          isDefault: 'F',
+          valid: '1'
+        }
+        const { feeConfigs } = await listFeeConfigs(params)
+        this.feeConfigs = feeConfigs
+      } catch (error) {
+        this.$message.error(this.$t('feeComboMemberManage.fetchFeeConfigError'))
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveFeeComboMember(this.formData)
+            this.$message.success(this.$t('feeComboMemberManage.addSuccess'))
+            this.$emit('success')
+            this.visible = false
+          } catch (error) {
+            this.$message.error(error.message || this.$t('feeComboMemberManage.addFailed'))
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.feeConfigs = []
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/fee/audit.vue b/src/components/fee/audit.vue
index 0e3ac92..86df773 100644
--- a/src/components/fee/audit.vue
+++ b/src/components/fee/audit.vue
@@ -1,33 +1,34 @@
 <template>
   <el-dialog
-    :title="$t('audit.title')"
+    :title="$t('audit.auditInfo')"
     :visible.sync="visible"
     width="50%"
     @close="handleClose"
   >
-    <el-form ref="form" :model="auditInfo" label-width="120px">
-      <el-form-item :label="$t('audit.state')" prop="state" required>
-        <el-select
-          v-model="auditInfo.state"
-          :placeholder="$t('audit.selectState')"
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('audit.auditStatus')" prop="state">
+        <el-select 
+          v-model="form.state" 
+          :placeholder="$t('audit.selectAudit')"
           style="width:100%"
+          @change="handleStatusChange"
         >
-          <el-option
-            :label="$t('audit.approve')"
+          <el-option 
+            :label="$t('audit.agree')" 
             value="1100"
           />
-          <el-option
-            :label="$t('audit.reject')"
+          <el-option 
+            :label="$t('audit.reject')" 
             value="1200"
           />
         </el-select>
       </el-form-item>
-      <el-form-item :label="$t('audit.remark')" prop="remark" required>
+      <el-form-item :label="$t('audit.reason')" prop="remark">
         <el-input
-          v-model="auditInfo.remark"
+          v-model="form.remark"
           type="textarea"
           :rows="4"
-          :placeholder="$t('audit.remarkPlaceholder')"
+          :placeholder="$t('audit.inputReason')"
         />
       </el-form-item>
     </el-form>
@@ -40,22 +41,22 @@
 
 <script>
 export default {
-  name: 'AuditComponent',
+  name: 'AuditModal',
   data() {
     return {
       visible: false,
-      auditInfo: {
+      form: {
         state: '',
         remark: ''
-      }
-    }
-  },
-  watch: {
-    'auditInfo.state'(val) {
-      if (val === '1100') {
-        this.auditInfo.remark = this.$t('audit.approve')
-      } else {
-        this.auditInfo.remark = ''
+      },
+      rules: {
+        state: [
+          { required: true, message: this.$t('audit.stateRequired'), trigger: 'change' }
+        ],
+        remark: [
+          { required: true, message: this.$t('audit.reasonRequired'), trigger: 'blur' },
+          { max: 200, message: this.$t('audit.reasonMaxLength'), trigger: 'blur' }
+        ]
       }
     }
   },
@@ -66,16 +67,23 @@ export default {
     handleClose() {
       this.$refs.form.resetFields()
     },
+    handleStatusChange(val) {
+      if (val === '1100') {
+        this.form.remark = this.$t('audit.agree')
+      } else {
+        this.form.remark = ''
+      }
+    },
     handleSubmit() {
       this.$refs.form.validate(valid => {
         if (valid) {
           const auditInfo = {
-            state: this.auditInfo.state,
-            remark: this.auditInfo.state === '1200' 
-              ? `${this.$t('audit.reject')}: ${this.auditInfo.remark}`
-              : this.auditInfo.remark
+            state: this.form.state,
+            remark: this.form.state === '1200' 
+              ? `${this.$t('audit.reject')}: ${this.form.remark}`
+              : this.form.remark
           }
-          this.$emit('notifyAuditInfo', auditInfo)
+          this.$emit('success', auditInfo)
           this.visible = false
         }
       })
diff --git a/src/components/fee/deleteFeeCombo.vue b/src/components/fee/deleteFeeCombo.vue
new file mode 100644
index 0000000..4778f50
--- /dev/null
+++ b/src/components/fee/deleteFeeCombo.vue
@@ -0,0 +1,85 @@
+<template>
+  <el-dialog
+    :title="$t('feeComboManage.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="delete-content">
+      <p>{{ $t('feeComboManage.delete.confirmMessage') }}</p>
+      <p class="combo-name">{{ form.comboName }}</p>
+    </div>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('feeComboManage.delete.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleConfirm" :loading="loading">
+        {{ $t('feeComboManage.delete.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteFeeCombo } from '@/api/fee/feeComboManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteFeeCombo',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      form: {
+        comboId: '',
+        comboName: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.form = {
+        comboId: data.comboId,
+        comboName: data.comboName,
+        communityId: getCommunityId()
+      }
+    },
+    async handleConfirm() {
+      this.loading = true
+      try {
+        await deleteFeeCombo(this.form)
+        this.$message.success(this.$t('feeComboManage.delete.success'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        this.$message.error(error.message || this.$t('feeComboManage.delete.error'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleClose() {
+      this.form = {
+        comboId: '',
+        comboName: '',
+        communityId: ''
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.delete-content {
+  text-align: center;
+  font-size: 16px;
+}
+
+.combo-name {
+  font-weight: bold;
+  color: #f56c6c;
+  margin-top: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/fee/deleteFeeComboMember.vue b/src/components/fee/deleteFeeComboMember.vue
new file mode 100644
index 0000000..d685ca1
--- /dev/null
+++ b/src/components/fee/deleteFeeComboMember.vue
@@ -0,0 +1,60 @@
+<template>
+  <el-dialog
+    :title="$t('common.confirm')"
+    :visible.sync="visible"
+    width="30%"
+  >
+    <div class="confirm-content">
+      {{ $t('feeComboMemberManage.confirmDelete') }}
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteFeeComboMember } from '@/api/fee/feeComboMemberManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteFeeComboMember',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        comboMemberId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(params) {
+      this.formData = {
+        ...params,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteFeeComboMember(this.formData)
+        this.$message.success(this.$t('feeComboMemberManage.deleteSuccess'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        this.$message.error(error.message || this.$t('feeComboMemberManage.deleteFailed'))
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.confirm-content {
+  text-align: center;
+  font-size: 16px;
+  margin: 20px 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/fee/editFeeCombo.vue b/src/components/fee/editFeeCombo.vue
new file mode 100644
index 0000000..08c54f4
--- /dev/null
+++ b/src/components/fee/editFeeCombo.vue
@@ -0,0 +1,111 @@
+<template>
+  <el-dialog
+    :title="$t('feeComboManage.edit.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item
+        :label="$t('feeComboManage.edit.comboName')"
+        prop="comboName"
+      >
+        <el-input
+          v-model="form.comboName"
+          :placeholder="$t('feeComboManage.edit.comboNamePlaceholder')"
+        />
+      </el-form-item>
+
+      <el-form-item :label="$t('feeComboManage.edit.remark')">
+        <el-input
+          v-model="form.remark"
+          type="textarea"
+          :rows="3"
+          :placeholder="$t('feeComboManage.edit.remarkPlaceholder')"
+        />
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit">
+        {{ $t('common.save') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateFeeCombo } from '@/api/fee/feeComboManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditFeeCombo',
+  data() {
+    return {
+      visible: false,
+      form: {
+        comboId: '',
+        comboName: '',
+        remark: '',
+        communityId: ''
+      },
+      rules: {
+        comboName: [
+          {
+            required: true,
+            message: this.$t('feeComboManage.validate.comboNameRequired'),
+            trigger: 'blur'
+          },
+          {
+            max: 30,
+            message: this.$t('feeComboManage.validate.comboNameMaxLength'),
+            trigger: 'blur'
+          }
+        ],
+        comboId: [
+          {
+            required: true,
+            message: this.$t('feeComboManage.validate.comboIdRequired'),
+            trigger: 'blur'
+          }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.visible = true
+      this.form = {
+        ...data,
+        communityId: getCommunityId()
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateFeeCombo(this.form)
+            this.$message.success(this.$t('feeComboManage.edit.success'))
+            this.$emit('success')
+            this.visible = false
+          } catch (error) {
+            this.$message.error(error.message || this.$t('feeComboManage.edit.error'))
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.form = {
+        comboId: '',
+        comboName: '',
+        remark: '',
+        communityId: ''
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/fee/returnPayFee.vue b/src/components/fee/returnPayFee.vue
new file mode 100644
index 0000000..785f3f5
--- /dev/null
+++ b/src/components/fee/returnPayFee.vue
@@ -0,0 +1,107 @@
+<template>
+  <el-dialog
+    :title="$t('returnPayFee.refundTitle')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="150px">
+      <el-form-item :label="`${$t('returnPayFee.fee')}ID`">
+        <el-input v-model="form.detailId" readonly />
+      </el-form-item>
+      <el-form-item :label="`${$t('returnPayFee.cycle')}(${$t('returnPayFee.month')})`">
+        <el-input v-model="form.cycles" readonly />
+      </el-form-item>
+      <el-form-item :label="$t('returnPayFee.receivableAmount')">
+        <el-input v-model="form.receivableAmount" readonly />
+      </el-form-item>
+      <el-form-item :label="$t('returnPayFee.receivedAmount')">
+        <el-input v-model="form.receivedAmount" readonly />
+      </el-form-item>
+      <el-form-item :label="$t('returnPayFee.payTime')">
+        <el-input v-model="form.payTime" readonly />
+      </el-form-item>
+      <el-form-item 
+        :label="`<span style='color:red'>*</span>${$t('returnPayFee.refundReason')}`" 
+        prop="reason"
+      >
+        <el-input
+          v-model="form.reason"
+          type="textarea"
+          :rows="4"
+          :placeholder="$t('returnPayFee.inputReason')"
+        />
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('returnPayFee.submitRefund') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveReturnPayFee } from '@/api/fee/payFeeAuditManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ReturnPayFeeModal',
+  data() {
+    return {
+      visible: false,
+      form: {
+        detailId: '',
+        cycles: '',
+        receivableAmount: '',
+        receivedAmount: '',
+        payTime: '',
+        reason: '',
+        communityId: '',
+        feeId: '',
+        feeTypeCd: '',
+        configId: ''
+      },
+      rules: {
+        reason: [
+          { required: true, message: this.$t('returnPayFee.reasonRequired'), trigger: 'blur' },
+          { min: 1, max: 200, message: this.$t('returnPayFee.reasonLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = {
+        detailId: row.detailId,
+        cycles: row.cycles,
+        receivableAmount: row.receivableAmount,
+        receivedAmount: row.receivedAmount,
+        payTime: row.createTime,
+        reason: '',
+        communityId: row.communityId,
+        feeId: row.feeId,
+        feeTypeCd: row.feeTypeCd,
+        configId: row.configId
+      }
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    async handleSubmit() {
+      try {
+        await this.$refs.form.validate()
+        this.form.communityId = getCommunityId()
+        await saveReturnPayFee(this.form)
+        this.$message.success(this.$t('common.operateSuccess'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        if (error.message) {
+          this.$message.error(error.message)
+        }
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/i18n/feeI18n.js b/src/i18n/feeI18n.js
index ab2755d..4e79927 100644
--- a/src/i18n/feeI18n.js
+++ b/src/i18n/feeI18n.js
@@ -14,6 +14,9 @@ import { messages as floorShareMessages } from '../views/fee/floorShareLang'
 import { messages as shareReadingMessages } from '../views/fee/shareReadingLang'
 import { messages as roomFeeImportMessages } from '../views/fee/roomFeeImportLang'
 import { messages as shareReadingFeeMessages } from '../views/fee/shareReadingFeeLang'
+import { messages as feeComboManageMessages } from '../views/fee/feeComboManageLang'
+import { messages as payFeeAuditManageMessages } from '../views/fee/payFeeAuditManageLang'
+import { messages as feeComboMemberManageMessages } from '../views/fee/feeComboMemberManageLang'
 
 export const messages = {
     en: {
@@ -33,6 +36,9 @@ export const messages = {
         ...shareReadingMessages.en,
         ...roomFeeImportMessages.en,
         ...shareReadingFeeMessages.en,
+        ...feeComboManageMessages.en,
+        ...payFeeAuditManageMessages.en,
+        ...feeComboMemberManageMessages.en,
     },
     zh: {
         ...contractCreateFeeMessages.zh,
@@ -51,5 +57,8 @@ export const messages = {
         ...shareReadingMessages.zh,
         ...roomFeeImportMessages.zh,
         ...shareReadingFeeMessages.zh,
+        ...feeComboManageMessages.zh,
+        ...payFeeAuditManageMessages.zh,
+        ...feeComboMemberManageMessages.zh,
     }
 }
\ No newline at end of file
diff --git a/src/router/feeRouter.js b/src/router/feeRouter.js
index 99baf4c..1a6e0c8 100644
--- a/src/router/feeRouter.js
+++ b/src/router/feeRouter.js
@@ -55,14 +55,29 @@ export default [
         component: () => import('@/views/fee/shareReadingList.vue')
     },
     {
-        path:'/pages/property/roomFeeImport',
-        name:'/pages/property/roomFeeImport',
+        path: '/pages/property/roomFeeImport',
+        name: '/pages/property/roomFeeImport',
         component: () => import('@/views/fee/roomFeeImportList.vue')
-        },
-        {
-            path:'/views/fee/shareReadingFee',
-            name:'/views/fee/shareReadingFee',
-            component: () => import('@/views/fee/shareReadingFeeList.vue')
-            },
+    },
+    {
+        path: '/views/fee/shareReadingFee',
+        name: '/views/fee/shareReadingFee',
+        component: () => import('@/views/fee/shareReadingFeeList.vue')
+    },
+    {
+        path: '/pages/property/feeComboManage',
+        name: '/pages/property/feeComboManage',
+        component: () => import('@/views/fee/feeComboManageList.vue')
+    },
+    {
+        path: '/pages/property/payFeeAuditManage',
+        name: '/pages/property/payFeeAuditManage',
+        component: () => import('@/views/fee/payFeeAuditManageList.vue')
+    },
+    {
+        path: '/views/fee/feeComboMemberManage',
+        name: '/views/fee/feeComboMemberManage',
+        component: () => import('@/views/fee/feeComboMemberManageList.vue')
+    },
 
 ]
\ No newline at end of file
diff --git a/src/views/fee/feeComboManageLang.js b/src/views/fee/feeComboManageLang.js
new file mode 100644
index 0000000..92a13f2
--- /dev/null
+++ b/src/views/fee/feeComboManageLang.js
@@ -0,0 +1,124 @@
+export const messages = {
+  en: {
+    feeComboManage: {
+      search: {
+        title: 'Search Conditions',
+        comboName: 'Please enter combo name'
+      },
+      list: {
+        title: 'Fee Combo List'
+      },
+      table: {
+        comboId: 'Combo ID',
+        comboName: 'Combo Name',
+        createTime: 'Create Time',
+        remark: 'Remark'
+      },
+      operation: {
+        feeItems: 'Fee Items'
+      },
+      remark: {
+        line1: 'Note: Fee combos mainly solve the problem of frequent rental changes (such as park properties)',
+        line2: 'Multiple fees can be packaged into a fee combo and created as a combo'
+      },
+      add: {
+        title: 'Add Fee Combo',
+        comboName: 'Combo Name',
+        comboNamePlaceholder: 'Required, please enter combo name',
+        feeItems: 'Fee Items',
+        feeItemsPlaceholder: 'Optional, please select fee items',
+        remark: 'Remark',
+        remarkPlaceholder: 'Optional, please enter remark',
+        success: 'Add success',
+        error: 'Add failed'
+      },
+      edit: {
+        title: 'Edit Fee Combo',
+        comboName: 'Combo Name',
+        comboNamePlaceholder: 'Required, please enter combo name',
+        remark: 'Remark',
+        remarkPlaceholder: 'Optional, please enter remark',
+        success: 'Edit success',
+        error: 'Edit failed'
+      },
+      delete: {
+        title: 'Delete Confirmation',
+        confirmMessage: 'Are you sure to delete this fee combo?',
+        comboName: 'Combo Name',
+        cancel: 'Cancel',
+        confirm: 'Confirm Delete',
+        success: 'Delete success',
+        error: 'Delete failed'
+      },
+      validate: {
+        comboNameRequired: 'Combo name is required',
+        comboNameMaxLength: 'Combo name cannot exceed 30 characters',
+        feeItemsRequired: 'Please select at least one fee item',
+        comboIdRequired: 'Combo ID is required'
+      },
+      fetchError: 'Failed to fetch data',
+      fetchConfigError: 'Failed to fetch fee configs'
+    }
+  },
+  zh: {
+    feeComboManage: {
+      search: {
+        title: '查询条件',
+        comboName: '请输入套餐名称'
+      },
+      list: {
+        title: '费用套餐列表'
+      },
+      table: {
+        comboId: '套餐ID',
+        comboName: '套餐名称',
+        createTime: '创建时间',
+        remark: '说明'
+      },
+      operation: {
+        feeItems: '费用项'
+      },
+      remark: {
+        line1: '说明：费用套餐主要解决房屋出租频繁（园区类物业）多个费用创建时，',
+        line2: '可以选择将多个费用打包为一个费用套餐，按套餐创建费用'
+      },
+      add: {
+        title: '添加费用套餐',
+        comboName: '套餐名称',
+        comboNamePlaceholder: '必填，请填写套餐名称',
+        feeItems: '费用项',
+        feeItemsPlaceholder: '选填，请选择费用项',
+        remark: '说明',
+        remarkPlaceholder: '选填，请填写说明',
+        success: '添加成功',
+        error: '添加失败'
+      },
+      edit: {
+        title: '修改费用套餐',
+        comboName: '套餐名称',
+        comboNamePlaceholder: '必填，请填写套餐名称',
+        remark: '说明',
+        remarkPlaceholder: '选填，请填写说明',
+        success: '修改成功',
+        error: '修改失败'
+      },
+      delete: {
+        title: '删除确认',
+        confirmMessage: '确定删除此费用套餐吗？',
+        comboName: '套餐名称',
+        cancel: '取消',
+        confirm: '确认删除',
+        success: '删除成功',
+        error: '删除失败'
+      },
+      validate: {
+        comboNameRequired: '套餐名称不能为空',
+        comboNameMaxLength: '套餐名称不能超过30个字符',
+        feeItemsRequired: '请至少选择一个费用项',
+        comboIdRequired: '套餐ID不能为空'
+      },
+      fetchError: '获取数据失败',
+      fetchConfigError: '获取费用项失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/fee/feeComboManageList.vue b/src/views/fee/feeComboManageList.vue
new file mode 100644
index 0000000..ef91a19
--- /dev/null
+++ b/src/views/fee/feeComboManageList.vue
@@ -0,0 +1,243 @@
+<template>
+  <div class="fee-combo-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('feeComboManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input
+            v-model="searchForm.comboName"
+            :placeholder="$t('feeComboManage.search.comboName')"
+            clearable
+          />
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="handleReset">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 费用套餐列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('feeComboManage.list.title') }}</span>
+        <el-button
+          type="primary"
+          size="small"
+          style="float: right"
+          @click="handleAdd"
+        >
+          {{ $t('common.add') }}
+        </el-button>
+      </div>
+
+      <el-table
+        v-loading="loading"
+        :data="tableData"
+        border
+        style="width: 100%"
+      >
+        <el-table-column
+          prop="comboId"
+          :label="$t('feeComboManage.table.comboId')"
+          align="center"
+        />
+        <el-table-column
+          prop="comboName"
+          :label="$t('feeComboManage.table.comboName')"
+          align="center"
+        />
+        <el-table-column
+          prop="createTime"
+          :label="$t('feeComboManage.table.createTime')"
+          align="center"
+        />
+        <el-table-column
+          prop="remark"
+          :label="$t('feeComboManage.table.remark')"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('common.operation')"
+          align="center"
+          width="300"
+        >
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @click="handleToComboMember(scope.row)"
+            >
+              {{ $t('feeComboManage.operation.feeItems') }}
+            </el-button>
+            <el-button
+              size="mini"
+              type="primary"
+              @click="handleEdit(scope.row)"
+            >
+              {{ $t('common.edit') }}
+            </el-button>
+            <el-button
+              size="mini"
+              type="danger"
+              @click="handleDelete(scope.row)"
+            >
+              {{ $t('common.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="remark-wrapper">
+        <p>{{ $t('feeComboManage.remark.line1') }}</p>
+        <p>{{ $t('feeComboManage.remark.line2') }}</p>
+      </div>
+
+      <el-pagination
+        :current-page.sync="page.current"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="page.size"
+        :total="page.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <!-- 子组件 -->
+    <add-fee-combo ref="addFeeCombo" @success="handleSuccess" />
+    <edit-fee-combo ref="editFeeCombo" @success="handleSuccess" />
+    <delete-fee-combo ref="deleteFeeCombo" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listFeeCombo } from '@/api/fee/feeComboManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import AddFeeCombo from '@/components/fee/addFeeCombo'
+import EditFeeCombo from '@/components/fee/editFeeCombo'
+import DeleteFeeCombo from '@/components/fee/deleteFeeCombo'
+
+export default {
+  name: 'FeeComboManageList',
+  components: {
+    AddFeeCombo,
+    EditFeeCombo,
+    DeleteFeeCombo
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        comboName: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          comboName: this.searchForm.comboName,
+          communityId: this.communityId
+        }
+        const { data, total } = await listFeeCombo(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('feeComboManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm = {
+        comboName: ''
+      }
+      this.getList()
+    },
+    handleAdd() {
+      this.$refs.addFeeCombo.open()
+    },
+    handleEdit(row) {
+      this.$refs.editFeeCombo.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deleteFeeCombo.open(row)
+    },
+    handleToComboMember(row) {
+      this.$router.push({
+        path: '/views/fee/feeComboMemberManage',
+        query: {
+          comboId: row.comboId,
+          comboName: row.comboName
+        }
+      })
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.fee-combo-manage-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-input {
+      width: 100%;
+    }
+  }
+
+  .list-wrapper {
+    margin-bottom: 20px;
+
+    .remark-wrapper {
+      margin-top: 20px;
+      color: #999;
+      font-size: 14px;
+    }
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/fee/feeComboMemberManageLang.js b/src/views/fee/feeComboMemberManageLang.js
new file mode 100644
index 0000000..9f4984c
--- /dev/null
+++ b/src/views/fee/feeComboMemberManageLang.js
@@ -0,0 +1,56 @@
+export const messages = {
+  en: {
+    feeComboMemberManage: {
+      title: 'Fee Items',
+      feeType: 'Fee Type',
+      feeItem: 'Fee Item',
+      feeFlag: 'Fee Flag',
+      paymentType: 'Payment Type',
+      paymentCycle: 'Payment Cycle',
+      unitPrice: 'Unit Price',
+      additionalFee: 'Additional/Fixed Fee',
+      prepay: 'Prepay',
+      postpay: 'Postpay',
+      back: 'Back',
+      selectFeeType: 'Please select fee type',
+      selectFeeItem: 'Please select fee item',
+      feeTypeRequired: 'Fee type is required',
+      feeItemRequired: 'Fee item is required',
+      confirmDelete: 'Confirm to delete this fee combo member?',
+      addSuccess: 'Add fee combo member successfully',
+      deleteSuccess: 'Delete fee combo member successfully',
+      fetchError: 'Failed to fetch fee combo members',
+      fetchDictError: 'Failed to fetch dictionary data',
+      fetchFeeConfigError: 'Failed to fetch fee configs',
+      addFailed: 'Failed to add fee combo member',
+      deleteFailed: 'Failed to delete fee combo member'
+    }
+  },
+  zh: {
+    feeComboMemberManage: {
+      title: '费用项',
+      feeType: '费用类型',
+      feeItem: '收费项目',
+      feeFlag: '费用标识',
+      paymentType: '付费类型',
+      paymentCycle: '缴费周期',
+      unitPrice: '计费单价',
+      additionalFee: '附加/固定费',
+      prepay: '预付费',
+      postpay: '后付费',
+      back: '返回',
+      selectFeeType: '请选择费用类型',
+      selectFeeItem: '请选择收费项目',
+      feeTypeRequired: '费用类型不能为空',
+      feeItemRequired: '收费项目不能为空',
+      confirmDelete: '确定删除该费用套餐成员?',
+      addSuccess: '添加费用套餐成员成功',
+      deleteSuccess: '删除费用套餐成员成功',
+      fetchError: '获取费用套餐成员失败',
+      fetchDictError: '获取字典数据失败',
+      fetchFeeConfigError: '获取费用配置失败',
+      addFailed: '添加费用套餐成员失败',
+      deleteFailed: '删除费用套餐成员失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/fee/feeComboMemberManageList.vue b/src/views/fee/feeComboMemberManageList.vue
new file mode 100644
index 0000000..9642b08
--- /dev/null
+++ b/src/views/fee/feeComboMemberManageList.vue
@@ -0,0 +1,200 @@
+<template>
+  <div class="fee-combo-member-manage-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ feeComboMemberManageInfo.comboName }} {{ $t('feeComboMemberManage.title') }}</span>
+        <div class="header-tools">
+          <el-button type="primary" size="small" @click="_openAddFeeComboMemberModal">
+            <i class="el-icon-plus"></i>
+            {{ $t('common.add') }}
+          </el-button>
+          <el-button type="primary" size="small" @click="_goBack">
+            {{ $t('feeComboMemberManage.back') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table
+        :data="feeComboMemberManageInfo.feeComboMembers"
+        border
+        style="width: 100%"
+        v-loading="loading"
+      >
+        <el-table-column
+          prop="feeTypeCdName"
+          :label="$t('feeComboMemberManage.feeType')"
+          align="center"
+        />
+        <el-table-column
+          prop="feeName"
+          :label="$t('feeComboMemberManage.feeItem')"
+          align="center"
+        />
+        <el-table-column
+          prop="feeFlagName"
+          :label="$t('feeComboMemberManage.feeFlag')"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('feeComboMemberManage.paymentType')"
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.paymentCd == '1200' ? $t('feeComboMemberManage.prepay') : $t('feeComboMemberManage.postpay') }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="paymentCycle"
+          :label="$t('feeComboMemberManage.paymentCycle')"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('feeComboMemberManage.unitPrice')"
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.computingFormula == '2002' ? '-' : scope.row.squarePrice }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="additionalAmount"
+          :label="$t('feeComboMemberManage.additionalFee')"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('common.operation')"
+          align="center"
+          width="150"
+        >
+          <template slot-scope="scope">
+            <el-button
+              type="danger"
+              size="mini"
+              @click="_openDeleteFeeComboMemberModel(scope.row)"
+            >
+              {{ $t('common.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="page.current"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="page.size"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="page.total"
+        class="pagination"
+      />
+    </el-card>
+
+    <add-fee-combo-member ref="addFeeComboMember" @success="handleSuccess" />
+    <delete-fee-combo-member ref="deleteFeeComboMember" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listFeeComboMember } from '@/api/fee/feeComboMemberManageApi'
+import AddFeeComboMember from '@/components/fee/addFeeComboMember'
+import DeleteFeeComboMember from '@/components/fee/deleteFeeComboMember'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'FeeComboMemberManageList',
+  components: {
+    AddFeeComboMember,
+    DeleteFeeComboMember
+  },
+  data() {
+    return {
+      loading: false,
+      feeComboMemberManageInfo: {
+        feeComboMembers: [],
+        comboId: '',
+        comboName: '',
+        conditions: {
+          comboId: '',
+          comboName: '',
+          communityId: ''
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.feeComboMemberManageInfo.conditions.comboId = this.$route.query.comboId
+    this.feeComboMemberManageInfo.comboName = this.$route.query.comboName
+    this.feeComboMemberManageInfo.conditions.communityId = getCommunityId()
+    this._listFeeComboMembers()
+  },
+  methods: {
+    async _listFeeComboMembers() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.feeComboMemberManageInfo.conditions
+        }
+        const { data, total } = await listFeeComboMember(params)
+        this.feeComboMemberManageInfo.feeComboMembers = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('feeComboMemberManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    _openAddFeeComboMemberModal() {
+      this.$refs.addFeeComboMember.open({
+        comboId: this.feeComboMemberManageInfo.conditions.comboId
+      })
+    },
+    _openDeleteFeeComboMemberModel(feeComboMember) {
+      this.$refs.deleteFeeComboMember.open(feeComboMember)
+    },
+    _goBack() {
+      this.$router.go(-1)
+    },
+    handleSuccess() {
+      this._listFeeComboMembers()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listFeeComboMembers()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listFeeComboMembers()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.fee-combo-member-manage-container {
+  padding: 20px;
+
+  .clearfix {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .header-tools {
+    display: flex;
+    gap: 10px;
+  }
+
+  .pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/fee/payFeeAuditManageLang.js b/src/views/fee/payFeeAuditManageLang.js
new file mode 100644
index 0000000..35979c2
--- /dev/null
+++ b/src/views/fee/payFeeAuditManageLang.js
@@ -0,0 +1,118 @@
+export const messages = {
+  en: {
+    payFeeAuditManage: {
+      searchTitle: 'Search Conditions',
+      tableTitle: 'Payment Audit',
+      selectPayObj: 'Select Payment Object',
+      selectStatus: 'Select Status',
+      inputPlateNumber: 'Enter License Plate Number',
+      inputRoomInfo: 'Enter Building-Unit-Room',
+      house: 'House',
+      feeItem: 'Fee Item',
+      payCycle: 'Payment Cycle',
+      month: 'month(s)',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      receivableAmount: 'Receivable Amount(Yuan)',
+      receivedAmount: 'Received Amount(Yuan)',
+      operator: 'Operator',
+      payTime: 'Payment Time',
+      auditStatus: 'Audit Status',
+      auditRemark: 'Audit Remark',
+      payRemark: 'Payment Remark',
+      pendingReview: 'Pending Review',
+      approved: 'Approved',
+      rejected: 'Rejected',
+      batchAudit: 'Batch Audit',
+      auditFee: 'Audit Fee',
+      refund: 'Refund',
+      auditTip: 'Payment audit will not affect payment accounting, used by finance to verify payment correctness',
+      fetchError: 'Failed to fetch payment audit data',
+      selectFeeTip: 'Please select at least one fee'
+    },
+    audit: {
+      auditInfo: 'Audit Information',
+      auditStatus: 'Audit Status',
+      selectAudit: 'Select Audit',
+      agree: 'Agree',
+      reject: 'Reject',
+      reason: 'Reason',
+      inputReason: 'Required, please enter reason',
+      stateRequired: 'Audit status is required',
+      reasonRequired: 'Reason is required',
+      reasonMaxLength: 'Reason cannot exceed 200 characters'
+    },
+    returnPayFee: {
+      refundTitle: 'Fill Refund Reason',
+      fee: 'Payment',
+      cycle: 'Cycle',
+      month: 'month',
+      receivableAmount: 'Receivable Amount',
+      receivedAmount: 'Received Amount',
+      payTime: 'Payment Time',
+      refundReason: 'Refund Reason',
+      inputReason: 'Enter refund reason',
+      submitRefund: 'Submit Refund Application',
+      reasonRequired: 'Refund reason is required',
+      reasonLength: 'Refund reason must be between 1-200 characters'
+    }
+  },
+  zh: {
+    payFeeAuditManage: {
+      searchTitle: '查询条件',
+      tableTitle: '缴费审核',
+      selectPayObj: '请选择付费对象',
+      selectStatus: '请选择状态',
+      inputPlateNumber: '请填写车牌号',
+      inputRoomInfo: '请填写房屋 楼栋-单元-室',
+      house: '房屋',
+      feeItem: '费用项目',
+      payCycle: '付费周期',
+      month: '个月',
+      startTime: '缴费起始时间',
+      endTime: '缴费结束时间',
+      receivableAmount: '应付金额(单位:元)',
+      receivedAmount: '实付金额(单位:元)',
+      operator: '操作员工',
+      payTime: '缴费时间',
+      auditStatus: '审核状态',
+      auditRemark: '审核说明',
+      payRemark: '缴费备注',
+      pendingReview: '待审核',
+      approved: '审核通过',
+      rejected: '审核未通过',
+      batchAudit: '批量审核',
+      auditFee: '审核费用',
+      refund: '退费',
+      auditTip: '缴费审核不会影响缴费入账，财务用来核对缴费是否正确',
+      fetchError: '获取缴费审核数据失败',
+      selectFeeTip: '请选择费用'
+    },
+    audit: {
+      auditInfo: '审核信息',
+      auditStatus: '审核状态',
+      selectAudit: '请审核',
+      agree: '同意',
+      reject: '拒绝',
+      reason: '原因',
+      inputReason: '必填，请填写原因',
+      stateRequired: '审核状态不能为空',
+      reasonRequired: '原因内容不能为空',
+      reasonMaxLength: '原因内容不能超过200'
+    },
+    returnPayFee: {
+      refundTitle: '填写退费原因',
+      fee: '缴费',
+      cycle: '周期',
+      month: '月',
+      receivableAmount: '应收金额',
+      receivedAmount: '实收金额',
+      payTime: '缴费时间',
+      refundReason: '退费原因',
+      inputReason: '填写退费原因',
+      submitRefund: '提交退费申请',
+      reasonRequired: '退费原因不能为空',
+      reasonLength: '退费原因必须为1-200个字符'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/fee/payFeeAuditManageList.vue b/src/views/fee/payFeeAuditManageList.vue
new file mode 100644
index 0000000..ba5a58a
--- /dev/null
+++ b/src/views/fee/payFeeAuditManageList.vue
@@ -0,0 +1,372 @@
+<template>
+  <div class="pay-fee-audit-manage-container">
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('payFeeAuditManage.searchTitle') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-select 
+            v-model="searchForm.payObjType" 
+            :placeholder="$t('payFeeAuditManage.selectPayObj')"
+            style="width:100%"
+          >
+            <el-option 
+              v-for="item in payObjTypes" 
+              :key="item.statusCd" 
+              :label="item.name" 
+              :value="item.statusCd"
+            />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-select 
+            v-model="searchForm.state" 
+            :placeholder="$t('payFeeAuditManage.selectStatus')"
+            style="width:100%"
+          >
+            <el-option 
+              :label="$t('payFeeAuditManage.pendingReview')" 
+              value="1010"
+            />
+            <el-option 
+              :label="$t('payFeeAuditManage.approved')" 
+              value="2020"
+            />
+            <el-option 
+              :label="$t('payFeeAuditManage.rejected')" 
+              value="3030"
+            />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-input
+            v-model="searchForm.payerObjId"
+            :placeholder="searchForm.payObjType === '666' 
+              ? $t('payFeeAuditManage.inputPlateNumber') 
+              : $t('payFeeAuditManage.inputRoomInfo')"
+          />
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="handleSearch">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="handleReset">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <el-card class="table-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('payFeeAuditManage.tableTitle') }}</span>
+        <el-button 
+          type="primary" 
+          size="small" 
+          style="float:right" 
+          @click="handleBatchAudit"
+        >
+          <i class="el-icon-plus"></i>
+          {{ $t('payFeeAuditManage.batchAudit') }}
+        </el-button>
+      </div>
+      
+      <el-table 
+        :data="tableData" 
+        border 
+        style="width:100%"
+        @selection-change="handleSelectionChange"
+      >
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column 
+          prop="payerObjName" 
+          :label="$t('payFeeAuditManage.house')" 
+          align="center"
+        />
+        <el-table-column 
+          prop="feeName" 
+          :label="$t('payFeeAuditManage.feeItem')" 
+          align="center"
+        />
+        <el-table-column 
+          prop="cycles" 
+          :label="$t('payFeeAuditManage.payCycle')" 
+          align="center"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.cycles }} {{ $t('payFeeAuditManage.month') }}
+          </template>
+        </el-table-column>
+        <el-table-column 
+          prop="startTime" 
+          :label="$t('payFeeAuditManage.startTime')" 
+          align="center"
+        />
+        <el-table-column 
+          prop="endTime" 
+          :label="$t('payFeeAuditManage.endTime')" 
+          align="center"
+        />
+        <el-table-column 
+          prop="receivableAmount" 
+          :label="$t('payFeeAuditManage.receivableAmount')" 
+          align="center"
+        />
+        <el-table-column 
+          prop="receivedAmount" 
+          :label="$t('payFeeAuditManage.receivedAmount')" 
+          align="center"
+        />
+        <el-table-column 
+          prop="userName" 
+          :label="$t('payFeeAuditManage.operator')" 
+          align="center"
+        />
+        <el-table-column 
+          prop="createTime" 
+          :label="$t('payFeeAuditManage.payTime')" 
+          align="center"
+        />
+        <el-table-column 
+          prop="state" 
+          :label="$t('payFeeAuditManage.auditStatus')" 
+          align="center"
+        >
+          <template slot-scope="scope">
+            <el-tag 
+              :type="getStatusTagType(scope.row.state)"
+            >
+              {{ getStatusText(scope.row.state) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column 
+          prop="message" 
+          :label="$t('payFeeAuditManage.auditRemark')" 
+          align="center"
+        />
+        <el-table-column 
+          prop="remark" 
+          :label="$t('payFeeAuditManage.payRemark')" 
+          align="center"
+        />
+        <el-table-column 
+          :label="$t('common.operation')" 
+          align="center" 
+          width="200"
+        >
+          <template slot-scope="scope">
+            <el-button 
+              type="text" 
+              size="small" 
+              @click="handleDetail(scope.row)"
+            >
+              {{ $t('common.detail') }}
+            </el-button>
+            <el-button 
+              v-if="scope.row.state !== '2020' && scope.row.state !== '3030'"
+              type="text" 
+              size="small" 
+              @click="handleAudit(scope.row)"
+            >
+              {{ $t('payFeeAuditManage.auditFee') }}
+            </el-button>
+            <el-button 
+              v-if="scope.row.state === '3030'"
+              type="text" 
+              size="small" 
+              @click="handleRefund(scope.row)"
+            >
+              {{ $t('payFeeAuditManage.refund') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="pagination-wrapper">
+        <div class="tip-text">
+          {{ $t('payFeeAuditManage.auditTip') }}
+        </div>
+        <el-pagination
+          :current-page="pagination.current"
+          :page-sizes="[10, 20, 30, 50]"
+          :page-size="pagination.size"
+          :total="pagination.total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+        />
+      </div>
+    </el-card>
+
+    <audit-modal ref="auditModal" @success="handleAuditSuccess" />
+    <return-pay-fee-modal ref="returnPayFeeModal" @success="handleRefundSuccess" />
+  </div>
+</template>
+
+<script>
+import { getPayFeeAuditList, savePayFeeAudit } from '@/api/fee/payFeeAuditManageApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import AuditModal from '@/components/fee/audit'
+import ReturnPayFeeModal from '@/components/fee/returnPayFee'
+
+export default {
+  name: 'PayFeeAuditManageList',
+  components: {
+    AuditModal,
+    ReturnPayFeeModal
+  },
+  data() {
+    return {
+      searchForm: {
+        communityId: '',
+        payObjType: '',
+        state: '1010',
+        payerObjId: ''
+      },
+      tableData: [],
+      multipleSelection: [],
+      payObjTypes: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      currentRow: null
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+    this.getPayObjTypes()
+  },
+  methods: {
+    async getList() {
+      try {
+        const params = {
+          ...this.searchForm,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+        const { data, total } = await getPayFeeAuditList(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('payFeeAuditManage.fetchError'))
+      }
+    },
+    async getPayObjTypes() {
+      try {
+        this.payObjTypes = await getDict('pay_fee', 'payer_obj_type')
+      } catch (error) {
+        console.error('获取付费对象类型失败:', error)
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm = {
+        communityId: getCommunityId(),
+        payObjType: '',
+        state: '1010',
+        payerObjId: ''
+      }
+      this.handleSearch()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    handleDetail(row) {
+      this.$router.push({
+        path: '/fee/propertyFee',
+        query: row
+      })
+    },
+    handleAudit(row) {
+      this.currentRow = row
+      this.$refs.auditModal.open()
+    },
+    handleBatchAudit() {
+      if (this.multipleSelection.length === 0) {
+        this.$message.warning(this.$t('payFeeAuditManage.selectFeeTip'))
+        return
+      }
+      this.currentRow = null
+      this.$refs.auditModal.open()
+    },
+    handleRefund(row) {
+      this.$refs.returnPayFeeModal.open(row)
+    },
+    async handleAuditSuccess(auditInfo) {
+      try {
+        const params = {
+          state: auditInfo.state === '1100' ? '2020' : '3030',
+          message: auditInfo.remark,
+          feeDetailId: this.currentRow 
+            ? this.currentRow.detailId 
+            : this.multipleSelection.map(item => item.detailId).join(','),
+          communityId: this.searchForm.communityId
+        }
+        await savePayFeeAudit(params)
+        this.$message.success(this.$t('common.operateSuccess'))
+        this.getList()
+      } catch (error) {
+        this.$message.error(error.message || this.$t('common.operateFailed'))
+      }
+    },
+    handleRefundSuccess() {
+      this.getList()
+    },
+    getStatusTagType(state) {
+      switch(state) {
+        case '2020': return 'success'
+        case '3030': return 'danger'
+        default: return 'info'
+      }
+    },
+    getStatusText(state) {
+      switch(state) {
+        case '2020': return this.$t('payFeeAuditManage.approved')
+        case '3030': return this.$t('payFeeAuditManage.rejected')
+        default: return this.$t('payFeeAuditManage.pendingReview')
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.pay-fee-audit-manage-container {
+  padding: 20px;
+  
+  .search-card {
+    margin-bottom: 20px;
+  }
+  
+  .pagination-wrapper {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 20px;
+    
+    .tip-text {
+      color: #999;
+      font-size: 12px;
+    }
+  }
+}
+</style>
\ No newline at end of file
--
libgit2 0.21.4