diff --git a/src/api/account/accountDetailManageApi.js b/src/api/account/accountDetailManageApi.js
new file mode 100644
index 0000000..f123be4
--- /dev/null
+++ b/src/api/account/accountDetailManageApi.js
@@ -0,0 +1,50 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询账户明细列表
+export function queryOwnerAccountDetail(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/account/queryOwnerAccountDetail',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '查询账户明细失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 撤销账户明细
+export function cancelAccountDetail(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/account.cancelAccountDetail',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).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/account/accountManageApi.js b/src/api/account/accountManageApi.js
new file mode 100644
index 0000000..1d8265f
--- /dev/null
+++ b/src/api/account/accountManageApi.js
@@ -0,0 +1,123 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询账户列表
+export function queryCommunityOwnerAccount(params) {
+  return new Promise((resolve, reject) => {
+    params.communityId = getCommunityId()
+    request({
+      url: '/account.queryCommunityOwnerAccount',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '查询账户列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 预存账户
+export function ownerPrestoreAccount(data) {
+  return new Promise((resolve, reject) => {
+    data.communityId = getCommunityId()
+    request({
+      url: '/account.ownerPrestoreAccount',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '预存账户失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除账户
+export function deleteAccount(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/account.deleteAccount',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除账户失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询业主列表
+export function queryOwners(params) {
+  return new Promise((resolve, reject) => {
+    params.communityId = getCommunityId()
+    params.ownerTypeCd = '1001'
+    request({
+      url: '/owner.queryOwners',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code == 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '查询业主列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询业主房间
+export function queryRoomsByOwner(params) {
+  return new Promise((resolve, reject) => {
+    params.communityId = getCommunityId()
+    request({
+      url: '/room.queryRoomsByOwner',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取字典数据
+export function getDict(dictType, dictName) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/dict.getDict',
+      method: 'get',
+      params: { dictType, dictName }
+    }).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/owner/auditAuthOwnerApi.js b/src/api/owner/auditAuthOwnerApi.js
new file mode 100644
index 0000000..117f39a
--- /dev/null
+++ b/src/api/owner/auditAuthOwnerApi.js
@@ -0,0 +1,73 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取业主认证列表
+export function listAuditAppUserBindingOwners(params) {
+  return new Promise((resolve, reject) => {
+    // 确保有社区ID
+    if (!params.communityId) {
+      params.communityId = getCommunityId()
+    }
+    
+    request({
+      url: '/owner.listAuditAppUserBindingOwners',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取业主认证列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除业主绑定
+export function deleteAppUserBindingOwner(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/owner.deleteAppUserBindingOwner',
+      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 resetStaffPwd(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/user.resetStaffPwd',
+      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/room/roomApi.js b/src/api/room/roomApi.js
index 9274875..1b47b86 100644
--- a/src/api/room/roomApi.js
+++ b/src/api/room/roomApi.js
@@ -48,4 +48,43 @@ export function getUnits(params) {
       reject(error)
     })
   })
+}
+
+export function queryRoomsWithSell(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/room.queryRoomsWithSell',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '查询已售房屋信息失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询未售房屋信息
+export function queryRoomsWithOutSell(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/room.queryRoomsWithOutSell',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '查询未售房屋信息失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
 }
\ No newline at end of file
diff --git a/src/components/account/cancelAccountDetail.vue b/src/components/account/cancelAccountDetail.vue
new file mode 100644
index 0000000..6752aeb
--- /dev/null
+++ b/src/components/account/cancelAccountDetail.vue
@@ -0,0 +1,110 @@
+<template>
+  <el-dialog
+    :title="$t('cancelAccountDetail.title')"
+    :visible.sync="visible"
+    width="600px"
+    :close-on-click-modal="false">
+    <el-form 
+      ref="form" 
+      :model="formData" 
+      label-position="left"
+      label-width="120px">
+      <el-form-item 
+        :label="$t('cancelAccountDetail.accountName')" 
+        prop="acctName">
+        <el-input 
+          v-model="formData.acctName" 
+          disabled
+          :placeholder="$t('cancelAccountDetail.required')"/>
+      </el-form-item>
+      
+      <el-form-item 
+        :label="$t('cancelAccountDetail.cancelAmount')" 
+        prop="amount">
+        <el-input 
+          v-model="formData.amount" 
+          disabled
+          :placeholder="$t('cancelAccountDetail.required')"/>
+      </el-form-item>
+      
+      <el-form-item 
+        :label="$t('cancelAccountDetail.cancelReason')" 
+        prop="remark"
+        :rules="[{ required: true, message: $t('cancelAccountDetail.required') }]">
+        <el-input
+          type="textarea"
+          v-model="formData.remark"
+          :rows="4"
+          :placeholder="$t('cancelAccountDetail.required')"/>
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('cancelAccountDetail.cancel') }}
+      </el-button>
+      <el-button 
+        type="primary" 
+        @click="handleSubmit"
+        :loading="submitting">
+        {{ $t('cancelAccountDetail.submit') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { cancelAccountDetail } from '@/api/account/accountDetailManageApi'
+
+export default {
+  name: 'CancelAccountDetail',
+  data() {
+    return {
+      visible: false,
+      submitting: false,
+      formData: {
+        detailId: '',
+        acctName: '',
+        amount: '',
+        remark: ''
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.formData = {
+        detailId: row.detailId,
+        acctName: row.acctName,
+        amount: row.amount,
+        remark: ''
+      }
+      this.visible = true
+      this.$nextTick(() => {
+        if (this.$refs.form) {
+          this.$refs.form.clearValidate()
+        }
+      })
+    },
+    async handleSubmit() {
+      try {
+        const valid = await this.$refs.form.validate()
+        if (!valid) return
+        
+        this.submitting = true
+        await cancelAccountDetail({
+          detailId: this.formData.detailId,
+          remark: this.formData.remark
+        })
+        
+        this.$message.success(this.$t('common.operationSuccess'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        this.$message.error(error.message || this.$t('common.operationFailed'))
+      } finally {
+        this.submitting = false
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/account/deleteAccount.vue b/src/components/account/deleteAccount.vue
new file mode 100644
index 0000000..48a88af
--- /dev/null
+++ b/src/components/account/deleteAccount.vue
@@ -0,0 +1,54 @@
+<template>
+  <el-dialog
+    :title="$t('deleteAccount.title')"
+    :visible.sync="visible"
+    width="500px"
+    @close="handleClose"
+  >
+    <div class="text-center">
+      <p>{{ $t('deleteAccount.confirmDelete') }}</p>
+    </div>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('deleteAccount.cancel') }}</el-button>
+      <el-button type="danger" @click="handleConfirm">{{ $t('deleteAccount.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteAccount } from '@/api/account/accountManageApi'
+
+export default {
+  name: 'DeleteAccount',
+  data() {
+    return {
+      visible: false,
+      accountData: {}
+    }
+  },
+  methods: {
+    open(account) {
+      this.accountData = { ...account }
+      this.visible = true
+    },
+    
+    handleClose() {
+      this.accountData = {}
+    },
+    
+    async handleConfirm() {
+      if (!this.accountData.acctId) return
+      
+      try {
+        await deleteAccount({ acctId: this.accountData.acctId })
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('common.deleteError'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/account/prestoreAccount.vue b/src/components/account/prestoreAccount.vue
new file mode 100644
index 0000000..08aa6d9
--- /dev/null
+++ b/src/components/account/prestoreAccount.vue
@@ -0,0 +1,199 @@
+<template>
+  <el-dialog :title="$t('prestoreAccount.title')" :visible.sync="visible" width="800px" @close="handleClose">
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item :label="$t('prestoreAccount.accountType')" prop="acctType" required>
+        <el-select v-model="formData.acctType" class="w-full" :placeholder="$t('prestoreAccount.placeholderOwner')">
+          <el-option v-for="(type, index) in acctTypes" :key="index" :label="type.name" :value="type.statusCd" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('prestoreAccount.ownerPhone')" prop="tel" required>
+        <el-input v-model="formData.tel" :placeholder="$t('prestoreAccount.placeholderPhone')" @blur="handleTelChange" />
+      </el-form-item>
+
+      <el-form-item :label="$t('prestoreAccount.ownerName')" prop="ownerId" required>
+        <el-select v-model="formData.ownerId" class="w-full" :placeholder="$t('prestoreAccount.placeholderOwner')"
+          @change="loadOwnerRooms">
+          <el-option v-for="owner in owners" :key="owner.ownerId" :label="owner.name" :value="owner.ownerId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="formData.acctType === '2004' || formData.acctType === '2005'"
+        :label="$t('prestoreAccount.deductionRoom')" prop="roomId" required>
+        <el-select v-model="formData.roomId" class="w-full" :placeholder="$t('prestoreAccount.placeholderRoom')">
+          <el-option v-for="room in rooms" :key="room.roomId" :label="room.roomName" :value="room.roomId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('prestoreAccount.prestoreAmount')" prop="amount" required>
+        <el-input v-model="formData.amount" type="number" :placeholder="$t('prestoreAccount.placeholderAmount')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('prestoreAccount.paymentMethod')" prop="primeRate" required>
+        <el-select v-model="formData.primeRate" class="w-full" :placeholder="$t('prestoreAccount.placeholderPayment')">
+          <template  v-for="(item,index) in primeRates" >
+            <el-option :key="index" v-if="item.statusCd !== '5' && item.statusCd !== '6'"
+               :label="item.name" :value="item.statusCd" />
+          </template>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('prestoreAccount.remark')" prop="remark">
+        <el-input v-model="formData.remark" type="textarea" :placeholder="$t('prestoreAccount.placeholderRemark')"
+          :rows="3" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('prestoreAccount.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSave">{{ $t('prestoreAccount.save') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { ownerPrestoreAccount, queryOwners, queryRoomsByOwner } from '@/api/account/accountManageApi'
+import {getDict} from '@/api/community/communityApi'
+export default {
+  name: 'PrestoreAccount',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        tel: '',
+        ownerId: '',
+        amount: '',
+        remark: '',
+        acctType: '2003',
+        primeRate: '',
+        roomId: ''
+      },
+      acctTypes: [],
+      primeRates: [],
+      owners: [],
+      rooms: []
+    }
+  },
+  methods: {
+    open(params = {}) {
+      this.visible = true
+      this.resetForm()
+
+      // 加载字典数据
+      Promise.all([
+        getDict('account', 'acct_type'),
+        getDict('pay_fee_detail', 'prime_rate')
+      ]).then(([acctTypes, primeRates]) => {
+        this.acctTypes = acctTypes
+        this.primeRates = primeRates
+
+        // 设置传入参数
+        if (params.tel) {
+          this.formData = {
+            ...this.formData,
+            tel: params.tel,
+            ownerId: params.ownerId,
+            acctType: params.acctType,
+            roomId: params.roomId
+          }
+          this.handleTelChange()
+        }
+      })
+    },
+
+    resetForm() {
+      this.formData = {
+        tel: '',
+        ownerId: '',
+        amount: '',
+        remark: '',
+        acctType: '2003',
+        primeRate: '',
+        roomId: ''
+      }
+      this.$refs.form && this.$refs.form.resetFields()
+    },
+
+    handleClose() {
+      this.resetForm()
+    },
+
+    async handleTelChange() {
+      if (!this.formData.tel) return
+
+      try {
+        const res = await queryOwners({
+          row: 50,
+          page: 1,
+          link: this.formData.tel
+        })
+
+        this.owners = res.data
+      } catch (error) {
+        console.log(error)
+        this.$message.error(this.$t('common.fetchError'))
+        this.owners = []
+      }
+    },
+
+    async loadOwnerRooms() {
+      if (!this.formData.ownerId) return
+
+      try {
+        const res = await queryRoomsByOwner({
+          row: 50,
+          page: 1,
+          ownerId: this.formData.ownerId
+        })
+        this.rooms = res.rooms || []
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+        this.rooms = []
+      }
+    },
+
+    validateForm() {
+      const requiredFields = [
+        'ownerId', 'amount', 'acctType', 'primeRate'
+      ]
+
+      if (this.formData.acctType === '2004' || this.formData.acctType === '2005') {
+        requiredFields.push('roomId')
+      }
+
+      for (const field of requiredFields) {
+        if (!this.formData[field]) {
+          this.$message.warning(this.$t('prestoreAccount.placeholder' + field.charAt(0).toUpperCase() + field.slice(1)))
+          return false
+        }
+      }
+
+      if (!this.formData.amount) {
+        this.$message.warning(this.$t('prestoreAccount.placeholderAmount'))
+        return false
+      }
+
+      return true
+    },
+
+    async handleSave() {
+      if (!this.validateForm()) return
+
+      try {
+        await ownerPrestoreAccount(this.formData)
+        this.$message.success(this.$t('common.saveSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('common.saveError'))
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.w-full {
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/owner/Audit.vue b/src/components/owner/Audit.vue
new file mode 100644
index 0000000..75d8d84
--- /dev/null
+++ b/src/components/owner/Audit.vue
@@ -0,0 +1,113 @@
+<template>
+  <el-dialog
+    :title="$t('audit.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="closeDialog"
+  >
+    <el-form :model="auditInfo" label-width="120px">
+      <el-form-item :label="$t('audit.state')" required>
+        <el-select 
+          v-model="auditInfo.state" 
+          :placeholder="$t('audit.selectPlaceholder')"
+          style="width: 100%"
+        >
+          <el-option 
+            :label="$t('audit.agree')" 
+            value="1100"
+          />
+          <el-option 
+            :label="$t('audit.reject')" 
+            value="1200"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('audit.reason')" required>
+        <el-input
+          type="textarea"
+          :rows="4"
+          :placeholder="$t('audit.reasonPlaceholder')"
+          v-model="auditInfo.remark"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="closeDialog">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="submitAudit">{{ $t('common.submit') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+export default {
+  name: 'AuditDialog',
+  data() {
+    return {
+      visible: false,
+      auditInfo: {
+        state: '',
+        remark: ''
+      }
+    }
+  },
+  watch: {
+    'auditInfo.state'(val) {
+      if (val === '1100') {
+        this.auditInfo.remark = this.$t('audit.agree')
+      } else if (val === '1200') {
+        this.auditInfo.remark = ''
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+    },
+    closeDialog() {
+      this.visible = false
+      this.resetForm()
+    },
+    resetForm() {
+      this.auditInfo = {
+        state: '',
+        remark: ''
+      }
+    },
+    submitAudit() {
+      if (!this.validateForm()) {
+        return
+      }
+      
+      const auditData = { ...this.auditInfo }
+      if (auditData.state === '1200') {
+        auditData.remark = `${this.$t('audit.reject')}: ${auditData.remark}`
+      }
+      
+      this.$emit('submit', auditData)
+      this.closeDialog()
+    },
+    validateForm() {
+      if (!this.auditInfo.state) {
+        this.$message.error(this.$t('audit.stateRequired'))
+        return false
+      }
+      if (!this.auditInfo.remark) {
+        this.$message.error(this.$t('audit.reasonRequired'))
+        return false
+      }
+      if (this.auditInfo.remark.length > 200) {
+        this.$message.error(this.$t('audit.reasonMaxLength'))
+        return false
+      }
+      return true
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-select {
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/owner/DeleteAppUserBindingOwner.vue b/src/components/owner/DeleteAppUserBindingOwner.vue
new file mode 100644
index 0000000..21fbb71
--- /dev/null
+++ b/src/components/owner/DeleteAppUserBindingOwner.vue
@@ -0,0 +1,59 @@
+<template>
+  <el-dialog
+    :title="$t('common.delete')"
+    :visible.sync="visible"
+    width="30%"
+    @close="closeDialog"
+  >
+    <div class="text-center">
+      <p>{{ $t('common.deleteConfirm') }}</p>
+    </div>
+    
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="closeDialog">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="confirmDelete">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteAppUserBindingOwner } from '@/api/owner/auditAuthOwnerApi'
+
+export default {
+  name: 'DeleteBindingOwnerDialog',
+  data() {
+    return {
+      visible: false,
+      currentData: null
+    }
+  },
+  methods: {
+    open(data) {
+      this.currentData = data
+      this.visible = true
+    },
+    closeDialog() {
+      this.visible = false
+      this.currentData = null
+    },
+    async confirmDelete() {
+      try {
+        if (!this.currentData) return
+        
+        const params = {
+          appUserId: this.currentData.appUserId,
+          roomId: this.currentData.roomId
+        }
+        
+        await deleteAppUserBindingOwner(params)
+        this.$message.success(this.$t('deleteBinding.successMsg'))
+        this.$emit('delete-success')
+        this.closeDialog()
+      } catch (error) {
+        console.error('删除失败:', error)
+        this.$message.error(this.$t('deleteBinding.errorMsg'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/owner/ResetStaffPwd.vue b/src/components/owner/ResetStaffPwd.vue
new file mode 100644
index 0000000..b907cc4
--- /dev/null
+++ b/src/components/owner/ResetStaffPwd.vue
@@ -0,0 +1,55 @@
+<template>
+  <el-dialog :title="$t('staff.confirmOperation')" :visible.sync="visible" width="30%" @close="closeDialog">
+    <div class="text-center">
+      <p>{{ $t('staff.confirmResetPassword') }}</p>
+    </div>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="closeDialog">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="confirmReset">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { resetStaffPwd } from '@/api/owner/auditAuthOwnerApi'
+
+export default {
+  name: 'ResetPwdDialog',
+  data() {
+    return {
+      visible: false,
+      currentStaff: null
+    }
+  },
+  methods: {
+    open(staff) {
+      this.currentStaff = staff
+      this.visible = true
+    },
+    closeDialog() {
+      this.visible = false
+      this.currentStaff = null
+    },
+    async confirmReset() {
+      try {
+        if (!this.currentStaff) return
+
+        const params = {
+          userId: this.currentStaff.userId
+        }
+
+        const res = await resetStaffPwd(params)
+        this.$message.success(
+          this.$t('resetPwd.successMsg', { pwd: res.pwd }),
+          10000
+        )
+        this.closeDialog()
+      } catch (error) {
+        console.error('重置密码失败:', error)
+        this.$message.error(this.$t('resetPwd.errorMsg'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/staff/resetStaffPwd.vue b/src/components/staff/resetStaffPwd.vue
index 28230c2..5f3b8f6 100644
--- a/src/components/staff/resetStaffPwd.vue
+++ b/src/components/staff/resetStaffPwd.vue
@@ -1,11 +1,6 @@
 <!-- components/staff/resetStaffPwd.vue -->
 <template>
-  <el-dialog
-    :title="$t('staff.confirmOperation')"
-    :visible.sync="visible"
-    width="30%"
-    @close="handleClose"
-  >
+  <el-dialog :title="$t('staff.confirmOperation')" :visible.sync="visible" width="30%" @close="handleClose">
     <div class="text-center">
       <p>{{ $t('staff.confirmResetPassword') }}?</p>
     </div>
@@ -37,9 +32,9 @@ export default {
     }
   },
   methods: {
-    open(row){
-        this.visible = true
-        this.staffInfo = {...row}
+    open(row) {
+      this.visible = true
+      this.staffInfo = { ...row }
     },
     handleClose() {
       this.visible = false
@@ -52,7 +47,7 @@ export default {
           communityId: '-1',
           staffId: this.staffInfo.userId
         }
-        
+
         const res = await resetStaffPwd(data)
         this.$message.success(
           this.$t('staff.resetPasswordSuccess', { pwd: res.pwd }),
diff --git a/src/i18n/index.js b/src/i18n/index.js
index 36e2aa8..c6bfc92 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -128,6 +128,9 @@ import { messages as roomBindOwnerMessages } from '../views/owner/roomBindOwnerL
 import { messages as deleteOwnerRoomMessages } from '../views/owner/deleteOwnerRoomLang'
 import { messages as shopsMessages } from '../views/room/shopsLang'
 import { messages as listOwnerMessages } from '../views/owner/listOwnerLang'
+import { messages as auditAuthOwnerMessages } from '../views/owner/auditAuthOwnerLang'
+import { messages as accountManageMessages } from '../views/account/accountManageLang'
+import { messages as accountDetailManageMessages } from '../views/account/accountDetailManageLang'
 
 Vue.use(VueI18n)
 
@@ -260,6 +263,9 @@ const messages = {
     ...deleteOwnerRoomMessages.en,
     ...shopsMessages.en,
     ...listOwnerMessages.en,
+    ...auditAuthOwnerMessages.en,
+    ...accountManageMessages.en,
+    ...accountDetailManageMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -388,6 +394,9 @@ const messages = {
     ...deleteOwnerRoomMessages.zh,
     ...shopsMessages.zh,
     ...listOwnerMessages.zh,
+    ...auditAuthOwnerMessages.zh,
+    ...accountManageMessages.zh,
+    ...accountDetailManageMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 295edd5..24f5045 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -631,6 +631,21 @@ const routes = [
         name: '/views/owner/ownerBindRoom',
         component: () => import('@/views/owner/ownerBindRoom.vue')
       },
+      {
+        path: '/pages/property/auditAuthOwner',
+        name: '/pages/property/auditAuthOwner',
+        component: () => import('@/views/owner/auditAuthOwnerList.vue')
+      },
+      {
+        path: '/pages/property/accountManage',
+        name: '/pages/property/accountManage',
+        component: () => import('@/views/account/accountManageList.vue')
+      },
+      {
+        path: '/views/account/accountDetailManage',
+        name: '/views/account/accountDetailManage',
+        component: () => import('@/views/account/accountDetailManageList.vue')
+      },
 
       // 其他子路由可以在这里添加
     ]
diff --git a/src/views/account/accountDetailManageLang.js b/src/views/account/accountDetailManageLang.js
new file mode 100644
index 0000000..e4032c1
--- /dev/null
+++ b/src/views/account/accountDetailManageLang.js
@@ -0,0 +1,52 @@
+export const messages = {
+  en: {
+    accountDetailManage: {
+      title: 'Account Details',
+      detailId: 'Detail ID',
+      transactionId: 'Transaction ID',
+      accountName: 'Account Name',
+      detailType: 'Detail Type',
+      amountPoints: 'Amount/Points',
+      transactionTime: 'Transaction Time',
+      description: 'Description',
+      deposit: 'Deposit',
+      depositCancelled: 'Deposit Cancelled',
+      withdrawal: 'Withdrawal',
+      back: 'Back'
+    },
+    cancelAccountDetail: {
+      title: 'Cancel Deposit',
+      accountName: 'Account Name',
+      cancelAmount: 'Cancel Amount',
+      cancelReason: 'Cancel Reason',
+      submit: 'Submit',
+      cancel: 'Cancel',
+      required: 'Required field'
+    }
+  },
+  zh: {
+    accountDetailManage: {
+      title: '账户明细',
+      detailId: '明细编号',
+      transactionId: '交易编号',
+      accountName: '账户名称',
+      detailType: '明细类型',
+      amountPoints: '金额/积分',
+      transactionTime: '交易时间',
+      description: '说明',
+      deposit: '转入',
+      depositCancelled: '转入已撤销',
+      withdrawal: '转出',
+      back: '返回'
+    },
+    cancelAccountDetail: {
+      title: '预存撤销',
+      accountName: '账户名称',
+      cancelAmount: '撤销金额',
+      cancelReason: '撤销原因',
+      submit: '提交',
+      cancel: '取消',
+      required: '必填项'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/account/accountDetailManageList.vue b/src/views/account/accountDetailManageList.vue
new file mode 100644
index 0000000..0b34344
--- /dev/null
+++ b/src/views/account/accountDetailManageList.vue
@@ -0,0 +1,134 @@
+<template>
+  <el-card class="box-card">
+    <div slot="header" class="clearfix flex justify-between">
+      <div>{{ $t('accountDetailManage.title') }}</div>
+      <div class="header-tools">
+        <el-button type="primary" size="small" @click="goBack" icon="el-icon-close">
+          {{ $t('accountDetailManage.back') }}
+        </el-button>
+      </div>
+    </div>
+
+    <el-table :data="accountDetails" border stripe v-loading="loading" style="width: 100%">
+      <el-table-column prop="detailId" :label="$t('accountDetailManage.detailId')" align="center" min-width="120" />
+
+      <el-table-column prop="orderId" :label="$t('accountDetailManage.transactionId')" align="center" min-width="150" />
+
+      <el-table-column prop="acctName" :label="$t('accountDetailManage.accountName')" align="center" min-width="120" />
+
+      <el-table-column :label="$t('accountDetailManage.detailType')" align="center" min-width="150">
+        <template slot-scope="scope">
+          <span v-if="scope.row.detailType === '1001'">
+            {{ $t('accountDetailManage.deposit') }}
+            <span v-if="hasPrivilege('502023032835101743')">
+              (<el-link type="primary" @click="openCancelDialog(scope.row)">
+                {{ $t('common.cancel') }}
+              </el-link>)
+            </span>
+          </span>
+          <span v-else-if="scope.row.detailType === '3003'">
+            {{ $t('accountDetailManage.depositCancelled') }}
+          </span>
+          <span v-else>
+            {{ $t('accountDetailManage.withdrawal') }}
+          </span>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="amount" :label="$t('accountDetailManage.amountPoints')" align="center" min-width="120" />
+
+      <el-table-column prop="createTime" :label="$t('accountDetailManage.transactionTime')" align="center"
+        min-width="180" />
+
+      <el-table-column :label="$t('accountDetailManage.description')" align="center" min-width="200">
+        <template slot-scope="scope">
+          {{ scope.row.remark || $t('common.none') }}
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination class="pagination-wrapper" :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="handlePageChange" />
+
+    <cancel-account-detail ref="cancelDialog" @success="fetchAccountDetails" />
+  </el-card>
+</template>
+
+<script>
+import { queryOwnerAccountDetail } from '@/api/account/accountDetailManageApi'
+import CancelAccountDetail from '@/components/account/cancelAccountDetail'
+
+export default {
+  name: 'AccountDetailManageList',
+  components: { CancelAccountDetail },
+  data() {
+    return {
+      loading: false,
+      accountDetails: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      queryParams: {
+        acctId: '',
+        detailType: '',
+        orderId: ''
+      }
+    }
+  },
+  created() {
+    this.queryParams.acctId = this.$route.query.acctId
+    this.fetchAccountDetails()
+  },
+  methods: {
+    async fetchAccountDetails() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.queryParams
+        }
+
+        const res = await queryOwnerAccountDetail(params)
+        this.accountDetails = res.data || []
+        this.pagination.total = res.total || 0
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    openCancelDialog(row) {
+      this.$refs.cancelDialog.open(row)
+    },
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.fetchAccountDetails()
+    },
+    handlePageChange(page) {
+      this.pagination.current = page
+      this.fetchAccountDetails()
+    },
+    goBack() {
+      this.$router.go(-1)
+    },
+  }
+}
+</script>
+
+<style scoped>
+.header-tools {
+}
+
+.pagination-wrapper {
+  margin-top: 20px;
+  text-align: right;
+}
+
+.box-card {
+  margin: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/account/accountManageLang.js b/src/views/account/accountManageLang.js
new file mode 100644
index 0000000..d424835
--- /dev/null
+++ b/src/views/account/accountManageLang.js
@@ -0,0 +1,96 @@
+export const messages = {
+  en: {
+    accountManage: {
+      searchTitle: "Search Conditions",
+      ownerAccount: "Owner Account",
+      accountId: "Account ID",
+      accountName: "Account Name",
+      idCard: "ID Card",
+      phone: "Phone",
+      accountType: "Account Type",
+      accountAmount: "Account Amount",
+      deductionRoom: "Deduction Room",
+      createTime: "Create Time",
+      operations: "Operations",
+      accountDetail: "Account Details",
+      delete: "Delete",
+      prestore: "Prestore",
+      query: "Query",
+      reset: "Reset",
+      placeholderName: "Please enter account name",
+      placeholderIdCard: "Please enter ID card number",
+      placeholderLink: "Please enter contact information"
+    },
+    prestoreAccount: {
+      title: "Prestore",
+      accountType: "Account Type",
+      ownerPhone: "Owner Phone",
+      ownerName: "Owner Name",
+      deductionRoom: "Deduction Room",
+      prestoreAmount: "Prestore Amount",
+      paymentMethod: "Payment Method",
+      remark: "Remark",
+      placeholderPhone: "Required, please enter owner phone",
+      placeholderOwner: "Required, please select owner",
+      placeholderRoom: "Required, please select room",
+      placeholderAmount: "Required, please enter prestore amount",
+      placeholderPayment: "Required, please select payment method",
+      placeholderRemark: "Optional, please enter remark",
+      save: "Save",
+      cancel: "Cancel"
+    },
+    deleteAccount: {
+      title: "Please confirm your operation!",
+      confirmDelete: "Confirm to delete deposit?",
+      cancel: "Cancel",
+      confirm: "Confirm Delete"
+    }
+  },
+  zh: {
+    accountManage: {
+      searchTitle: "查询条件",
+      ownerAccount: "业主账户",
+      accountId: "账户编号",
+      accountName: "账户名称",
+      idCard: "身份证号",
+      phone: "手机号",
+      accountType: "账户类型",
+      accountAmount: "账户金额",
+      deductionRoom: "扣款房号",
+      createTime: "创建时间",
+      operations: "操作",
+      accountDetail: "账户明细",
+      delete: "删除",
+      prestore: "预存",
+      query: "查询",
+      reset: "重置",
+      placeholderName: "请输入账户名称",
+      placeholderIdCard: "请输入身份证号",
+      placeholderLink: "请输入联系方式"
+    },
+    prestoreAccount: {
+      title: "预存",
+      accountType: "账户类型",
+      ownerPhone: "业主手机",
+      ownerName: "业主名称",
+      deductionRoom: "扣款房屋",
+      prestoreAmount: "预存金额",
+      paymentMethod: "支付方式",
+      remark: "备注",
+      placeholderPhone: "必填，请填写业主手机号",
+      placeholderOwner: "必填，请选择业主",
+      placeholderRoom: "必填，请选择房屋",
+      placeholderAmount: "必填，请填写预存金额",
+      placeholderPayment: "必填，请选择支付方式",
+      placeholderRemark: "可填，请填写备注",
+      save: "保存",
+      cancel: "取消"
+    },
+    deleteAccount: {
+      title: "请确认您的操作!",
+      confirmDelete: "确定删除保证金",
+      cancel: "点错了",
+      confirm: "确认删除"
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/account/accountManageList.vue b/src/views/account/accountManageList.vue
new file mode 100644
index 0000000..41a7e25
--- /dev/null
+++ b/src/views/account/accountManageList.vue
@@ -0,0 +1,252 @@
+<template>
+  <div class="account-manage-container">
+    <el-row :gutter="20">
+      <el-col :span="3">
+        <el-card class="tree-card">
+          <ul class="account-type-list">
+            <li v-for="(item, index) in accountTypes" :key="index" class="account-type-item"
+              :class="{ 'active': conditions.acctType === item.statusCd }" @click="switchAccountType(item)">
+              {{ item.name }}
+            </li>
+          </ul>
+        </el-card>
+      </el-col>
+
+      <el-col :span="21">
+        <el-card class="search-card">
+          <div slot="header" class="text-left">
+            <span>{{ $t('accountManage.searchTitle') }}</span>
+          </div>
+
+          <el-row :gutter="20">
+            <el-col :span="6">
+              <el-input v-model="conditions.ownerName" :placeholder="$t('accountManage.placeholderName')" clearable />
+            </el-col>
+
+            <el-col :span="6">
+              <el-input v-model="conditions.idCard" :placeholder="$t('accountManage.placeholderIdCard')" clearable />
+            </el-col>
+
+            <el-col :span="6">
+              <el-input v-model="conditions.link" :placeholder="$t('accountManage.placeholderLink')" clearable />
+            </el-col>
+
+            <el-col :span="6">
+              <el-button type="primary" @click="queryAccounts">
+                {{ $t('accountManage.query') }}
+              </el-button>
+              <el-button @click="resetConditions">
+                {{ $t('accountManage.reset') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+
+        <el-card class="mt-20">
+          <div slot="header" class="flex-between">
+            <span>{{ $t('accountManage.ownerAccount') }}</span>
+            <el-button type="primary" size="small" @click="openPrestoreDialog">
+              {{ $t('accountManage.prestore') }}
+            </el-button>
+          </div>
+
+          <el-table :data="accounts" border v-loading="loading">
+            <el-table-column prop="acctId" :label="$t('accountManage.accountId')" align="center" />
+
+            <el-table-column prop="acctName" :label="$t('accountManage.accountName')" align="center" />
+
+            <el-table-column prop="idCard" :label="$t('accountManage.idCard')" align="center" />
+
+            <el-table-column prop="link" :label="$t('accountManage.phone')" align="center" />
+
+            <el-table-column prop="acctTypeName" :label="$t('accountManage.accountType')" align="center" />
+
+            <el-table-column prop="amount" :label="$t('accountManage.accountAmount')" align="center" />
+
+            <el-table-column prop="roomName" :label="$t('accountManage.deductionRoom')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.roomName || $t('common.none') }}
+              </template>
+            </el-table-column>
+
+            <el-table-column prop="createTime" :label="$t('accountManage.createTime')" align="center" />
+
+            <el-table-column :label="$t('accountManage.operations')" align="center" width="200">
+              <template slot-scope="scope">
+                <el-button size="mini" @click="viewAccountDetail(scope.row)">
+                  {{ $t('accountManage.accountDetail') }}
+                </el-button>
+                <el-button size="mini" type="danger" @click="openDeleteDialog(scope.row)">
+                  {{ $t('accountManage.delete') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <el-pagination class="mt-20" :current-page.sync="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="handlePageChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <prestore-account ref="prestoreDialog" @success="fetchAccounts" />
+    <delete-account ref="deleteDialog" @success="fetchAccounts" />
+  </div>
+</template>
+
+<script>
+import { queryCommunityOwnerAccount } from '@/api/account/accountManageApi'
+import PrestoreAccount from '@/components/account/prestoreAccount'
+import DeleteAccount from '@/components/account/deleteAccount'
+import { getDict } from '@/api/community/communityApi'
+
+export default {
+  name: 'AccountManageList',
+  components: {
+    PrestoreAccount,
+    DeleteAccount
+  },
+  data() {
+    return {
+      loading: false,
+      accounts: [],
+      accountTypes: [],
+      conditions: {
+        acctType: '',
+        ownerName: '',
+        idCard: '',
+        link: '',
+        page: 1,
+        row: 10
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.loadAccountTypes()
+    this.fetchAccounts()
+  },
+  methods: {
+    async loadAccountTypes() {
+      try {
+        const data = await getDict('account', 'acct_type')
+        this.accountTypes = [{ name: this.$t('common.all'), statusCd: '' }, ...data]
+      } catch (error) {
+        console.error('Failed to load account types:', error)
+      }
+    },
+
+    async fetchAccounts() {
+      this.loading = true
+      try {
+        const res = await queryCommunityOwnerAccount(this.conditions)
+        this.accounts = res.data || []
+        this.pagination.total = res.total || 0
+        this.pagination.size = this.conditions.row
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+
+    queryAccounts() {
+      this.conditions.page = 1
+      this.fetchAccounts()
+    },
+
+    resetConditions() {
+      this.conditions = {
+        ...this.conditions,
+        ownerName: '',
+        idCard: '',
+        link: '',
+        acctType: '',
+        page: 1
+      }
+      this.fetchAccounts()
+    },
+
+    switchAccountType(item) {
+      this.conditions.acctType = item.statusCd
+      this.queryAccounts()
+    },
+
+    openPrestoreDialog() {
+      this.$refs.prestoreDialog.open()
+    },
+
+    openDeleteDialog(account) {
+      this.$refs.deleteDialog.open(account)
+    },
+
+    viewAccountDetail(account) {
+      this.$router.push(`/views/account/accountDetailManage?acctId=${account.acctId}`)
+    },
+
+    handleSizeChange(size) {
+      this.conditions.row = size
+      this.fetchAccounts()
+    },
+
+    handlePageChange(page) {
+      this.conditions.page = page
+      this.fetchAccounts()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.account-manage-container {
+  padding: 20px;
+}
+
+.tree-card {
+  height: 100%;
+}
+
+.account-type-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.account-type-item {
+  padding: 12px 15px;
+  margin-bottom: 8px;
+  border-radius: 4px;
+  cursor: pointer;
+  text-align: center;
+  transition: all 0.3s;
+}
+
+.account-type-item:hover {
+  background-color: #f5f7fa;
+}
+
+.account-type-item.active {
+  background-color: #409eff;
+  color: white;
+  border-color: #409eff;
+}
+
+.search-card {
+  margin-bottom: 20px;
+}
+
+.flex-between {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.mt-20 {
+  margin-top: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/owner/auditAuthOwnerLang.js b/src/views/owner/auditAuthOwnerLang.js
new file mode 100644
index 0000000..de0c795
--- /dev/null
+++ b/src/views/owner/auditAuthOwnerLang.js
@@ -0,0 +1,56 @@
+export const messages = {
+  en: {
+    auditAuthOwner: {
+      searchTitle: 'Search Conditions',
+      authTitle: 'Owner Property Certification',
+      appUserNamePlaceholder: 'Please enter associated owner name',
+      idCardPlaceholder: 'Please enter associated owner ID card',
+      linkPlaceholder: 'Please enter associated owner phone',
+      communityName: 'Community Name',
+      owner: 'Owner',
+      phone: 'Phone',
+      room: 'Room',
+      ownerType: 'Person Type',
+      idCard: 'ID Card',
+      state: 'Status',
+      remark: 'Audit Remark',
+      createTime: 'Application Time',
+      appType: 'App Type',
+      operation: 'Operation',
+      audit: 'Audit',
+      resetPwd: 'Reset Password',
+      all: 'All',
+      pending: 'Pending',
+      success: 'Success',
+      failed: 'Failed',
+      fetchError: 'Failed to fetch data'
+    }
+  },
+  zh: {
+    auditAuthOwner: {
+      searchTitle: '查询条件',
+      authTitle: '业主房产认证',
+      appUserNamePlaceholder: '请输入关联业主名称',
+      idCardPlaceholder: '请输入关联业主身份证',
+      linkPlaceholder: '请输入关联业主手机号',
+      communityName: '小区名称',
+      owner: '业主',
+      phone: '手机号',
+      room: '房屋',
+      ownerType: '人员类型',
+      idCard: '身份证',
+      state: '状态',
+      remark: '审核说明',
+      createTime: '申请时间',
+      appType: '手机端类型',
+      operation: '操作',
+      audit: '审核',
+      resetPwd: '重置密码',
+      all: '全部',
+      pending: '待审核',
+      success: '审核成功',
+      failed: '审核失败',
+      fetchError: '获取数据失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/owner/auditAuthOwnerList.vue b/src/views/owner/auditAuthOwnerList.vue
new file mode 100644
index 0000000..e35e21f
--- /dev/null
+++ b/src/views/owner/auditAuthOwnerList.vue
@@ -0,0 +1,272 @@
+<template>
+  <div class="animated fadeInRight ecommerce">
+    <el-row :gutter="20">
+      <el-col :span="3">
+        <div class="border-radius white-bg">
+          <div class="margin-xs-r treeview">
+            <ul class="list-group text-center border-radius">
+              <li v-for="(item, index) in auditAuthOwnerInfo.states" :key="index" @click="_swatchState(item)"
+                :class="{ 'vc-node-selected': auditAuthOwnerInfo.conditions.state == item.statusCd }"
+                class="list-group-item node-orgTree">
+                {{ item.name }}
+              </li>
+            </ul>
+          </div>
+        </div>
+      </el-col>
+      <el-col :span="21">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix flex justify-between">
+            <div>{{ $t('auditAuthOwner.searchTitle') }}</div>
+          </div>
+          <div class="">
+            <el-row :gutter="20">
+              <el-col :span="6">
+                <el-input :placeholder="$t('auditAuthOwner.appUserNamePlaceholder')"
+                  v-model="auditAuthOwnerInfo.conditions.appUserName" clearable />
+              </el-col>
+              <el-col :span="6">
+                <el-input :placeholder="$t('auditAuthOwner.idCardPlaceholder')"
+                  v-model="auditAuthOwnerInfo.conditions.idCard" clearable />
+              </el-col>
+              <el-col :span="6">
+                <el-input :placeholder="$t('auditAuthOwner.linkPlaceholder')" v-model="auditAuthOwnerInfo.conditions.link"
+                  clearable />
+              </el-col>
+              <el-col :span="6">
+                <el-button type="primary" size="small" @click="_queryAuditAuthOwnerMethod">
+                  {{ $t('common.search') }}
+                </el-button>
+                <el-button type="info" size="small" @click="_resetAuditAuthOwnerMethod">
+                  {{ $t('common.reset') }}
+                </el-button>
+              </el-col>
+            </el-row>
+          </div>
+        </el-card>
+
+        <el-card class="box-card mt-20">
+          <div slot="header" class="clearfix flex justify-between">
+            <div>{{ $t('auditAuthOwner.authTitle') }}</div>
+          </div>
+          <div class="">
+            <el-table :data="auditAuthOwnerInfo.appUsers" border style="width: 100%" v-loading="loading">
+              <el-table-column prop="communityName" :label="$t('auditAuthOwner.communityName')" align="center" />
+              <el-table-column :label="$t('auditAuthOwner.owner')" align="center">
+                <template slot-scope="scope">
+                  <div>{{ scope.row.appUserName }}</div>
+                  <div v-if="scope.row.ownerId">({{ scope.row.ownerId }})</div>
+                </template>
+              </el-table-column>
+              <el-table-column prop="link" :label="$t('auditAuthOwner.phone')" align="center" />
+              <el-table-column prop="roomName" :label="$t('auditAuthOwner.room')" align="center">
+                <template slot-scope="scope">
+                  {{ scope.row.roomName || '-' }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="ownerTypeCdName" :label="$t('auditAuthOwner.ownerType')" align="center">
+                <template slot-scope="scope">
+                  {{ scope.row.ownerTypeCdName || '-' }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="idCard" :label="$t('auditAuthOwner.idCard')" align="center">
+                <template slot-scope="scope">
+                  {{ scope.row.idCard || '-' }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="stateName" :label="$t('auditAuthOwner.state')" align="center" />
+              <el-table-column prop="remark" :label="$t('auditAuthOwner.remark')" align="center">
+                <template slot-scope="scope">
+                  {{ scope.row.remark || '-' }}
+                </template>
+              </el-table-column>
+              <el-table-column prop="createTime" :label="$t('auditAuthOwner.createTime')" align="center" />
+              <el-table-column prop="appTypeName" :label="$t('auditAuthOwner.appType')" align="center" />
+              <el-table-column :label="$t('common.operation')" align="center" width="220">
+                <template slot-scope="scope">
+                  <el-button v-if="scope.row.state == '10000'" size="mini" type="primary"
+                    @click="_openAuditAuthOwnerModel(scope.row)">
+                    {{ $t('auditAuthOwner.audit') }}
+                  </el-button>
+                  <el-button size="mini" type="danger" @click="_deleteAppUserBindingOwnerModel(scope.row)">
+                    {{ $t('common.delete') }}
+                  </el-button>
+                  <el-button size="mini" type="warning" @click="_resetUserPwdModel(scope.row)">
+                    {{ $t('auditAuthOwner.resetPwd') }}
+                  </el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <el-pagination class="mt-20" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+              :current-page="auditAuthOwnerInfo.conditions.page" :page-sizes="[10, 20, 30, 50]"
+              :page-size="auditAuthOwnerInfo.conditions.row" layout="total, sizes, prev, pager, next, jumper"
+              :total="auditAuthOwnerInfo.total" />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <audit-dialog ref="auditDialog" @submit="_auditSubmit" />
+    <delete-binding-owner-dialog ref="deleteDialog" @delete-success="_deleteSuccess" />
+    <reset-pwd-dialog ref="resetPwdDialog" />
+  </div>
+</template>
+
+<script>
+import { listAuditAppUserBindingOwners } from '@/api/owner/auditAuthOwnerApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import AuditDialog from '@/components/owner/Audit'
+import DeleteBindingOwnerDialog from '@/components/owner/DeleteAppUserBindingOwner'
+import ResetPwdDialog from '@/components/owner/ResetStaffPwd'
+
+export default {
+  name: 'AuditAuthOwnerList',
+  components: {
+    AuditDialog,
+    DeleteBindingOwnerDialog,
+    ResetPwdDialog
+  },
+  data() {
+    return {
+      loading: false,
+      auditAuthOwnerInfo: {
+        appUsers: [],
+        total: 0,
+        conditions: {
+          page: 1,
+          row: 10,
+          appUserName: '',
+          idCard: '',
+          link: '',
+          state: '',
+          communityId: ''
+        },
+        states: [
+          { name: this.$t('auditAuthOwner.all'), statusCd: '' },
+          { name: this.$t('auditAuthOwner.pending'), statusCd: '10000' },
+          { name: this.$t('auditAuthOwner.success'), statusCd: '12000' },
+          { name: this.$t('auditAuthOwner.failed'), statusCd: '13000' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.auditAuthOwnerInfo.conditions.communityId = this.communityId
+    this._listAuditAuthOwners()
+  },
+  methods: {
+    async _listAuditAuthOwners() {
+      try {
+        this.loading = true
+        const params = { ...this.auditAuthOwnerInfo.conditions }
+
+        // 清理参数
+        params.appUserName = params.appUserName.trim()
+        params.link = params.link.trim()
+        params.idCard = params.idCard.trim()
+
+        const res = await listAuditAppUserBindingOwners(params)
+        this.auditAuthOwnerInfo.appUsers = res.data
+        this.auditAuthOwnerInfo.total = res.total
+      } catch (error) {
+        console.error('获取数据失败:', error)
+        this.$message.error(this.$t('auditAuthOwner.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    _openAuditAuthOwnerModel(appUser) {
+      this.$router.push({
+        path: '/owner/auditAuthOwnerUndo',
+        query: {
+          appUserId: appUser.appUserId,
+          roomId: appUser.roomId,
+          appUserName: appUser.appUserName,
+          link: appUser.link
+        }
+      })
+    },
+    _queryAuditAuthOwnerMethod() {
+      this.auditAuthOwnerInfo.conditions.page = 1
+      this._listAuditAuthOwners()
+    },
+    _resetAuditAuthOwnerMethod() {
+      this.auditAuthOwnerInfo.conditions = {
+        page: 1,
+        row: 10,
+        appUserName: '',
+        idCard: '',
+        link: '',
+        state: '',
+        communityId: this.communityId
+      }
+      this._listAuditAuthOwners()
+    },
+    _deleteAppUserBindingOwnerModel(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    _resetUserPwdModel(staff) {
+      this.$refs.resetPwdDialog.open(staff)
+    },
+    _swatchState(item) {
+      this.auditAuthOwnerInfo.conditions.state = item.statusCd
+      this._listAuditAuthOwners()
+    },
+    _deleteSuccess() {
+      this._listAuditAuthOwners()
+    },
+    handleSizeChange(val) {
+      this.auditAuthOwnerInfo.conditions.row = val
+      this._listAuditAuthOwners()
+    },
+    handleCurrentChange(val) {
+      this.auditAuthOwnerInfo.conditions.page = val
+      this._listAuditAuthOwners()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.animated {
+  padding: 20px;
+}
+
+.border-radius {
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.list-group {
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+.list-group-item {
+  padding: 12px 15px;
+  border: 1px solid #ebeef5;
+  border-bottom: none;
+  cursor: pointer;
+  background: #fff;
+}
+
+.list-group-item:last-child {
+  border-bottom: 1px solid #ebeef5;
+}
+
+.list-group-item:hover {
+  background: #ecf5ff;
+}
+
+.vc-node-selected {
+  background: #409eff;
+  color: white;
+}
+
+.mt-20 {
+  margin-top: 20px;
+}
+</style>
\ No newline at end of file