diff --git a/src/api/fee/floorShareApi.js b/src/api/fee/floorShareApi.js
new file mode 100644
index 0000000..4e251dc
--- /dev/null
+++ b/src/api/fee/floorShareApi.js
@@ -0,0 +1,116 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询楼栋公摊列表
+export function listFloorShareMeter(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/meter.listFloorShareMeter',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加楼栋公摊
+export function saveFloorShareMeter(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/meter.saveFloorShareMeter',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 修改楼栋公摊
+export function updateFloorShareMeter(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/meter.updateFloorShareMeter',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除楼栋公摊
+export function deleteFloorShareMeter(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/meter.deleteFloorShareMeter',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询楼栋列表
+export function queryFloors(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/floor.queryFloors',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询费用项列表
+export function listFeeConfigs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeConfig.listFeeConfigs',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/fee/roomFeeImportApi.js b/src/api/fee/roomFeeImportApi.js
new file mode 100644
index 0000000..14b0245
--- /dev/null
+++ b/src/api/fee/roomFeeImportApi.js
@@ -0,0 +1,111 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+/**
+ * 查询费用导入列表
+ * @param {Object} params 查询参数
+ * @returns {Promise} Promise对象
+ */
+export function queryImportFee(params) {
+  return new Promise((resolve, reject) => {
+    const queryParams = {
+      ...params,
+      communityId: getCommunityId()
+    }
+    request({
+      url: '/importFee/queryImportFee',
+      method: 'get',
+      params: queryParams
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total,
+        records: res.records
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 导入费用数据
+ * @param {FormData} formData 表单数据
+ * @returns {Promise} Promise对象
+ */
+export function importRoomFeeData(formData) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/assetImport/importData',
+      method: 'post',
+      data: formData,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 下载导入模板
+ * @param {Object} params 查询参数
+ * @returns {Promise} Promise对象
+ */
+export function downloadImportTemplate(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/export.exportData',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 获取费用导入详情
+ * @param {String} importFeeId 导入ID
+ * @returns {Promise} Promise对象
+ */
+export function getImportFeeDetail(importFeeId) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/importFee/getImportFeeDetail',
+      method: 'get',
+      params: {
+        importFeeId,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/fee/shareReadingApi.js b/src/api/fee/shareReadingApi.js
new file mode 100644
index 0000000..57c578d
--- /dev/null
+++ b/src/api/fee/shareReadingApi.js
@@ -0,0 +1,119 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取公摊抄表列表
+export function listFloorShareReading(params) {
+  return new Promise((resolve, reject) => {
+    const defaultParams = {
+      communityId: getCommunityId(),
+      page: 1,
+      row: 10
+    }
+    request({
+      url: '/meter.listFloorShareReading',
+      method: 'get',
+      params: { ...defaultParams, ...params }
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取公摊表列表
+export function listFloorShareMeter(params) {
+  return new Promise((resolve, reject) => {
+    const defaultParams = {
+      communityId: getCommunityId(),
+      page: 1,
+      row: 300
+    }
+    request({
+      url: '/meter.listFloorShareMeter',
+      method: 'get',
+      params: { ...defaultParams, ...params }
+    }).then(response => {
+      const res = response.data
+      resolve({
+        data: res.data,
+        total: res.total
+      })
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加公摊抄表
+export function saveFloorShareReading(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/meter.saveFloorShareReading',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 审核公摊抄表
+export function auditFloorShareReading(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/meter.auditFloorShareReading',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除公摊抄表
+export function deleteFloorShareReading(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/meter.deleteFloorShareReading',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/fee/shareReadingFeeApi.js b/src/api/fee/shareReadingFeeApi.js
new file mode 100644
index 0000000..36cca53
--- /dev/null
+++ b/src/api/fee/shareReadingFeeApi.js
@@ -0,0 +1,39 @@
+import request from '@/utils/request'
+
+/**
+ * 获取公摊费用列表
+ * @param {Object} params 查询参数
+ * @returns {Promise} Promise对象
+ */
+export function listFloorShareFee(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/meter.listFloorShareFee',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+/**
+ * 获取社区ID
+ * @returns {Promise} Promise对象
+ */
+export function getCommunityId() {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/community.getCommunityId',
+      method: 'get'
+    }).then(response => {
+      const res = response.data
+      resolve(res.communityId)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/fee/addFloorShare.vue b/src/components/fee/addFloorShare.vue
new file mode 100644
index 0000000..0504015
--- /dev/null
+++ b/src/components/fee/addFloorShare.vue
@@ -0,0 +1,159 @@
+<template>
+  <el-dialog :title="$t('floorShare.addTitle')" :visible.sync="dialogVisible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="right">
+      <el-form-item :label="$t('floorShare.floor')" prop="floorNum">
+        <el-input v-model="form.floorNum" disabled />
+      </el-form-item>
+
+      <el-form-item :label="$t('floorShare.meterType')" prop="meterType">
+        <el-select v-model="form.meterType" style="width:100%">
+          <el-option v-for="item in meterTypes" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('floorShare.meterNum')">
+        <el-input v-model="form.meterNum" :placeholder="$t('floorShare.meterNumPlaceholder')" />
+        <span class="tip-text">{{ $t('floorShare.meterNumTip') }}</span>
+      </el-form-item>
+
+      <el-form-item :label="$t('floorShare.feeItem')" prop="configId">
+        <el-select v-model="form.configId" style="width:100%">
+          <el-option v-for="item in feeConfigs" :key="item.configId" :label="item.feeName" :value="item.configId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('floorShare.feePrice')" prop="sharePrice">
+        <el-input v-model.number="form.sharePrice" type="number" />
+      </el-form-item>
+
+      <el-form-item :label="$t('floorShare.shareType')" prop="shareType">
+        <el-select v-model="form.shareType" style="width:100%" @change="handleShareTypeChange">
+          <el-option v-for="item in shareTypes" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="form.shareType === '3003'" :label="$t('floorShare.formula')" prop="formulaValue">
+        <el-input v-model="form.formulaValue" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.save') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveFloorShareMeter, listFeeConfigs } from '@/api/fee/floorShareApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddFloorShare',
+  data() {
+    return {
+      dialogVisible: false,
+      form: {
+        floorId: '',
+        floorNum: '',
+        meterType: '',
+        meterNum: '',
+        shareType: '',
+        formulaValue: '',
+        configId: '',
+        sharePrice: '',
+        communityId: ''
+      },
+      feeConfigs: [],
+      meterTypes: [
+        { value: 'D', label: this.$t('floorShare.electricMeter') },
+        { value: 'S', label: this.$t('floorShare.waterMeter') }
+      ],
+      shareTypes: [
+        { value: '1001', label: this.$t('floorShare.byArea') },
+        { value: '2002', label: this.$t('floorShare.byHouse') },
+        { value: '3003', label: this.$t('floorShare.byFormula') }
+      ],
+      rules: {
+        meterType: [
+          { required: true, message: this.$t('floorShare.meterTypeRequired'), trigger: 'blur' }
+        ],
+        configId: [
+          { required: true, message: this.$t('floorShare.feeItemRequired'), trigger: 'blur' }
+        ],
+        sharePrice: [
+          { required: true, message: this.$t('floorShare.feePriceRequired'), trigger: 'blur' },
+          { type: 'number', message: this.$t('floorShare.feePriceNumber'), trigger: 'blur' }
+        ],
+        shareType: [
+          { required: true, message: this.$t('floorShare.shareTypeRequired'), trigger: 'blur' }
+        ],
+        formulaValue: [
+          { required: true, message: this.$t('floorShare.formulaRequired'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form = {
+        ...this.form,
+        floorId: data.floorId,
+        floorNum: data.floorNum,
+        communityId: getCommunityId()
+      }
+      this.loadFeeConfigs()
+      this.dialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.form && this.$refs.form.clearValidate()
+      })
+    },
+    async loadFeeConfigs() {
+      try {
+        const params = {
+          page: 1,
+          row: 500,
+          communityId: this.form.communityId,
+          feeTypeCd: '888800010017',
+          isDefault: 'F',
+          state: 'Y'
+        }
+        const { feeConfigs } = await listFeeConfigs(params)
+        this.feeConfigs = feeConfigs
+      } catch (error) {
+        this.$message.error(this.$t('floorShare.fetchFeeConfigError'))
+      }
+    },
+    handleShareTypeChange(value) {
+      if (value !== '3003') {
+        this.form.formulaValue = ''
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveFloorShareMeter(this.form)
+            this.$message.success(this.$t('floorShare.addSuccess'))
+            this.dialogVisible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('floorShare.addFailed'))
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tip-text {
+  font-size: 12px;
+  color: #909399;
+  margin-left: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/fee/addShareReading.vue b/src/components/fee/addShareReading.vue
new file mode 100644
index 0000000..04aefc2
--- /dev/null
+++ b/src/components/fee/addShareReading.vue
@@ -0,0 +1,130 @@
+<template>
+  <el-dialog :title="$t('shareReading.add.title')" :visible.sync="dialogVisible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('shareReading.add.meter')" prop="fsmId">
+        <el-select v-model="form.fsmId" :placeholder="$t('shareReading.add.selectMeter')" style="width:100%"
+          @change="handleMeterChange">
+          <el-option v-for="(item, index) in floorShares" :key="index" :label="`${item.floorNum}栋-${item.meterTypeName}`"
+            :value="item.fsmId" />
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('shareReading.add.preDegrees')" prop="preDegrees">
+        <el-input v-model="form.preDegrees" :placeholder="$t('shareReading.add.inputPreDegrees')" />
+      </el-form-item>
+      <el-form-item :label="$t('shareReading.add.curDegrees')" prop="curDegrees">
+        <el-input v-model="form.curDegrees" :placeholder="$t('shareReading.add.inputCurDegrees')" />
+      </el-form-item>
+      <el-form-item :label="$t('shareReading.add.preReadingTime')" prop="preReadingTime">
+        <el-date-picker v-model="form.preReadingTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+          :placeholder="$t('shareReading.add.selectPreTime')" style="width:100%" />
+      </el-form-item>
+      <el-form-item :label="$t('shareReading.add.curReadingTime')" prop="curReadingTime">
+        <el-date-picker v-model="form.curReadingTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+          :placeholder="$t('shareReading.add.selectCurTime')" style="width:100%" />
+      </el-form-item>
+      <el-form-item :label="$t('shareReading.add.remark')">
+        <el-input v-model="form.remark" type="textarea" :placeholder="$t('shareReading.add.inputRemark')" :rows="3" />
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { saveFloorShareReading, listFloorShareMeter } from '@/api/fee/shareReadingApi'
+
+export default {
+  name: 'AddShareReading',
+  data() {
+    return {
+      dialogVisible: false,
+      floorShares: [],
+      form: {
+        fsmId: '',
+        preDegrees: '',
+        curDegrees: '',
+        preReadingTime: '',
+        curReadingTime: '',
+        remark: '',
+        communityId: ''
+      },
+      rules: {
+        fsmId: [
+          { required: true, message: this.$t('shareReading.validate.selectMeter'), trigger: 'change' }
+        ],
+        preDegrees: [
+          { required: true, message: this.$t('shareReading.validate.inputPreDegrees'), trigger: 'blur' },
+          { pattern: /^\d+(\.\d+)?$/, message: this.$t('shareReading.validate.number'), trigger: 'blur' }
+        ],
+        curDegrees: [
+          { required: true, message: this.$t('shareReading.validate.inputCurDegrees'), trigger: 'blur' },
+          { pattern: /^\d+(\.\d+)?$/, message: this.$t('shareReading.validate.number'), trigger: 'blur' }
+        ],
+        preReadingTime: [
+          { required: true, message: this.$t('shareReading.validate.selectPreTime'), trigger: 'change' }
+        ],
+        curReadingTime: [
+          { required: true, message: this.$t('shareReading.validate.selectCurTime'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.dialogVisible = true
+      this.getFloorShares()
+    },
+    async getFloorShares() {
+      try {
+        const params = {
+          page: 1,
+          row: 300,
+          communityId: getCommunityId()
+        }
+        const { data } = await listFloorShareMeter(params)
+        this.floorShares = data
+      } catch (error) {
+        console.error('获取公摊表列表失败:', error)
+      }
+    },
+    handleMeterChange(val) {
+      const selectedMeter = this.floorShares.find(item => item.fsmId === val)
+      if (selectedMeter) {
+        this.form.preDegrees = selectedMeter.curDegree
+        this.form.preReadingTime = selectedMeter.curReadingTime
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            this.form.communityId = getCommunityId()
+            await saveFloorShareReading(this.form)
+            this.$message.success(this.$t('shareReading.message.addSuccess'))
+            this.dialogVisible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('添加公摊抄表失败:', error)
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.form = {
+        fsmId: '',
+        preDegrees: '',
+        curDegrees: '',
+        preReadingTime: '',
+        curReadingTime: '',
+        remark: '',
+        communityId: ''
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/fee/auditShareReading.vue b/src/components/fee/auditShareReading.vue
new file mode 100644
index 0000000..2c4fa37
--- /dev/null
+++ b/src/components/fee/auditShareReading.vue
@@ -0,0 +1,94 @@
+<template>
+  <el-dialog
+    :title="$t('shareReading.audit.title')"
+    :visible.sync="dialogVisible"
+    width="40%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('shareReading.audit.status')" prop="state">
+        <el-select 
+          v-model="form.state" 
+          :placeholder="$t('shareReading.audit.selectStatus')"
+          style="width:100%"
+        >
+          <el-option 
+            :label="$t('shareReading.status.passed')" 
+            value="C"
+          />
+          <el-option 
+            :label="$t('shareReading.status.rejected')" 
+            value="F"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('shareReading.audit.remark')">
+        <el-input
+          v-model="form.auditRemark"
+          type="textarea"
+          :placeholder="$t('shareReading.audit.inputRemark')"
+          :rows="3"
+        />
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { auditFloorShareReading } from '@/api/fee/shareReadingApi'
+
+export default {
+  name: 'AuditShareReading',
+  data() {
+    return {
+      dialogVisible: false,
+      form: {
+        readingId: '',
+        state: '',
+        auditRemark: '',
+        communityId: ''
+      },
+      rules: {
+        state: [
+          { required: true, message: this.$t('shareReading.validate.selectStatus'), trigger: 'change' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.dialogVisible = true
+      this.form.readingId = data.readingId
+      this.form.communityId = getCommunityId()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await auditFloorShareReading(this.form)
+            this.$message.success(this.$t('shareReading.message.auditSuccess'))
+            this.dialogVisible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('审核公摊抄表失败:', error)
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.form = {
+        readingId: '',
+        state: '',
+        auditRemark: '',
+        communityId: ''
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/fee/deleteFloorShare.vue b/src/components/fee/deleteFloorShare.vue
new file mode 100644
index 0000000..a5d88c1
--- /dev/null
+++ b/src/components/fee/deleteFloorShare.vue
@@ -0,0 +1,69 @@
+<template>
+  <el-dialog
+    :title="$t('floorShare.deleteConfirm')"
+    :visible.sync="dialogVisible"
+    width="30%"
+    center
+  >
+    <div class="text-center">
+      <p>{{ $t('floorShare.deleteMessage') }}</p>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = 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 { deleteFloorShareMeter } from '@/api/fee/floorShareApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteFloorShare',
+  data() {
+    return {
+      dialogVisible: false,
+      loading: false,
+      form: {
+        fsmId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form = {
+        fsmId: data.fsmId,
+        communityId: getCommunityId()
+      }
+      this.dialogVisible = true
+    },
+    async handleConfirm() {
+      this.loading = true
+      try {
+        await deleteFloorShareMeter(this.form)
+        this.$message.success(this.$t('floorShare.deleteSuccess'))
+        this.dialogVisible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('floorShare.deleteFailed'))
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.text-center {
+  text-align: center;
+  font-size: 16px;
+  margin-bottom: 20px;
+}
+
+.dialog-footer {
+  text-align: center;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/fee/deleteShareReading.vue b/src/components/fee/deleteShareReading.vue
new file mode 100644
index 0000000..6a69eec
--- /dev/null
+++ b/src/components/fee/deleteShareReading.vue
@@ -0,0 +1,56 @@
+<template>
+  <el-dialog
+    :title="$t('shareReading.delete.title')"
+    :visible.sync="dialogVisible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="text-center">
+      <p>{{ $t('shareReading.delete.confirm') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { deleteFloorShareReading } from '@/api/fee/shareReadingApi'
+
+export default {
+  name: 'DeleteShareReading',
+  data() {
+    return {
+      dialogVisible: false,
+      readingId: '',
+      communityId: ''
+    }
+  },
+  methods: {
+    open(data) {
+      this.dialogVisible = true
+      this.readingId = data.readingId
+      this.communityId = getCommunityId()
+    },
+    async handleConfirm() {
+      try {
+        await deleteFloorShareReading({
+          readingId: this.readingId,
+          communityId: this.communityId
+        })
+        this.$message.success(this.$t('shareReading.message.deleteSuccess'))
+        this.dialogVisible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('删除公摊抄表失败:', error)
+      }
+    },
+    handleClose() {
+      this.readingId = ''
+      this.communityId = ''
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/fee/editFloorShare.vue b/src/components/fee/editFloorShare.vue
new file mode 100644
index 0000000..58a120e
--- /dev/null
+++ b/src/components/fee/editFloorShare.vue
@@ -0,0 +1,158 @@
+<template>
+  <el-dialog :title="$t('floorShare.editTitle')" :visible.sync="dialogVisible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="right">
+      <el-form-item :label="$t('floorShare.floor')" prop="floorNum">
+        <el-input v-model="form.floorNum" disabled />
+      </el-form-item>
+
+      <el-form-item :label="$t('floorShare.meterType')" prop="meterType">
+        <el-select v-model="form.meterType" style="width:100%">
+          <el-option v-for="item in meterTypes" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('floorShare.meterNum')">
+        <el-input v-model="form.meterNum" :placeholder="$t('floorShare.meterNumPlaceholder')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('floorShare.feeItem')" prop="configId">
+        <el-select v-model="form.configId" style="width:100%">
+          <el-option v-for="item in feeConfigs" :key="item.configId" :label="item.feeName" :value="item.configId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('floorShare.feePrice')" prop="sharePrice">
+        <el-input v-model.number="form.sharePrice" type="number" />
+      </el-form-item>
+
+      <el-form-item :label="$t('floorShare.shareType')" prop="shareType">
+        <el-select v-model="form.shareType" style="width:100%" @change="handleShareTypeChange">
+          <el-option v-for="item in shareTypes" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="form.shareType === '3003'" :label="$t('floorShare.formula')" prop="formulaValue">
+        <el-input v-model="form.formulaValue" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.save') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateFloorShareMeter, listFeeConfigs } from '@/api/fee/floorShareApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditFloorShare',
+  data() {
+    return {
+      dialogVisible: false,
+      form: {
+        fsmId: '',
+        floorId: '',
+        floorNum: '',
+        meterType: '',
+        meterNum: '',
+        shareType: '',
+        formulaValue: '',
+        configId: '',
+        sharePrice: '',
+        communityId: ''
+      },
+      feeConfigs: [],
+      meterTypes: [
+        { value: 'D', label: this.$t('floorShare.electricMeter') },
+        { value: 'S', label: this.$t('floorShare.waterMeter') }
+      ],
+      shareTypes: [
+        { value: '1001', label: this.$t('floorShare.byArea') },
+        { value: '2002', label: this.$t('floorShare.byHouse') },
+        { value: '3003', label: this.$t('floorShare.byFormula') }
+      ],
+      rules: {
+        meterType: [
+          { required: true, message: this.$t('floorShare.meterTypeRequired'), trigger: 'blur' }
+        ],
+        configId: [
+          { required: true, message: this.$t('floorShare.feeItemRequired'), trigger: 'blur' }
+        ],
+        sharePrice: [
+          { required: true, message: this.$t('floorShare.feePriceRequired'), trigger: 'blur' },
+        ],
+        shareType: [
+          { required: true, message: this.$t('floorShare.shareTypeRequired'), trigger: 'blur' }
+        ],
+        formulaValue: [
+          { required: true, message: this.$t('floorShare.formulaRequired'), trigger: 'blur' }
+        ],
+        fsmId: [
+          { required: true, message: this.$t('floorShare.idRequired'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.form = {
+        ...this.form,
+        ...data,
+        communityId: getCommunityId()
+      }
+      this.loadFeeConfigs()
+      this.dialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.form && this.$refs.form.clearValidate()
+      })
+    },
+    async loadFeeConfigs() {
+      try {
+        const params = {
+          page: 1,
+          row: 500,
+          communityId: this.form.communityId,
+          feeTypeCd: '888800010017',
+          isDefault: 'F',
+          state: 'Y'
+        }
+        const { feeConfigs } = await listFeeConfigs(params)
+        this.feeConfigs = feeConfigs
+      } catch (error) {
+        this.$message.error(this.$t('floorShare.fetchFeeConfigError'))
+      }
+    },
+    handleShareTypeChange(value) {
+      if (value !== '3003') {
+        this.form.formulaValue = ''
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateFloorShareMeter(this.form)
+            this.$message.success(this.$t('floorShare.editSuccess'))
+            this.dialogVisible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('floorShare.editFailed'))
+          }
+        }
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/fee/importRoomFee.vue b/src/components/fee/importRoomFee.vue
new file mode 100644
index 0000000..2d95a26
--- /dev/null
+++ b/src/components/fee/importRoomFee.vue
@@ -0,0 +1,208 @@
+<template>
+  <el-dialog
+    :title="$t('importRoomFee.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="form"
+      label-width="120px"
+      label-position="right"
+    >
+      <el-form-item
+        :label="$t('importRoomFee.form.feeTypeCd')"
+        prop="feeTypeCd"
+        :rules="[
+          { required: true, message: $t('importRoomFee.rules.feeTypeCdRequired'), trigger: 'change' }
+        ]"
+      >
+        <el-select
+          v-model="form.feeTypeCd"
+          :placeholder="$t('importRoomFee.placeholder.feeTypeCd')"
+          style="width:100%"
+          @change="handleFeeTypeChange"
+        >
+          <el-option
+            v-for="item in feeTypeCds"
+            :key="item.statusCd"
+            :label="item.name"
+            :value="item.statusCd"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('importRoomFee.form.objType')"
+        prop="objType"
+        :rules="[
+          { required: true, message: $t('importRoomFee.rules.objTypeRequired'), trigger: 'change' }
+        ]"
+      >
+        <el-select
+          v-model="form.objType"
+          :placeholder="$t('importRoomFee.placeholder.objType')"
+          style="width:100%"
+        >
+          <el-option
+            :label="$t('importRoomFee.options.room')"
+            value="3333"
+          />
+          <el-option
+            :label="$t('importRoomFee.options.parking')"
+            value="6666"
+          />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item
+        :label="$t('importRoomFee.form.file')"
+        prop="file"
+        :rules="[
+          { required: true, message: $t('importRoomFee.rules.fileRequired'), trigger: 'change' }
+        ]"
+      >
+        <el-upload
+          ref="upload"
+          :auto-upload="false"
+          :limit="1"
+          :on-change="handleFileChange"
+          :on-remove="handleFileRemove"
+          accept=".xls,.xlsx"
+        >
+          <el-button size="small" type="primary">
+            {{ $t('importRoomFee.button.selectFile') }}
+          </el-button>
+          <div slot="tip" class="el-upload__tip">
+            {{ $t('importRoomFee.tips.fileFormat') }}
+          </div>
+        </el-upload>
+      </el-form-item>
+
+      <el-form-item :label="$t('importRoomFee.form.template')">
+        <span>
+          {{ $t('importRoomFee.tips.downloadTemplate1') }}
+          <el-link type="primary" @click="handleDownloadTemplate">
+            {{ $t('importRoomFee.tips.downloadTemplate2') }}
+          </el-link>
+          {{ $t('importRoomFee.tips.downloadTemplate3') }}
+        </span>
+      </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"
+        :loading="loading"
+        @click="handleSubmit"
+      >
+        {{ $t('common.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { importRoomFeeData, downloadImportTemplate } from '@/api/fee/roomFeeImportApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ImportRoomFee',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      form: {
+        feeTypeCd: '',
+        objType: '3333',
+        file: null
+      },
+      feeTypeCds: []
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.getDictData()
+    },
+    async getDictData() {
+      try {
+        const data = await getDict('pay_fee_config', 'fee_type_cd')
+        this.feeTypeCds = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    handleFeeTypeChange(value) {
+      this.form.feeTypeCd = value
+    },
+    handleFileChange(file) {
+      this.form.file = file.raw
+    },
+    handleFileRemove() {
+      this.form.file = null
+    },
+    async handleSubmit() {
+      try {
+        this.$refs.form.validate(async valid => {
+          if (!valid) return
+          if (!this.form.file) {
+            this.$message.warning(this.$t('importRoomFee.rules.fileRequired'))
+            return
+          }
+
+          this.loading = true
+          const formData = new FormData()
+          formData.append('uploadFile', this.form.file)
+          formData.append('communityId', getCommunityId())
+          formData.append('feeTypeCd', this.form.feeTypeCd)
+          formData.append('objType', this.form.objType)
+          formData.append('importAdapt', 'importRoomFee')
+
+           await importRoomFeeData(formData)
+          this.$message.success(this.$t('importRoomFee.message.importSuccess'))
+          this.$emit('success')
+          this.visible = false
+        })
+      } catch (error) {
+        console.error('导入失败:', error)
+        this.$message.error(error.message || this.$t('importRoomFee.message.importFailed'))
+      } finally {
+        this.loading = false
+      }
+    },
+    async handleDownloadTemplate() {
+      try {
+        const params = {
+          communityId: getCommunityId(),
+          objType: this.form.objType,
+          pagePath: 'exportFeeImportTemplate'
+        }
+        await downloadImportTemplate(params)
+        this.$message.success(this.$t('importRoomFee.message.downloadSuccess'))
+      } catch (error) {
+        console.error('下载模板失败:', error)
+        this.$message.error(this.$t('importRoomFee.message.downloadFailed'))
+      }
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.$refs.upload.clearFiles()
+      this.form.file = null
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-upload__tip {
+  margin-top: 7px;
+  color: #606266;
+  font-size: 12px;
+}
+</style>
\ No newline at end of file
diff --git a/src/i18n/commonLang.js b/src/i18n/commonLang.js
index 625e327..6cc0813 100644
--- a/src/i18n/commonLang.js
+++ b/src/i18n/commonLang.js
@@ -52,6 +52,7 @@ export const messages = {
         year:'Year',
         month:'Month',
         examine:'Examine',
+        audit:'Audit',
       }
     },
     zh: {
@@ -107,6 +108,7 @@ export const messages = {
         year:'年',
         month:'月',
         examine:'审核',
+        audit:'审核',
       }
     }
   } 
\ No newline at end of file
diff --git a/src/i18n/feeI18n.js b/src/i18n/feeI18n.js
index 3f97d0f..ab2755d 100644
--- a/src/i18n/feeI18n.js
+++ b/src/i18n/feeI18n.js
@@ -10,6 +10,10 @@ import { messages as feeReceiptMessages } from '../views/fee/feeReceiptLang'
 import { messages as printPayFeeMessages } from '../views/fee/printPayFeeLang'
 import { messages as printPayFeeBangTaiMessages } from '../views/fee/printPayFeeBangTaiLang'
 import { messages as printSmallPayFeeMessages } from '../views/fee/printSmallPayFeeLang'
+import { messages as floorShareMessages } from '../views/fee/floorShareLang'
+import { messages as shareReadingMessages } from '../views/fee/shareReadingLang'
+import { messages as roomFeeImportMessages } from '../views/fee/roomFeeImportLang'
+import { messages as shareReadingFeeMessages } from '../views/fee/shareReadingFeeLang'
 
 export const messages = {
     en: {
@@ -25,6 +29,10 @@ export const messages = {
         ...printPayFeeMessages.en,
         ...printPayFeeBangTaiMessages.en,
         ...printSmallPayFeeMessages.en,
+        ...floorShareMessages.en,
+        ...shareReadingMessages.en,
+        ...roomFeeImportMessages.en,
+        ...shareReadingFeeMessages.en,
     },
     zh: {
         ...contractCreateFeeMessages.zh,
@@ -39,5 +47,9 @@ export const messages = {
         ...printPayFeeMessages.zh,
         ...printPayFeeBangTaiMessages.zh,
         ...printSmallPayFeeMessages.zh,
+        ...floorShareMessages.zh,
+        ...shareReadingMessages.zh,
+        ...roomFeeImportMessages.zh,
+        ...shareReadingFeeMessages.zh,
     }
 }
\ No newline at end of file
diff --git a/src/router/feeRouter.js b/src/router/feeRouter.js
index 34f0c91..99baf4c 100644
--- a/src/router/feeRouter.js
+++ b/src/router/feeRouter.js
@@ -44,5 +44,25 @@ export default [
         name: '/pages/property/feeReceipt',
         component: () => import('@/views/fee/feeReceiptList.vue')
     },
+    {
+        path: '/pages/fee/floorShare',
+        name: '/pages/fee/floorShare',
+        component: () => import('@/views/fee/floorShareList.vue')
+    },
+    {
+        path: '/pages/fee/shareReading',
+        name: '/pages/fee/shareReading',
+        component: () => import('@/views/fee/shareReadingList.vue')
+    },
+    {
+        path:'/pages/property/roomFeeImport',
+        name:'/pages/property/roomFeeImport',
+        component: () => import('@/views/fee/roomFeeImportList.vue')
+        },
+        {
+            path:'/views/fee/shareReadingFee',
+            name:'/views/fee/shareReadingFee',
+            component: () => import('@/views/fee/shareReadingFeeList.vue')
+            },
 
 ]
\ No newline at end of file
diff --git a/src/views/fee/floorShareLang.js b/src/views/fee/floorShareLang.js
new file mode 100644
index 0000000..b0b71c1
--- /dev/null
+++ b/src/views/fee/floorShareLang.js
@@ -0,0 +1,88 @@
+export const messages = {
+  en: {
+    floorShare: {
+      title: 'Floor Share',
+      id: 'ID',
+      floor: 'Floor',
+      meterType: 'Meter Type',
+      meterNum: 'Meter Number',
+      shareType: 'Share Type',
+      formula: 'Formula',
+      feeItem: 'Fee Item',
+      feePrice: 'Fee Price',
+      degree: 'Degree',
+      readingTime: 'Reading Time',
+      createTime: 'Create Time',
+      addTitle: 'Add Floor Share',
+      editTitle: 'Edit Floor Share',
+      deleteConfirm: 'Confirm Operation',
+      deleteMessage: 'Are you sure to delete this floor share?',
+      fetchError: 'Failed to fetch floor share data',
+      fetchFloorError: 'Failed to fetch floor data',
+      fetchFeeConfigError: 'Failed to fetch fee config data',
+      addSuccess: 'Floor share added successfully',
+      addFailed: 'Failed to add floor share',
+      editSuccess: 'Floor share updated successfully',
+      editFailed: 'Failed to update floor share',
+      deleteSuccess: 'Floor share deleted successfully',
+      deleteFailed: 'Failed to delete floor share',
+      meterTypeRequired: 'Please select meter type',
+      feeItemRequired: 'Please select fee item',
+      feePriceRequired: 'Please enter fee price',
+      feePriceNumber: 'Fee price must be a number',
+      shareTypeRequired: 'Please select share type',
+      formulaRequired: 'Please enter formula',
+      idRequired: 'ID is required',
+      meterNumPlaceholder: 'Optional, please enter meter number',
+      meterNumTip: 'Enter 1 if no meter number',
+      electricMeter: 'Electric Meter',
+      waterMeter: 'Water Meter',
+      byArea: 'By Area',
+      byHouse: 'By House',
+      byFormula: 'By Formula'
+    }
+  },
+  zh: {
+    floorShare: {
+      title: '楼栋公摊',
+      id: '编号',
+      floor: '楼栋',
+      meterType: '表类型',
+      meterNum: '表编号',
+      shareType: '公摊方式',
+      formula: '公式',
+      feeItem: '费用项',
+      feePrice: '费用单价',
+      degree: '度数',
+      readingTime: '抄表时间',
+      createTime: '创建时间',
+      addTitle: '添加楼栋公摊',
+      editTitle: '修改楼栋公摊',
+      deleteConfirm: '请确认您的操作',
+      deleteMessage: '确定删除楼栋公摊吗？',
+      fetchError: '获取楼栋公摊数据失败',
+      fetchFloorError: '获取楼栋数据失败',
+      fetchFeeConfigError: '获取费用项数据失败',
+      addSuccess: '楼栋公摊添加成功',
+      addFailed: '楼栋公摊添加失败',
+      editSuccess: '楼栋公摊修改成功',
+      editFailed: '楼栋公摊修改失败',
+      deleteSuccess: '楼栋公摊删除成功',
+      deleteFailed: '楼栋公摊删除失败',
+      meterTypeRequired: '请选择表类型',
+      feeItemRequired: '请选择费用项',
+      feePriceRequired: '请输入费用单价',
+      feePriceNumber: '费用单价必须为数字',
+      shareTypeRequired: '请选择公摊方式',
+      formulaRequired: '请输入公式',
+      idRequired: '编号不能为空',
+      meterNumPlaceholder: '选填，请填写表编号',
+      meterNumTip: '没有表号请填写1',
+      electricMeter: '电表',
+      waterMeter: '水表',
+      byArea: '按面积',
+      byHouse: '按户',
+      byFormula: '按公式'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/fee/floorShareList.vue b/src/views/fee/floorShareList.vue
new file mode 100644
index 0000000..4c7beb1
--- /dev/null
+++ b/src/views/fee/floorShareList.vue
@@ -0,0 +1,164 @@
+<template>
+  <div class="floor-share-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <select-community-floor ref="selectCommunityFloor" @floor-change="handleFloorChange" />
+      </el-col>
+      <el-col :span="20">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>{{ $t('floorShare.title') }}</span>
+            <el-button v-if="floorShareInfo.conditions.floorId" type="primary" size="small" style="float: right;"
+              @click="openAddFloorShareModal">
+              {{ $t('common.add') }}
+            </el-button>
+          </div>
+
+          <el-table :data="floorShareInfo.floorShares" border style="width: 100%" v-loading="loading">
+            <el-table-column prop="fsmId" :label="$t('floorShare.id')" align="center" />
+            <el-table-column prop="floorNum" :label="$t('floorShare.floor')" align="center" />
+            <el-table-column prop="meterTypeName" :label="$t('floorShare.meterType')" align="center" />
+            <el-table-column prop="meterNum" :label="$t('floorShare.meterNum')" align="center" />
+            <el-table-column prop="shareTypeName" :label="$t('floorShare.shareType')" align="center" />
+            <el-table-column prop="formulaValue" :label="$t('floorShare.formula')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.formulaValue || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="configName" :label="$t('floorShare.feeItem')" align="center" />
+            <el-table-column prop="sharePrice" :label="$t('floorShare.feePrice')" align="center" />
+            <el-table-column prop="curDegree" :label="$t('floorShare.degree')" align="center" />
+            <el-table-column prop="curReadingTime" :label="$t('floorShare.readingTime')" align="center" />
+            <el-table-column prop="createTime" :label="$t('floorShare.createTime')" align="center" />
+            <el-table-column :label="$t('common.operation')" align="center" width="180">
+              <template slot-scope="scope">
+                <el-button size="mini" type="primary" @click="openEditFloorShareModal(scope.row)">
+                  {{ $t('common.edit') }}
+                </el-button>
+                <el-button size="mini" type="danger" @click="openDeleteFloorShareModal(scope.row)">
+                  {{ $t('common.delete') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+            :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+            @current-change="handleCurrentChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <add-floor-share ref="addFloorShare" @success="handleSuccess" />
+    <edit-floor-share ref="editFloorShare" @success="handleSuccess" />
+    <delete-floor-share ref="deleteFloorShare" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listFloorShareMeter } from '@/api/fee/floorShareApi'
+import SelectCommunityFloor from '@/components/report/selectCommunityFloor'
+import AddFloorShare from '@/components/fee/addFloorShare'
+import EditFloorShare from '@/components/fee/editFloorShare'
+import DeleteFloorShare from '@/components/fee/deleteFloorShare'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'FloorShareList',
+  components: {
+    SelectCommunityFloor,
+    AddFloorShare,
+    EditFloorShare,
+    DeleteFloorShare
+  },
+  data() {
+    return {
+      loading: false,
+      floorShareInfo: {
+        floorShares: [],
+        conditions: {
+          floorId: '',
+          communityId: ''
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.floorShareInfo.conditions.communityId = getCommunityId()
+    setTimeout(() => {
+      this.$refs.selectCommunityFloor.open({
+        callBack: this.handleFloorChange
+      })
+    }, 1000)
+  },
+  methods: {
+    async listFloorShares() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          floorId: this.floorShareInfo.conditions.floorId,
+          communityId: this.floorShareInfo.conditions.communityId
+        }
+        const { data, total } = await listFloorShareMeter(params)
+        this.floorShareInfo.floorShares = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('floorShare.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleFloorChange(floor) {
+      this.floorShareInfo.conditions.floorId = floor.floorId
+      this.floorShareInfo.conditions.floorNum = floor.floorNum
+      this.page.current = 1
+      this.listFloorShares()
+    },
+    openAddFloorShareModal() {
+      this.$refs.addFloorShare.open({
+        floorId: this.floorShareInfo.conditions.floorId,
+        floorNum: this.floorShareInfo.conditions.floorNum
+      })
+    },
+    openEditFloorShareModal(row) {
+      this.$refs.editFloorShare.open(row)
+    },
+    openDeleteFloorShareModal(row) {
+      this.$refs.deleteFloorShare.open(row)
+    },
+    handleSuccess() {
+      this.listFloorShares()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.listFloorShares()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.listFloorShares()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.floor-share-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/fee/roomFeeImportLang.js b/src/views/fee/roomFeeImportLang.js
new file mode 100644
index 0000000..6f8b6c5
--- /dev/null
+++ b/src/views/fee/roomFeeImportLang.js
@@ -0,0 +1,116 @@
+export const messages = {
+  en: {
+    roomFeeImport: {
+      search: {
+        title: 'Search Conditions',
+        importFeeId: 'Please enter import ID',
+        feeTypeCd: 'Please select fee type'
+      },
+      table: {
+        title: 'Fee Import',
+        importFeeId: 'Import ID',
+        feeTypeCd: 'Fee Type',
+        createTime: 'Create Time',
+        remark: 'Remark'
+      },
+      button: {
+        import: 'Import Fee'
+      },
+      fetchError: 'Failed to fetch fee import data'
+    },
+    importRoomFee: {
+      title: 'Fee Import',
+      form: {
+        feeTypeCd: 'Fee Type',
+        objType: 'Fee Object',
+        file: 'Select File',
+        template: 'Download Template'
+      },
+      placeholder: {
+        feeTypeCd: 'Required, please select fee type',
+        objType: 'Required, please select fee object'
+      },
+      options: {
+        room: 'Room',
+        parking: 'Parking'
+      },
+      rules: {
+        feeTypeCdRequired: 'Fee type is required',
+        objTypeRequired: 'Fee object is required',
+        fileRequired: 'File is required'
+      },
+      tips: {
+        fileFormat: 'Only .xls, .xlsx files can be uploaded',
+        downloadTemplate1: 'Please download',
+        downloadTemplate2: 'import template',
+        downloadTemplate3: 'to prepare data before uploading'
+      },
+      button: {
+        selectFile: 'Select File'
+      },
+      message: {
+        importSuccess: 'Import successfully',
+        importFailed: 'Import failed',
+        downloadSuccess: 'Download template successfully',
+        downloadFailed: 'Download template failed'
+      }
+    }
+  },
+  zh: {
+    roomFeeImport: {
+      search: {
+        title: '查询条件',
+        importFeeId: '请输入导入ID',
+        feeTypeCd: '请选择费用类型'
+      },
+      table: {
+        title: '费用导入',
+        importFeeId: '导入ID',
+        feeTypeCd: '费用类型',
+        createTime: '创建时间',
+        remark: '备注'
+      },
+      button: {
+        import: '费用导入'
+      },
+      fetchError: '获取费用导入数据失败'
+    },
+    importRoomFee: {
+      title: '费用导入',
+      form: {
+        feeTypeCd: '费用类型',
+        objType: '费用对象',
+        file: '选择文件',
+        template: '下载模板'
+      },
+      placeholder: {
+        feeTypeCd: '必填，请选择费用类型',
+        objType: '必填，请选择费用对象'
+      },
+      options: {
+        room: '房屋',
+        parking: '车位车辆'
+      },
+      rules: {
+        feeTypeCdRequired: '费用类型不能为空',
+        objTypeRequired: '费用对象不能为空',
+        fileRequired: '文件不能为空'
+      },
+      tips: {
+        fileFormat: '只能上传.xls, .xlsx格式文件',
+        downloadTemplate1: '请先下载',
+        downloadTemplate2: '导入模板',
+        downloadTemplate3: '准备数据后上传导入'
+      },
+      button: {
+        selectFile: '选择文件'
+      },
+      message: {
+        importSuccess: '导入成功',
+        importFailed: '导入失败',
+        downloadSuccess: '下载模板成功',
+        downloadFailed: '下载模板失败'
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/fee/roomFeeImportList.vue b/src/views/fee/roomFeeImportList.vue
new file mode 100644
index 0000000..94f327c
--- /dev/null
+++ b/src/views/fee/roomFeeImportList.vue
@@ -0,0 +1,211 @@
+<template>
+  <div class="room-fee-import-container animated fadeInRight">
+    <!-- 查询条件 -->
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('roomFeeImport.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input
+            v-model="searchForm.importFeeId"
+            :placeholder="$t('roomFeeImport.search.importFeeId')"
+            clearable
+          />
+        </el-col>
+        <el-col :span="6">
+          <el-select
+            v-model="searchForm.feeTypeCd"
+            :placeholder="$t('roomFeeImport.search.feeTypeCd')"
+            style="width:100%"
+          >
+            <el-option
+              v-for="item in filteredFeeTypeCds"
+              :key="item.statusCd"
+              :label="item.name"
+              :value="item.statusCd"
+            />
+          </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="table-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('roomFeeImport.table.title') }}</span>
+        <el-button
+          type="primary"
+          style="float: right;"
+          @click="handleImport"
+        >
+          {{ $t('roomFeeImport.button.import') }}
+        </el-button>
+      </div>
+
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%"
+        v-loading="loading"
+      >
+        <el-table-column
+          prop="importFeeId"
+          :label="$t('roomFeeImport.table.importFeeId')"
+          align="center"
+        />
+        <el-table-column
+          prop="feeTypeCdName"
+          :label="$t('roomFeeImport.table.feeTypeCd')"
+          align="center"
+        />
+        <el-table-column
+          prop="createTime"
+          :label="$t('roomFeeImport.table.createTime')"
+          align="center"
+        />
+        <el-table-column
+          prop="remark"
+          :label="$t('roomFeeImport.table.remark')"
+          align="center"
+        />
+        <el-table-column
+          :label="$t('common.operation')"
+          align="center"
+          width="150"
+        >
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @click="handleDetail(scope.row)"
+            >
+              {{ $t('common.detail') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        :current-page="pagination.current"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="pagination.size"
+        :total="pagination.total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </el-card>
+
+    <!-- 导入组件 -->
+    <import-room-fee ref="importRoomFee" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { queryImportFee } from '@/api/fee/roomFeeImportApi'
+import { getDict } from '@/api/community/communityApi'
+import ImportRoomFee from '@/components/fee/importRoomFee'
+
+export default {
+  name: 'RoomFeeImportList',
+  components: {
+    ImportRoomFee
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        importFeeId: '',
+        feeTypeCd: ''
+      },
+      tableData: [],
+      feeTypeCds: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.getDictData()
+    this.getList()
+  },
+  computed: {
+    filteredFeeTypeCds() {
+      return this.feeTypeCds.filter(item => item.statusCd !== '888800010008')
+    }
+  },
+  methods: {
+    async getDictData() {
+      try {
+        const data = await getDict('pay_fee_config', 'fee_type_cd')
+        this.feeTypeCds = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          importFeeId: this.searchForm.importFeeId,
+          feeTypeCd: this.searchForm.feeTypeCd
+        }
+        const { data, total } = await queryImportFee(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('roomFeeImport.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    },
+    handleImport() {
+      this.$refs.importRoomFee.open()
+    },
+    handleDetail(row) {
+      this.$router.push({
+        path: '/fee/roomFeeImportDetail',
+        query: { importFeeId: row.importFeeId }
+      })
+    },
+    handleSuccess() {
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.room-fee-import-container {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .table-card {
+    margin-bottom: 20px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/fee/shareReadingFeeLang.js b/src/views/fee/shareReadingFeeLang.js
new file mode 100644
index 0000000..4a6d063
--- /dev/null
+++ b/src/views/fee/shareReadingFeeLang.js
@@ -0,0 +1,44 @@
+export const messages = {
+  en: {
+    shareReadingFee: {
+      search: {
+        title: 'Search Conditions',
+        roomName: 'Please enter room number',
+        ownerName: 'Please enter owner name'
+      },
+      list: {
+        title: 'Shared Reading Fees'
+      },
+      table: {
+        roomName: 'Room',
+        ownerName: 'Owner',
+        feeName: 'Fee Name',
+        degrees: 'Shared Degrees',
+        amount: 'Shared Amount',
+        remark: 'Remark'
+      },
+      fetchError: 'Failed to fetch shared reading fees'
+    }
+  },
+  zh: {
+    shareReadingFee: {
+      search: {
+        title: '查询条件',
+        roomName: '请输入房屋编号',
+        ownerName: '请输入业主姓名'
+      },
+      list: {
+        title: '公摊费用'
+      },
+      table: {
+        roomName: '房屋',
+        ownerName: '业主',
+        feeName: '费用名称',
+        degrees: '公摊度数',
+        amount: '公摊金额',
+        remark: '说明'
+      },
+      fetchError: '获取公摊费用失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/fee/shareReadingFeeList.vue b/src/views/fee/shareReadingFeeList.vue
new file mode 100644
index 0000000..3b34035
--- /dev/null
+++ b/src/views/fee/shareReadingFeeList.vue
@@ -0,0 +1,144 @@
+<template>
+  <div class="share-reading-fee-container">
+    <!-- 查询条件 -->
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('shareReadingFee.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.roomName" :placeholder="$t('shareReadingFee.search.roomName')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.ownerNameLike" :placeholder="$t('shareReadingFee.search.ownerName')" clearable
+            @keyup.enter.native="handleSearch" />
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 数据列表 -->
+    <el-card class="list-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('shareReadingFee.list.title') }}</span>
+        <el-button style="float: right; padding: 3px 0" type="text" @click="goBack">
+          {{ $t('common.back') }}
+        </el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="roomName" :label="$t('shareReadingFee.table.roomName')" align="center" />
+        <el-table-column prop="ownerName" :label="$t('shareReadingFee.table.ownerName')" align="center" />
+        <el-table-column prop="feeName" :label="$t('shareReadingFee.table.feeName')" align="center" />
+        <el-table-column prop="degrees" :label="$t('shareReadingFee.table.degrees')" align="center" />
+        <el-table-column prop="amount" :label="$t('shareReadingFee.table.amount')" align="center" />
+        <el-table-column prop="remark" :label="$t('shareReadingFee.table.remark')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="handleDetail(scope.row)">
+              {{ $t('common.detail') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+        :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { listFloorShareFee } from '@/api/fee/shareReadingFeeApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ShareReadingFeeList',
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        readingId: this.$route.query.readingId || '',
+        roomName: '',
+        ownerNameLike: '',
+        communityId: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listFloorShareFee(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('shareReadingFee.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    },
+    handleDetail(row) {
+      this.$router.push({
+        path: '/fee/feeDetail',
+        query: { feeId: row.feeId }
+      })
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.share-reading-fee-container {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .list-card {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/fee/shareReadingLang.js b/src/views/fee/shareReadingLang.js
new file mode 100644
index 0000000..bec144b
--- /dev/null
+++ b/src/views/fee/shareReadingLang.js
@@ -0,0 +1,158 @@
+export const messages = {
+  en: {
+    shareReading: {
+      search: {
+        title: 'Search Conditions',
+        selectMeter: 'Please select shared meter',
+        startTime: 'Please select start time',
+        endTime: 'Please select end time'
+      },
+      list: {
+        title: 'Shared Meter Reading',
+        addReading: 'Add Reading'
+      },
+      table: {
+        id: 'ID',
+        name: 'Name',
+        preDegrees: 'Previous Degrees',
+        curDegrees: 'Current Degrees',
+        degrees: 'Degrees',
+        preReadingTime: 'Previous Reading Time',
+        curReadingTime: 'Current Reading Time',
+        reader: 'Reader',
+        status: 'Status',
+        remark: 'Remark',
+        auditor: 'Auditor',
+        auditOpinion: 'Audit Opinion',
+        shareProgress: 'Share Progress',
+        readingTime: 'Reading Time',
+        shareFee: 'Share Fee',
+        operation: 'Operation'
+      },
+      status: {
+        waiting: 'Waiting',
+        passed: 'Passed',
+        rejected: 'Rejected',
+        all: 'All'
+      },
+      add: {
+        title: 'Add Shared Reading',
+        meter: 'Shared Meter',
+        selectMeter: 'Please select shared meter',
+        preDegrees: 'Previous Degrees',
+        inputPreDegrees: 'Please input previous degrees',
+        curDegrees: 'Current Degrees',
+        inputCurDegrees: 'Please input current degrees',
+        preReadingTime: 'Previous Reading Time',
+        selectPreTime: 'Please select previous reading time',
+        curReadingTime: 'Current Reading Time',
+        selectCurTime: 'Please select current reading time',
+        remark: 'Remark',
+        inputRemark: 'Please input remark (optional)'
+      },
+      audit: {
+        title: 'Audit Shared Reading',
+        status: 'Status',
+        selectStatus: 'Please select status',
+        remark: 'Remark',
+        inputRemark: 'Please input remark'
+      },
+      delete: {
+        title: 'Delete Confirmation',
+        confirm: 'Are you sure to delete this shared reading?'
+      },
+      validate: {
+        selectMeter: 'Please select shared meter',
+        inputPreDegrees: 'Please input previous degrees',
+        inputCurDegrees: 'Please input current degrees',
+        selectPreTime: 'Please select previous reading time',
+        selectCurTime: 'Please select current reading time',
+        selectStatus: 'Please select audit status',
+        number: 'Please input valid number'
+      },
+      message: {
+        addSuccess: 'Add shared reading successfully',
+        auditSuccess: 'Audit shared reading successfully',
+        deleteSuccess: 'Delete shared reading successfully'
+      }
+    }
+  },
+  zh: {
+    shareReading: {
+      search: {
+        title: '查询条件',
+        selectMeter: '请选择公摊表',
+        startTime: '请选择开始时间',
+        endTime: '请选择结束时间'
+      },
+      list: {
+        title: '公摊抄表',
+        addReading: '抄表'
+      },
+      table: {
+        id: '编号',
+        name: '名称',
+        preDegrees: '上期度数',
+        curDegrees: '本期度数',
+        degrees: '度数',
+        preReadingTime: '上期读表时间',
+        curReadingTime: '本期读表时间',
+        reader: '抄表人',
+        status: '状态',
+        remark: '说明',
+        auditor: '审核人',
+        auditOpinion: '审核意见',
+        shareProgress: '公摊进度',
+        readingTime: '抄表时间',
+        shareFee: '公摊费用',
+        operation: '操作'
+      },
+      status: {
+        waiting: '待审核',
+        passed: '审核通过',
+        rejected: '审核不通过',
+        all: '全部'
+      },
+      add: {
+        title: '公摊抄表',
+        meter: '公摊表',
+        selectMeter: '请选择公摊表',
+        preDegrees: '上期度数',
+        inputPreDegrees: '请填写上期度数',
+        curDegrees: '本期度数',
+        inputCurDegrees: '请填写本期度数',
+        preReadingTime: '上期读表时间',
+        selectPreTime: '请选择上期读表时间',
+        curReadingTime: '本期读表时间',
+        selectCurTime: '请选择本期读表时间',
+        remark: '备注',
+        inputRemark: '请填写备注(选填)'
+      },
+      audit: {
+        title: '公摊审核',
+        status: '审核',
+        selectStatus: '请选择审核',
+        remark: '说明',
+        inputRemark: '请填写说明'
+      },
+      delete: {
+        title: '删除确认',
+        confirm: '确定删除公摊抄表?'
+      },
+      validate: {
+        selectMeter: '请选择公摊表',
+        inputPreDegrees: '请填写上期度数',
+        inputCurDegrees: '请填写本期度数',
+        selectPreTime: '请选择上期读表时间',
+        selectCurTime: '请选择本期读表时间',
+        selectStatus: '请选择审核状态',
+        number: '请输入有效数字'
+      },
+      message: {
+        addSuccess: '添加公摊抄表成功',
+        auditSuccess: '审核公摊抄表成功',
+        deleteSuccess: '删除公摊抄表成功'
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/fee/shareReadingList.vue b/src/views/fee/shareReadingList.vue
new file mode 100644
index 0000000..2b10f30
--- /dev/null
+++ b/src/views/fee/shareReadingList.vue
@@ -0,0 +1,286 @@
+<template>
+  <div class="share-reading-container">
+    <el-row :gutter="20">
+      <el-col :span="4">
+        <el-card class="tree-card">
+          <ul class="state-list">
+            <li v-for="(item, index) in shareReadingInfo.states" :key="index" @click="swatchShareState(item)"
+              :class="{ 'active-state': shareReadingInfo.conditions.state === item.statusCd }">
+              {{ item.name }}
+            </li>
+          </ul>
+        </el-card>
+      </el-col>
+      <el-col :span="20">
+        <el-card>
+          <div slot="header" class="clearfix">
+            <span>{{ $t('shareReading.search.title') }}</span>
+          </div>
+          <div class="search-wrapper">
+            <el-row :gutter="20">
+              <el-col :span="6">
+                <el-select v-model="shareReadingInfo.conditions.fsmId"
+                  :placeholder="$t('shareReading.search.selectMeter')" style="width:100%">
+                  <el-option v-for="(item, index) in shareReadingInfo.floorShares" :key="index"
+                    :label="`${item.floorNum}栋-${item.meterTypeName}`" :value="item.fsmId" />
+                </el-select>
+              </el-col>
+              <el-col :span="6">
+                <el-date-picker v-model="shareReadingInfo.conditions.startTime" type="datetime"
+                  :placeholder="$t('shareReading.search.startTime')" style="width:100%" />
+              </el-col>
+              <el-col :span="6">
+                <el-date-picker v-model="shareReadingInfo.conditions.endTime" type="datetime"
+                  :placeholder="$t('shareReading.search.endTime')" style="width:100%" />
+              </el-col>
+              <el-col :span="2">
+                <el-button type="primary" @click="_queryShareReadingMethod">
+                  {{ $t('common.search') }}
+                </el-button>
+              </el-col>
+            </el-row>
+          </div>
+        </el-card>
+
+        <el-card class="mt-20">
+          <div slot="header" class="clearfix">
+            <span>{{ $t('shareReading.list.title') }}</span>
+            <el-button type="primary" size="small" style="float:right" @click="_openAddShareReadingModal">
+              {{ $t('shareReading.list.addReading') }}
+            </el-button>
+          </div>
+          <el-table :data="shareReadingInfo.shareReadings" border style="width:100%" v-loading="loading">
+            <el-table-column prop="readingId" :label="$t('shareReading.table.id')" align="center" />
+            <el-table-column prop="title" :label="$t('shareReading.table.name')" align="center" />
+            <el-table-column prop="preDegrees" :label="$t('shareReading.table.preDegrees')" align="center" />
+            <el-table-column prop="curDegrees" :label="$t('shareReading.table.curDegrees')" align="center" />
+            <el-table-column :label="$t('shareReading.table.degrees')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.curDegrees - scope.row.preDegrees }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="preReadingTime" :label="$t('shareReading.table.preReadingTime')" align="center" />
+            <el-table-column prop="curReadingTime" :label="$t('shareReading.table.curReadingTime')" align="center" />
+            <el-table-column prop="createStaffName" :label="$t('shareReading.table.reader')" align="center" />
+            <el-table-column :label="$t('shareReading.table.status')" align="center">
+              <template slot-scope="scope">
+                <span v-if="scope.row.state === 'W'">{{ $t('shareReading.status.waiting') }}</span>
+                <span v-else-if="scope.row.state === 'C'">{{ $t('shareReading.status.passed') }}</span>
+                <span v-else>{{ $t('shareReading.status.rejected') }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="remark" :label="$t('shareReading.table.remark')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.remark || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="auditStaffName" :label="$t('shareReading.table.auditor')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.auditStaffName || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="stateMsg" :label="$t('shareReading.table.auditOpinion')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.stateMsg || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="shareMsg" :label="$t('shareReading.table.shareProgress')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.shareMsg || '-' }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="createTime" :label="$t('shareReading.table.readingTime')" align="center" />
+            <el-table-column :label="$t('common.operation')" align="center" width="200">
+              <template slot-scope="scope">
+                <el-button v-if="scope.row.state === 'W' && hasPrivilege('502025032678040006')" size="mini"
+                  type="primary" @click="_openAuditShareReadingModel(scope.row)">
+                  {{ $t('common.audit') }}
+                </el-button>
+                <el-button v-if="scope.row.state === 'W'" size="mini" type="danger"
+                  @click="_openDeleteShareReadingModel(scope.row)">
+                  {{ $t('common.delete') }}
+                </el-button>
+                <el-button size="mini" type="success" @click="_openShareFee(scope.row)">
+                  {{ $t('shareReading.table.shareFee') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-pagination class="mt-20" :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]"
+            :page-size="page.size" :total="page.total" layout="total, sizes, prev, pager, next, jumper"
+            @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <add-share-reading ref="addShareReading" @success="handleSuccess" />
+    <audit-share-reading ref="auditShareReading" @success="handleSuccess" />
+    <delete-share-reading ref="deleteShareReading" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { getDict, getCommunityId } from '@/api/community/communityApi'
+import { listFloorShareReading, listFloorShareMeter } from '@/api/fee/shareReadingApi'
+import AddShareReading from '@/components/fee/addShareReading'
+import AuditShareReading from '@/components/fee/auditShareReading'
+import DeleteShareReading from '@/components/fee/deleteShareReading'
+
+export default {
+  name: 'ShareReadingList',
+  components: {
+    AddShareReading,
+    AuditShareReading,
+    DeleteShareReading
+  },
+  data() {
+    return {
+      loading: false,
+      shareReadingInfo: {
+        shareReadings: [],
+        states: [],
+        floorShares: [],
+        conditions: {
+          fsmId: '',
+          state: '',
+          communityId: '',
+          startTime: '',
+          endTime: '',
+          page: 1,
+          row: 10
+        }
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.initData()
+  },
+  methods: {
+    async initData() {
+      try {
+        this.loading = true
+        this.shareReadingInfo.conditions.communityId = getCommunityId()
+
+        // 获取状态字典
+        const states = await getDict('floor_share_reading', 'state')
+        this.shareReadingInfo.states = [{ statusCd: '', name: this.$t('common.all') }, ...states]
+
+        await this._listFloorShares()
+        await this._listShareReadings()
+      } catch (error) {
+        console.error('初始化数据失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    async _listShareReadings() {
+      try {
+        this.loading = true
+        const params = {
+          ...this.shareReadingInfo.conditions,
+          page: this.page.current,
+          row: this.page.size
+        }
+        const { data, total } = await listFloorShareReading(params)
+        this.shareReadingInfo.shareReadings = data
+        this.page.total = total
+      } catch (error) {
+        console.error('获取公摊抄表列表失败:', error)
+      } finally {
+        this.loading = false
+      }
+    },
+    async _listFloorShares() {
+      try {
+        const params = {
+          page: 1,
+          row: 300,
+          communityId: getCommunityId()
+        }
+        const { data } = await listFloorShareMeter(params)
+        this.shareReadingInfo.floorShares = data
+      } catch (error) {
+        console.error('获取公摊表列表失败:', error)
+      }
+    },
+    _openAddShareReadingModal() {
+      this.$refs.addShareReading.open()
+    },
+    _openAuditShareReadingModel(row) {
+      this.$refs.auditShareReading.open(row)
+    },
+    _openDeleteShareReadingModel(row) {
+      this.$refs.deleteShareReading.open(row)
+    },
+    _queryShareReadingMethod() {
+      this.page.current = 1
+      this._listShareReadings()
+    },
+    swatchShareState(state) {
+      this.shareReadingInfo.conditions.state = state.statusCd
+      this._queryShareReadingMethod()
+    },
+    _openShareFee(reading) {
+      this.$router.push(`/views/fee/shareReadingFee?readingId=${reading.readingId}`)
+    },
+    handleSuccess() {
+      this._listShareReadings()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listShareReadings()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listShareReadings()
+    },
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.share-reading-container {
+  padding: 20px;
+
+  .tree-card {
+    height: 100%;
+
+    .state-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+
+      li {
+        padding: 10px;
+        text-align: center;
+        cursor: pointer;
+        border-radius: 4px;
+        margin-bottom: 5px;
+
+        &:hover {
+          background-color: #f5f7fa;
+        }
+
+        &.active-state {
+          background-color: #409eff;
+          color: #fff;
+        }
+      }
+    }
+  }
+
+  .mt-20 {
+    margin-top: 20px;
+  }
+
+  .search-wrapper {
+    margin-bottom: 20px;
+  }
+}
+</style>
\ No newline at end of file