运营业主详情开发完成

wuxw
1 parent a2547628
Showing 43 changed files with 2217 additions and 78 deletions
src/api/aCommunity/aOwnerDetailAccessControlApi.js
src/api/aCommunity/aOwnerDetailCouponApi.js
src/api/aCommunity/aOwnerDetailHisApi.js
src/api/aCommunity/aOwnerDetailRoomFeeApi.js
src/api/aCommunity/aOwnerDetailVisitApi.js
src/api/aCommunity/adminOwnerDetailAccessControlRecordApi.js
src/api/aCommunity/adminOwnerDetailApi.js
src/api/aCommunity/adminOwnerDetailChargeMachineOrderApi.js
src/components/aCommunity/aOwnerDetailAccessControl.vue
src/components/aCommunity/aOwnerDetailAccessControlDemo.vue
src/components/aCommunity/aOwnerDetailCoupon.vue
src/components/aCommunity/aOwnerDetailCouponDemo.vue
src/components/aCommunity/aOwnerDetailHis.vue
src/components/aCommunity/aOwnerDetailHisDemo.vue
src/components/aCommunity/aOwnerDetailRoomFee.vue
src/components/aCommunity/aOwnerDetailRoomFeeDemo.vue
src/components/aCommunity/aOwnerDetailVisit.vue
src/components/aCommunity/aOwnerDetailVisitDemo.vue
src/components/aCommunity/adminOwnerDetailAccessControlRecord.vue
src/components/aCommunity/adminOwnerDetailAccessControlRecordDemo.vue
+import request from '@/utils/request'
+
+export function listAdminMachineTranslates(params) {
+  return new Promise((resolve, reject) => {
+    return request({
+    url: '/machineTranslate.listAdminMachineTranslates',
+        method: 'get',
+    params
+  }).then(res => {
+      resolve(res.data)
+    }).catch(err => {
+      reject(err)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function listAdminCouponPropertyUser(params) {
+  return new Promise((resolve, reject) => {
+    return request({
+    url: '/couponProperty.listAdminCouponPropertyUser',
+    method: 'get',
+    params
+  }).then(res => {
+      resolve(res.data)
+    }).catch(err => {
+      reject(err)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function queryAdminHisOwner(params) {
+  return new Promise((resolve, reject) => {
+    return request({
+      url: '/owner.queryAdminHisOwner',
+      method: 'get',
+      params
+    }).then(res => {
+      resolve(res.data)
+    }).catch(err => {
+      reject(err)
+    })
+  })
+}
+
+export function getOwnerAttrSpec() {
+  return request({
+    url: '/attrSpec.queryAttrSpec',
+    method: 'get',
+    params: {
+      specCd: 'building_owner_attr'
+    }
+  }).then(res => {
+    return res.data
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function listAdminFee(params) {
+    return new Promise((resolve, reject) => {
+    return request({
+    url: '/fee.listAdminFee',
+      method: 'get',
+      params
+    }).then(res => {
+      resolve(res.data)
+    }).catch(err => {
+      reject(err)
+    })
+  })
+}
+
+export function queryAdminOwnerRooms(params) {
+  return new Promise((resolve, reject) => {
+    return request({
+    url: '/room.queryAdminOwnerRooms',
+    method: 'get',
+    params
+  }).then(res => {
+      resolve(res.data)
+    }).catch(err => {
+      reject(err)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function listAdminVisits(params) {
+  return new Promise((resolve, reject) => {
+    return request({
+    url: '/visit.listAdminVisits',
+    method: 'get',
+    params
+  }).then(res => {
+      resolve(res.data)
+    }).catch(err => {
+      reject(err)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function listAdminMachineRecords(params) {
+  return request({
+    url: '/machineRecord.listAdminMachineRecords',
+    method: 'get',
+    params
+  }).then(res => {
+    return res.data
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取业主详情
+export function getOwnerDetail(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/owner.queryAdminOwners',
+      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 updateOwnerInfo(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/owner.updateOwner',
+      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 getOwnerAttributes(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/owner.listOwnerAttributes',
+      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
+import request from '@/utils/request'
+
+export function listAdminMachineOrders(params) {
+  return request({
+    url: '/machineOrder.listAdminMachineOrders',
+    method: 'get',
+    params
+  }).then(res => {
+    return res.data
+  })
+}
 \ No newline at end of file
+<template>
+  <div class="owner-detail-access-control">
+    <div class="margin-top">
+      <el-table :data="aOwnerDetailAccessControlInfo.translates" border style="width: 100%">
+        <el-table-column prop="typeCdName" :label="$t('aOwnerDetailAccessControl.objectType')" align="center" />
+        <el-table-column prop="objName" :label="$t('aOwnerDetailAccessControl.objectName')" align="center" />
+        <el-table-column prop="machineCmdName" :label="$t('aOwnerDetailAccessControl.command')" align="center" />
+        <el-table-column prop="stateName" :label="$t('aOwnerDetailAccessControl.status')" align="center" />
+        <el-table-column prop="remark" :label="$t('aOwnerDetailAccessControl.description')" align="center">
+          <template #default="{ row }">
+            <div class="hc-td">{{ row.remark }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="updateTime" :label="$t('aOwnerDetailAccessControl.syncTime')" align="center" />
+      </el-table>
+
+      <el-row class="margin-top">
+        <el-col :span="16"></el-col>
+        <el-col :span="8">
+          <el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize"
+            layout="total, prev, pager, next" :total="total" />
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import { listAdminMachineTranslates } from '@/api/aCommunity/aOwnerDetailAccessControlApi'
+export default {
+  name: 'AOwnerDetailAccessControl',
+  data() {
+    return {
+      DEFAULT_PAGE: 1,
+      DEFAULT_ROWS: 10,
+      aOwnerDetailAccessControlInfo: {
+        translates: [],
+        ownerId: ''
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  methods: {
+    open(data) {
+      this.aOwnerDetailAccessControlInfo.ownerId = data.ownerId
+      this._loadAOwnerDetailAccessControlData(this.DEFAULT_PAGE, this.DEFAULT_ROWS)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this._loadAOwnerDetailAccessControlData(val, this.DEFAULT_ROWS)
+    },
+    async _loadAOwnerDetailAccessControlData(page, row) {
+      const param = {
+        page,
+        row,
+        objId: this.aOwnerDetailAccessControlInfo.ownerId,
+        typeCd: '8899'
+      }
+
+      try {
+        const response = await listAdminMachineTranslates(param)
+        this.aOwnerDetailAccessControlInfo.translates = response.machineTranslates
+        this.total = response.records
+        this.currentPage = page
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 20px;
+}
+
+.hc-td {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 200px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <a-owner-detail-access-control ref="accessControlComponent" />
+</template>
+
+<script>
+import AOwnerDetailAccessControl from './aOwnerDetailAccessControl'
+
+export default {
+  components: {
+    AOwnerDetailAccessControl
+  },
+  methods: {
+    open(data) {
+      this.$refs.accessControlComponent.handleSwitch(data)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="owner-detail-coupon">
+    <div class="margin-top">
+      <el-table :data="aOwnerDetailCouponInfo.coupons" border style="width: 100%">
+        <el-table-column prop="couponId" :label="$t('aOwnerDetailCoupon.id')" align="center" />
+        <el-table-column prop="couponName" :label="$t('aOwnerDetailCoupon.couponName')" align="center" />
+        <el-table-column prop="value" :label="$t('aOwnerDetailCoupon.faceValue')" align="center" />
+        <el-table-column prop="validityDay" :label="$t('aOwnerDetailCoupon.validity')" align="center" />
+        <el-table-column prop="userName" :label="$t('aOwnerDetailCoupon.userName')" align="center" />
+        <el-table-column prop="tel" :label="$t('aOwnerDetailCoupon.phone')" align="center" />
+        <el-table-column prop="toTypeName" :label="$t('aOwnerDetailCoupon.purpose')" align="center" />
+        <el-table-column prop="stock" :label="$t('aOwnerDetailCoupon.quantity')" align="center">
+          <template #default="{ row }">
+            {{ row.stock }}{{ $t('aOwnerDetailCoupon.sheet') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="state" :label="$t('aOwnerDetailCoupon.status')" align="center">
+          <template #default="{ row }">
+            {{ row.state === '1001' ? $t('aOwnerDetailCoupon.unused') : $t('aOwnerDetailCoupon.used') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="startTime" :label="$t('aOwnerDetailCoupon.effectiveTime')" align="center" />
+      </el-table>
+
+      <el-row class="margin-top">
+        <el-col :span="16"></el-col>
+        <el-col :span="8">
+          <el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize"
+            layout="total, prev, pager, next" :total="total" />
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import { listAdminCouponPropertyUser } from '@/api/aCommunity/aOwnerDetailCouponApi'
+export default {
+  name: 'AOwnerDetailCoupon',
+  data() {
+    return {
+      DEFAULT_PAGE: 1,
+      DEFAULT_ROWS: 10,
+      aOwnerDetailCouponInfo: {
+        coupons: [],
+        ownerId: '',
+        link: ''
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  methods: {
+    open(data) {
+      this.aOwnerDetailCouponInfo.ownerId = data.ownerId
+      this.aOwnerDetailCouponInfo.link = data.link
+      this._loadAOwnerDetailCouponData(this.DEFAULT_PAGE, this.DEFAULT_ROWS)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this._loadAOwnerDetailCouponData(val, this.DEFAULT_ROWS)
+    },
+    async _loadAOwnerDetailCouponData(page, row) {
+      const param = {
+        page,
+        row,
+        tel: this.aOwnerDetailCouponInfo.link
+      }
+
+      try {
+        const response = await listAdminCouponPropertyUser(param)
+        this.aOwnerDetailCouponInfo.coupons = response.data
+        this.total = response.records
+        this.currentPage = page
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 20px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <a-owner-detail-coupon ref="couponComponent" />
+</template>
+
+<script>
+import AOwnerDetailCoupon from './aOwnerDetailCoupon'
+
+export default {
+  components: {
+    AOwnerDetailCoupon
+  },
+  methods: {
+    open(data) {
+      this.$refs.couponComponent.handleSwitch(data)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="owner-detail-his">
+    <div class="margin-top">
+      <el-table :data="aOwnerDetailHisInfo.owners" border style="width: 100%">
+        <el-table-column prop="operate" :label="$t('aOwnerDetailHis.action')" align="center">
+          <template #default="{ row }">
+            {{ _getHisOwnerOperate(row) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="userName" :label="$t('aOwnerDetailHis.operator')" align="center">
+          <template #default="{ row }">
+            {{ row.userName || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" :label="$t('aOwnerDetailHis.operateTime')" align="center" />
+        <el-table-column prop="name" :label="$t('aOwnerDetailHis.name')" align="center">
+          <template #default="{ row }">
+            {{ row.name }}({{ row.link }})
+          </template>
+        </el-table-column>
+        <el-table-column prop="sex" :label="$t('aOwnerDetailHis.gender')" align="center">
+          <template #default="{ row }">
+            {{ row.sex == 0 ? $t('common.male') : $t('common.female') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="idCard" :label="$t('aOwnerDetailHis.idCard')" align="center">
+          <template #default="{ row }">
+            {{ row.idCard || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="address" :label="$t('aOwnerDetailHis.address')" align="center">
+          <template #default="{ row }">
+            {{ row.address || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column v-for="(item, index) in aOwnerDetailHisInfo.listColumns" :key="index" :label="item"
+          align="center">
+          <template #default="{ row }">
+            {{ row.listValues[index] || '-' }}
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-row class="margin-top">
+        <el-col :span="4"></el-col>
+        <el-col :span="20" class="text-right">
+          <el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize"
+            layout="total, prev, pager, next" :total="total" />
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDict } from '@/api/community/communityApi'
+import { queryAdminHisOwner } from '@/api/aCommunity/aOwnerDetailHisApi'
+
+export default {
+  name: 'AOwnerDetailHis',
+  data() {
+    return {
+      DEFAULT_PAGE: 1,
+      DEFAULT_ROWS: 10,
+      aOwnerDetailHisInfo: {
+        owners: [],
+        ownerId: '',
+        ownerName: '',
+        carNum: '',
+        listColumns: [],
+        logStartTime: '',
+        logEndTime: '',
+        ownerNameLike: '',
+        staffNameLike: ''
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  methods: {
+    open(data) {
+      this.aOwnerDetailHisInfo.ownerId = data.ownerId
+      this.aOwnerDetailHisInfo.ownerName = data.ownerName
+      this.aOwnerDetailHisInfo.ownerNameLike = data.ownerNameLike
+      this.aOwnerDetailHisInfo.logStartTime = data.logStartTime
+      this.aOwnerDetailHisInfo.logEndTime = data.logEndTime
+      this.aOwnerDetailHisInfo.staffNameLike = data.staffNameLike
+      this._getHisColumns(() => {
+        this._loadAOwnerDetailHisData(this.DEFAULT_PAGE, this.DEFAULT_ROWS)
+      })
+    },
+    handleNotify() {
+      this._loadAOwnerDetailHisData(this.DEFAULT_PAGE, this.DEFAULT_ROWS)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this._loadAOwnerDetailHisData(val, this.DEFAULT_ROWS)
+    },
+    async _loadAOwnerDetailHisData(page, row) {
+      const param = {
+        memberId: this.aOwnerDetailHisInfo.ownerId,
+        ownerNameLike: this.aOwnerDetailHisInfo.ownerNameLike,
+        logStartTime: this.aOwnerDetailHisInfo.logStartTime,
+        logEndTime: this.aOwnerDetailHisInfo.logEndTime,
+        staffNameLike: this.aOwnerDetailHisInfo.staffNameLike,
+        page,
+        row
+      }
+
+      try {
+        const response = await queryAdminHisOwner(param)
+        this.aOwnerDetailHisInfo.owners = response.data
+        this.dealOwnerAttr(response.data)
+        this.total = response.records
+        this.currentPage = page
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    dealOwnerAttr(owners) {
+      if (!owners) return
+      owners.forEach(item => {
+        this._getHisColumnsValue(item)
+      })
+    },
+    _getHisColumnsValue(owner) {
+      owner.listValues = []
+      if (!Object.prototype.hasOwnProperty.call(owner, 'ownerAttrDtos') || owner.ownerAttrDtos.length < 1) {
+        this.aOwnerDetailHisInfo.listColumns.forEach(() => {
+          owner.listValues.push('')
+        })
+        return
+      }
+      const ownerAttrDtos = owner.ownerAttrDtos
+      this.aOwnerDetailHisInfo.listColumns.forEach(value => {
+        let tmpValue = ''
+        ownerAttrDtos.forEach(attrItem => {
+          if (value === attrItem.specName) {
+            tmpValue = attrItem.valueName
+          }
+        })
+        owner.listValues.push(tmpValue)
+      })
+    },
+    async _getHisColumns(callback) {
+      this.aOwnerDetailHisInfo.listColumns = []
+      try {
+        const data = await getDict('building_owner_attr')
+        this.aOwnerDetailHisInfo.listColumns = data.filter(item => item.listShow === 'Y').map(item => item.specName)
+        callback()
+      } catch (error) {
+        console.error('获取属性规格失败:', error)
+      }
+    },
+    _getHisOwnerOperate(owner) {
+      let ownerCount = 0
+      this.aOwnerDetailHisInfo.owners.forEach(item => {
+        if (owner.bId === item.bId) {
+          ownerCount += 1
+        }
+      })
+      if (ownerCount <= 1) {
+        if (owner.operate === 'ADD') return this.$t('aOwnerDetailHis.add')
+        if (owner.operate === 'DEL') return this.$t('aOwnerDetailHis.delete')
+        return '-'
+      }
+      if (owner.operate === 'ADD') return this.$t('aOwnerDetailHis.modifyNew')
+      if (owner.operate === 'DEL') return this.$t('aOwnerDetailHis.modifyOld')
+      return '-'
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 20px;
+}
+
+.text-right {
+  text-align: right;
+}
+</style>
 \ No newline at end of file
+<template>
+  <a-owner-detail-his ref="hisComponent" />
+</template>
+
+<script>
+import AOwnerDetailHis from './aOwnerDetailHis'
+
+export default {
+  components: {
+    AOwnerDetailHis
+  },
+  methods: {
+    open(data) {
+      this.$refs.hisComponent.handleSwitch(data)
+    },
+    refresh() {
+      this.$refs.hisComponent.handleNotify()
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="owner-detail-room-fee">
+    <div class="margin-top">
+      <el-row class="margin-top-lg">
+        <el-col :span="16">
+          <span class="margin-right" v-for="(item, index) in aOwnerDetailRoomFeeInfo.payObjs" :key="index">
+            <el-checkbox class="checkRoomItem" :value="item.roomId" v-model="aOwnerDetailRoomFeeInfo.payerObjIds"
+              @change="_chanagePayerObjId">
+              {{ item.floorNum }}-{{ item.unitNum }}-{{ item.roomNum }}
+            </el-checkbox>
+          </span>
+        </el-col>
+        <el-col :span="8">
+          <el-select v-model="aOwnerDetailRoomFeeInfo.state" @change="_changeContractConfigId" size="small">
+            <el-option :label="$t('aOwnerDetailRoomFee.selectStatus')" value="" />
+            <el-option :label="$t('aOwnerDetailRoomFee.valid')" value="2008001" />
+            <el-option :label="$t('aOwnerDetailRoomFee.chargeEnd')" value="2009001" />
+          </el-select>
+        </el-col>
+      </el-row>
+
+      <div class="margin-top">
+        <el-table :data="aOwnerDetailRoomFeeInfo.fees" border style="width: 100%">
+          <el-table-column prop="payerObjName" :label="$t('aOwnerDetailRoomFee.room')" align="center" />
+          <el-table-column prop="feeName" :label="$t('aOwnerDetailRoomFee.feeItem')" align="center" />
+          <el-table-column prop="feeFlagName" :label="$t('aOwnerDetailRoomFee.feeFlag')" align="center" />
+          <el-table-column prop="feeTypeCdName" :label="$t('aOwnerDetailRoomFee.feeType')" align="center" />
+          <el-table-column prop="amountOwed" :label="$t('aOwnerDetailRoomFee.amountReceivable')" align="center" />
+          <el-table-column prop="startTime" :label="$t('aOwnerDetailRoomFee.accountTime')" align="center" />
+          <el-table-column :label="$t('aOwnerDetailRoomFee.receivablePeriod')" align="center">
+            <template #default="{ row }">
+              {{ _getRoomEndTime(row) }}~<br>{{ _getRoomDeadlineTime(row) }}
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('aOwnerDetailRoomFee.description')" align="center">
+            <template #default="{ row }">
+              <div v-if="row.computingFormula === '5005' || row.computingFormula === '9009'">
+                <div>{{ $t('aOwnerDetailRoomFee.lastDegree') }}: {{ row.preDegrees }}</div>
+                <div>{{ $t('aOwnerDetailRoomFee.currentDegree') }}: {{ row.curDegrees }}</div>
+                <div>{{ $t('aOwnerDetailRoomFee.unitPrice') }}: {{ row.mwPrice ? row.mwPrice : row.squarePrice }}</div>
+                <div>{{ $t('aOwnerDetailRoomFee.additionalFee') }}: {{ row.additionalAmount }}</div>
+              </div>
+              <div v-else-if="row.computingFormula === '6006'">
+                <div>{{ $t('aOwnerDetailRoomFee.usage') }}: {{ _getRoomAttrValue(row.feeAttrs, '390006') }}</div>
+                <div>{{ $t('aOwnerDetailRoomFee.unitPrice') }}: {{ row.squarePrice }}</div>
+                <div>{{ $t('aOwnerDetailRoomFee.additionalFee') }}: {{ row.additionalAmount }}</div>
+              </div>
+              <div v-else-if="row.feeTypeCd === '888800010017'" style="width: 150px">
+                <div>{{ $t('aOwnerDetailRoomFee.algorithm') }}: {{ _getRoomAttrValue(row.feeAttrs, '390005') }}</div>
+                <div>{{ $t('aOwnerDetailRoomFee.usage') }}: {{ _getRoomAttrValue(row.feeAttrs, '390003') }}</div>
+              </div>
+              <div v-else-if="row.computingFormula === '4004'" style="width: 150px">
+                <div>{{ $t('aOwnerDetailRoomFee.feeBasedOnActual') }}</div>
+              </div>
+              <div v-else>
+                <div>{{ $t('aOwnerDetailRoomFee.unitPrice') }}: {{ row.squarePrice }}</div>
+                <div v-if="row.feeFlag === '1003006'">{{ $t('aOwnerDetailRoomFee.additionalFee') }}:
+                  {{ row.additionalAmount }}</div>
+                <div v-else>{{ $t('aOwnerDetailRoomFee.fixedFee') }}: {{ row.additionalAmount }}</div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="stateName" :label="$t('aOwnerDetailRoomFee.status')" align="center" />
+          <el-table-column :label="$t('aOwnerDetailRoomFee.operation')" align="center" />
+        </el-table>
+
+        <el-row class="margin-top">
+          <el-col :span="12">
+            <div>{{ $t('aOwnerDetailRoomFee.note1') }}</div>
+            <div>{{ $t('aOwnerDetailRoomFee.note2') }}</div>
+          </el-col>
+          <el-col :span="4">
+            <span>{{ $t('aOwnerDetailRoomFee.arrearsSubtotal') }}</span>
+            {{ aOwnerDetailRoomFeeInfo.totalAmount }}
+          </el-col>
+          <el-col :span="8">
+            <el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize"
+              layout="total, prev, pager, next" :total="total" />
+          </el-col>
+        </el-row>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { listAdminFee,queryAdminOwnerRooms } from '@/api/aCommunity/aOwnerDetailRoomFeeApi'
+//import { getCommunityId } from '@/api/community/communityApi'
+import { dateFormat } from '@/utils/dateUtil'
+
+export default {
+  name: 'AOwnerDetailRoomFee',
+  data() {
+    return {
+      DEFAULT_PAGE: 1,
+      DEFAULT_ROWS: 30,
+      aOwnerDetailRoomFeeInfo: {
+        fees: [],
+        roomNum: '',
+        allOweFeeAmount: '0',
+        payObjs: [],
+        payerObjIds: [],
+        ownerId: '',
+        state: '2008001',
+        totalAmount: 0
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  methods: {
+    open(data) {
+      this.aOwnerDetailRoomFeeInfo.ownerId = data.ownerId
+      this._loadDetailRoomsData()
+    },
+    handleNotify() {
+      this._loadAOwnerDetailRoomFeeData(this.DEFAULT_PAGE, this.DEFAULT_ROWS)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this._loadAOwnerDetailRoomFeeData(val, this.DEFAULT_ROWS)
+    },
+    async _loadAOwnerDetailRoomFeeData(page, row) {
+      const payerObjIds = this.aOwnerDetailRoomFeeInfo.payerObjIds.join(',')
+      const param = {
+        page,
+        row,
+        payerObjIds,
+        state: this.aOwnerDetailRoomFeeInfo.state
+      }
+
+      try {
+        const response = await listAdminFee(param)
+        this.total = response.records
+        this.aOwnerDetailRoomFeeInfo.fees = response.fees
+        this.currentPage = page
+
+        let totalAmount = 0.0
+        this.aOwnerDetailRoomFeeInfo.fees.forEach(item => {
+          totalAmount += parseFloat(item.amountOwed)
+        })
+        this.aOwnerDetailRoomFeeInfo.totalAmount = totalAmount.toFixed(2)
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    _getRoomAttrValue(attrs, specCd) {
+      let value = ""
+      attrs.forEach(item => {
+        if (item.specCd === specCd) {
+          value = item.value
+          return
+        }
+      })
+      return value
+    },
+    _getRoomDeadlineTime(fee) {
+      if (fee.amountOwed === 0 && fee.endTime === fee.deadlineTime) {
+        return "-"
+      }
+      if (fee.state === '2009001') {
+        return "-"
+      }
+      return dateFormat(fee.deadlineTime)
+    },
+    _getRoomEndTime(fee) {
+      if (fee.state === '2009001') {
+        return "-"
+      }
+      return dateFormat(fee.endTime)
+    },
+    _chanagePayerObjId() {
+      this._loadAOwnerDetailRoomFeeData(this.DEFAULT_PAGE, this.DEFAULT_ROWS)
+    },
+    _changeContractConfigId() {
+      this._loadAOwnerDetailRoomFeeData(this.DEFAULT_PAGE, this.DEFAULT_ROWS)
+    },
+    async _loadDetailRoomsData() {
+      const param = {
+        ownerId: this.aOwnerDetailRoomFeeInfo.ownerId,
+        page: 1,
+        row: 100
+      }
+      this.aOwnerDetailRoomFeeInfo.payerObjIds = []
+
+      try {
+        const response = await queryAdminOwnerRooms(param)
+        this.aOwnerDetailRoomFeeInfo.payObjs = response.rooms
+        response.rooms.forEach(room => {
+          this.aOwnerDetailRoomFeeInfo.payerObjIds.push(room.roomId)
+        })
+        this._loadAOwnerDetailRoomFeeData(this.DEFAULT_PAGE, this.DEFAULT_ROWS)
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 20px;
+}
+
+.margin-top-lg {
+  margin-top: 30px;
+}
+
+.margin-right {
+  margin-right: 15px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <a-owner-detail-room-fee ref="roomFeeComponent" />
+</template>
+
+<script>
+import AOwnerDetailRoomFee from './aOwnerDetailRoomFee'
+
+export default {
+  components: {
+    AOwnerDetailRoomFee
+  },
+  methods: {
+    open(data) {
+      this.$refs.roomFeeComponent.handleSwitch(data)
+    },
+    refresh() {
+      this.$refs.roomFeeComponent.handleNotify()
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="owner-detail-visit">
+    <div class="margin-top">
+      <el-table :data="aOwnerDetailVisitInfo.visits" border style="width: 100%">
+        <el-table-column prop="vId" :label="$t('aOwnerDetailVisit.visitorId')" align="center" />
+        <el-table-column :label="$t('aOwnerDetailVisit.photo')" align="center">
+          <template #default="{ row }">
+            <div style="position: relative; display: inline-block;"
+              @click="showVisitImg(row.url ? row.url : '/img/noPhoto.jpg')">
+              <img width="50" height="50" :src="row.url ? row.url : '/img/noPhoto.jpg'" @error="handleImageError">
+              <img src="/img/icon-bigimg.png" style="position: absolute;right: 0;bottom: 0;" width="50" height="50"
+                alt="">
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('aOwnerDetailVisit.visitor')" align="center">
+          <template #default="{ row }">
+            {{ row.vName }}({{ row.phoneNumber }})/{{ row.visitGender === '0' ? $t('common.male') : $t('common.female') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="ownerName" :label="$t('aOwnerDetailVisit.ownerName')" align="center" />
+        <el-table-column :label="$t('aOwnerDetailVisit.visitReason')" align="center">
+          <template #default="{ row }">
+            {{ row.visitCase }}({{ row.reasonTypeName }})
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('aOwnerDetailVisit.carNum')" align="center">
+          <template #default="{ row }">
+            <div v-if="row.carState === '1' && row.psId != null && row.psId !== '' && row.psId !== undefined">
+              {{ row.carNum }}<br />({{ row.parkAreaNum }}{{ $t('aOwnerDetailVisit.parkingLot') }}-{{ row.parkingSpaceNum }}{{ $t('aOwnerDetailVisit.parkingSpace') }})
+            </div>
+            <div v-else>{{ row.carNum }}</div>
+          </template>
+        </el-table-column>
+        <el-table-column prop="entourage" :label="$t('aOwnerDetailVisit.entourage')" align="center" />
+        <el-table-column prop="createTime" :label="$t('aOwnerDetailVisit.createTime')" align="center" />
+        <el-table-column :label="$t('aOwnerDetailVisit.visitTime')" align="center">
+          <template #default="{ row }">
+            {{ row.visitTime }}<br />{{ row.departureTime }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="stateName" :label="$t('aOwnerDetailVisit.visitorStatus')" align="center" />
+        <el-table-column prop="carStateName" :label="$t('aOwnerDetailVisit.carStatus')" align="center" />
+        <el-table-column :label="$t('aOwnerDetailVisit.operation')" align="center" />
+      </el-table>
+
+      <el-row class="margin-top">
+        <el-col :span="16"></el-col>
+        <el-col :span="8">
+          <el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize"
+            layout="total, prev, pager, next" :total="total" />
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import { listAdminVisits } from '@/api/aCommunity/aOwnerDetailVisitApi'
+export default {
+  name: 'AOwnerDetailVisit',
+  data() {
+    return {
+      DEFAULT_PAGE: 1,
+      DEFAULT_ROWS: 10,
+      aOwnerDetailVisitInfo: {
+        visits: [],
+        ownerId: '',
+        link: ''
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  methods: {
+    open(data) {
+      this.aOwnerDetailVisitInfo.ownerId = data.ownerId
+      this.aOwnerDetailVisitInfo.link = data.link
+      this._loadAOwnerDetailVisitData(this.DEFAULT_PAGE, this.DEFAULT_ROWS)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this._loadAOwnerDetailVisitData(val, this.DEFAULT_ROWS)
+    },
+    async _loadAOwnerDetailVisitData(page, row) {
+      const param = {
+        page,
+        row,
+        ownerTel: this.aOwnerDetailVisitInfo.link,
+        channel: 'PC'
+      }
+
+      try {
+        const response = await listAdminVisits(param)
+        this.aOwnerDetailVisitInfo.visits = response.visits
+        this.total = response.records
+        this.currentPage = page
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    showVisitImg(url) {
+      if (!url) {
+        url = '/img/noPhoto.jpg'
+      }
+      this.$emit('viewImage', url)
+    },
+    handleImageError(e) {
+      e.target.src = '/img/noPhoto.jpg'
+    },
+    _openVisitDetail(item) {
+      const flowId = item.flowId || ''
+      this.$router.push(`/pages/property/visitDetail?vId=${item.vId}&flowId=${flowId}`)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 20px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <a-owner-detail-visit 
+    ref="visitComponent" 
+    @viewImage="handleViewImage"
+  />
+</template>
+
+<script>
+import AOwnerDetailVisit from './aOwnerDetailVisit'
+
+export default {
+  components: {
+    AOwnerDetailVisit
+  },
+  methods: {
+    open(data) {
+      this.$refs.visitComponent.handleSwitch(data)
+    },
+    handleViewImage(url) {
+      // Handle image view logic here
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="admin-owner-detail-access-control-record">
+    <div class="margin-top">
+      <el-table
+        :data="accessControlRecordInfo.records"
+        border
+        style="width: 100%"
+      >
+        <el-table-column
+          prop="recordTypeName"
+          :label="$t('adminOwnerDetailAccessControlRecord.recordType')"
+          align="center"
+        />
+        <el-table-column
+          prop="machineName"
+          :label="$t('adminOwnerDetailAccessControlRecord.machineName')"
+          align="center"
+        />
+        <el-table-column
+          prop="userName"
+          :label="$t('adminOwnerDetailAccessControlRecord.userName')"
+          align="center"
+        />
+        <el-table-column
+          prop="openTypeCdName"
+          :label="$t('adminOwnerDetailAccessControlRecord.openType')"
+          align="center"
+        />
+        <el-table-column
+          prop="createTime"
+          :label="$t('adminOwnerDetailAccessControlRecord.createTime')"
+          align="center"
+        />
+      </el-table>
+
+      <el-row class="margin-top">
+        <el-col :span="16"></el-col>
+        <el-col :span="8">
+          <el-pagination
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            :page-size="pageSize"
+            layout="total, prev, pager, next"
+            :total="total"
+          />
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AdminOwnerDetailAccessControlRecord',
+  data() {
+    return {
+      DEFAULT_PAGE: 1,
+      DEFAULT_ROWS: 10,
+      accessControlRecordInfo: {
+        records: [],
+        ownerId: ''
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  methods: {
+    handleSwitch(data) {
+      this.accessControlRecordInfo.ownerId = data.ownerId
+      this._loadAccessControlRecordData(this.DEFAULT_PAGE, this.DEFAULT_ROWS)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this._loadAccessControlRecordData(val, this.DEFAULT_ROWS)
+    },
+    async _loadAccessControlRecordData(page, row) {
+      const param = {
+        page,
+        row,
+        objId: this.accessControlRecordInfo.ownerId,
+        objType: '8899'
+      }
+
+      try {
+        const response = await this.$http.get('/machineRecord.listAdminMachineRecords', { params: param })
+        const recordInfo = response.data
+        this.accessControlRecordInfo.records = recordInfo.machineRecords
+        this.total = recordInfo.records
+        this.currentPage = page
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 20px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <admin-owner-detail-access-control-record ref="accessControlRecordComponent" />
+</template>
+
+<script>
+import AdminOwnerDetailAccessControlRecord from './adminOwnerDetailAccessControlRecord'
+
+export default {
+  components: {
+    AdminOwnerDetailAccessControlRecord
+  },
+  methods: {
+    open(data) {
+      this.$refs.accessControlRecordComponent.handleSwitch(data)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div class="admin-owner-detail-charge-machine-order">
+    <div class="margin-top">
+      <el-table
+        :data="chargeMachineOrderInfo.orders"
+        border
+        style="width: 100%"
+      >
+        <el-table-column
+          prop="machineName"
+          :label="$t('adminOwnerDetailChargeMachineOrder.machineName')"
+          align="center"
+        />
+        <el-table-column
+          prop="orderTypeName"
+          :label="$t('adminOwnerDetailChargeMachineOrder.orderType')"
+          align="center"
+        />
+        <el-table-column
+          prop="userName"
+          :label="$t('adminOwnerDetailChargeMachineOrder.userName')"
+          align="center"
+        />
+        <el-table-column
+          prop="tel"
+          :label="$t('adminOwnerDetailChargeMachineOrder.phone')"
+          align="center"
+        />
+        <el-table-column
+          prop="createTime"
+          :label="$t('adminOwnerDetailChargeMachineOrder.createTime')"
+          align="center"
+        />
+        <el-table-column
+          prop="stateName"
+          :label="$t('adminOwnerDetailChargeMachineOrder.status')"
+          align="center"
+        />
+      </el-table>
+
+      <el-row class="margin-top">
+        <el-col :span="16"></el-col>
+        <el-col :span="8">
+          <el-pagination
+            @current-change="handleCurrentChange"
+            :current-page="currentPage"
+            :page-size="pageSize"
+            layout="total, prev, pager, next"
+            :total="total"
+          />
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'AdminOwnerDetailChargeMachineOrder',
+  data() {
+    return {
+      DEFAULT_PAGE: 1,
+      DEFAULT_ROWS: 10,
+      chargeMachineOrderInfo: {
+        orders: [],
+        ownerId: ''
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  methods: {
+    handleSwitch(data) {
+      this.chargeMachineOrderInfo.ownerId = data.ownerId
+      this._loadChargeMachineOrderData(this.DEFAULT_PAGE, this.DEFAULT_ROWS)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this._loadChargeMachineOrderData(val, this.DEFAULT_ROWS)
+    },
+    async _loadChargeMachineOrderData(page, row) {
+      const param = {
+        page,
+        row,
+        objId: this.chargeMachineOrderInfo.ownerId,
+        objType: '8899'
+      }
+
+      try {
+        const response = await this.$http.get('/machineOrder.listAdminMachineOrders', { params: param })
+        const orderInfo = response.data
+        this.chargeMachineOrderInfo.orders = orderInfo.machineOrders
+        this.total = orderInfo.records
+        this.currentPage = page
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 20px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <admin-owner-detail-charge-machine-order ref="chargeMachineOrderComponent" />
+</template>
+
+<script>
+import AdminOwnerDetailChargeMachineOrder from './adminOwnerDetailChargeMachineOrder'
+
+export default {
+  components: {
+    AdminOwnerDetailChargeMachineOrder
+  },
+  methods: {
+    open(data) {
+      this.$refs.chargeMachineOrderComponent.handleSwitch(data)
+    }
+  }
+}
+</script>
 \ No newline at end of file
@@ -32,12 +32,7 @@ import { queryAdminOwnerAccount } from &#39;@/api/fee/adminRoomFeeApi&#39;
 export default {
   name: 'AOwnerDetailAccount',
-  props: {
-    ownerId: {
-      type: String,
-      default: ''
-    }
-  },
+
   data() {
     return {
       accounts: [],
@@ -49,7 +44,8 @@ export default {
     }
   },
   methods: {
-    open() {
+    open(params) {
+      this.ownerId = params.ownerId
       this.page.current = 1
       this.loadData()
     },
@@ -7,10 +7,10 @@
       <el-table-column :label="$t('adminRoomFee.amount')" align="center">
         <template slot-scope="scope">
           {{ scope.row.receivableAmount }}/{{ scope.row.receivedAmount }}<br>
-          <div v-if="scope.row.acctAmount>0">
+          <div v-if="scope.row.acctAmount > 0">
             {{ $t('adminRoomFee.accountDeduction') }}: {{ scope.row.acctAmount }}<br>
           </div>
-          <div v-for="(item,index) in scope.row.payFeeDetailDiscountDtoList" :key="index">
+          <div v-for="(item, index) in scope.row.payFeeDetailDiscountDtoList" :key="index">
             {{ item.discountName }}: {{ Math.abs(item.discountPrice) }}<br>
           </div>
         </template>
@@ -19,7 +19,7 @@
       <el-table-column :label="$t('adminRoomFee.paymentPeriod')" align="center">
         <template slot-scope="scope">
           {{ dfTime(scope.row.startTime) }}~<br>
-          {{ dfTime(scope.row.endTime)}}
+          {{ dfTime(scope.row.endTime) }}
         </template>
       </el-table-column>
       <el-table-column prop="createTime" :label="$t('adminRoomFee.paymentTime')" align="center" />
@@ -28,35 +28,20 @@
       <el-table-column prop="remark" :label="$t('adminRoomFee.remark')" align="center" />
     </el-table>
-    <el-pagination
-    class="margin-top"
-      :current-page="page.current"
-      :page-size="page.size"
-      :total="page.total"
-      layout="total, sizes, prev, pager, next, jumper"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-    />
+    <el-pagination class="margin-top" :current-page="page.current" :page-size="page.size" :total="page.total"
+      layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+      @current-change="handleCurrentChange" />
   </div>
 </template>
 <script>
 import { queryAdminFeeDetail } from '@/api/fee/adminRoomFeeApi'
-import {dateFormat} from '@/utils/dateUtil'
+import { dateFormat } from '@/utils/dateUtil'
 export default {
   name: 'ARoomDetailHisFee',
-  props: {
-    ownerId: {
-      type: String,
-      default: ''
-    },
-    feeId: {
-      type: String,
-      default: ''
-    }
-  },
+
   data() {
     return {
       feeDetails: [],
@@ -68,22 +53,23 @@ export default {
     }
   },
   methods: {
-    open(ownerId, roomId) {
-      console.log(ownerId, roomId)
+    open(params) {
+      this.ownerId = params.ownerId
+      this.feeId = params.feeId
       this.loadData()
     },
-  async  loadData() {
+    async loadData() {
       const params = {
         page: this.page.current,
         row: this.page.size,
         ownerId: this.ownerId,
         feeId: this.feeId
       }
-      
-    const res = await queryAdminFeeDetail(params)
-        this.feeDetails = res.feeDetails
-        this.page.total = res.total
-      
+
+      const res = await queryAdminFeeDetail(params)
+      this.feeDetails = res.feeDetails
+      this.page.total = res.total
+
     },
     handleSizeChange(val) {
       this.page.size = val
@@ -80,7 +80,7 @@ export default {
     },
     toDetail(owner) {
-      window.open(`/#/pages/owner/adminOwnerDetail?ownerId=${owner.ownerId}`)
+      window.open(`/#/views/aCommunity/adminOwnerDetail?ownerId=${owner.ownerId}`)
     },
     handleSizeChange(val) {
       this.page.size = val
@@ -53,16 +53,6 @@ import { queryAdminOwnerRooms } from &#39;@/api/fee/adminRoomFeeApi&#39;
 export default {
   name: 'ARoomDetailRoom',
-  props: {
-    ownerId: {
-      type: String,
-      default: ''
-    },
-    roomId: {
-      type: String,
-      default: ''
-    }
-  },
   data() {
     return {
       rooms: [],
@@ -75,7 +65,9 @@ export default {
     }
   },
   methods: {
-    open() {
+    open(data) {
+      this.ownerId = data.ownerId
+      this.roomId = data.roomId
       this.loadData()
     },
     async loadData() {
@@ -52,6 +52,7 @@ export default {
     return {
       appUsers: [],
       currentAppUserId: '',
+      ownerId: '',
       page: {
         current: 1,
         size: 10,
@@ -60,12 +61,17 @@ export default {
     }
   },
   methods: {
+    open(params) {
+      this.ownerId = params.ownerId
+      this.loadData()
+    },
     async loadData() {
       try {
         const params = {
           page: this.page.current,
           row: this.page.size,
-          systemUserId: this.userId
+          systemUserId: this.userId,
+          ownerId: this.ownerId
         }
         const res = await listAdminAppUserOwners(params)
         if (res.code === 0) {
@@ -85,7 +91,7 @@ export default {
       this.loadData()
     },
     toOwnerDetail(row) {
-      window.open(`/#/pages/owner/adminOwnerDetail?ownerId=${row.ownerId}`)
+      window.open(`/#/views/aCommunity/adminOwnerDetail?ownerId=${row.ownerId}`)
     },
     openAuditModal(appUserId) {
       this.currentAppUserId = appUserId
@@ -8,6 +8,7 @@ import { messages as editCommunityPublicityMessages } from &#39;../views/community/e
 import { messages as handoverMessages } from '../views/room/handoverLang'
 import { messages as ownerExitRoomMessages } from '../views/room/ownerExitRoomLang'
 import { messages as adminRoomDetailMessages } from '../views/aCommunity/adminRoomDetailLang.js'
+import { messages as adminOwnerDetailMessages } from '../views/aCommunity/adminOwnerDetailLang.js'
 export const messages = {
     en: {
         ...roomStructureMessages.en,
@@ -20,6 +21,7 @@ export const messages = {
         ...handoverMessages.en,
         ...ownerExitRoomMessages.en,
         ...adminRoomDetailMessages.en,
+        ...adminOwnerDetailMessages.en,
     },
     zh: {
         ...roomStructureMessages.zh,
@@ -32,5 +34,6 @@ export const messages = {
         ...handoverMessages.zh,
         ...ownerExitRoomMessages.zh,
         ...adminRoomDetailMessages.zh,
+        ...adminOwnerDetailMessages.zh,
     }
 }
 \ No newline at end of file
@@ -49,4 +49,9 @@ export default [
         name: '/pages/community/adminRoomDetail',
         component: () => import('@/views/aCommunity/adminRoomDetail.vue')
     },
+    {
+        path:'/views/aCommunity/adminOwnerDetail',
+        name:'/views/aCommunity/adminOwnerDetail',
+        component: () => import('@/views/aCommunity/adminOwnerDetail.vue')
+        },
 ]
 \ No newline at end of file
+export const messages = {
+  en: {
+    aOwnerDetailAccessControl: {
+      objectType: 'Object Type',
+      objectName: 'Object Name',
+      command: 'Command',
+      status: 'Status',
+      description: 'Description',
+      syncTime: 'Sync Time'
+    }
+  },
+  zh: {
+    aOwnerDetailAccessControl: {
+      objectType: '对象类型',
+      objectName: '对象名称',
+      command: '指令',
+      status: '状态',
+      description: '说明',
+      syncTime: '同步时间'
+    }
+  }
+}
 \ No newline at end of file
+export const messages = {
+  en: {
+    aOwnerDetailCoupon: {
+      id: 'ID',
+      couponName: 'Coupon Name',
+      faceValue: 'Face Value',
+      validity: 'Validity',
+      userName: 'User Name',
+      phone: 'Phone',
+      purpose: 'Purpose',
+      quantity: 'Quantity',
+      status: 'Status',
+      effectiveTime: 'Effective Time',
+      unused: 'Unused',
+      used: 'Used',
+      sheet: 'sheet'
+    }
+  },
+  zh: {
+    aOwnerDetailCoupon: {
+      id: '编号',
+      couponName: '优惠券名称',
+      faceValue: '面值',
+      validity: '有效期',
+      userName: '用户名称',
+      phone: '手机号',
+      purpose: '用途',
+      quantity: '数量',
+      status: '状态',
+      effectiveTime: '生效时间',
+      unused: '未使用',
+      used: '已使用',
+      sheet: '张'
+    }
+  }
+}
 \ No newline at end of file
+export const messages = {
+  en: {
+    aOwnerDetailHis: {
+      action: 'Action',
+      operator: 'Operator',
+      operateTime: 'Operate Time',
+      name: 'Name',
+      gender: 'Gender',
+      idCard: 'ID Card',
+      address: 'Address',
+      add: 'Add',
+      delete: 'Delete',
+      modifyNew: 'Modify(New)',
+      modifyOld: 'Modify(Old)'
+    }
+  },
+  zh: {
+    aOwnerDetailHis: {
+      action: '动作',
+      operator: '操作人',
+      operateTime: '操作时间',
+      name: '姓名',
+      gender: '性别',
+      idCard: '身份证',
+      address: '家庭住址',
+      add: '添加',
+      delete: '删除',
+      modifyNew: '修改(新)',
+      modifyOld: '修改(旧)'
+    }
+  }
+}
 \ No newline at end of file
+export const messages = {
+  en: {
+    aOwnerDetailRoomFee: {
+      room: 'Room',
+      feeItem: 'Fee Item',
+      feeFlag: 'Fee Flag',
+      feeType: 'Fee Type',
+      amountReceivable: 'Amount Receivable',
+      accountTime: 'Account Time',
+      receivablePeriod: 'Receivable Period',
+      description: 'Description',
+      status: 'Status',
+      operation: 'Operation',
+      selectStatus: 'Select Status',
+      valid: 'Valid',
+      chargeEnd: 'Charge End',
+      lastDegree: 'Last Degree',
+      currentDegree: 'Current Degree',
+      unitPrice: 'Unit Price',
+      additionalFee: 'Additional Fee',
+      usage: 'Usage',
+      algorithm: 'Algorithm',
+      feeBasedOnActual: 'Fee based on actual situation',
+      fixedFee: 'Fixed Fee',
+      arrearsSubtotal: 'Arrears Subtotal:',
+      note1: 'Note: The receivable end time "-" means not yet receivable or charge has ended',
+      note2: 'The receivable amount is -1, usually the fee item formula setting is wrong, please check'
+    }
+  },
+  zh: {
+    aOwnerDetailRoomFee: {
+      room: '房屋',
+      feeItem: '费用项目',
+      feeFlag: '费用标识',
+      feeType: '费用类型',
+      amountReceivable: '应收金额',
+      accountTime: '建账时间',
+      receivablePeriod: '应收时间段',
+      description: '说明',
+      status: '状态',
+      operation: '操作',
+      selectStatus: '请选择状态',
+      valid: '有效',
+      chargeEnd: '收费结束',
+      lastDegree: '上期度数',
+      currentDegree: '本期度数',
+      unitPrice: '单价',
+      additionalFee: '附加费',
+      usage: '用量',
+      algorithm: '算法',
+      feeBasedOnActual: '费用根据实际情况而定',
+      fixedFee: '固定费',
+      arrearsSubtotal: '欠费小计：',
+      note1: '注意：应收结束时间 "-" 表示未到应收时间或收费已结束',
+      note2: '应收金额为-1 一般为费用项公式设置出错请检查'
+    }
+  }
+}
 \ No newline at end of file
+export const messages = {
+  en: {
+    aOwnerDetailVisit: {
+      visitorId: 'Visitor ID',
+      photo: 'Photo',
+      visitor: 'Visitor',
+      ownerName: 'Owner Name',
+      visitReason: 'Visit Reason/Type',
+      carNum: 'Car Number',
+      entourage: 'Entourage',
+      createTime: 'Create Time',
+      visitTime: 'Visit/Departure Time',
+      visitorStatus: 'Visitor Status',
+      carStatus: 'Car Status',
+      operation: 'Operation',
+      parkingLot: ' parking lot-',
+      parkingSpace: ' parking space'
+    }
+  },
+  zh: {
+    aOwnerDetailVisit: {
+      visitorId: '访客ID',
+      photo: '照片',
+      visitor: '访客',
+      ownerName: '业主姓名',
+      visitReason: '来访事由/类型',
+      carNum: '车牌号',
+      entourage: '随行人数',
+      createTime: '创建时间',
+      visitTime: '来访/离开时间',
+      visitorStatus: '访客状态',
+      carStatus: '车辆状态',
+      operation: '操作',
+      parkingLot: '停车场-',
+      parkingSpace: '停车位'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="white-bg padding-lg padding-top border-radius">
+    <div class="flex justify-between">
+      <div class="text-title">{{ $t('adminOwnerDetail.ownerInfo') }}</div>
+      <div>
+        <el-button type="primary" size="small" style="margin-left:10px" @click="goBack">
+          <i class="el-icon-close"></i>{{ $t('common.back') }}
+        </el-button>
+      </div>
+    </div>
+
+    <div class="flex justify-start margin-top">
+      <div class="text-center vc-float-left" style="width: 150px;" v-if="adminOwnerDetailInfo.faceUrl">
+        <img width="120px" height="140px" class="border-radius" :src="adminOwnerDetailInfo.faceUrl"
+          @error="errorLoadImg" />
+      </div>
+      <div class="text-center vc-float-left" style="width: 150px;" v-else>
+        <img width="120px" height="140px" class="border-radius" src="/img/noPhoto.jpg" />
+      </div>
+
+      <el-row style="min-height: 160px;width: 100%;" class="text-left margin-left">
+        <el-col :span="24">
+          <el-row>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('adminOwnerDetail.name') }}：</label>
+                <label>{{ adminOwnerDetailInfo.name }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6" v-if="adminOwnerDetailInfo.personType == 'P'">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('adminOwnerDetail.sex') }}：</label>
+                <label>{{ adminOwnerDetailInfo.sex == '0' ? $t('common.male') : (adminOwnerDetailInfo.sex == '1' ?
+                  $t('common.female') : '') }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('adminOwnerDetail.communityName') }}：</label>
+                <label>{{ adminOwnerDetailInfo.communityName }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('adminOwnerDetail.personType') }}：</label>
+                <label>{{ adminOwnerDetailInfo.personTypeName }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('adminOwnerDetail.personRole') }}：</label>
+                <label>{{ adminOwnerDetailInfo.personRoleName }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('adminOwnerDetail.idCard') }}：</label>
+                <label>{{ adminOwnerDetailInfo.idCard }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('adminOwnerDetail.contact') }}：</label>
+                <label>{{ adminOwnerDetailInfo.link }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('adminOwnerDetail.backupPhone') }}：</label>
+                <label>{{ adminOwnerDetailInfo.concactLink }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6" v-if="adminOwnerDetailInfo.personType == 'C'">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('adminOwnerDetail.contactPerson') }}：</label>
+                <label>{{ adminOwnerDetailInfo.concactPerson }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('adminOwnerDetail.creator') }}：</label>
+                <label>{{ adminOwnerDetailInfo.userName }}</label>
+              </div>
+            </el-col>
+            <el-col :span="12">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('adminOwnerDetail.remark') }}：</label>
+                <label>{{ adminOwnerDetailInfo.remark }}</label>
+              </div>
+            </el-col>
+          </el-row>
+
+          <div v-for="(item, index) in adminOwnerDetailInfo.ownerAttrDtos" :key="index">
+            <el-row v-if="index % 4 == 0">
+              <el-col :span="6">
+                <div class="form-group">
+                  <label class="col-form-label">{{ item.specName }}：</label>
+                  <label>{{ item.valueName }}</label>
+                </div>
+              </el-col>
+              <el-col :span="6" v-if="index < adminOwnerDetailInfo.ownerAttrDtos.length - 1">
+                <div class="form-group">
+                  <label class="col-form-label">{{ adminOwnerDetailInfo.ownerAttrDtos[index + 1].specName }}：</label>
+                  <label>{{ adminOwnerDetailInfo.ownerAttrDtos[index + 1].valueName }}</label>
+                </div>
+              </el-col>
+              <el-col :span="6" v-if="index < adminOwnerDetailInfo.ownerAttrDtos.length - 2">
+                <div class="form-group">
+                  <label class="col-form-label">{{ adminOwnerDetailInfo.ownerAttrDtos[index + 2].specName }}：</label>
+                  <label>{{ adminOwnerDetailInfo.ownerAttrDtos[index + 2].valueName }}</label>
+                </div>
+              </el-col>
+              <el-col :span="6" v-if="index < adminOwnerDetailInfo.ownerAttrDtos.length - 3">
+                <div class="form-group">
+                  <label class="col-form-label">{{ adminOwnerDetailInfo.ownerAttrDtos[index + 3].specName }}：</label>
+                  <label>{{ adminOwnerDetailInfo.ownerAttrDtos[index + 3].valueName }}</label>
+                </div>
+              </el-col>
+            </el-row>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+
+    <Divider />
+
+    <div class="margin-top-sm">
+      <el-tabs v-model="adminOwnerDetailInfo._currentTab" @tab-click="handleTabClick(adminOwnerDetailInfo._currentTab)">
+        <el-tab-pane :label="$t('adminOwnerDetail.house')" name="aRoomDetailRoom"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.car')" name="aRoomDetailCar"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.contract')" name="aRoomDetailContract"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.member')" name="aRoomDetailMember"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.modifyRecord')" name="aOwnerDetailHis"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.houseFee')" name="aOwnerDetailRoomFee"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.paymentHistory')" name="aRoomDetailHisFee"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.account')" name="aOwnerDetailAccount"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.coupon')" name="aOwnerDetailCoupon"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.ownerBinding')" name="aOwnerDetailAppUser"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.complaint')" name="aRoomDetailComplaint"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.repair')" name="aRoomDetailRepair"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.visitor')" name="aOwnerDetailVisit"
+          v-if="adminOwnerDetailInfo.link"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.paymentReceipt')" name="aRoomDetailReceipt"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.depositReceipt')" name="aOwnerDetailAcctReceipt"></el-tab-pane>
+        <el-tab-pane :label="$t('adminOwnerDetail.faceSync')" name="aOwnerDetailAccessControl"></el-tab-pane>
+      </el-tabs>
+    </div>
+
+    <component :is="adminOwnerDetailInfo._currentTab" :ref="adminOwnerDetailInfo._currentTab"></component>
+  </div>
+</template>
+
+<script>
+import { getOwnerDetail } from '@/api/aCommunity/adminOwnerDetailApi'
+import { getCommunityId } from '@/api/community/communityApi'
+//import { getDict } from '@/api/community/communityApi'
+
+// 导入所有子组件
+import ARoomDetailRoom from '@/components/fee/aRoomDetailRoom'
+import ARoomDetailCar from '@/components/aCommunity/aRoomDetailCar'
+import ARoomDetailContract from '@/components/aCommunity/aRoomDetailContract'
+import ARoomDetailMember from '@/components/aCommunity/aRoomDetailMember'
+import ARoomDetailHisFee from '@/components/fee/aRoomDetailHisFee'
+import ARoomDetailComplaint from '@/components/aCommunity/aRoomDetailComplaint'
+import ARoomDetailRepair from '@/components/aCommunity/aRoomDetailRepair'
+import ARoomDetailReceipt from '@/components/fee/aRoomDetailReceipt'
+import AOwnerDetailHis from '@/components/aCommunity/aOwnerDetailHis'
+import AOwnerDetailRoomFee from '@/components/aCommunity/aOwnerDetailRoomFee'
+import AOwnerDetailAccount from '@/components/fee/aOwnerDetailAccount'
+import AOwnerDetailCoupon from '@/components/aCommunity/aOwnerDetailCoupon'
+import AOwnerDetailAppUser from '@/components/staff/AOwnerDetailAppUser'
+import AOwnerDetailVisit from '@/components/aCommunity/aOwnerDetailVisit'
+import AOwnerDetailAcctReceipt from '@/components/fee/aOwnerDetailAcctReceipt'
+import AOwnerDetailAccessControl from '@/components/aCommunity/aOwnerDetailAccessControl'
+import Divider from '@/components/system/divider'
+
+export default {
+  name: 'AdminOwnerDetail',
+  components: {
+    ARoomDetailRoom,
+    ARoomDetailCar,
+    ARoomDetailContract,
+    ARoomDetailMember,
+    ARoomDetailHisFee,
+    ARoomDetailComplaint,
+    ARoomDetailRepair,
+    ARoomDetailReceipt,
+    AOwnerDetailHis,
+    AOwnerDetailRoomFee,
+    AOwnerDetailAccount,
+    AOwnerDetailCoupon,
+    AOwnerDetailAppUser,
+    AOwnerDetailVisit,
+    AOwnerDetailAcctReceipt,
+    AOwnerDetailAccessControl,
+    Divider
+  },
+  data() {
+    return {
+      adminOwnerDetailInfo: {
+        viewOwnerFlag: '',
+        ownerId: "",
+        memberId: '',
+        name: "",
+        age: "",
+        sex: "",
+        userName: "",
+        remark: "",
+        idCard: "",
+        link: "",
+        ownerPhoto: "/img/noPhoto.jpg",
+        ownerAttrDtos: [],
+        faceUrl: '',
+        _currentTab: 'aRoomDetailRoom',
+        personType: '',
+        personTypeName: '',
+        personRole: '',
+        personRoleName: '',
+        concactLink: '',
+        concactPerson: '',
+        communityName: '',
+        needBack: false
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.adminOwnerDetailInfo.ownerId = this.$route.query.ownerId
+    this.adminOwnerDetailInfo.needBack = this.$route.query.needBack
+
+    if (!this.adminOwnerDetailInfo.ownerId) {
+      return
+    }
+
+    const currentTab = this.$route.query.currentTab
+    if (currentTab) {
+      this.adminOwnerDetailInfo._currentTab = currentTab
+    }
+
+    this.loadAdminOwnerInfo()
+  },
+  methods: {
+    async loadAdminOwnerInfo() {
+      try {
+        const params = {
+          ownerId: this.adminOwnerDetailInfo.ownerId,
+          page: 1,
+          row: 1,
+          ownerTypeCd: '1001'
+        }
+
+        const response = await getOwnerDetail(params)
+        const data = response.data[0]
+        Object.assign(this.adminOwnerDetailInfo, data)
+        this.adminOwnerDetailInfo.ownerAttrDtos = response.data[0].ownerAttrDtos
+
+        // 加载当前标签页组件
+        this.handleTabClick(this.adminOwnerDetailInfo._currentTab)
+      } catch (error) {
+        console.error('获取业主详情失败:', error)
+      }
+    },
+    handleTabClick(tab) {
+      this.adminOwnerDetailInfo._currentTab = tab
+      setTimeout(() => {
+        if (this.$refs[tab] && this.$refs[tab].open) {
+            this.$refs[tab].open({
+              ownerId: this.adminOwnerDetailInfo.ownerId,
+              ownerName: this.adminOwnerDetailInfo.name,
+              link: this.adminOwnerDetailInfo.link,
+            })
+        }
+      }, 500)
+    },
+    goBack() {
+      this.$router.go(-1)
+    },
+    errorLoadImg() {
+      this.adminOwnerDetailInfo.ownerPhoto = "/img/noPhoto.jpg"
+    }
+  }
+}
+</script>
+
+<style scoped>
+.white-bg {
+  background-color: #fff;
+}
+
+.padding-lg {
+  padding: 20px;
+}
+
+.padding-top {
+  padding-top: 15px;
+}
+
+.border-radius {
+  border-radius: 4px;
+}
+
+.flex {
+  display: flex;
+}
+
+.justify-between {
+  justify-content: space-between;
+}
+
+.text-title {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.margin-top {
+  margin-top: 15px;
+}
+
+.margin-top-sm {
+  margin-top: 10px;
+}
+
+.vc-float-left {
+  float: left;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.vc-line-primary {
+  border-top: 1px solid #409EFF;
+}
+
+.form-group {
+  margin-bottom: 15px;
+}
+
+.col-form-label {
+  margin-right: 5px;
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    adminOwnerDetailAccessControlRecord: {
+      recordType: 'Record Type',
+      machineName: 'Machine Name',
+      userName: 'User Name',
+      openType: 'Open Type',
+      createTime: 'Create Time'
+    }
+  },
+  zh: {
+    adminOwnerDetailAccessControlRecord: {
+      recordType: '记录类型',
+      machineName: '设备名称',
+      userName: '用户名称',
+      openType: '开门方式',
+      createTime: '创建时间'
+    }
+  }
+}
 \ No newline at end of file
+export const messages = {
+  en: {
+    adminOwnerDetailChargeMachineOrder: {
+      machineName: 'Machine Name',
+      orderType: 'Order Type',
+      userName: 'User Name',
+      phone: 'Phone',
+      createTime: 'Create Time',
+      status: 'Status'
+    }
+  },
+  zh: {
+    adminOwnerDetailChargeMachineOrder: {
+      machineName: '设备名称',
+      orderType: '订单类型',
+      userName: '用户名称',
+      phone: '手机号',
+      createTime: '创建时间',
+      status: '状态'
+    }
+  }
+}
 \ No newline at end of file
+
+export const messages = {
+  en: {
+    adminOwnerDetail: {
+      ownerInfo: 'Owner Information',
+      name: 'Name',
+      sex: 'Gender',
+      communityName: 'Community Name',
+      personType: 'Person Type',
+      personRole: 'Person Role',
+      idCard: 'ID Card',
+      contact: 'Contact',
+      backupPhone: 'Backup Phone',
+      contactPerson: 'Contact Person',
+      creator: 'Creator',
+      remark: 'Remark',
+      house: 'House',
+      car: 'Car',
+      contract: 'Contract',
+      member: 'Member',
+      modifyRecord: 'Modify Record',
+      houseFee: 'House Fee',
+      paymentHistory: 'Payment History',
+      account: 'Account',
+      coupon: 'Coupon',
+      ownerBinding: 'Owner Binding',
+      complaint: 'Complaint',
+      repair: 'Repair',
+      visitor: 'Visitor',
+      paymentReceipt: 'Payment Receipt',
+      depositReceipt: 'Deposit Receipt',
+      faceSync: 'Face Sync'
+    },
+    aRoomDetailCar: {
+      placeholderCarNum: 'Please enter license plate number',
+      carNum: 'License Plate',
+      leaseType: 'Plate Type',
+      tempCar: 'Temporary Car',
+      carType: 'Vehicle Type',
+      color: 'Color',
+      owner: 'Owner',
+      parkingSpace: 'Parking Space',
+      released: 'Released',
+      validity: 'Validity'
+    },
+    aRoomDetailMember: {
+      placeholderName: 'Please enter member name',
+      face: 'Face',
+      name: 'Name',
+      sex: 'Gender',
+      personRole: 'Person Role',
+      idCard: 'ID Card',
+      contact: 'Contact',
+      address: 'Address'
+    },
+    aRoomDetailContract: {
+      contractName: 'Contract Name',
+      contractCode: 'Contract Code',
+      parentContractCode: 'Parent Contract Code',
+      contractType: 'Contract Type',
+      operator: 'Operator',
+      amount: 'Amount',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      createTime: 'Create Time',
+      state: 'Status'
+    },
+    aRoomDetailComplaint: {
+      type: 'Type',
+      room: 'Room',
+      contact: 'Contact',
+      phone: 'Phone',
+      status: 'Status',
+      handler: 'Handler',
+      handlerPhone: 'Handler Phone',
+      createTime: 'Create Time',
+      actions: 'Actions',
+      detail: 'Detail',
+      flowChart: 'Flow Chart',
+      none: 'None'
+    },
+    aRoomDetailRepair: {
+      repairId: 'Work Order Code',
+      location: 'Location',
+      repairType: 'Repair Type',
+      repairPerson: 'Repair Person',
+      contact: 'Contact',
+      appointmentTime: 'Appointment Time',
+      state: 'Status',
+      taskProcessing: 'Task Processing',
+      detail: 'Detail'
+    },
+    aOwnerDetailHis: {
+      action: 'Action',
+      operator: 'Operator',
+      operateTime: 'Operate Time',
+      name: 'Name',
+      gender: 'Gender',
+      idCard: 'ID Card',
+      address: 'Address',
+      add: 'Add',
+      delete: 'Delete',
+      modifyNew: 'Modify(New)',
+      modifyOld: 'Modify(Old)'
+    },
+    aOwnerDetailRoomFee: {
+      room: 'Room',
+      feeItem: 'Fee Item',
+      feeFlag: 'Fee Flag',
+      feeType: 'Fee Type',
+      amountReceivable: 'Amount Receivable',
+      accountTime: 'Account Time',
+      receivablePeriod: 'Receivable Period',
+      description: 'Description',
+      status: 'Status',
+      operation: 'Operation',
+      selectStatus: 'Select Status',
+      valid: 'Valid',
+      chargeEnd: 'Charge End',
+      lastDegree: 'Last Degree',
+      currentDegree: 'Current Degree',
+      unitPrice: 'Unit Price',
+      additionalFee: 'Additional Fee',
+      usage: 'Usage',
+      algorithm: 'Algorithm',
+      feeBasedOnActual: 'Fee based on actual situation',
+      fixedFee: 'Fixed Fee',
+      arrearsSubtotal: 'Arrears Subtotal:',
+      note1: 'Note: The receivable end time "-" means not yet receivable or charge has ended',
+      note2: 'The receivable amount is -1, usually the fee item formula setting is wrong, please check'
+    },
+    aOwnerDetailCoupon: {
+      id: 'ID',
+      couponName: 'Coupon Name',
+      faceValue: 'Face Value',
+      validity: 'Validity',
+      userName: 'User Name',
+      phone: 'Phone',
+      purpose: 'Purpose',
+      quantity: 'Quantity',
+      status: 'Status',
+      effectiveTime: 'Effective Time',
+      unused: 'Unused',
+      used: 'Used',
+      sheet: 'sheet'
+    },
+    aOwnerDetailVisit: {
+      visitorId: 'Visitor ID',
+      photo: 'Photo',
+      visitor: 'Visitor',
+      ownerName: 'Owner Name',
+      visitReason: 'Visit Reason/Type',
+      carNum: 'Car Number',
+      entourage: 'Entourage',
+      createTime: 'Create Time',
+      visitTime: 'Visit/Departure Time',
+      visitorStatus: 'Visitor Status',
+      carStatus: 'Car Status',
+      operation: 'Operation',
+      parkingLot: ' parking lot-',
+      parkingSpace: ' parking space'
+    },
+    aOwnerDetailAccessControl: {
+      objectType: 'Object Type',
+      objectName: 'Object Name',
+      command: 'Command',
+      status: 'Status',
+      description: 'Description',
+      syncTime: 'Sync Time'
+    },
+    adminOwnerDetailAccessControlRecord: {
+      recordType: 'Record Type',
+      machineName: 'Machine Name',
+      userName: 'User Name',
+      openType: 'Open Type',
+      createTime: 'Create Time'
+    },
+    adminOwnerDetailChargeMachineOrder: {
+      machineName: 'Machine Name',
+      orderType: 'Order Type',
+      userName: 'User Name',
+      phone: 'Phone',
+      createTime: 'Create Time',
+      status: 'Status'
+    }
+  },
+  zh: {
+    adminOwnerDetail: {
+      ownerInfo: '业主信息',
+      name: '名称',
+      sex: '性别',
+      communityName: '小区名称',
+      personType: '人员类型',
+      personRole: '人员角色',
+      idCard: '证件号',
+      contact: '联系方式',
+      backupPhone: '备用手机',
+      contactPerson: '联系人',
+      creator: '创建员工',
+      remark: '备注',
+      house: '房屋',
+      car: '车辆',
+      contract: '合同',
+      member: '成员',
+      modifyRecord: '修改记录',
+      houseFee: '房屋费用',
+      paymentHistory: '缴费历史',
+      account: '账户',
+      coupon: '优惠券',
+      ownerBinding: '业主绑定',
+      complaint: '投诉',
+      repair: '报修',
+      visitor: '访客',
+      paymentReceipt: '缴费收据',
+      depositReceipt: '预存收据',
+      faceSync: '人脸同步'
+    },
+    aRoomDetailCar: {
+      placeholderCarNum: '请填写车牌号',
+      carNum: '车牌号',
+      leaseType: '车牌类型',
+      tempCar: '临时车',
+      carType: '车辆类型',
+      color: '颜色',
+      owner: '业主',
+      parkingSpace: '车位',
+      released: '车位已释放',
+      validity: '有效期'
+    },
+    aRoomDetailMember: {
+      placeholderName: '请填写成员名称',
+      face: '人脸',
+      name: '名称',
+      sex: '性别',
+      personRole: '人员角色',
+      idCard: '身份证',
+      contact: '联系方式',
+      address: '地址'
+    },
+    aRoomDetailContract: {
+      contractName: '合同名称',
+      contractCode: '合同编号',
+      parentContractCode: '父合同编号',
+      contractType: '合同类型',
+      operator: '经办人',
+      amount: '合同金额',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      createTime: '起草时间',
+      state: '状态'
+    },
+    aRoomDetailComplaint: {
+      type: '类型',
+      room: '房屋',
+      contact: '联系人',
+      phone: '联系电话',
+      status: '状态',
+      handler: '处理人',
+      handlerPhone: '处理人电话',
+      createTime: '创建时间',
+      actions: '操作',
+      detail: '详情',
+      flowChart: '流程图',
+      none: '无'
+    },
+    aRoomDetailRepair: {
+      repairId: '工单编码',
+      location: '位置',
+      repairType: '报修类型',
+      repairPerson: '报修人',
+      contact: '联系方式',
+      appointmentTime: '预约时间',
+      state: '状态',
+      taskProcessing: '定时任务处理',
+      detail: '详情'
+    },
+    aOwnerDetailHis: {
+      action: '动作',
+      operator: '操作人',
+      operateTime: '操作时间',
+      name: '姓名',
+      gender: '性别',
+      idCard: '身份证',
+      address: '家庭住址',
+      add: '添加',
+      delete: '删除',
+      modifyNew: '修改(新)',
+      modifyOld: '修改(旧)'
+    },
+    aOwnerDetailRoomFee: {
+      room: '房屋',
+      feeItem: '费用项目',
+      feeFlag: '费用标识',
+      feeType: '费用类型',
+      amountReceivable: '应收金额',
+      accountTime: '建账时间',
+      receivablePeriod: '应收时间段',
+      description: '说明',
+      status: '状态',
+      operation: '操作',
+      selectStatus: '请选择状态',
+      valid: '有效',
+      chargeEnd: '收费结束',
+      lastDegree: '上期度数',
+      currentDegree: '本期度数',
+      unitPrice: '单价',
+      additionalFee: '附加费',
+      usage: '用量',
+      algorithm: '算法',
+      feeBasedOnActual: '费用根据实际情况而定',
+      fixedFee: '固定费',
+      arrearsSubtotal: '欠费小计：',
+      note1: '注意：应收结束时间 "-" 表示未到应收时间或收费已结束',
+      note2: '应收金额为-1 一般为费用项公式设置出错请检查'
+    },
+    aOwnerDetailCoupon: {
+      id: '编号',
+      couponName: '优惠券名称',
+      faceValue: '面值',
+      validity: '有效期',
+      userName: '用户名称',
+      phone: '手机号',
+      purpose: '用途',
+      quantity: '数量',
+      status: '状态',
+      effectiveTime: '生效时间',
+      unused: '未使用',
+      used: '已使用',
+      sheet: '张'
+    },
+    aOwnerDetailVisit: {
+      visitorId: '访客ID',
+      photo: '照片',
+      visitor: '访客',
+      ownerName: '业主姓名',
+      visitReason: '来访事由/类型',
+      carNum: '车牌号',
+      entourage: '随行人数',
+      createTime: '创建时间',
+      visitTime: '来访/离开时间',
+      visitorStatus: '访客状态',
+      carStatus: '车辆状态',
+      operation: '操作',
+      parkingLot: '停车场-',
+      parkingSpace: '停车位'
+    },
+    aOwnerDetailAccessControl: {
+      objectType: '对象类型',
+      objectName: '对象名称',
+      command: '指令',
+      status: '状态',
+      description: '说明',
+      syncTime: '同步时间'
+    },
+    adminOwnerDetailAccessControlRecord: {
+      recordType: '记录类型',
+      machineName: '设备名称',
+      userName: '用户名称',
+      openType: '开门方式',
+      createTime: '创建时间'
+    },
+    adminOwnerDetailChargeMachineOrder: {
+      machineName: '设备名称',
+      orderType: '订单类型',
+      userName: '用户名称',
+      phone: '手机号',
+      createTime: '创建时间',
+      status: '状态'
+    },
+  }
+}
@@ -205,7 +205,7 @@ export default {
         row: 1
       }).then(res => {
         Object.assign(this.adminRoomDetailInfo, res.data[0])
-        
+
         this.handleTabClick(this.adminRoomDetailInfo._currentTab)
       }).catch(err => {
         console.error('请求失败:', err)
@@ -40,7 +40,7 @@
             <el-table-column prop="carColor" :label="$t('adminCar.table.color')" align="center" />
             <el-table-column :label="$t('adminCar.table.owner')" align="center">
               <template slot-scope="scope">
-                <el-link type="primary" :href="`/#/pages/owner/adminOwnerDetail?ownerId=${scope.row.ownerId}`" target="_blank">
+                <el-link type="primary" :href="`/#/views/aCommunity/adminOwnerDetail?ownerId=${scope.row.ownerId}`" target="_blank">
                   {{ scope.row.ownerName }}({{ scope.row.link }})
                 </el-link>
               </template>
@@ -51,7 +51,7 @@
               <el-table-column prop="ownerName" :label="$t('adminRoom.table.owner')">
                 <template slot-scope="scope">
                   <router-link v-if="scope.row.ownerName"
-                    :to="`/pages/owner/adminOwnerDetail?ownerId=${scope.row.ownerId}`">
+                    :to="`/views/aCommunity/adminOwnerDetail?ownerId=${scope.row.ownerId}`">
                     {{ scope.row.ownerName }}({{ scope.row.link }})
                   </router-link>
                   <span v-else>-</span>
@@ -217,7 +217,7 @@ export default {
       this.queryOwner()
     },
     toOwnerDetail(owner) {
-      this.$router.push(`/owner/adminOwnerDetail?ownerId=${owner.ownerId}`)
+      this.$router.push(`/views/aCommunity/adminOwnerDetail?ownerId=${owner.ownerId}`)
     },
     viewOwnerFace(url) {
       this.$refs.viewImage.open(url)
@@ -54,17 +54,7 @@ export const messages = {
       prestore: 'Prestore',
       detail: 'Account Detail'
     },
-    ownerDetailAppUser: {
-      communityName: 'Community Name',
-      relatedOwner: 'Related Owner',
-      idCard: 'ID Card',
-      phone: 'Phone',
-      status: 'Status',
-      applyTime: 'Apply Time',
-      appType: 'App Type',
-      unbind: 'Unbind',
-      resetPwd: 'Reset Password'
-    },
+ 
     ownerDetailRepair: {
       repairId: 'Work Order ID',
       location: 'Location',
@@ -290,17 +280,7 @@ export const messages = {
       prestore: '预存',
       detail: '账户明细'
     },
-    ownerDetailAppUser: {
-      communityName: '小区名称',
-      relatedOwner: '关联业主',
-      idCard: '身份证',
-      phone: '手机号',
-      status: '状态',
-      applyTime: '申请时间',
-      appType: '手机端类型',
-      unbind: '解绑',
-      resetPwd: '重置密码'
-    },
+
     ownerDetailRepair: {
       repairId: '工单编码',
       location: '位置',