diff --git a/src/api/system/feePrintSpecManageApi.js b/src/api/system/feePrintSpecManageApi.js
new file mode 100644
index 0000000..efc6528
--- /dev/null
+++ b/src/api/system/feePrintSpecManageApi.js
@@ -0,0 +1,97 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询打印配置列表
+export function queryFeePrintSpec(params) {
+  return new Promise((resolve, reject) => {
+    const defaultParams = {
+      communityId: getCommunityId(),
+      ...params
+    }
+    request({
+      url: '/feePrintSpec/queryFeePrintSpec',
+      method: 'get',
+      params: defaultParams
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加打印配置
+export function saveFeePrintSpec(data) {
+  return new Promise((resolve, reject) => {
+    const postData = {
+      ...data,
+      communityId: getCommunityId()
+    }
+    request({
+      url: '/feePrintSpec/saveFeePrintSpec',
+      method: 'post',
+      data: postData
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Add failed'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新打印配置
+export function updateFeePrintSpec(data) {
+  return new Promise((resolve, reject) => {
+    const postData = {
+      ...data,
+      communityId: getCommunityId()
+    }
+    request({
+      url: '/feePrintSpec/updateFeePrintSpec',
+      method: 'post',
+      data: postData
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Update failed'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除打印配置
+export function deleteFeePrintSpec(data) {
+  return new Promise((resolve, reject) => {
+    const postData = {
+      ...data,
+      communityId: getCommunityId()
+    }
+    request({
+      url: '/feePrintSpec/deleteFeePrintSpec',
+      method: 'post',
+      data: postData
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || 'Delete failed'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/system/historyFeeDetailImportApi.js b/src/api/system/historyFeeDetailImportApi.js
new file mode 100644
index 0000000..4048521
--- /dev/null
+++ b/src/api/system/historyFeeDetailImportApi.js
@@ -0,0 +1,59 @@
+import request from '@/utils/request'
+
+/**
+ * Import historical fee detail data
+ * @param {FormData} formData 
+ * @returns {Promise}
+ */
+export function importData(formData) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/assetImport/importData',
+      method: 'post',
+      data: formData,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * Download house template
+ * @returns {Promise}
+ */
+export function downloadHouseTemplate() {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/import/importFeeDetail.xlsx',
+      method: 'get',
+      responseType: 'blob'
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * Download car template
+ * @returns {Promise}
+ */
+export function downloadCarTemplate() {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/import/importCarFeeDetail.xlsx',
+      method: 'get',
+      responseType: 'blob'
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/system/operateDataLogApi.js b/src/api/system/operateDataLogApi.js
new file mode 100644
index 0000000..7234ad8
--- /dev/null
+++ b/src/api/system/operateDataLogApi.js
@@ -0,0 +1,113 @@
+import request from '@/utils/request'
+
+// 查询费用项历史记录
+export function queryHisFeeConfig(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/fee.queryHisFeeConfig',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询费用历史记录
+export function queryHisFee(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/fee.queryHisFee',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询业主历史记录
+export function queryHisOwner(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/owner.queryHisOwner',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取业主属性规格
+export function getAttrSpec(attrType) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/attrSpec.listAttrSpec',
+      method: 'get',
+      params: { attrType }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询房屋历史记录
+export function queryHisRoom(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/room.queryHisRoom',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询车辆历史记录
+export function queryHisOwnerCar(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/car.queryHisOwnerCar',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询合同变更计划
+export function queryContractChangePlan(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/contract/queryContractChangePlan',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/system/paymentPoolApi.js b/src/api/system/paymentPoolApi.js
new file mode 100644
index 0000000..ceab43d
--- /dev/null
+++ b/src/api/system/paymentPoolApi.js
@@ -0,0 +1,170 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取支付池列表
+export function listPaymentPool(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.listPaymentPool',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加支付配置
+export function savePaymentPool(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.savePaymentPool',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 修改支付配置
+export function updatePaymentPool(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.updatePaymentPool',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除支付配置
+export function deletePaymentPool(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.deletePaymentPool',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).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
+      resolve(res)
+    }).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
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取支付配置详情
+export function getPaymentPoolDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/payment.listPaymentPool',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId(),
+        page: 1,
+        row: 1
+      }
+    }).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)
+    })
+  })
+}
+
+// 上传文件
+export function uploadFile(data, config) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/uploadVedio/upload',
+      method: 'post',
+      data,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      },
+      ...config
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/system/publicWeChatManageApi.js b/src/api/system/publicWeChatManageApi.js
new file mode 100644
index 0000000..4f6289f
--- /dev/null
+++ b/src/api/system/publicWeChatManageApi.js
@@ -0,0 +1,81 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取公众号列表
+export function listSmallWeChats(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/smallWeChat.listSmallWeChats',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.smallWeChats,
+        total: res.total || 0
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加公众号
+export function saveSmallWeChat(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/smallWeChat.saveSmallWeChat',
+      method: 'post',
+      data: {
+        ...data,
+        objId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新公众号信息
+export function updateSmallWeChat(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/smallWeChat.updateSmallWeChat',
+      method: 'post',
+      data: {
+        ...data,
+        objId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除公众号
+export function deleteSmallWeChat(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/smallWeChat.deleteSmallWeChat',
+      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/api/system/smallWeChatManageApi.js b/src/api/system/smallWeChatManageApi.js
new file mode 100644
index 0000000..1549b43
--- /dev/null
+++ b/src/api/system/smallWeChatManageApi.js
@@ -0,0 +1,97 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取小程序列表
+export function listSmallWeChats(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/smallWeChat.listSmallWeChats',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加小程序
+export function saveSmallWeChat(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/smallWeChat.saveSmallWeChat',
+      method: 'post',
+      data: {
+        ...data,
+        objId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新小程序
+export function updateSmallWeChat(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/smallWeChat.updateSmallWeChat',
+      method: 'post',
+      data: {
+        ...data,
+        objId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除小程序
+export function deleteSmallWeChat(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/smallWeChat.deleteSmallWeChat',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取小程序字典数据
+export function getSmallWeChatDict(dictType, dictCode) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/dict.getDict',
+      method: 'get',
+      params: {
+        dictType,
+        dictCode
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/system/addFeePrintSpec.vue b/src/components/system/addFeePrintSpec.vue
new file mode 100644
index 0000000..5560861
--- /dev/null
+++ b/src/components/system/addFeePrintSpec.vue
@@ -0,0 +1,119 @@
+<template>
+  <el-dialog :title="$t('feePrintSpecManage.addTitle')" :visible.sync="visible" width="50%" @close="resetForm">
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('feePrintSpecManage.spec')" prop="specCd">
+        <el-select v-model="formData.specCd" style="width:100%" :placeholder="$t('feePrintSpecManage.specPlaceholder')">
+          <el-option v-for="item in specOptions" :key="item.value" :label="item.label" :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('feePrintSpecManage.name')" prop="printName">
+        <el-input v-model="formData.printName" :placeholder="$t('feePrintSpecManage.namePlaceholder')">
+        </el-input>
+      </el-form-item>
+
+      <el-form-item :label="$t('feePrintSpecManage.image')" prop="qrImg">
+        <upload-image-url ref="uploader" :image-count="1" @notifyUploadCoverImage="handleImageChange">
+        </upload-image-url>
+      </el-form-item>
+
+      <el-form-item :label="$t('feePrintSpecManage.content')">
+        <el-input type="textarea" :rows="5" v-model="formData.content"
+          :placeholder="$t('feePrintSpecManage.contentPlaceholder')">
+        </el-input>
+      </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="submitForm" :loading="submitting">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveFeePrintSpec } from '@/api/system/feePrintSpecManageApi'
+import UploadImageUrl from '@/components/upload/UploadImageUrl'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddFeePrintSpec',
+  components: {
+    UploadImageUrl
+  },
+  data() {
+    return {
+      visible: false,
+      submitting: false,
+      formData: {
+        specCd: '',
+        printName: '',
+        qrImg: '',
+        content: '',
+        communityId: ''
+      },
+      rules: {
+        specCd: [
+          { required: true, message: this.$t('feePrintSpecManage.specRequired'), trigger: 'blur' }
+        ],
+        printName: [
+          { required: true, message: this.$t('feePrintSpecManage.nameRequired'), trigger: 'blur' },
+          { max: 128, message: this.$t('feePrintSpecManage.nameMaxLength'), trigger: 'blur' }
+        ]
+      },
+      specOptions: [
+        { value: '1010', label: this.$t('feePrintSpecManage.reminderPrint') },
+        { value: '2020', label: this.$t('feePrintSpecManage.receiptPrint') }
+      ]
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.formData.communityId = getCommunityId()
+      this.$nextTick(() => {
+        this.$refs.uploader.clear()
+      })
+    },
+    handleImageChange(images) {
+      if (images && images.length > 0) {
+        this.formData.qrImg = images[0]
+      } else {
+        this.formData.qrImg = ''
+      }
+    },
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+
+        this.submitting = true
+        try {
+          await saveFeePrintSpec(this.formData)
+          this.$message.success(this.$t('feePrintSpecManage.addSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('feePrintSpecManage.addFailed'))
+        } finally {
+          this.submitting = false
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        specCd: '',
+        printName: '',
+        qrImg: '',
+        content: '',
+        communityId: ''
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/system/addPaymentPool.vue b/src/components/system/addPaymentPool.vue
new file mode 100644
index 0000000..f115a0e
--- /dev/null
+++ b/src/components/system/addPaymentPool.vue
@@ -0,0 +1,204 @@
+<template>
+  <el-dialog :title="$t('paymentPool.add.title')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('paymentPool.add.paymentName')" prop="paymentName">
+        <el-input v-model="formData.paymentName" :placeholder="$t('paymentPool.add.paymentNamePlaceholder')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('paymentPool.add.paymentType')" prop="paymentType">
+        <el-select v-model="formData.paymentType" :placeholder="$t('paymentPool.add.paymentTypePlaceholder')"
+          style="width:100%" @change="handlePaymentTypeChange">
+          <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="(item, index) in paymentKeys" :key="index" :label="item.name">
+        <el-input v-model="item.columnValue" type="textarea" :placeholder="item.remark" :rows="3" />
+      </el-form-item>
+
+      <el-form-item v-if="formData.paymentType === 'WECHAT'" :label="$t('paymentPool.add.certFile')">
+        <upload-file ref="uploadFile" :call-back-listener="'addPaymentPool'" :call-back-function="'notifyCert'" />
+      </el-form-item>
+
+      <el-form-item :label="$t('paymentPool.add.payRange')" prop="payType">
+        <el-select v-model="formData.payType" :placeholder="$t('paymentPool.add.payRangePlaceholder')"
+          style="width:100%">
+          <el-option :label="$t('paymentPool.add.communityFee')" value="1001" />
+          <el-option :label="$t('paymentPool.add.tempCarFee')" value="2002" />
+          <el-option :label="$t('paymentPool.add.specifiedFee')" value="3003" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="formData.payType === '3003'" :label="$t('paymentPool.add.feeItems')">
+        <el-checkbox-group v-model="formData.configIds">
+          <el-checkbox v-for="item in feeConfigs" :key="item.configId" :label="item.configId">
+            {{ item.feeName }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+
+      <el-form-item :label="$t('paymentPool.add.remark')">
+        <el-input v-model="formData.remark" type="textarea" :placeholder="$t('paymentPool.add.remarkPlaceholder')"
+          :rows="3" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { savePaymentPool, listPaymentKey, listFeeConfigs,listPaymentAdapt } from '@/api/system/paymentPoolApi'
+import UploadFile from '@/components/upload/FileUpload'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddPaymentPool',
+  components: {
+    UploadFile
+  },
+  props: {
+    callBackListener: {
+      type: String,
+      default: ''
+    },
+    callBackFunction: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      formData: {
+        paymentName: '',
+        paymentType: '',
+        certPath: '',
+        state: 'Y',
+        remark: '',
+        payType: '1001',
+        configIds: [],
+        communityId: ''
+      },
+      paymentTypes: [],
+      paymentKeys: [],
+      feeConfigs: [],
+      rules: {
+        paymentName: [
+          { required: true, message: this.$t('paymentPool.validate.paymentNameRequired'), trigger: 'blur' },
+          { max: 64, message: this.$t('paymentPool.validate.paymentNameMaxLength'), trigger: 'blur' }
+        ],
+        paymentType: [
+          { required: true, message: this.$t('paymentPool.validate.paymentTypeRequired'), trigger: 'change' }
+        ],
+        payType: [
+          { required: true, message: this.$t('paymentPool.validate.payTypeRequired'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.formData.communityId = getCommunityId()
+    this.getPaymentTypes()
+    this.$on('notifyCert', this.handleNotifyCert)
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.getFeeConfigs()
+      if (this.$refs.uploadFile) {
+        this.$refs.uploadFile.clear()
+      }
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        paymentName: '',
+        paymentType: '',
+        certPath: '',
+        state: 'Y',
+        remark: '',
+        payType: '1001',
+        configIds: [],
+        communityId: getCommunityId()
+      }
+      this.paymentKeys = []
+    },
+    async getPaymentTypes() {
+      try {
+        const { data } = await listPaymentAdapt({
+          page: 1,
+          row: 100,
+        })
+        this.paymentTypes = data
+      } catch (error) {
+        console.error('获取支付类型失败:', error)
+      }
+    },
+    async getFeeConfigs() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          isDefault: 'F',
+          communityId: this.formData.communityId
+        }
+        const { data } = await listFeeConfigs(params)
+        this.feeConfigs = data
+      } catch (error) {
+        console.error('获取费用配置失败:', error)
+      }
+    },
+    async handlePaymentTypeChange() {
+      if (!this.formData.paymentType) return
+
+      try {
+        const params = {
+          paymentType: this.formData.paymentType,
+          page: 1,
+          row: 100
+        }
+        const { data } = await listPaymentKey(params)
+        this.paymentKeys = data.map(item => ({
+          ...item,
+          columnValue: ''
+        }))
+      } catch (error) {
+        console.error('获取支付密钥失败:', error)
+      }
+    },
+    handleNotifyCert(param) {
+      this.formData.certPath = param.realFileName
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+
+        try {
+          const params = {
+            ...this.formData,
+            values: this.paymentKeys.map(item => ({
+              columnKey: item.columnKey,
+              columnValue: item.columnValue
+            }))
+          }
+          await savePaymentPool(params)
+          this.$message.success(this.$t('paymentPool.add.success'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('paymentPool.add.error'))
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/system/addSmallWechat.vue b/src/components/system/addSmallWechat.vue
new file mode 100644
index 0000000..d76e000
--- /dev/null
+++ b/src/components/system/addSmallWechat.vue
@@ -0,0 +1,135 @@
+<template>
+  <el-dialog
+    :title="$t('smallWeChatManage.addTitle')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('smallWeChatManage.name')" prop="name">
+        <el-input
+          v-model="formData.name"
+          :placeholder="$t('smallWeChatManage.namePlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item label="APPID" prop="appId">
+        <el-input
+          v-model="formData.appId"
+          :placeholder="$t('smallWeChatManage.appIdPlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('smallWeChatManage.appSecret')" prop="appSecret">
+        <el-input
+          v-model="formData.appSecret"
+          :placeholder="$t('smallWeChatManage.appSecretPlaceholder')"
+          show-password
+        />
+      </el-form-item>
+      <el-form-item :label="$t('smallWeChatManage.remarks')">
+        <el-input
+          v-model="formData.remarks"
+          type="textarea"
+          :placeholder="$t('smallWeChatManage.remarksPlaceholder')"
+          :rows="3"
+        />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveSmallWeChat } from '@/api/system/smallWeChatManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import { getDict } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddSmallWechat',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        name: '',
+        appId: '',
+        appSecret: '',
+        remarks: '',
+        objType: '1000',
+        objId: '',
+        weChatType: '',
+        payPassword: '1',
+        mchId: '1',
+        mchName: '1',
+        certPath: ''
+      },
+      rules: {
+        name: [
+          { required: true, message: this.$t('smallWeChatManage.nameRequired'), trigger: 'blur' },
+          { max: 100, message: this.$t('smallWeChatManage.nameMaxLength'), trigger: 'blur' }
+        ],
+        appId: [
+          { required: true, message: this.$t('smallWeChatManage.appIdRequired'), trigger: 'blur' },
+          { max: 100, message: this.$t('smallWeChatManage.appIdMaxLength'), trigger: 'blur' }
+        ],
+        appSecret: [
+          { required: true, message: this.$t('smallWeChatManage.appSecretRequired'), trigger: 'blur' },
+          { max: 200, message: this.$t('smallWeChatManage.appSecretMaxLength'), trigger: 'blur' }
+        ]
+      },
+      objTypes: [],
+      types: []
+    }
+  },
+  methods: {
+    open(type) {
+      this.formData.weChatType = type
+      this.formData.objId = getCommunityId()
+      this.getDictData()
+      this.visible = true
+    },
+    async getDictData() {
+      try {
+        const objTypes = await getDict('small_wechat', 'obj_type')
+        const types = await getDict('small_wechat', 'wechat_type')
+        this.objTypes = objTypes
+        this.types = types
+      } catch (error) {
+        console.error('Failed to get dict data:', error)
+      }
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        name: '',
+        appId: '',
+        appSecret: '',
+        remarks: '',
+        objType: '1000',
+        objId: '',
+        weChatType: '',
+        payPassword: '1',
+        mchId: '1',
+        mchName: '1',
+        certPath: ''
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveSmallWeChat(this.formData)
+            this.$message.success(this.$t('smallWeChatManage.addSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('smallWeChatManage.addFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/system/carDetailHis.vue b/src/components/system/carDetailHis.vue
new file mode 100644
index 0000000..4cd2a95
--- /dev/null
+++ b/src/components/system/carDetailHis.vue
@@ -0,0 +1,193 @@
+<template>
+  <div class="car-detail-his">
+    <el-table
+      :data="carDetailHisInfo.cars"
+      border
+      style="width: 100%"
+      v-loading="loading">
+      <el-table-column
+        prop="carNum"
+        :label="$t('carDetailHis.carNum')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        :label="$t('carDetailHis.leaseType')"
+        align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.leaseType === 'T'">{{ $t('carDetailHis.tempCar') }}</span>
+          <span v-else>{{ scope.row.leaseTypeName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('carDetailHis.carTypeName')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.carTypeName || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('carDetailHis.carColor')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.carColor || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('carDetailHis.owner')"
+        align="center">
+        <template slot-scope="scope">
+          <div class="hand">
+            {{ scope.row.ownerName }}({{ scope.row.link }})
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('carDetailHis.parkingSpace')"
+        align="center">
+        <template slot-scope="scope">
+          <span v-if="scope.row.areaNum && scope.row.state === '1001'">
+            {{ scope.row.areaNum }}-{{ scope.row.num }}
+          </span>
+          <span v-else>
+            {{ $t('carDetailHis.released') }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('carDetailHis.validityPeriod')"
+        align="center">
+        <template slot-scope="scope">
+          <div v-if="scope.row.leaseType === 'H'">
+            {{ scope.row.startTime }}<br>~{{ scope.row.endTime }}
+          </div>
+          <div v-else>--</div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('carDetailHis.operate')"
+        align="center">
+        <template slot-scope="scope">
+          {{ _getHisOperate(scope.row) }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('carDetailHis.userName')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.userName || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('carDetailHis.createTime')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.createTime }}
+        </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">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { queryHisOwnerCar } from '@/api/system/operateDataLogApi'
+
+export default {
+  name: 'CarDetailHis',
+  data() {
+    return {
+      loading: false,
+      carDetailHisInfo: {
+        cars: [],
+        carId: '',
+        memberId: '',
+        carNum: '',
+        carNumLike: '',
+        logStartTime: '',
+        logEndTime: '',
+        paId: ''
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    open(conditions) {
+      this.carDetailHisInfo = {
+        ...this.carDetailHisInfo,
+        ...conditions
+      }
+      this._loadCarDetailHisData()
+    },
+    async _loadCarDetailHisData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          carNum: this.carDetailHisInfo.carNum,
+          carNumLike: this.carDetailHisInfo.carNumLike,
+          logStartTime: this.carDetailHisInfo.logStartTime,
+          logEndTime: this.carDetailHisInfo.logEndTime
+        }
+        
+        const { data, total } = await queryHisOwnerCar(params)
+        this.carDetailHisInfo.cars = data
+        this.page.total = total
+      } catch (error) {
+        console.error('Failed to load car history:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    _getHisOperate(car) {
+      const carCount = this.carDetailHisInfo.cars.filter(item => item.bId === car.bId).length
+      
+      if (carCount <= 1) {
+        if (car.operate === 'ADD') return this.$t('carDetailHis.add')
+        if (car.operate === 'DEL') return this.$t('carDetailHis.delete')
+        return '-'
+      }
+      
+      if (car.operate === 'ADD') return this.$t('carDetailHis.modifyNew')
+      if (car.operate === 'DEL') return this.$t('carDetailHis.modifyOld')
+      return '-'
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this._loadCarDetailHisData()
+    },
+    handleCurrentChange(current) {
+      this.page.current = current
+      this._loadCarDetailHisData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.car-detail-his {
+  padding: 20px;
+}
+
+.hand {
+  cursor: pointer;
+}
+
+.el-pagination {
+  margin-top: 20px;
+  text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/system/contractDetailChange.vue b/src/components/system/contractDetailChange.vue
new file mode 100644
index 0000000..c694e9e
--- /dev/null
+++ b/src/components/system/contractDetailChange.vue
@@ -0,0 +1,167 @@
+<template>
+  <div class="contract-detail-change">
+    <el-table
+      :data="contractDetailChangeInfo.contracts"
+      border
+      style="width: 100%"
+      v-loading="loading">
+      <el-table-column
+        prop="contractName"
+        :label="$t('contractDetailChange.contractName')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="contractCode"
+        :label="$t('contractDetailChange.contractCode')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="contractTypeName"
+        :label="$t('contractDetailChange.contractTypeName')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="partyA"
+        :label="$t('contractDetailChange.partyA')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="partyB"
+        :label="$t('contractDetailChange.partyB')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="planTypeName"
+        :label="$t('contractDetailChange.planTypeName')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="changePersonName"
+        :label="$t('contractDetailChange.changePersonName')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="createTime"
+        :label="$t('contractDetailChange.createTime')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="remark"
+        :label="$t('contractDetailChange.remark')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="stateName"
+        :label="$t('contractDetailChange.stateName')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        :label="$t('contractDetailChange.operation')"
+        align="center"
+        width="120">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="primary"
+            @click="_toContractDetails(scope.row)">
+            {{ $t('contractDetailChange.detail') }}
+          </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">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { queryContractChangePlan } from '@/api/system/operateDataLogApi'
+
+export default {
+  name: 'ContractDetailChange',
+  data() {
+    return {
+      loading: false,
+      contractDetailChangeInfo: {
+        contracts: [],
+        contractId: '',
+        roomNum: '',
+        totalArea: '0',
+        logStartTime: '',
+        logEndTime: '',
+        contractCode: '',
+        staffNameLike: ''
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    open(conditions) {
+      this.contractDetailChangeInfo = {
+        ...this.contractDetailChangeInfo,
+        ...conditions
+      }
+      this._loadContractDetailChangeData()
+    },
+    async _loadContractDetailChangeData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          contractId: this.contractDetailChangeInfo.contractId,
+          logStartTime: this.contractDetailChangeInfo.logStartTime,
+          logEndTime: this.contractDetailChangeInfo.logEndTime,
+          contractCode: this.contractDetailChangeInfo.contractCode,
+          staffNameLike: this.contractDetailChangeInfo.staffNameLike
+        }
+        
+        const { data, total } = await queryContractChangePlan(params)
+        this.contractDetailChangeInfo.contracts = data
+        this.page.total = total
+      } catch (error) {
+        console.error('Failed to load contract change history:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    _toContractDetails(contract) {
+      this.$router.push({
+        path: '/admin/contractChangeDetails',
+        query: { planId: contract.planId }
+      })
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this._loadContractDetailChangeData()
+    },
+    handleCurrentChange(current) {
+      this.page.current = current
+      this._loadContractDetailChangeData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.contract-detail-change {
+  padding: 20px;
+}
+
+.el-pagination {
+  margin-top: 20px;
+  text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/system/deleteFeePrintSpec.vue b/src/components/system/deleteFeePrintSpec.vue
new file mode 100644
index 0000000..86dc016
--- /dev/null
+++ b/src/components/system/deleteFeePrintSpec.vue
@@ -0,0 +1,71 @@
+<template>
+  <el-dialog
+    :title="$t('feePrintSpec.deleteTitle')"
+    :visible.sync="visible"
+    width="30%"
+    center>
+    <div class="text-center">
+      <p>{{ $t('feePrintSpec.deleteConfirm') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button 
+        type="primary" 
+        @click="confirmDelete"
+        :loading="deleting">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteFeePrintSpec } from '@/api/system/feePrintSpecManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteFeePrintSpec',
+  data() {
+    return {
+      visible: false,
+      deleting: false,
+      currentItem: {
+        printId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(item) {
+      this.visible = true
+      this.currentItem = {
+        printId: item.printId,
+        communityId: getCommunityId()
+      }
+    },
+    async confirmDelete() {
+      this.deleting = true
+      try {
+        await deleteFeePrintSpec(this.currentItem)
+        this.$message.success(this.$t('feePrintSpec.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('feePrintSpec.deleteFailed'))
+      } finally {
+        this.deleting = false
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.text-center {
+  text-align: center;
+  font-size: 16px;
+  margin-bottom: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/system/deletePaymentPool.vue b/src/components/system/deletePaymentPool.vue
new file mode 100644
index 0000000..527c7b2
--- /dev/null
+++ b/src/components/system/deletePaymentPool.vue
@@ -0,0 +1,75 @@
+<template>
+  <el-dialog
+    :title="$t('paymentPool.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="delete-content">
+      <i class="el-icon-warning" style="color:#E6A23C;font-size:24px;margin-right:10px;"></i>
+      <span>{{ $t('paymentPool.delete.confirmText') }}</span>
+    </div>
+    <div 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>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deletePaymentPool } from '@/api/system/paymentPoolApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeletePaymentPool',
+  data() {
+    return {
+      visible: false,
+      ppId: '',
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    open(row) {
+      this.visible = true
+      this.ppId = row.ppId
+    },
+    handleClose() {
+      this.ppId = ''
+    },
+    async handleConfirm() {
+      try {
+        await deletePaymentPool({
+          ppId: this.ppId,
+          communityId: this.communityId
+        })
+        this.$message.success(this.$t('paymentPool.delete.success'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('paymentPool.delete.error'))
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.delete-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px 0;
+  font-size: 16px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/system/deleteSmallWechat.vue b/src/components/system/deleteSmallWechat.vue
new file mode 100644
index 0000000..6a0de10
--- /dev/null
+++ b/src/components/system/deleteSmallWechat.vue
@@ -0,0 +1,73 @@
+<template>
+  <el-dialog
+    :title="$t('smallWeChatManage.deleteTitle')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="delete-content">
+      <p>{{ $t('smallWeChatManage.deleteConfirm') }}</p>
+    </div>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm" :loading="loading">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteSmallWeChat } from '@/api/system/smallWeChatManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteSmallWechat',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      formData: {
+        wechatId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.formData.wechatId = data.wechatId
+      this.formData.communityId = getCommunityId()
+      this.visible = true
+    },
+    handleClose() {
+      this.formData = {
+        wechatId: '',
+        communityId: ''
+      }
+      this.loading = false
+    },
+    async handleConfirm() {
+      try {
+        this.loading = true
+        await deleteSmallWeChat(this.formData)
+        this.$message.success(this.$t('smallWeChatManage.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('smallWeChatManage.deleteFailed'))
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.delete-content {
+  text-align: center;
+  font-size: 16px;
+  padding: 20px 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/system/editFeePrintSpec.vue b/src/components/system/editFeePrintSpec.vue
new file mode 100644
index 0000000..423f3d5
--- /dev/null
+++ b/src/components/system/editFeePrintSpec.vue
@@ -0,0 +1,130 @@
+<template>
+  <el-dialog :title="$t('feePrintSpecManage.editTitle')" :visible.sync="visible" width="50%" @close="resetForm">
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('feePrintSpecManage.spec')" prop="specCd">
+        <el-select v-model="formData.specCd" style="width:100%" :placeholder="$t('feePrintSpecManage.specPlaceholder')">
+          <el-option v-for="item in specOptions" :key="item.value" :label="item.label" :value="item.value">
+          </el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('feePrintSpecManage.name')" prop="printName">
+        <el-input v-model="formData.printName" :placeholder="$t('feePrintSpecManage.namePlaceholder')">
+        </el-input>
+      </el-form-item>
+
+      <el-form-item :label="$t('feePrintSpecManage.image')" prop="qrImg">
+        <upload-image-url ref="uploadImage" :image-count="1" @notifyUploadCoverImage="handleImageChange">
+        </upload-image-url>
+      </el-form-item>
+
+      <el-form-item :label="$t('feePrintSpecManage.content')">
+        <el-input type="textarea" :rows="5" v-model="formData.content"
+          :placeholder="$t('feePrintSpecManage.contentPlaceholder')">
+        </el-input>
+      </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="submitForm" :loading="submitting">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateFeePrintSpec } from '@/api/system/feePrintSpecManageApi'
+import UploadImageUrl from '@/components/upload/UploadImageUrl'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditFeePrintSpec',
+  components: {
+    UploadImageUrl
+  },
+  data() {
+    return {
+      visible: false,
+      submitting: false,
+      formData: {
+        printId: '',
+        specCd: '',
+        printName: '',
+        qrImg: '',
+        content: '',
+        communityId: ''
+      },
+      rules: {
+        specCd: [
+          { required: true, message: this.$t('feePrintSpecManage.specRequired'), trigger: 'blur' }
+        ],
+        printName: [
+          { required: true, message: this.$t('feePrintSpecManage.nameRequired'), trigger: 'blur' },
+          { max: 128, message: this.$t('feePrintSpecManage.nameMaxLength'), trigger: 'blur' }
+        ]
+      },
+      specOptions: [
+        { value: '1010', label: this.$t('feePrintSpecManage.reminderPrint') },
+        { value: '2020', label: this.$t('feePrintSpecManage.receiptPrint') }
+      ]
+    }
+  },
+  methods: {
+    open(row) {
+      this.visible = true
+      this.formData = {
+        ...row,
+        communityId: getCommunityId()
+      }
+      this.$nextTick(() => {
+        if (row.qrImg) {
+          setTimeout(() => {
+          this.$refs.uploadImage.setImages([row.qrImg ])
+        }, 500)
+        } else {
+          this.$refs.uploader.clear()
+        }
+      })
+    },
+    handleImageChange(images) {
+      if (images && images.length > 0) {
+        this.formData.qrImg = images[0]
+      } else {
+        this.formData.qrImg = ''
+      }
+    },
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+
+        this.submitting = true
+        try {
+          await updateFeePrintSpec(this.formData)
+          this.$message.success(this.$t('feePrintSpecManage.editSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('feePrintSpecManage.editFailed'))
+        } finally {
+          this.submitting = false
+        }
+      })
+    },
+    resetForm() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        printId: '',
+        specCd: '',
+        printName: '',
+        qrImg: '',
+        content: '',
+        communityId: ''
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/system/editPaymentPool.vue b/src/components/system/editPaymentPool.vue
new file mode 100644
index 0000000..401e271
--- /dev/null
+++ b/src/components/system/editPaymentPool.vue
@@ -0,0 +1,259 @@
+<template>
+  <el-dialog :title="$t('paymentPool.edit.title')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('paymentPool.edit.paymentName')" prop="paymentName">
+        <el-input v-model="formData.paymentName" :placeholder="$t('paymentPool.edit.paymentNamePlaceholder')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('paymentPool.edit.paymentType')" prop="paymentType">
+        <el-select v-model="formData.paymentType" :placeholder="$t('paymentPool.edit.paymentTypePlaceholder')"
+          style="width:100%" disabled>
+          <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="(item, index) in paymentKeys" :key="index" :label="item.name">
+        <el-input v-model="item.columnValue" type="textarea" :placeholder="item.remark" :rows="3" />
+      </el-form-item>
+
+      <el-form-item v-if="formData.paymentType === 'WECHAT'" :label="$t('paymentPool.edit.certFile')">
+        <upload-file ref="uploadFile" :call-back-listener="'editPaymentPool'" :call-back-function="'notifyCert'" />
+        <div v-if="formData.certPath" class="cert-tip">
+          {{ $t('paymentPool.edit.currentCert') }}: {{ formData.certPath }}
+        </div>
+      </el-form-item>
+
+      <el-form-item :label="$t('paymentPool.edit.payRange')" prop="payType">
+        <el-select v-model="formData.payType" :placeholder="$t('paymentPool.edit.payRangePlaceholder')"
+          style="width:100%" disabled>
+          <el-option :label="$t('paymentPool.edit.communityFee')" value="1001" />
+          <el-option :label="$t('paymentPool.edit.tempCarFee')" value="2002" />
+          <el-option :label="$t('paymentPool.edit.specifiedFee')" value="3003" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="formData.payType === '3003'" :label="$t('paymentPool.edit.feeItems')">
+        <el-checkbox-group v-model="formData.configIds">
+          <el-checkbox v-for="item in feeConfigs" :key="item.configId" :label="item.configId">
+            {{ item.feeName }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+
+      <el-form-item :label="$t('paymentPool.edit.state')" prop="state">
+        <el-select v-model="formData.state" :placeholder="$t('paymentPool.edit.statePlaceholder')" style="width:100%">
+          <el-option :label="$t('paymentPool.edit.enable')" value="Y" />
+          <el-option :label="$t('paymentPool.edit.disable')" value="N" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('paymentPool.edit.remark')">
+        <el-input v-model="formData.remark" type="textarea" :placeholder="$t('paymentPool.edit.remarkPlaceholder')"
+          :rows="3" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updatePaymentPool, listPaymentKey, listFeeConfigs, getPaymentPoolDetail,listPaymentAdapt } from '@/api/system/paymentPoolApi'
+import UploadFile from '@/components/upload/FileUpload'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditPaymentPool',
+  components: {
+    UploadFile
+  },
+  data() {
+    return {
+      visible: false,
+      formData: {
+        ppId: '',
+        paymentName: '',
+        paymentType: '',
+        certPath: '',
+        state: '',
+        remark: '',
+        payType: '',
+        configIds: [],
+        communityId: ''
+      },
+      paymentTypes: [],
+      paymentKeys: [],
+      feeConfigs: [],
+      rules: {
+        paymentName: [
+          { required: true, message: this.$t('paymentPool.validate.paymentNameRequired'), trigger: 'blur' },
+          { max: 64, message: this.$t('paymentPool.validate.paymentNameMaxLength'), trigger: 'blur' }
+        ],
+        paymentType: [
+          { required: true, message: this.$t('paymentPool.validate.paymentTypeRequired'), trigger: 'change' }
+        ],
+        state: [
+          { required: true, message: this.$t('paymentPool.validate.stateRequired'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.formData.communityId = getCommunityId()
+    this.getPaymentTypes()
+    this.$on('notifyCert', this.handleNotifyCert)
+  },
+  methods: {
+    open(row) {
+      this.visible = true
+      this.formData.ppId = row.ppId
+      this.getPaymentPoolDetail()
+      this.getFeeConfigs()
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        ppId: '',
+        paymentName: '',
+        paymentType: '',
+        certPath: '',
+        state: '',
+        remark: '',
+        payType: '',
+        configIds: [],
+        communityId: getCommunityId()
+      }
+      this.paymentKeys = []
+      if (this.$refs.uploadFile) {
+        this.$refs.uploadFile.clear()
+      }
+    },
+    async getPaymentTypes() {
+      try {
+        const { data } = await listPaymentAdapt({
+          page: 1,
+          row: 100,
+        })
+        this.paymentTypes = data
+      } catch (error) {
+        console.error('获取支付类型失败:', error)
+      }
+    },
+    async getFeeConfigs() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          isDefault: 'F',
+          communityId: this.formData.communityId
+        }
+        const { data } = await listFeeConfigs(params)
+        this.feeConfigs = data
+      } catch (error) {
+        console.error('获取费用配置失败:', error)
+      }
+    },
+    async getPaymentPoolDetail() {
+      try {
+        const params = {
+          ppId: this.formData.ppId,
+          communityId: this.formData.communityId
+        }
+        const { data } = await getPaymentPoolDetail(params)
+        this.formData = {
+          ...this.formData,
+          paymentName: data[0].paymentName,
+          paymentType: data[0].paymentType,
+          certPath: data[0].certPath,
+          state: data[0].state,
+          remark: data[0].remark,
+          payType: data[0].payType
+        }
+
+        // 加载支付密钥
+        await this.loadPaymentKeys()
+
+        // 设置支付密钥值
+        if (data[0].values) {
+          data[0].values.forEach(value => {
+            const key = this.paymentKeys.find(k => k.columnKey === value.columnKey)
+            if (key) {
+              key.columnValue = value.columnValue
+            }
+          })
+        }
+
+        // 设置费用项
+        if (data[0].configs) {
+          this.formData.configIds = data[0].configs.map(c => c.configId)
+        }
+
+        // 如果有证书路径，通知上传组件
+        if (this.formData.certPath && this.$refs.uploadFile) {
+          this.$refs.uploadFile.fileName = this.formData.certPath
+          this.$refs.uploadFile.realFileName = this.formData.certPath
+          this.$refs.uploadFile.progress = 100
+        }
+      } catch (error) {
+        console.error('获取支付池详情失败:', error)
+      }
+    },
+    async loadPaymentKeys() {
+      try {
+        const params = {
+          paymentType: this.formData.paymentType,
+          page: 1,
+          row: 100
+        }
+        const { data } = await listPaymentKey(params)
+        this.paymentKeys = data.map(item => ({
+          ...item,
+          columnValue: ''
+        }))
+      } catch (error) {
+        console.error('获取支付密钥失败:', error)
+      }
+    },
+    handleNotifyCert(param) {
+      this.formData.certPath = param.realFileName
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+
+        try {
+          const params = {
+            ...this.formData,
+            values: this.paymentKeys.map(item => ({
+              columnKey: item.columnKey,
+              columnValue: item.columnValue
+            }))
+          }
+          await updatePaymentPool(params)
+          this.$message.success(this.$t('paymentPool.edit.success'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('paymentPool.edit.error'))
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.cert-tip {
+  margin-top: 5px;
+  font-size: 12px;
+  color: #909399;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/system/editSmallWechat.vue b/src/components/system/editSmallWechat.vue
new file mode 100644
index 0000000..8eba298
--- /dev/null
+++ b/src/components/system/editSmallWechat.vue
@@ -0,0 +1,135 @@
+<template>
+  <el-dialog
+    :title="$t('smallWeChatManage.editTitle')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('smallWeChatManage.name')" prop="name">
+        <el-input
+          v-model="formData.name"
+          :placeholder="$t('smallWeChatManage.namePlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item label="APPID" prop="appId">
+        <el-input
+          v-model="formData.appId"
+          :placeholder="$t('smallWeChatManage.appIdPlaceholder')"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('smallWeChatManage.appSecret')" prop="appSecret">
+        <el-input
+          v-model="formData.appSecret"
+          :placeholder="$t('smallWeChatManage.appSecretPlaceholder')"
+          show-password
+        />
+      </el-form-item>
+      <el-form-item :label="$t('smallWeChatManage.remarks')">
+        <el-input
+          v-model="formData.remarks"
+          type="textarea"
+          :placeholder="$t('smallWeChatManage.remarksPlaceholder')"
+          :rows="3"
+        />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateSmallWeChat } from '@/api/system/smallWeChatManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import { getDict } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditSmallWechat',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        wechatId: '',
+        name: '',
+        appId: '',
+        appSecret: '',
+        remarks: '',
+        objType: '1000',
+        objId: '',
+        payPassword: '1',
+        mchId: '1',
+        mchName: '1',
+        certPath: ''
+      },
+      rules: {
+        name: [
+          { required: true, message: this.$t('smallWeChatManage.nameRequired'), trigger: 'blur' },
+          { max: 100, message: this.$t('smallWeChatManage.nameMaxLength'), trigger: 'blur' }
+        ],
+        appId: [
+          { required: true, message: this.$t('smallWeChatManage.appIdRequired'), trigger: 'blur' },
+          { max: 100, message: this.$t('smallWeChatManage.appIdMaxLength'), trigger: 'blur' }
+        ],
+        appSecret: [
+          { required: true, message: this.$t('smallWeChatManage.appSecretRequired'), trigger: 'blur' },
+          { max: 200, message: this.$t('smallWeChatManage.appSecretMaxLength'), trigger: 'blur' }
+        ],
+        wechatId: [
+          { required: true, message: this.$t('smallWeChatManage.wechatIdRequired'), trigger: 'blur' }
+        ]
+      },
+      objTypes: []
+    }
+  },
+  methods: {
+    open(data) {
+      this.formData = { ...data }
+      this.formData.objId = getCommunityId()
+      this.getDictData()
+      this.visible = true
+    },
+    async getDictData() {
+      try {
+        const objTypes = await getDict('small_wechat', 'obj_type')
+        this.objTypes = objTypes
+      } catch (error) {
+        console.error('Failed to get dict data:', error)
+      }
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        wechatId: '',
+        name: '',
+        appId: '',
+        appSecret: '',
+        remarks: '',
+        objType: '1000',
+        objId: '',
+        payPassword: '1',
+        mchId: '1',
+        mchName: '1',
+        certPath: ''
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateSmallWeChat(this.formData)
+            this.$message.success(this.$t('smallWeChatManage.editSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('smallWeChatManage.editFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/system/feeConfigDetailHis.vue b/src/components/system/feeConfigDetailHis.vue
new file mode 100644
index 0000000..f852b33
--- /dev/null
+++ b/src/components/system/feeConfigDetailHis.vue
@@ -0,0 +1,212 @@
+<template>
+  <div class="fee-config-detail-his">
+    <el-table
+      :data="feeConfigDetailHisInfo.feeDetails"
+      border
+      style="width: 100%"
+      v-loading="loading">
+      <el-table-column
+        prop="feeTypeCdName"
+        :label="$t('feeConfigDetailHis.feeTypeCdName')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="feeName"
+        :label="$t('feeConfigDetailHis.feeName')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="feeFlagName"
+        :label="$t('feeConfigDetailHis.feeFlagName')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        prop="billTypeName"
+        :label="$t('feeConfigDetailHis.billTypeName')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeConfigDetailHis.paymentCd')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.paymentCd === '1200' ? $t('feeConfigDetailHis.prePayment') : $t('feeConfigDetailHis.postPayment') }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="paymentCycle"
+        :label="$t('feeConfigDetailHis.paymentCycle')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeConfigDetailHis.validityPeriod')"
+        align="center">
+        <template slot-scope="scope">
+          <div>{{ scope.row.startTime }}</div>
+          <div>{{ scope.row.endTime }}</div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeConfigDetailHis.squarePrice')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.computingFormula === '2002' ? '-' : scope.row.squarePrice }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="additionalAmount"
+        :label="$t('feeConfigDetailHis.additionalAmount')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeConfigDetailHis.deductFrom')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.deductFrom === 'Y' ? $t('common.yes') : $t('common.no') }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeConfigDetailHis.payOnline')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.payOnline === 'Y' ? $t('common.yes') : $t('common.no') }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeConfigDetailHis.scale')"
+        align="center">
+        <template slot-scope="scope">
+          <div v-if="scope.row.scale === '1'">{{ $t('feeConfigDetailHis.round') }}</div>
+          <div v-if="scope.row.scale === '3'">{{ $t('feeConfigDetailHis.roundUp') }}</div>
+          <div v-if="scope.row.scale === '4'">{{ $t('feeConfigDetailHis.roundDown') }}</div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="decimalPlace"
+        :label="$t('feeConfigDetailHis.decimalPlace')"
+        align="center">
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeConfigDetailHis.operate')"
+        align="center">
+        <template slot-scope="scope">
+          {{ _getHisConfigOperate(scope.row) }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="userName"
+        :label="$t('feeConfigDetailHis.userName')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.userName || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="createTime"
+        :label="$t('feeConfigDetailHis.createTime')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.createTime || '-' }}
+        </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">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { queryHisFeeConfig } from '@/api/system/operateDataLogApi'
+
+export default {
+  name: 'FeeConfigDetailHis',
+  data() {
+    return {
+      loading: false,
+      feeConfigDetailHisInfo: {
+        feeDetails: [],
+        configId: '',
+        staffNameLike: '',
+        feeNameLike: '',
+        logStartTime: '',
+        logEndTime: ''
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    open(conditions) {
+      this.feeConfigDetailHisInfo = {
+        ...this.feeConfigDetailHisInfo,
+        ...conditions
+      }
+      this._loadFeeConfigDetailHisData()
+    },
+    async _loadFeeConfigDetailHisData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          configId: this.feeConfigDetailHisInfo.configId,
+          staffNameLike: this.feeConfigDetailHisInfo.staffNameLike,
+          feeNameLike: this.feeConfigDetailHisInfo.feeNameLike,
+          logStartTime: this.feeConfigDetailHisInfo.logStartTime,
+          logEndTime: this.feeConfigDetailHisInfo.logEndTime
+        }
+        
+        const { data, total } = await queryHisFeeConfig(params)
+        this.feeConfigDetailHisInfo.feeDetails = data
+        this.page.total = total
+      } catch (error) {
+        console.error('Failed to load fee config history:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    _getHisConfigOperate(fee) {
+      const feeCount = this.feeConfigDetailHisInfo.feeDetails.filter(item => item.bId === fee.bId).length
+      
+      if (feeCount <= 1) {
+        if (fee.operate === 'ADD') return this.$t('feeConfigDetailHis.add')
+        if (fee.operate === 'DEL') return this.$t('feeConfigDetailHis.delete')
+        return '-'
+      }
+      
+      if (fee.operate === 'ADD') return this.$t('feeConfigDetailHis.modifyNew')
+      if (fee.operate === 'DEL') return this.$t('feeConfigDetailHis.modifyOld')
+      return '-'
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this._loadFeeConfigDetailHisData()
+    },
+    handleCurrentChange(current) {
+      this.page.current = current
+      this._loadFeeConfigDetailHisData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.fee-config-detail-his {
+  padding: 20px;
+}
+
+.el-pagination {
+  margin-top: 20px;
+  text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/system/feeDetailHis.vue b/src/components/system/feeDetailHis.vue
new file mode 100644
index 0000000..566ba86
--- /dev/null
+++ b/src/components/system/feeDetailHis.vue
@@ -0,0 +1,154 @@
+<template>
+  <div class="fee-detail-his">
+    <el-table
+      :data="feeDetailHisInfo.fees"
+      border
+      style="width: 100%"
+      v-loading="loading">
+      <el-table-column
+        :label="$t('feeDetailHis.feeName')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.feeName }}
+          <span v-if="scope.row.payerObjName">({{ scope.row.payerObjName }})</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeDetailHis.startTime')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.startTime || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeDetailHis.endTime')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.endTime || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeDetailHis.operate')"
+        align="center">
+        <template slot-scope="scope">
+          {{ _getFeeHisOperate(scope.row) }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeDetailHis.userName')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.userName || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('feeDetailHis.createTime')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.createTime }}
+        </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">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { queryHisFee } from '@/api/system/operateDataLogApi'
+
+export default {
+  name: 'FeeDetailHis',
+  data() {
+    return {
+      loading: false,
+      feeDetailHisInfo: {
+        fees: [],
+        feeId: '',
+        staffNameLike: '',
+        feeNameLike: '',
+        payerObjName: '',
+        logStartTime: '',
+        logEndTime: ''
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    open(conditions) {
+      this.feeDetailHisInfo = {
+        ...this.feeDetailHisInfo,
+        ...conditions
+      }
+      this._loadFeeDetailHisData()
+    },
+    async _loadFeeDetailHisData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          feeId: this.feeDetailHisInfo.feeId,
+          staffNameLike: this.feeDetailHisInfo.staffNameLike,
+          feeNameLike: this.feeDetailHisInfo.feeNameLike,
+          payerObjName: this.feeDetailHisInfo.payerObjName,
+          logStartTime: this.feeDetailHisInfo.logStartTime,
+          logEndTime: this.feeDetailHisInfo.logEndTime
+        }
+        
+        const { data, total } = await queryHisFee(params)
+        this.feeDetailHisInfo.fees = data
+        this.page.total = total
+      } catch (error) {
+        console.error('Failed to load fee history:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    _getFeeHisOperate(fee) {
+      const feeCount = this.feeDetailHisInfo.fees.filter(item => item.bId === fee.bId).length
+      
+      if (feeCount <= 1) {
+        if (fee.operate === 'ADD') return this.$t('feeDetailHis.add')
+        if (fee.operate === 'DEL') return this.$t('feeDetailHis.delete')
+        return '-'
+      }
+      
+      if (fee.operate === 'ADD') return this.$t('feeDetailHis.modifyNew')
+      if (fee.operate === 'DEL') return this.$t('feeDetailHis.modifyOld')
+      return '-'
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this._loadFeeDetailHisData()
+    },
+    handleCurrentChange(current) {
+      this.page.current = current
+      this._loadFeeDetailHisData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.fee-detail-his {
+  padding: 20px;
+}
+
+.el-pagination {
+  margin-top: 20px;
+  text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/system/ownerDetailHis.vue b/src/components/system/ownerDetailHis.vue
new file mode 100644
index 0000000..c0cb078
--- /dev/null
+++ b/src/components/system/ownerDetailHis.vue
@@ -0,0 +1,208 @@
+<template>
+  <div class="owner-detail-his">
+    <el-table
+      :data="ownerDetailHisInfo.owners"
+      border
+      style="width: 100%"
+      v-loading="loading">
+      <el-table-column
+        :label="$t('ownerDetailHis.operate')"
+        align="center">
+        <template slot-scope="scope">
+          {{ _getHisOwnerOperate(scope.row) }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('ownerDetailHis.userName')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.userName || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('ownerDetailHis.createTime')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.createTime }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('ownerDetailHis.name')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.name }}({{ scope.row.link }})
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('ownerDetailHis.sex')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.sex === 0 ? $t('ownerDetailHis.male') : $t('ownerDetailHis.female') }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('ownerDetailHis.idCard')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.idCard || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('ownerDetailHis.address')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.address || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        v-for="(item,index) in ownerDetailHisInfo.listColumns"
+        :key="index"
+        :label="item"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.listValues[index] || '-' }}
+        </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">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { queryHisOwner, getAttrSpec } from '@/api/system/operateDataLogApi'
+
+export default {
+  name: 'OwnerDetailHis',
+  data() {
+    return {
+      loading: false,
+      ownerDetailHisInfo: {
+        owners: [],
+        ownerId: '',
+        ownerName: '',
+        carNum: '',
+        listColumns: [],
+        logStartTime: '',
+        logEndTime: '',
+        ownerNameLike: '',
+        staffNameLike: ''
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    async open(conditions) {
+      this.ownerDetailHisInfo = {
+        ...this.ownerDetailHisInfo,
+        ...conditions
+      }
+      await this._getColumns()
+      this._loadOwnerDetailHisData()
+    },
+    async _loadOwnerDetailHisData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          memberId: this.ownerDetailHisInfo.ownerId,
+          ownerNameLike: this.ownerDetailHisInfo.ownerNameLike,
+          logStartTime: this.ownerDetailHisInfo.logStartTime,
+          logEndTime: this.ownerDetailHisInfo.logEndTime,
+          staffNameLike: this.ownerDetailHisInfo.staffNameLike
+        }
+        
+        const { data, total } = await queryHisOwner(params)
+        this.ownerDetailHisInfo.owners = data
+        this._dealOwnerAttr(data)
+        this.page.total = total
+      } catch (error) {
+        console.error('Failed to load owner history:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    _getHisOwnerOperate(owner) {
+      const ownerCount = this.ownerDetailHisInfo.owners.filter(item => item.bId === owner.bId).length
+      
+      if (ownerCount <= 1) {
+        if (owner.operate === 'ADD') return this.$t('ownerDetailHis.add')
+        if (owner.operate === 'DEL') return this.$t('ownerDetailHis.delete')
+        return '-'
+      }
+      
+      if (owner.operate === 'ADD') return this.$t('ownerDetailHis.modifyNew')
+      if (owner.operate === 'DEL') return this.$t('ownerDetailHis.modifyOld')
+      return '-'
+    },
+    async _getColumns() {
+      try {
+        const data = await getAttrSpec('building_owner_attr')
+        this.ownerDetailHisInfo.listColumns = data
+          .filter(item => item.listShow === 'Y')
+          .map(item => item.specName)
+      } catch (error) {
+        console.error('Failed to get columns:', error)
+      }
+    },
+    _dealOwnerAttr(owners) {
+      if (!owners) return
+      
+      owners.forEach(item => {
+        this._getColumnsValue(item)
+      })
+    },
+    _getColumnsValue(owner) {
+      owner.listValues = []
+      if (!owner['ownerAttrDtos'] || owner.ownerAttrDtos.length < 1) {
+        this.ownerDetailHisInfo.listColumns.forEach(() => {
+          owner.listValues.push('')
+        })
+        return
+      }
+      
+      this.ownerDetailHisInfo.listColumns.forEach(value => {
+        let tmpValue = ''
+        owner.ownerAttrDtos.forEach(attrItem => {
+          if (value === attrItem.specName) {
+            tmpValue = attrItem.valueName
+          }
+        })
+        owner.listValues.push(tmpValue)
+      })
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this._loadOwnerDetailHisData()
+    },
+    handleCurrentChange(current) {
+      this.page.current = current
+      this._loadOwnerDetailHisData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.owner-detail-his {
+  padding: 20px;
+}
+
+.el-pagination {
+  margin-top: 20px;
+  text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/system/roomDetailHis.vue b/src/components/system/roomDetailHis.vue
new file mode 100644
index 0000000..35279ce
--- /dev/null
+++ b/src/components/system/roomDetailHis.vue
@@ -0,0 +1,174 @@
+<template>
+  <div class="room-detail-his">
+    <el-table
+      :data="roomDetailHisInfo.rooms"
+      border
+      style="width: 100%"
+      v-loading="loading">
+      <el-table-column
+        :label="$t('roomDetailHis.operate')"
+        align="center">
+        <template slot-scope="scope">
+          {{ _getRoomHisOperate(scope.row) }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('roomDetailHis.userName')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.userName || '-' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('roomDetailHis.createTime')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.createTime }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('roomDetailHis.roomNum')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.floorNum }}-{{ scope.row.unitNum }}-{{ scope.row.roomNum }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('roomDetailHis.layer')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.layer }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('roomDetailHis.roomSubTypeName')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.roomSubTypeName }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('roomDetailHis.area')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.builtUpArea }}/{{ scope.row.roomArea }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('roomDetailHis.roomRent')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.roomRent }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        :label="$t('roomDetailHis.stateName')"
+        align="center">
+        <template slot-scope="scope">
+          {{ scope.row.stateName }}
+        </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">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { queryHisRoom } from '@/api/system/operateDataLogApi'
+
+export default {
+  name: 'RoomDetailHis',
+  data() {
+    return {
+      loading: false,
+      roomDetailHisInfo: {
+        rooms: [],
+        roomId: '',
+        roomName: '',
+        logStartTime: '',
+        logEndTime: '',
+        staffNameLike: '',
+        payerObjName: ''
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    open(conditions) {
+      this.roomDetailHisInfo = {
+        ...this.roomDetailHisInfo,
+        ...conditions
+      }
+      this._loadRoomDetailHisData()
+    },
+    async _loadRoomDetailHisData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          roomId: this.roomDetailHisInfo.roomId,
+          roomName: this.roomDetailHisInfo.roomName,
+          logStartTime: this.roomDetailHisInfo.logStartTime,
+          logEndTime: this.roomDetailHisInfo.logEndTime,
+          staffNameLike: this.roomDetailHisInfo.staffNameLike,
+          payerObjName: this.roomDetailHisInfo.payerObjName
+        }
+        
+        const { data, total } = await queryHisRoom(params)
+        this.roomDetailHisInfo.rooms = data
+        this.page.total = total
+      } catch (error) {
+        console.error('Failed to load room history:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    _getRoomHisOperate(room) {
+      const roomCount = this.roomDetailHisInfo.rooms.filter(item => item.bId === room.bId).length
+      
+      if (roomCount <= 1) {
+        if (room.operate === 'ADD') return this.$t('roomDetailHis.add')
+        if (room.operate === 'DEL') return this.$t('roomDetailHis.delete')
+        return '-'
+      }
+      
+      if (room.operate === 'ADD') return this.$t('roomDetailHis.modifyNew')
+      if (room.operate === 'DEL') return this.$t('roomDetailHis.modifyOld')
+      return '-'
+    },
+    handleSizeChange(size) {
+      this.page.size = size
+      this._loadRoomDetailHisData()
+    },
+    handleCurrentChange(current) {
+      this.page.current = current
+      this._loadRoomDetailHisData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.room-detail-his {
+  padding: 20px;
+}
+
+.el-pagination {
+  margin-top: 20px;
+  text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/system/uploadFile.vue b/src/components/system/uploadFile.vue
new file mode 100644
index 0000000..58078ed
--- /dev/null
+++ b/src/components/system/uploadFile.vue
@@ -0,0 +1,105 @@
+<template>
+  <div class="upload-file-wrapper">
+    <div class="progress" v-if="progress > 0">
+      <el-progress :percentage="progress" :stroke-width="2" />
+    </div>
+    <div class="file-name" v-if="fileName">
+      {{ fileName }}
+    </div>
+    <el-upload
+      class="upload-demo"
+      action=""
+      :auto-upload="false"
+      :show-file-list="false"
+      :on-change="handleFileChange"
+    >
+      <el-button size="small" type="primary">
+        {{ $t('common.upload') }}
+      </el-button>
+    </el-upload>
+  </div>
+</template>
+
+<script>
+import { uploadFile } from '@/api/system/paymentPoolApi'
+
+export default {
+  name: 'UploadFile',
+  props: {
+    callBackListener: {
+      type: String,
+      default: ''
+    },
+    callBackFunction: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      progress: 0,
+      fileName: '',
+      realFileName: ''
+    }
+  },
+  methods: {
+    clear() {
+      this.progress = 0
+      this.fileName = ''
+      this.realFileName = ''
+    },
+    handleFileChange(file) {
+      if (file.size > 20 * 1024 * 1024) {
+        this.$message.error(this.$t('uploadFile.sizeLimit'))
+        return false
+      }
+      
+      this.fileName = file.name
+      this.doUpload(file.raw)
+    },
+    async doUpload(file) {
+      const formData = new FormData()
+      formData.append('uploadFile', file)
+      
+      try {
+        const config = {
+          onUploadProgress: progressEvent => {
+            const percent = Math.round(
+              (progressEvent.loaded * 100) / progressEvent.total
+            )
+            this.progress = percent < 90 ? percent : 90
+          }
+        }
+        
+        const { data } = await uploadFile(formData, config)
+        this.progress = 100
+        this.realFileName = data.realFileName
+        this.$emit('notify', data)
+        
+        if (this.callBackListener && this.callBackFunction) {
+          this.$emit(this.callBackFunction, data)
+        }
+        
+        this.$message.success(this.$t('uploadFile.success'))
+      } catch (error) {
+        this.$message.error(this.$t('uploadFile.error'))
+        console.error('上传文件失败:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.upload-file-wrapper {
+  .progress {
+    margin-bottom: 10px;
+  }
+  
+  .file-name {
+    margin-bottom: 10px;
+    font-size: 14px;
+    color: #606266;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/system/uploadImageUrl.vue b/src/components/system/uploadImageUrl.vue
new file mode 100644
index 0000000..18589fd
--- /dev/null
+++ b/src/components/system/uploadImageUrl.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="upload-image-container">
+    <div class="image-preview" v-for="(image, index) in images" :key="index">
+      <el-image
+        style="width: 100px; height: 100px; margin-right: 10px;"
+        :src="image.url"
+        fit="cover"
+        :preview-src-list="previewList">
+      </el-image>
+      <i class="el-icon-delete delete-icon" @click="removeImage(index)"></i>
+    </div>
+    
+    <el-upload
+      v-if="images.length < imageCount"
+      class="upload-button"
+      action=""
+      :show-file-list="false"
+      :before-upload="beforeUpload"
+      :http-request="handleUpload">
+      <i class="el-icon-plus"></i>
+    </el-upload>
+  </div>
+</template>
+
+<script>
+import { uploadFile } from '@/api/common'
+
+export default {
+  name: 'UploadImageUrl',
+  props: {
+    imageCount: {
+      type: Number,
+      default: 1
+    }
+  },
+  data() {
+    return {
+      images: [],
+      previewList: []
+    }
+  },
+  methods: {
+    beforeUpload(file) {
+      const isImage = file.type.indexOf('image/') === 0
+      const isLt2M = file.size / 1024 / 1024 < 2
+
+      if (!isImage) {
+        this.$message.error(this.$t('upload.imageTypeError'))
+      }
+      if (!isLt2M) {
+        this.$message.error(this.$t('upload.imageSizeError'))
+      }
+      return isImage && isLt2M
+    },
+    async handleUpload({ file }) {
+      try {
+        const formData = new FormData()
+        formData.append('uploadFile', file)
+        
+        const response = await uploadFile(formData)
+        this.images.push(response.data)
+        this.previewList = this.images.map(img => img.url)
+        this.$emit('change', this.images)
+      } catch (error) {
+        this.$message.error(error.message || this.$t('upload.uploadFailed'))
+      }
+    },
+    removeImage(index) {
+      this.images.splice(index, 1)
+      this.previewList = this.images.map(img => img.url)
+      this.$emit('change', this.images)
+    },
+    clear() {
+      this.images = []
+      this.previewList = []
+      this.$emit('change', [])
+    },
+    setImages(urls) {
+      this.images = urls.map(url => ({ url }))
+      this.previewList = this.images.map(img => img.url)
+      this.$emit('change', this.images)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.upload-image-container {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  
+  .image-preview {
+    position: relative;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    
+    .delete-icon {
+      position: absolute;
+      top: -10px;
+      right: 0;
+      color: #f56c6c;
+      font-size: 18px;
+      cursor: pointer;
+      background: white;
+      border-radius: 50%;
+      padding: 2px;
+    }
+  }
+  
+  .upload-button {
+    width: 100px;
+    height: 100px;
+    line-height: 100px;
+    text-align: center;
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    
+    &:hover {
+      border-color: #409EFF;
+    }
+    
+    i {
+      font-size: 28px;
+      color: #8c939d;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/i18n/systemI18n.js b/src/i18n/systemI18n.js
index d805c1f..aeda94a 100644
--- a/src/i18n/systemI18n.js
+++ b/src/i18n/systemI18n.js
@@ -1,12 +1,30 @@
 import { messages as communitySettingManageMessages } from '../views/system/communitySettingManageLang'
 import { messages as storeInfoManageMessages } from '../views/system/storeInfoManageLang'
+import { messages as publicWeChatManageMessages } from '../views/system/publicWeChatManageLang'
+import { messages as smallWeChatManageMessages } from '../views/system/smallWeChatManageLang'
+import { messages as paymentPoolMessages } from '../views/system/paymentPoolLang'
+import { messages as operateDataLogMessages } from '../views/system/operateDataLogLang'
+import { messages as historyFeeDetailImportMessages } from '../views/system/historyFeeDetailImportLang'
+import { messages as feePrintSpecManageMessages } from '../views/system/feePrintSpecManageLang'
 export const messages = {
     en: {
         ...communitySettingManageMessages.en,
         ...storeInfoManageMessages.en,
+        ...publicWeChatManageMessages.en,
+        ...smallWeChatManageMessages.en,
+        ...paymentPoolMessages.en,
+        ...operateDataLogMessages.en,
+        ...historyFeeDetailImportMessages.en,
+        ...feePrintSpecManageMessages.en,
     },
     zh: {
         ...communitySettingManageMessages.zh,
         ...storeInfoManageMessages.zh,
+        ...publicWeChatManageMessages.zh,
+        ...smallWeChatManageMessages.zh,
+        ...paymentPoolMessages.zh,
+        ...operateDataLogMessages.zh,
+        ...historyFeeDetailImportMessages.zh,
+        ...feePrintSpecManageMessages.zh,
     }
 }
\ No newline at end of file
diff --git a/src/router/systemRouter.js b/src/router/systemRouter.js
index 630fe8b..ea9b91e 100644
--- a/src/router/systemRouter.js
+++ b/src/router/systemRouter.js
@@ -15,8 +15,38 @@ export default [
         component: () => import('@/views/system/workflowSettingManageList.vue')
     },
     {
-        path:'/pages/common/storeInfoManage',
-        name:'/pages/common/storeInfoManage',
+        path: '/pages/common/storeInfoManage',
+        name: '/pages/common/storeInfoManage',
         component: () => import('@/views/system/storeInfoManageList.vue')
-        },
+    },
+    {
+        path: '/pages/property/publicWeChatManage',
+        name: '/pages/property/publicWeChatManage',
+        component: () => import('@/views/system/publicWeChatManageList.vue')
+    },
+    {
+        path: '/pages/property/smallWeChatManage',
+        name: '/pages/property/smallWeChatManage',
+        component: () => import('@/views/system/smallWeChatManageList.vue')
+    },
+    {
+        path: '/pages/fee/paymentPool',
+        name: '/pages/fee/paymentPool',
+        component: () => import('@/views/system/paymentPoolList.vue')
+    },
+    {
+        path: '/pages/log/operateDataLog',
+        name: '/pages/log/operateDataLog',
+        component: () => import('@/views/system/operateDataLogList.vue')
+    },
+    {
+        path: '/pages/property/historyFeeDetailImport',
+        name: '/pages/property/historyFeeDetailImport',
+        component: () => import('@/views/system/historyFeeDetailImportList.vue')
+    },
+    {
+        path: '/pages/property/feePrintSpecManage',
+        name: '/pages/property/feePrintSpecManage',
+        component: () => import('@/views/system/feePrintSpecManageList.vue')
+    },
 ]
\ No newline at end of file
diff --git a/src/views/system/feePrintSpecManageLang.js b/src/views/system/feePrintSpecManageLang.js
new file mode 100644
index 0000000..485c4d0
--- /dev/null
+++ b/src/views/system/feePrintSpecManageLang.js
@@ -0,0 +1,68 @@
+export const messages = {
+  en: {
+    feePrintSpecManage: {
+      title: 'Print Configuration',
+      add: 'Add',
+      edit: 'Edit',
+      delete: 'Delete',
+      image: 'Image',
+      name: 'Name',
+      spec: 'Specification',
+      code: 'Code',
+      operation: 'Operation',
+      reminderPrint: 'Reminder Print',
+      receiptPrint: 'Receipt Print',
+      addTitle: 'Add Print Configuration',
+      editTitle: 'Edit Print Configuration',
+      deleteTitle: 'Delete Confirmation',
+      deleteConfirm: 'Are you sure to delete this print configuration?',
+      deleteSuccess: 'Delete successfully',
+      deleteFailed: 'Delete failed',
+      addSuccess: 'Add successfully',
+      addFailed: 'Add failed',
+      editSuccess: 'Edit successfully',
+      editFailed: 'Edit failed',
+      fetchError: 'Failed to fetch data',
+      specPlaceholder: 'Please select specification',
+      namePlaceholder: 'Please enter name',
+      contentPlaceholder: 'Optional, please enter content',
+      specRequired: 'Specification is required',
+      nameRequired: 'Name is required',
+      nameMaxLength: 'Name cannot exceed 128 characters',
+      content: 'Content'
+    }
+  },
+  zh: {
+    feePrintSpecManage: {
+      title: '打印配置信息',
+      add: '添加',
+      edit: '修改',
+      delete: '删除',
+      image: '图片',
+      name: '名称',
+      spec: '规格',
+      code: '编码',
+      operation: '操作',
+      reminderPrint: '催缴打印说明',
+      receiptPrint: '收据打印说明',
+      addTitle: '添加打印配置',
+      editTitle: '修改打印配置',
+      deleteTitle: '删除确认',
+      deleteConfirm: '确定删除打印配置吗？',
+      deleteSuccess: '删除成功',
+      deleteFailed: '删除失败',
+      addSuccess: '添加成功',
+      addFailed: '添加失败',
+      editSuccess: '修改成功',
+      editFailed: '修改失败',
+      fetchError: '获取数据失败',
+      specPlaceholder: '请选择规格',
+      namePlaceholder: '请输入名称',
+      contentPlaceholder: '选填，请输入内容',
+      specRequired: '规格不能为空',
+      nameRequired: '名称不能为空',
+      nameMaxLength: '名称不能超过128个字符',
+      content: '内容'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/system/feePrintSpecManageList.vue b/src/views/system/feePrintSpecManageList.vue
new file mode 100644
index 0000000..38cc989
--- /dev/null
+++ b/src/views/system/feePrintSpecManageList.vue
@@ -0,0 +1,143 @@
+<template>
+  <div class="fee-print-spec-manage-container">
+    <el-card class="box-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('feePrintSpecManage.title') }}</span>
+        <el-button type="primary" size="small" class="float-right" @click="openAddDialog">
+          <i class="el-icon-plus"></i>
+          {{ $t('feePrintSpecManage.add') }}
+        </el-button>
+      </div>
+
+      <el-table :data="tableData" border style="width: 100%" v-loading="loading">
+        <el-table-column prop="qrImg" :label="$t('feePrintSpecManage.image')" align="center">
+          <template slot-scope="scope">
+            <el-image v-if="scope.row.qrImg" style="width: 100px; height: 100px; border-radius: 5px;"
+              :src="scope.row.qrImg" :preview-src-list="[scope.row.qrImg]">
+            </el-image>
+          </template>
+        </el-table-column>
+        <el-table-column prop="printName" :label="$t('feePrintSpecManage.name')" align="center">
+        </el-table-column>
+        <el-table-column prop="specCd" :label="$t('feePrintSpecManage.spec')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.specCd === '1010' ? $t('feePrintSpecManage.reminderPrint') :
+              $t('feePrintSpecManage.receiptPrint') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="printId" :label="$t('feePrintSpecManage.code')" align="center">
+        </el-table-column>
+        <el-table-column :label="$t('feePrintSpecManage.operation')" align="center" width="200">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="openEditDialog(scope.row)">
+              {{ $t('feePrintSpecManage.edit') }}
+            </el-button>
+            <el-button size="mini" type="danger" @click="openDeleteDialog(scope.row)">
+              {{ $t('feePrintSpecManage.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination class="pagination" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+        :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+        layout="total, sizes, prev, pager, next, jumper" :total="pagination.total">
+      </el-pagination>
+    </el-card>
+
+    <add-fee-print-spec ref="addDialog" @success="fetchData"></add-fee-print-spec>
+    <edit-fee-print-spec ref="editDialog" @success="fetchData"></edit-fee-print-spec>
+    <delete-fee-print-spec ref="deleteDialog" @success="fetchData"></delete-fee-print-spec>
+  </div>
+</template>
+
+<script>
+import { queryFeePrintSpec } from '@/api/system/feePrintSpecManageApi'
+import AddFeePrintSpec from '@/components/system/addFeePrintSpec'
+import EditFeePrintSpec from '@/components/system/editFeePrintSpec'
+import DeleteFeePrintSpec from '@/components/system/deleteFeePrintSpec'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'FeePrintSpecManageList',
+  components: {
+    AddFeePrintSpec,
+    EditFeePrintSpec,
+    DeleteFeePrintSpec
+  },
+  data() {
+    return {
+      loading: false,
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      queryParams: {
+        communityId: '',
+        specCd: ''
+      }
+    }
+  },
+  created() {
+    this.queryParams.communityId = getCommunityId()
+    this.fetchData()
+  },
+  methods: {
+    async fetchData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.queryParams
+        }
+        const { data, total } = await queryFeePrintSpec(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('feePrintSpecManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.fetchData()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.fetchData()
+    },
+    openAddDialog() {
+      this.$refs.addDialog.open()
+    },
+    openEditDialog(row) {
+      this.$refs.editDialog.open(row)
+    },
+    openDeleteDialog(row) {
+      this.$refs.deleteDialog.open(row)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.fee-print-spec-manage-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .float-right {
+    float: right;
+  }
+
+  .pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/historyFeeDetailImportLang.js b/src/views/system/historyFeeDetailImportLang.js
new file mode 100644
index 0000000..2d69c82
--- /dev/null
+++ b/src/views/system/historyFeeDetailImportLang.js
@@ -0,0 +1,48 @@
+export const messages = {
+  en: {
+    historyFeeDetailImport: {
+      assetInfo: 'Asset Information',
+      feeObject: 'Fee Object',
+      selectFeeObject: 'Required, please select fee object',
+      house: 'House',
+      car: 'Car',
+      selectFile: 'Select File',
+      requiredFile: 'Required, please select data file',
+      clickUpload: 'Click to upload',
+      description: 'Description',
+      importTip: 'Note: This is for importing historical payment data from previous property systems to facilitate future accounting checks. It should only be used during property data initialization. Please carefully check the data before importing. Once imported, payment history cannot be deleted from the frontend and can only be removed by engineers from the database.',
+      import: 'Import',
+      houseTemplate: 'House Template',
+      carTemplate: 'Car Template',
+      fileRequired: 'File is required',
+      invalidFileType: 'Invalid file type, only Excel files are allowed',
+      fileSizeLimit: 'File size cannot exceed 2MB',
+      importSuccess: 'Import successful',
+      importError: 'Import failed',
+      requiredSelect: 'Required, please select'
+    }
+  },
+  zh: {
+    historyFeeDetailImport: {
+      assetInfo: '资产信息',
+      feeObject: '费用对象',
+      selectFeeObject: '必填，请选择费用对象',
+      house: '房屋',
+      car: '车辆',
+      selectFile: '选择文件',
+      requiredFile: '必填，请选择数据文件',
+      clickUpload: '点击上传',
+      description: '说明',
+      importTip: '请注意，这里是为了将物业之前系统缴费历史数据导入，方便物业后期查账使用，只有在物业数据初始化时使用，导入前请仔细检查数据，一旦导入前台无法删除缴费历史，只有工程师从数据库删除',
+      import: '导入',
+      houseTemplate: '房屋模板',
+      carTemplate: '车辆模板',
+      fileRequired: '文件不能为空',
+      invalidFileType: '不是有效的Excel格式',
+      fileSizeLimit: 'Excel文件大小不能超过2M',
+      importSuccess: '处理成功',
+      importError: '导入失败',
+      requiredSelect: '必填，请选择'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/system/historyFeeDetailImportList.vue b/src/views/system/historyFeeDetailImportList.vue
new file mode 100644
index 0000000..303371d
--- /dev/null
+++ b/src/views/system/historyFeeDetailImportList.vue
@@ -0,0 +1,200 @@
+<template>
+  <div class="history-fee-detail-import-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('historyFeeDetailImport.assetInfo') }}</span>
+        <div class="card-header-right">
+          <el-button type="primary" size="small" @click="_openDownloadHcExcelTemplate">
+            <i class="el-icon-download"></i>{{ $t('historyFeeDetailImport.houseTemplate') }}
+          </el-button>
+          <el-button type="primary" size="small" @click="_openDownloadHcCarExcelTemplate">
+            <i class="el-icon-download"></i>{{ $t('historyFeeDetailImport.carTemplate') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form label-position="left" label-width="120px">
+            <el-form-item :label="$t('historyFeeDetailImport.feeObject')">
+              <el-select 
+                v-model="historyFeeDetailImportInfo.objType" 
+                style="width:100%"
+                :placeholder="$t('historyFeeDetailImport.selectFeeObject')">
+                <el-option 
+                  disabled 
+                  value=""
+                  :label="$t('historyFeeDetailImport.requiredSelect')">
+                </el-option>
+                <el-option 
+                  value="3333" 
+                  :label="$t('historyFeeDetailImport.house')">
+                </el-option>
+                <el-option 
+                  value="6666" 
+                  :label="$t('historyFeeDetailImport.car')">
+                </el-option>
+              </el-select>
+            </el-form-item>
+
+            <el-form-item :label="$t('historyFeeDetailImport.selectFile')">
+              <el-upload
+                class="upload-demo"
+                action=""
+                :auto-upload="false"
+                :on-change="getExcelTemplate"
+                :show-file-list="false">
+                <el-button size="small" type="primary">
+                  {{ $t('historyFeeDetailImport.clickUpload') }}
+                </el-button>
+                <div slot="tip" class="el-upload__tip">
+                  {{ historyFeeDetailImportInfo.excelTemplate ? 
+                     historyFeeDetailImportInfo.excelTemplate.name : 
+                     $t('historyFeeDetailImport.requiredFile') }}
+                </div>
+              </el-upload>
+            </el-form-item>
+
+            <el-form-item :label="$t('historyFeeDetailImport.description')">
+              <div class="description-text">
+                {{ $t('historyFeeDetailImport.importTip') }}
+              </div>
+            </el-form-item>
+          </el-form>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24" class="text-right">
+          <el-button 
+            type="primary" 
+            @click="_importData"
+            :disabled="!historyFeeDetailImportInfo.excelTemplate || !historyFeeDetailImportInfo.objType">
+            {{ $t('historyFeeDetailImport.import') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { importData } from '@/api/system/historyFeeDetailImportApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'HistoryFeeDetailImportList',
+  data() {
+    return {
+      historyFeeDetailImportInfo: {
+        communityId: '',
+        excelTemplate: null,
+        objType: ''
+      }
+    }
+  },
+  created() {
+    this.historyFeeDetailImportInfo.communityId = getCommunityId()
+  },
+  methods: {
+    _openDownloadHcExcelTemplate() {
+      window.open('/import/importFeeDetail.xlsx')
+    },
+    _openDownloadHcCarExcelTemplate() {
+      window.open('/import/importCarFeeDetail.xlsx')
+    },
+    getExcelTemplate(file) {
+      this.historyFeeDetailImportInfo.excelTemplate = file.raw
+    },
+    async _importData() {
+      if (!this.validateForm()) {
+        return
+      }
+
+      const param = new FormData()
+      param.append('uploadFile', this.historyFeeDetailImportInfo.excelTemplate)
+      param.append('communityId', this.historyFeeDetailImportInfo.communityId)
+      param.append('objType', this.historyFeeDetailImportInfo.objType)
+      
+      const _importAdapt = this.historyFeeDetailImportInfo.objType === '6666' ? 
+        'importCarHistoryFeeDetail' : 'importRoomHistoryFeeDetail'
+      param.append('importAdapt', _importAdapt)
+
+      try {
+        const res = await importData(param)
+        if (res.code === 0) {
+          this.$message.success(this.$t('historyFeeDetailImport.importSuccess'))
+          this.historyFeeDetailImportInfo.excelTemplate = null
+          this.$router.push({
+            path: '/pages/property/assetImportLogDetail',
+            query: {
+              logId: res.data.logId,
+              logType: _importAdapt
+            }
+          })
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        this.$message.error(this.$t('historyFeeDetailImport.importError'))
+      }
+    },
+    validateForm() {
+      if (!this.historyFeeDetailImportInfo.excelTemplate) {
+        this.$message.error(this.$t('historyFeeDetailImport.fileRequired'))
+        return false
+      }
+
+      if (!this.checkFileType(this.historyFeeDetailImportInfo.excelTemplate.name)) {
+        this.$message.error(this.$t('historyFeeDetailImport.invalidFileType'))
+        return false
+      }
+
+      if (!this.checkFileSize(this.historyFeeDetailImportInfo.excelTemplate.size)) {
+        this.$message.error(this.$t('historyFeeDetailImport.fileSizeLimit'))
+        return false
+      }
+
+      return true
+    },
+    checkFileType(fileName) {
+      const fileExt = fileName.split('.').pop().toLowerCase()
+      return ['xls', 'xlsx'].includes(fileExt)
+    },
+    checkFileSize(fileSize) {
+      return fileSize <= 2 * 1024 * 1024 // 2MB
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.history-fee-detail-import-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .card-header-right {
+    float: right;
+  }
+
+  .description-text {
+    color: #606266;
+    font-size: 14px;
+    line-height: 1.5;
+  }
+
+  .text-right {
+    text-align: right;
+    margin-top: 20px;
+  }
+
+  .el-upload__tip {
+    margin-left: 10px;
+    display: inline-block;
+    vertical-align: middle;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/operateDataLogLang.js b/src/views/system/operateDataLogLang.js
new file mode 100644
index 0000000..416e74b
--- /dev/null
+++ b/src/views/system/operateDataLogLang.js
@@ -0,0 +1,236 @@
+export const messages = {
+  en: {
+    operateDataLog: {
+      search: {
+        title: 'Search Conditions',
+        logStartTime: 'Please select the start time',
+        logEndTime: 'Please select the end time',
+        staffNameLike: 'Please enter the operator',
+        feeNameLike: 'Please enter the fee item name',
+        payerObjName: 'Please enter the house name, license plate number or contract number',
+        ownerNameLike: 'Please enter the owner name',
+        roomName: 'Please enter the house name  Building-Unit-Room',
+        carNumLike: 'Please enter the license plate number',
+        contractCode: 'Please enter the contract number'
+      },
+    },
+    feeConfigDetailHis: {
+      feeTypeCdName: 'fee type',
+      feeName: 'fee item',
+      feeFlagName: 'fee flag',
+      billTypeName: 'bill type',
+      paymentCd: 'payment type',
+      prePayment: 'pre payment',
+      postPayment: 'post payment',
+      paymentCycle: 'payment cycle(unit: month)',
+      validityPeriod: 'validity period',
+      squarePrice: 'square price(unit: yuan)',
+      additionalAmount: 'additional/fixed fee(unit: yuan)',
+      deductFrom: 'deduct from',
+      payOnline: 'pay online',
+      scale: 'scale',
+      round: 'round',
+      roundUp: 'round up',
+      roundDown: 'round down',
+      decimalPlace: 'decimal place',
+      operate: 'action',
+      userName: 'operator',
+        createTime: 'create time',
+      add: 'add',
+      delete: 'delete',
+      modifyNew: 'modify(new)',
+      modifyOld: 'modify(old)'
+    },
+    feeDetailHis: {
+      feeName: 'fee item',
+      startTime: 'create time',
+      endTime: 'start time',
+      operate: 'action',
+      userName: 'operator',
+      createTime: 'create time',
+      add: 'add',
+      delete: 'delete',
+      modifyNew: 'modify(new)',
+      modifyOld: 'modify(old)'
+    },
+    ownerDetailHis: {
+      operate: 'action',
+      userName: 'operator',
+      createTime: 'create time',
+      name: 'name',
+      sex: 'sex',
+      male: 'male',
+      female: 'female',
+      idCard: 'id card',
+      address: 'address',
+      add: 'add',
+      delete: 'delete',
+      modifyNew: 'modify(new)',
+      modifyOld: 'modify(old)'
+    },
+    roomDetailHis: {
+      operate: 'action',
+      userName: 'operator',
+      createTime: 'create time',
+      roomNum: 'room number',
+      layer: 'layer',
+      roomSubTypeName: 'type',
+      area: 'area',
+      roomRent: 'rent',
+        stateName: 'state',
+      add: 'add',
+      delete: 'delete',
+      modifyNew: 'modify(new)',
+      modifyOld: 'modify(old)'
+    },
+    carDetailHis: {
+      carNum: 'car number',
+      leaseType: 'lease type',
+      tempCar: 'temp car',
+      carTypeName: 'car type',
+      carColor: 'color',
+      owner: 'owner',
+      parkingSpace: 'parking space',
+      released: 'released',
+      validityPeriod: 'validity period',
+      operate: 'action',
+      userName: 'operator',
+      createTime: 'create time',
+      add: 'add',
+      delete: 'delete',
+      modifyNew: 'modify(new)',
+      modifyOld: 'modify(old)'
+    },
+    contractDetailChange: {
+      contractName: 'contract name',
+      contractCode: 'contract code',
+      contractTypeName: 'contract type',
+      partyA: 'party A',
+      partyB: 'party B',
+      planTypeName: 'change type',
+      changePersonName: 'change person',
+      createTime: 'create time',
+      remark: 'remark',
+      stateName: 'state',
+      operation: 'operation',
+      detail: 'detail'
+    }
+  },
+  zh: {
+    operateDataLog: {
+      search: {
+        title: '查询条件',
+        logStartTime: '请选择开始时间',
+        logEndTime: '请选择结束时间',
+        staffNameLike: '请输入操作人',
+        feeNameLike: '请输入费用项名称',
+        payerObjName: '请输入房屋名称，车牌号或者合同编号',
+        ownerNameLike: '请输入业主名称',
+        roomName: '请输入房屋名称 楼栋-单元-房屋',
+        carNumLike: '请输入车牌号',
+        contractCode: '请输入合同编号'
+      }
+    },
+    feeConfigDetailHis: {
+      feeTypeCdName: '费用类型',
+      feeName: '收费项目',
+      feeFlagName: '费用标识',
+      billTypeName: '催缴类型',
+      paymentCd: '付费类型',
+      prePayment: '预付费',
+      postPayment: '后付费',
+      paymentCycle: '缴费周期(单位:月)',
+      validityPeriod: '有效期',
+      squarePrice: '计费单价(单位:元)',
+      additionalAmount: '附加/固定费用(单位:元)',
+      deductFrom: '账户抵扣',
+      payOnline: '手机缴费',
+      scale: '进位方式',
+      round: '四舍五入',
+      roundUp: '向上进位',
+      roundDown: '向下进位',
+      decimalPlace: '保留小数',
+      operate: '动作',
+      userName: '操作人',
+      createTime: '操作时间',
+      add: '添加',
+      delete: '删除',
+      modifyNew: '修改(新)',
+      modifyOld: '修改(旧)'
+    },
+    feeDetailHis: {
+      feeName: '费用项',
+      startTime: '建账时间',
+      endTime: '计费起始时间',
+      operate: '动作',
+      userName: '操作人',
+      createTime: '操作时间',
+      add: '添加',
+      delete: '删除',
+      modifyNew: '修改(新)',
+      modifyOld: '修改(旧)'
+    },
+    ownerDetailHis: {
+      operate: '动作',
+      userName: '操作人',
+      createTime: '操作时间',
+      name: '姓名',
+      sex: '性别',
+      male: '男',
+      female: '女',
+      idCard: '身份证',
+      address: '家庭住址',
+      add: '添加',
+      delete: '删除',
+      modifyNew: '修改(新)',
+      modifyOld: '修改(旧)'
+    },
+    roomDetailHis: {
+      operate: '动作',
+      userName: '操作人',
+      createTime: '操作时间',
+      roomNum: '房号',
+      layer: '楼层',
+      roomSubTypeName: '类型',
+      area: '建筑/室内面积',
+      roomRent: '租金',
+      stateName: '房屋状态',
+      add: '添加',
+      delete: '删除',
+      modifyNew: '修改(新)',
+      modifyOld: '修改(旧)'
+    },
+    carDetailHis: {
+      carNum: '车牌号',
+      leaseType: '车牌类型',
+      tempCar: '临时车',
+      carTypeName: '车辆类型',
+      carColor: '颜色',
+      owner: '业主',
+      parkingSpace: '车位',
+      released: '车位已释放',
+      validityPeriod: '有效期',
+      operate: '动作',
+      userName: '操作人',
+      createTime: '操作时间',
+      add: '添加',
+      delete: '删除',
+      modifyNew: '修改(新)',
+      modifyOld: '修改(旧)'
+    },
+    contractDetailChange: {
+      contractName: '合同名称',
+      contractCode: '合同编号',
+      contractTypeName: '合同类型',
+      partyA: '甲方',
+      partyB: '乙方',
+      planTypeName: '变更类型',
+      changePersonName: '变更人',
+      createTime: '申请时间',
+      remark: '说明',
+      stateName: '状态',
+      operation: '操作',
+      detail: '明细'
+    }
+  },
+}
\ No newline at end of file
diff --git a/src/views/system/operateDataLogList.vue b/src/views/system/operateDataLogList.vue
new file mode 100644
index 0000000..f3f8af4
--- /dev/null
+++ b/src/views/system/operateDataLogList.vue
@@ -0,0 +1,227 @@
+<template>
+  <div class="operate-data-log-container">
+    <el-card class="search-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('operateDataLog.search.title') }}</span>
+        <el-button 
+          type="text" 
+          style="float: right; padding: 3px 0" 
+          @click="_moreCondition">
+          {{ operateDataLogInfo.moreCondition ? $t('common.hide') : $t('common.more') }}
+        </el-button>
+      </div>
+      
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-date-picker
+            v-model="operateDataLogInfo.conditions.logStartTime"
+            type="datetime"
+            :placeholder="$t('operateDataLog.search.logStartTime')"
+            style="width: 100%"
+            value-format="yyyy-MM-dd HH:mm:ss">
+          </el-date-picker>
+        </el-col>
+        
+        <el-col :span="6">
+          <el-date-picker
+            v-model="operateDataLogInfo.conditions.logEndTime"
+            type="datetime"
+            :placeholder="$t('operateDataLog.search.logEndTime')"
+            style="width: 100%"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            :picker-options="endDateOptions">
+          </el-date-picker>
+        </el-col>
+        
+        <el-col :span="6">
+          <el-input
+            v-model="operateDataLogInfo.conditions.staffNameLike"
+            :placeholder="$t('operateDataLog.search.staffNameLike')">
+          </el-input>
+        </el-col>
+        
+        <el-col :span="6">
+          <el-button type="primary" @click="_queryDataMethod">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="_resetDataMethod">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+
+      <el-row :gutter="20" v-show="operateDataLogInfo.moreCondition">
+        <el-col :span="6" v-if="operateDataLogInfo._currentTab === 'feeConfigDetailHis' || operateDataLogInfo._currentTab === 'feeDetailHis'">
+          <el-input
+            v-model="operateDataLogInfo.conditions.feeNameLike"
+            :placeholder="$t('operateDataLog.search.feeNameLike')">
+          </el-input>
+        </el-col>
+        
+        <el-col :span="6" v-if="operateDataLogInfo._currentTab === 'feeDetailHis'">
+          <el-input
+            v-model="operateDataLogInfo.conditions.payerObjName"
+            :placeholder="$t('operateDataLog.search.payerObjName')">
+          </el-input>
+        </el-col>
+        
+        <el-col :span="6" v-if="operateDataLogInfo._currentTab === 'ownerDetailHis'">
+          <el-input
+            v-model="operateDataLogInfo.conditions.ownerNameLike"
+            :placeholder="$t('operateDataLog.search.ownerNameLike')">
+          </el-input>
+        </el-col>
+        
+        <el-col :span="6" v-if="operateDataLogInfo._currentTab === 'roomDetailHis'">
+          <el-input
+            v-model="operateDataLogInfo.conditions.roomName"
+            :placeholder="$t('operateDataLog.search.roomName')">
+          </el-input>
+        </el-col>
+        
+        <el-col :span="6" v-if="operateDataLogInfo._currentTab === 'carDetailHis'">
+          <el-input
+            v-model="operateDataLogInfo.conditions.carNumLike"
+            :placeholder="$t('operateDataLog.search.carNumLike')">
+          </el-input>
+        </el-col>
+        
+        <el-col :span="6" v-if="operateDataLogInfo._currentTab === 'contractDetailChange'">
+          <el-input
+            v-model="operateDataLogInfo.conditions.contractCode"
+            :placeholder="$t('operateDataLog.search.contractCode')">
+          </el-input>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <el-card class="table-card">
+      <el-tabs v-model="operateDataLogInfo._currentTab" @tab-click="changeTab">
+        <el-tab-pane label="费用项" name="feeConfigDetailHis"></el-tab-pane>
+        <el-tab-pane label="费用" name="feeDetailHis"></el-tab-pane>
+        <el-tab-pane label="业主" name="ownerDetailHis"></el-tab-pane>
+        <el-tab-pane label="房屋" name="roomDetailHis"></el-tab-pane>
+        <el-tab-pane label="车辆" name="carDetailHis"></el-tab-pane>
+        <el-tab-pane label="合同" name="contractDetailChange"></el-tab-pane>
+      </el-tabs>
+
+      <component :is="currentComponent" ref="childComponent"></component>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import FeeConfigDetailHis from '@/components/system/feeConfigDetailHis'
+import FeeDetailHis from '@/components/system/feeDetailHis'
+import OwnerDetailHis from '@/components/system/ownerDetailHis'
+import RoomDetailHis from '@/components/system/roomDetailHis'
+import CarDetailHis from '@/components/system/carDetailHis'
+import ContractDetailChange from '@/components/system/contractDetailChange'
+
+export default {
+  name: 'OperateDataLogList',
+  components: {
+    FeeConfigDetailHis,
+    FeeDetailHis,
+    OwnerDetailHis,
+    RoomDetailHis,
+    CarDetailHis,
+    ContractDetailChange
+  },
+  data() {
+    return {
+      communityId: '',
+      operateDataLogInfo: {
+        _currentTab: 'feeConfigDetailHis',
+        moreCondition: false,
+        conditions: {
+          logStartTime: '',
+          logEndTime: '',
+          staffNameLike: '',
+          feeNameLike: '',
+          payerObjName: '',
+          ownerNameLike: '',
+          roomName: '',
+          carNumLike: '',
+          contractCode: ''
+        }
+      },
+      endDateOptions: {
+        disabledDate: (time) => {
+          if (this.operateDataLogInfo.conditions.logStartTime) {
+            return time.getTime() <= new Date(this.operateDataLogInfo.conditions.logStartTime).getTime()
+          }
+          return false
+        }
+      }
+    }
+  },
+  computed: {
+    currentComponent() {
+      return this.operateDataLogInfo._currentTab
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    changeTab(tab) {
+      this.operateDataLogInfo._currentTab = tab.name || tab
+      this.$nextTick(() => {
+        if (this.$refs.childComponent) {
+          this.$refs.childComponent.open(this.operateDataLogInfo.conditions)
+        }
+      })
+    },
+    _queryDataMethod() {
+      this.changeTab(this.operateDataLogInfo._currentTab)
+    },
+    _resetDataMethod() {
+      this.operateDataLogInfo.conditions = {
+        logStartTime: '',
+        logEndTime: '',
+        staffNameLike: '',
+        feeNameLike: '',
+        payerObjName: '',
+        ownerNameLike: '',
+        roomName: '',
+        carNumLike: '',
+        contractCode: ''
+      }
+      this.changeTab(this.operateDataLogInfo._currentTab)
+    },
+    _moreCondition() {
+      this.operateDataLogInfo.moreCondition = !this.operateDataLogInfo.moreCondition
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.operate-data-log-container {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .table-card {
+    margin-bottom: 20px;
+  }
+
+  .el-row {
+    margin-bottom: 20px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .el-col {
+    border-radius: 4px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/paymentPoolLang.js b/src/views/system/paymentPoolLang.js
new file mode 100644
index 0000000..231971d
--- /dev/null
+++ b/src/views/system/paymentPoolLang.js
@@ -0,0 +1,180 @@
+export const messages = {
+  en: {
+    paymentPool: {
+      search: {
+        title: 'Search Conditions',
+        paymentName: 'Payment Name',
+        paymentType: 'Payment Vendor',
+        state: 'Status',
+        allStatus: 'All Status',
+        enable: 'Enable',
+        disable: 'Disable'
+      },
+      list: {
+        title: 'Payment Configuration'
+      },
+      table: {
+        paymentName: 'Name',
+        paymentType: 'Payment Vendor',
+        payRange: 'Payment Range',
+        communityFee: 'Community Fee',
+        tempCarFee: 'Temporary Car Fee',
+        specifiedFee: 'Specified Fee',
+        state: 'Status',
+        createTime: 'Create Time',
+        remark: 'Instruction',
+        enable: 'Enable',
+        disable: 'Disable'
+      },
+      add: {
+        title: 'Add Payment',
+        paymentName: 'Name',
+        paymentNamePlaceholder: 'Required, please enter name',
+        paymentType: 'Payment Vendor',
+        paymentTypePlaceholder: 'Required, please select payment vendor',
+        certFile: 'Merchant Certificate(.p12)',
+        payRange: 'Payment Range',
+        payRangePlaceholder: 'Required, please select payment range',
+        communityFee: 'Community Fee',
+        tempCarFee: 'Temporary Car Fee',
+        specifiedFee: 'Specified Fee',
+        feeItems: 'Fee Items',
+        remark: 'Instruction',
+        remarkPlaceholder: 'Optional, please enter instruction',
+        success: 'Add payment successfully',
+        error: 'Failed to add payment'
+      },
+      edit: {
+        title: 'Edit Payment',
+        paymentName: 'Name',
+        paymentNamePlaceholder: 'Required, please enter name',
+        paymentType: 'Payment Vendor',
+        paymentTypePlaceholder: 'Required, please select payment vendor',
+        certFile: 'Merchant Certificate(.p12)',
+        currentCert: 'Current Certificate',
+        payRange: 'Payment Range',
+        payRangePlaceholder: 'Required, please select payment range',
+        communityFee: 'Community Fee',
+        tempCarFee: 'Temporary Car Fee',
+        specifiedFee: 'Specified Fee',
+        feeItems: 'Fee Items',
+        state: 'Status',
+        statePlaceholder: 'Required, please select status',
+        enable: 'Enable',
+        disable: 'Disable',
+        remark: 'Instruction',
+        remarkPlaceholder: 'Optional, please enter instruction',
+        success: 'Edit payment successfully',
+        error: 'Failed to edit payment'
+      },
+      delete: {
+        title: 'Delete Confirmation',
+        confirmText: 'Are you sure to delete this payment configuration?',
+        success: 'Delete payment successfully',
+        error: 'Failed to delete payment'
+      },
+      validate: {
+        paymentNameRequired: 'Name is required',
+        paymentNameMaxLength: 'Name cannot exceed 64 characters',
+        paymentTypeRequired: 'Payment vendor is required',
+        payTypeRequired: 'Payment range is required',
+        stateRequired: 'Status is required'
+      },
+      fetchError: 'Failed to fetch payment data'
+    },
+    uploadFile: {
+      sizeLimit: 'File size cannot exceed 20MB',
+      success: 'File uploaded successfully',
+      error: 'Failed to upload file'
+    }
+  },
+  zh: {
+    paymentPool: {
+      search: {
+        title: '查询条件',
+        paymentName: '支付名称',
+        paymentType: '支付厂家',
+        state: '状态',
+        allStatus: '全部状态',
+        enable: '启用',
+        disable: '停用'
+      },
+      list: {
+        title: '支付配置'
+      },
+      table: {
+        paymentName: '名称',
+        paymentType: '支付厂家',
+        payRange: '支付范围',
+        communityFee: '小区费用',
+        tempCarFee: '临时停车费',
+        specifiedFee: '指定费用项',
+        state: '状态',
+        createTime: '创建时间',
+        remark: '使用说明',
+        enable: '启用',
+        disable: '停用'
+      },
+      add: {
+        title: '添加支付',
+        paymentName: '名称',
+        paymentNamePlaceholder: '必填，请填写名称',
+        paymentType: '支付厂家',
+        paymentTypePlaceholder: '必填，请选择支付厂家',
+        certFile: '商户证书(.p12)',
+        payRange: '支付范围',
+        payRangePlaceholder: '必填，请选择支付范围',
+        communityFee: '小区费用',
+        tempCarFee: '临时停车费',
+        specifiedFee: '指定费用项',
+        feeItems: '费用项',
+        remark: '使用说明',
+        remarkPlaceholder: '选填，请填写使用说明',
+        success: '添加支付成功',
+        error: '添加支付失败'
+      },
+      edit: {
+        title: '修改支付',
+        paymentName: '名称',
+        paymentNamePlaceholder: '必填，请填写名称',
+        paymentType: '支付厂家',
+        paymentTypePlaceholder: '必填，请选择支付厂家',
+        certFile: '商户证书(.p12)',
+        currentCert: '当前证书',
+        payRange: '支付范围',
+        payRangePlaceholder: '必填，请选择支付范围',
+        communityFee: '小区费用',
+        tempCarFee: '临时停车费',
+        specifiedFee: '指定费用项',
+        feeItems: '费用项',
+        state: '状态',
+        statePlaceholder: '必填，请选择状态',
+        enable: '启用',
+        disable: '停用',
+        remark: '使用说明',
+        remarkPlaceholder: '选填，请填写使用说明',
+        success: '修改支付成功',
+        error: '修改支付失败'
+      },
+      delete: {
+        title: '删除确认',
+        confirmText: '确定删除该支付配置吗？',
+        success: '删除支付成功',
+        error: '删除支付失败'
+      },
+      validate: {
+        paymentNameRequired: '名称不能为空',
+        paymentNameMaxLength: '名称不能超过64个字符',
+        paymentTypeRequired: '支付厂家不能为空',
+        payTypeRequired: '支付范围不能为空',
+        stateRequired: '状态不能为空'
+      },
+      fetchError: '获取支付数据失败'
+    },
+    uploadFile: {
+      sizeLimit: '文件大小不能超过20MB',
+      success: '文件上传成功',
+      error: '文件上传失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/system/paymentPoolList.vue b/src/views/system/paymentPoolList.vue
new file mode 100644
index 0000000..79ca0cc
--- /dev/null
+++ b/src/views/system/paymentPoolList.vue
@@ -0,0 +1,210 @@
+<template>
+  <div class="payment-pool-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('paymentPool.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.paymentName" :placeholder="$t('paymentPool.search.paymentName')" clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.paymentType" :placeholder="$t('paymentPool.search.paymentType')"
+            style="width:100%">
+            <el-option v-for="item in paymentTypes" :key="item.paymentType" :label="item.name"
+              :value="item.paymentType" />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.state" :placeholder="$t('paymentPool.search.state')" style="width:100%">
+            <el-option :label="$t('paymentPool.search.allStatus')" value="" />
+            <el-option :label="$t('paymentPool.search.enable')" value="Y" />
+            <el-option :label="$t('paymentPool.search.disable')" value="N" />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('paymentPool.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="paymentName" :label="$t('paymentPool.table.paymentName')" align="center" />
+        <el-table-column prop="paymentTypeName" :label="$t('paymentPool.table.paymentType')" align="center" />
+        <el-table-column :label="$t('paymentPool.table.payRange')" align="center">
+          <template slot-scope="scope">
+            <div v-if="scope.row.payType === '1001'">
+              {{ $t('paymentPool.table.communityFee') }}
+            </div>
+            <div v-else-if="scope.row.payType === '2002'">
+              {{ $t('paymentPool.table.tempCarFee') }}
+            </div>
+            <div v-else>
+              {{ $t('paymentPool.table.specifiedFee') }}
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('paymentPool.table.state')" align="center">
+          <template slot-scope="scope">
+            <el-tag :type="scope.row.state === 'Y' ? 'success' : 'danger'">
+              {{ scope.row.state === 'Y' ? $t('paymentPool.table.enable') : $t('paymentPool.table.disable') }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" :label="$t('paymentPool.table.createTime')" align="center" />
+        <el-table-column prop="remark" :label="$t('paymentPool.table.remark')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="200">
+          <template slot-scope="scope">
+            <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>
+
+      <el-pagination :current-page="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-payment-pool ref="addPaymentPool" @success="handleSuccess" />
+    <edit-payment-pool ref="editPaymentPool" @success="handleSuccess" />
+    <delete-payment-pool ref="deletePaymentPool" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listPaymentPool, listPaymentAdapt } from '@/api/system/paymentPoolApi'
+import AddPaymentPool from '@/components/system/addPaymentPool'
+import EditPaymentPool from '@/components/system/editPaymentPool'
+import DeletePaymentPool from '@/components/system/deletePaymentPool'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'PaymentPoolList',
+  components: {
+    AddPaymentPool,
+    EditPaymentPool,
+    DeletePaymentPool
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        paymentName: '',
+        paymentType: '',
+        state: ''
+      },
+      tableData: [],
+      paymentTypes: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.getList()
+    this.getPaymentTypes()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          communityId: this.communityId,
+          ...this.searchForm
+        }
+        const { data, total } = await listPaymentPool(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('paymentPool.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    async getPaymentTypes() {
+      try {
+        const { data } = await listPaymentAdapt({
+          page: 1,
+          row: 100,
+        })
+        this.paymentTypes = data
+      } catch (error) {
+        console.error('获取支付类型失败:', error)
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleAdd() {
+      this.$refs.addPaymentPool.open()
+    },
+    handleEdit(row) {
+      this.$refs.editPaymentPool.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deletePaymentPool.open(row)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.payment-pool-container {
+  padding: 20px;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .el-row {
+      margin-bottom: -20px;
+    }
+
+    .el-col {
+      margin-bottom: 20px;
+    }
+  }
+
+  .list-wrapper {
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/publicWeChatManageLang.js b/src/views/system/publicWeChatManageLang.js
new file mode 100644
index 0000000..fdfbe9f
--- /dev/null
+++ b/src/views/system/publicWeChatManageLang.js
@@ -0,0 +1,76 @@
+export const messages = {
+  en: {
+    publicWeChatManage: {
+      title: 'My Public WeChat',
+      addTitle: 'Add Public WeChat',
+      editTitle: 'Edit Public WeChat',
+      deleteTitle: 'Confirm Operation',
+      deleteConfirm: 'Are you sure to delete this public WeChat?',
+      table: {
+        name: 'Name',
+        appSecret: 'App Secret',
+        remarks: 'Description',
+        operation: 'Operation'
+      },
+      form: {
+        name: 'Name',
+        appSecret: 'App Secret',
+        remarks: 'Description'
+      },
+      placeholder: {
+        name: 'Required, please fill in the name',
+        appId: 'Required, please fill in APPID',
+        appSecret: 'Required, please fill in App Secret',
+        remarks: 'Optional, please fill in description'
+      },
+      validate: {
+        nameRequired: 'Name is required',
+        appIdRequired: 'APPID is required',
+        appSecretRequired: 'App Secret is required'
+      },
+      message: {
+        addSuccess: 'Added successfully',
+        editSuccess: 'Modified successfully',
+        deleteSuccess: 'Deleted successfully',
+        fetchError: 'Failed to fetch data'
+      }
+    }
+  },
+  zh: {
+    publicWeChatManage: {
+      title: '我的公众号',
+      addTitle: '添加公众号',
+      editTitle: '修改公众号',
+      deleteTitle: '请确认您的操作',
+      deleteConfirm: '确定删除该公众号吗？',
+      table: {
+        name: '名称',
+        appSecret: '应用密钥',
+        remarks: '描述',
+        operation: '操作'
+      },
+      form: {
+        name: '名称',
+        appSecret: '应用密钥',
+        remarks: '描述'
+      },
+      placeholder: {
+        name: '必填，请填写名称',
+        appId: '必填，请填写APPID',
+        appSecret: '必填，请填写应用密钥',
+        remarks: '选填，请填写描述信息'
+      },
+      validate: {
+        nameRequired: '名称不能为空',
+        appIdRequired: 'APPID不能为空',
+        appSecretRequired: '应用密钥不能为空'
+      },
+      message: {
+        addSuccess: '添加成功',
+        editSuccess: '修改成功',
+        deleteSuccess: '删除成功',
+        fetchError: '获取数据失败'
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/system/publicWeChatManageList.vue b/src/views/system/publicWeChatManageList.vue
new file mode 100644
index 0000000..1a9d094
--- /dev/null
+++ b/src/views/system/publicWeChatManageList.vue
@@ -0,0 +1,121 @@
+<template>
+  <div class="public-wechat-manage-container">
+    <el-card class="box-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('publicWeChatManage.title') }}</span>
+        <div class="header-tools">
+          <el-button v-if="smallWeChatManageInfo.smallWeChats.length === 0" type="primary" size="small"
+            @click="_openAddSmallWeChatModal(1100)">
+            <i class="el-icon-plus"></i>{{ $t('common.add') }}
+          </el-button>
+          <el-button type="primary" size="small" @click="showMarkdown('/pages/property/publicWeChatManage')">
+            <i class="el-icon-document"></i>{{ $t('common.document') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table :data="smallWeChatManageInfo.smallWeChats" border style="width: 100%">
+        <el-table-column prop="name" :label="$t('publicWeChatManage.table.name')" align="center">
+        </el-table-column>
+        <el-table-column prop="appId" label="APPID" align="center">
+        </el-table-column>
+        <el-table-column :label="$t('publicWeChatManage.table.appSecret')" align="center">
+          <template >
+            ********
+          </template>
+        </el-table-column>
+        <el-table-column prop="remarks" :label="$t('publicWeChatManage.table.remarks')" align="center">
+        </el-table-column>
+        <el-table-column :label="$t('common.operation')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="_openEditSmallWeChatModel(scope.row)">
+              {{ $t('common.edit') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+    <add-small-wechat ref="addSmallWeChat" @success="handleSuccess"></add-small-wechat>
+    <edit-small-wechat ref="editSmallWeChat" @success="handleSuccess"></edit-small-wechat>
+    <delete-small-wechat ref="deleteSmallWeChat" @success="handleSuccess"></delete-small-wechat>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listSmallWeChats } from '@/api/system/publicWeChatManageApi'
+import AddSmallWechat from '@/components/system/addSmallWechat'
+import EditSmallWechat from '@/components/system/editSmallWechat'
+import DeleteSmallWechat from '@/components/system/deleteSmallWechat'
+
+export default {
+  name: 'PublicWeChatManageList',
+  components: {
+    AddSmallWechat,
+    EditSmallWechat,
+    DeleteSmallWechat
+  },
+  data() {
+    return {
+      smallWeChatManageInfo: {
+        smallWeChats: [],
+        total: 0,
+        records: 1,
+        conditions: {
+          name: '',
+          appId: '',
+          weChatType: '1100',
+          communityId: ''
+        }
+      }
+    }
+  },
+  created() {
+    this.smallWeChatManageInfo.conditions.communityId = getCommunityId()
+    this._listSmallWeChats(1, 10)
+  },
+  methods: {
+    async _listSmallWeChats(page, rows) {
+      try {
+        this.smallWeChatManageInfo.conditions.page = page
+        this.smallWeChatManageInfo.conditions.row = rows
+
+        const { data, total } = await listSmallWeChats(this.smallWeChatManageInfo.conditions)
+        this.smallWeChatManageInfo.smallWeChats = data
+        this.smallWeChatManageInfo.total = total
+      } catch (error) {
+        this.$message.error(this.$t('publicWeChatManage.fetchError'))
+      }
+    },
+    _openAddSmallWeChatModal(type) {
+      this.$refs.addSmallWeChat.open(type)
+    },
+    _openEditSmallWeChatModel(smallWeChat) {
+      this.$refs.editSmallWeChat.open(smallWeChat)
+    },
+    handleSuccess() {
+      this._listSmallWeChats(1, 10)
+    },
+    showMarkdown(path) {
+      // 显示markdown文档的方法
+      console.log(path)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.public-wechat-manage-container {
+  padding: 20px;
+
+  .header-tools {
+    float: right;
+    margin-right: 10px;
+  }
+
+  .el-card {
+    margin-bottom: 20px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/smallWeChatManageLang.js b/src/views/system/smallWeChatManageLang.js
new file mode 100644
index 0000000..2086caf
--- /dev/null
+++ b/src/views/system/smallWeChatManageLang.js
@@ -0,0 +1,62 @@
+export const messages = {
+  en: {
+    smallWeChatManage: {
+      title: 'My Mini Programs',
+      name: 'Name',
+      appSecret: 'App Secret',
+      remarks: 'Description',
+      addTitle: 'Add Mini Program',
+      editTitle: 'Edit Mini Program',
+      deleteTitle: 'Confirm Operation',
+      deleteConfirm: 'Are you sure to delete this mini program?',
+      namePlaceholder: 'Required, please enter name',
+      appIdPlaceholder: 'Required, please enter APPID',
+      appSecretPlaceholder: 'Required, please enter app secret',
+      remarksPlaceholder: 'Optional, please enter description',
+      nameRequired: 'Name is required',
+      nameMaxLength: 'Name cannot exceed 100 characters',
+      appIdRequired: 'APPID is required',
+      appIdMaxLength: 'APPID cannot exceed 100 characters',
+      appSecretRequired: 'App secret is required',
+      appSecretMaxLength: 'App secret cannot exceed 200 characters',
+      wechatIdRequired: 'WeChat ID is required',
+      addSuccess: 'Add mini program successfully',
+      addFailed: 'Failed to add mini program',
+      editSuccess: 'Edit mini program successfully',
+      editFailed: 'Failed to edit mini program',
+      deleteSuccess: 'Delete mini program successfully',
+      deleteFailed: 'Failed to delete mini program',
+      fetchError: 'Failed to fetch mini program list'
+    }
+  },
+  zh: {
+    smallWeChatManage: {
+      title: '我的小程序',
+      name: '名称',
+      appSecret: '应用密钥',
+      remarks: '描述',
+      addTitle: '添加小程序',
+      editTitle: '修改小程序',
+      deleteTitle: '请确认您的操作',
+      deleteConfirm: '确定删除小程序管理吗?',
+      namePlaceholder: '必填，请填写名称',
+      appIdPlaceholder: '必填，请填写APPID',
+      appSecretPlaceholder: '必填，请填写应用密钥',
+      remarksPlaceholder: '选填，请填写描述信息',
+      nameRequired: '名称不能为空',
+      nameMaxLength: '名称不能超过100位',
+      appIdRequired: 'APPID不能为空',
+      appIdMaxLength: 'APPID不能超过100位',
+      appSecretRequired: '应用密钥不能为空',
+      appSecretMaxLength: '应用密钥不能超过200个字符',
+      wechatIdRequired: '编码不能为空',
+      addSuccess: '添加成功',
+      addFailed: '添加失败',
+      editSuccess: '修改成功',
+      editFailed: '修改失败',
+      deleteSuccess: '删除成功',
+      deleteFailed: '删除失败',
+      fetchError: '获取小程序列表失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/system/smallWeChatManageList.vue b/src/views/system/smallWeChatManageList.vue
new file mode 100644
index 0000000..c16a732
--- /dev/null
+++ b/src/views/system/smallWeChatManageList.vue
@@ -0,0 +1,140 @@
+<template>
+  <div class="small-wechat-manage-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('smallWeChatManage.title') }}</span>
+        <el-button v-if="smallWeChatManageInfo.smallWeChats.length === 0" type="primary" size="small"
+          class="float-right" @click="_openAddSmallWeChatModal(1000)">
+          <i class="el-icon-plus"></i>
+          {{ $t('common.add') }}
+        </el-button>
+      </div>
+
+      <el-table :data="smallWeChatManageInfo.smallWeChats" border style="width: 100%" v-loading="loading">
+        <el-table-column prop="name" :label="$t('smallWeChatManage.name')" align="center" />
+        <el-table-column prop="appId" label="APPID" align="center" />
+        <el-table-column :label="$t('smallWeChatManage.appSecret')" align="center">
+          <template>
+            ********
+          </template>
+        </el-table-column>
+        <el-table-column prop="remarks" :label="$t('smallWeChatManage.remarks')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="_openEditSmallWeChatModel(scope.row)">
+              {{ $t('common.edit') }}
+            </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-pagination>
+    </el-card>
+
+    <add-small-wechat ref="addSmallWeChat" @success="handleSuccess" />
+    <edit-small-wechat ref="editSmallWeChat" @success="handleSuccess" />
+    <delete-small-wechat ref="deleteSmallWeChat" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listSmallWeChats } from '@/api/system/smallWeChatManageApi'
+import AddSmallWechat from '@/components/system/addSmallWechat'
+import EditSmallWechat from '@/components/system/editSmallWechat'
+import DeleteSmallWechat from '@/components/system/deleteSmallWechat'
+
+export default {
+  name: 'SmallWeChatManageList',
+  components: {
+    AddSmallWechat,
+    EditSmallWechat,
+    DeleteSmallWechat
+  },
+  data() {
+    return {
+      loading: false,
+      smallWeChatManageInfo: {
+        smallWeChats: [],
+        conditions: {
+          name: '',
+          appId: '',
+          weChatType: '1000'
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this._listSmallWeChats()
+  },
+  methods: {
+    async _listSmallWeChats() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          communityId: this.communityId,
+          ...this.smallWeChatManageInfo.conditions
+        }
+        const { smallWeChats, total } = await listSmallWeChats(params)
+        this.smallWeChatManageInfo.smallWeChats = smallWeChats
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('smallWeChatManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    _openAddSmallWeChatModal(type) {
+      this.$refs.addSmallWeChat.open(type)
+    },
+    _openEditSmallWeChatModel(smallWeChat) {
+      this.$refs.editSmallWeChat.open(smallWeChat)
+    },
+    _openDeleteSmallWeChatModel(smallWeChat) {
+      this.$refs.deleteSmallWeChat.open(smallWeChat)
+    },
+    handleSuccess() {
+      this._listSmallWeChats()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listSmallWeChats()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listSmallWeChats()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.small-wechat-manage-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+
+  .float-right {
+    float: right;
+  }
+}
+</style>
\ No newline at end of file