开发完成业务受理页面

wuxw
1 parent 24d3590f
Showing 37 changed files with 3162 additions and 5 deletions
src/api/fee/finishFeeApi.js
src/api/simplify/simplifyAcceptanceApi.js
src/api/simplify/simplifyCarFeeApi.js
src/api/simplify/simplifyContractApi.js
src/api/simplify/simplifyOwnerAccessContolApi.js
src/api/simplify/simplifyOwnerCarApi.js
src/api/simplify/simplifyOwnerComplaintApi.js
src/api/simplify/simplifyOwnerMemberApi.js
src/api/simplify/simplifyOwnerRepairApi.js
src/api/simplify/simplifyOwnerTransactionCarApi.js
src/api/simplify/simplifyShopsHireLogApi.js
src/components/fee/finishFee.vue
src/components/report/InputSearchOwner.vue
src/components/simplify/simplifyCarFee.vue
src/components/simplify/simplifyCarFeeDemo.vue
src/components/simplify/simplifyContract.vue
src/components/simplify/simplifyContractDemo.vue
src/components/simplify/simplifyOwnerAccessContol.vue
src/components/simplify/simplifyOwnerAccessContolDemo.vue
src/components/simplify/simplifyOwnerCar.vue
+import request from '@/utils/request'
+
+export function finishFee(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/fee/finishFee',
+      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)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 综合查询
+export function comprehensiveQuery(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/ownerApi/comprehensiveQuery',
+      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 queryFeeDeposit(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/fee.queryFeeDeposit',
+      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 listFee(params) {
+  return request({
+    url: '/fee.listFee',
+    method: 'get',
+    params
+  })
+}
+
+export function queryOwnerCars(params) {
+  return request({
+    url: '/owner.queryOwnerCars',
+    method: 'get',
+    params
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function queryContract(params) {
+  return request({
+    url: '/contract/queryContract',
+    method: 'get',
+    params
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function listMachineTranslates(params) {
+  return request({
+    url: '/machineTranslate.listMachineTranslates',
+    method: 'get',
+    params
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function queryOwnerCars(params) {
+  return request({
+    url: '/owner.queryOwnerCars',
+    method: 'get',
+    params
+  })
+}
+
+export function deleteCarParkingSpace(data) {
+  return request({
+    url: '/owner.deleteCarParkingSpace',
+    method: 'post',
+    data
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function listComplaints(params) {
+  return request({
+    url: '/complaint.listComplaints',
+    method: 'get',
+    params
+  })
+}
+
+export function listRunWorkflowImage(params) {
+  return request({
+    url: '/workflow.listRunWorkflowImage',
+    method: 'get',
+    params
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function queryOwnerMembers(params) {
+  return request({
+    url: '/owner.queryOwnerMembers',
+    method: 'get',
+    params
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function listOwnerRepairs(params) {
+  return request({
+    url: '/ownerRepair.listOwnerRepairs',
+    method: 'get',
+    params
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function listMachineTranslates(params) {
+  return request({
+    url: '/machineTranslate.listMachineTranslates',
+    method: 'get',
+    params
+  })
+}
+
+export function queryOwnerCars(params) {
+  return request({
+    url: '/owner.queryOwnerCars',
+    method: 'get',
+    params
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+export function queryShopsHireLog(params) {
+  return request({
+    url: '/ownerApi/queryShopsHireLog',
+    method: 'get',
+    params
+  })
+}
 \ No newline at end of file
+<template>
+    <el-dialog
+      :title="$t('finishFee.confirmOperation')"
+      :visible.sync="dialogVisible"
+      width="30%"
+      @close="closeFinishFeeModel"
+    >
+      <el-row>
+        <el-col :span="24" align="center">
+          <p>{{ $t('finishFee.confirmFinishFee') }}</p>
+        </el-col>
+      </el-row>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="closeFinishFeeModel">{{ $t('finishFee.cancel') }}</el-button>
+        <el-button type="primary" @click="finishFee">{{ $t('finishFee.confirm') }}</el-button>
+      </span>
+    </el-dialog>
+  </template>
+  
+  <script>
+  import { finishFee } from '@/api/fee/finishFeeApi'
+  import { getCommunityId } from '@/api/community/communityApi'
+  
+  export default {
+    name: 'FinishFee',
+    data() {
+      return {
+        dialogVisible: false,
+        finishFeeInfo: {},
+        communityId: ''
+      }
+    },
+    created() {
+      this.communityId = getCommunityId()
+    },
+    methods: {
+      open(params) {
+        this.finishFeeInfo = params
+        this.dialogVisible = true
+      },
+      closeFinishFeeModel() {
+        this.dialogVisible = false
+      },
+      async finishFee() {
+        try {
+          const params = {
+            ...this.finishFeeInfo,
+            communityId: this.communityId
+          }
+          await finishFee(params)
+          this.$message.success(this.$t('finishFee.successMessage'))
+          this.closeFinishFeeModel()
+          this.$emit('success')
+          // Emit events to refresh related components
+          this.$bus.$emit('roomCreateFee:refresh')
+          this.$bus.$emit('listParkingSpaceFee:refresh')
+          this.$bus.$emit('simplifyRoomFee:refresh')
+          this.$bus.$emit('simplifyCarFee:refresh')
+          this.$bus.$emit('listContractFee:refresh')
+          this.$bus.$emit('contractDetailRoomFee:refresh')
+          this.$bus.$emit('ownerDetailRoomFee:refresh')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('finishFee.errorMessage'))
+        }
+      }
+    }
+  }
+  </script>
 \ No newline at end of file
@@ -10,8 +10,9 @@
           <span class="separator">---</span>
           <span>{{ item.link }}</span>
         </div>
+        
       </div>
-      <el-button slot="reference" type="primary" icon="el-icon-search"></el-button>
+      <!-- <el-button slot="reference" type="primary" icon="el-icon-search"></el-button> -->
     </el-popover>
   </div>
 </template>
+<template>
+  <div>
+    <el-row class="margin-top">
+      <el-col :span="4">
+        <el-select v-model="simplifyCarFeeInfo.carId" @change="changeSimplifyCar">
+          <el-option
+            v-for="(item,index) in simplifyCarFeeInfo.ownerCars"
+            :key="index"
+            :label="item.carNum"
+            :value="item.carId">
+          </el-option>
+        </el-select>
+      </el-col>
+      <el-col :span="16"></el-col>
+      <el-col :span="4" v-if="simplifyCarFeeInfo.carId">
+        <el-button type="primary" size="small" @click="_toBuyCarMonthCard">
+          {{ $t('simplifyCarFee.buyMonthCard') }}
+        </el-button>
+        <el-button type="primary" size="small" @click="_openBatchPayCarFeeModal">
+          {{ $t('simplifyCarFee.batchPayment') }}
+        </el-button>
+        <el-button type="primary" size="small" @click="_openSimplifyCarCreateFeeAddModal">
+          {{ $t('simplifyCarFee.createFee') }}
+        </el-button>
+      </el-col>
+    </el-row>
+
+    <el-table
+      :data="simplifyCarFeeInfo.fees"
+      style="width: 100%; margin-top: 10px"
+      border>
+      <el-table-column prop="feeName" :label="$t('simplifyCarFee.feeItem')" align="center">
+        <template #default="{row}">
+          <span class="hand" @click="_viewCarFeeConfig(row)">{{row.feeName}}
+            <i class="el-icon-info"></i>
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="feeFlagName" :label="$t('simplifyCarFee.feeFlag')" align="center"></el-table-column>
+      <el-table-column prop="feeTypeCdName" :label="$t('simplifyCarFee.feeType')" align="center"></el-table-column>
+      <el-table-column prop="amountOwed" :label="$t('simplifyCarFee.amountReceivable')" align="center"></el-table-column>
+      <el-table-column prop="startTime" :label="$t('simplifyCarFee.accountingTime')" align="center"></el-table-column>
+      <el-table-column :label="$t('simplifyCarFee.receivablePeriod')" align="center">
+        <template #default="{row}">
+          {{_getEndTime(row)}}~<br />{{_getDeadlineTime(row)}}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('simplifyCarFee.description')" align="center" width="150">
+        <template #default="{row}">
+          <div v-if="row.feeTypeCd == '888800010015' || row.feeTypeCd == '888800010016'">
+            <div>{{ $t('simplifyCarFee.lastDegree') }}：{{row.preDegrees}}</div>
+            <div>{{ $t('simplifyCarFee.currentDegree') }}：{{row.curDegrees}}</div>
+            <div>{{ $t('simplifyCarFee.unitPrice') }}：{{row.squarePrice}}</div>
+            <div>{{ $t('simplifyCarFee.additionalFee') }}：{{row.additionalAmount}}</div>
+          </div>
+          <div v-else-if="row.feeTypeCd == '888800010017'">
+            <div>{{ $t('simplifyCarFee.algorithm') }}：{{_getAttrValue(row.feeAttrs,'390005')}}</div>
+            <div>{{ $t('simplifyCarFee.usage') }}：{{_getAttrValue(row.feeAttrs,'390003')}}</div>
+          </div>
+          <div v-else>
+            <div>{{ $t('simplifyCarFee.unitPrice') }}：{{row.squarePrice}}</div>
+            <div>{{ $t('simplifyCarFee.fixedFee') }}：{{row.additionalAmount}}</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="stateName" :label="$t('simplifyCarFee.status')" align="center"></el-table-column>
+      <el-table-column :label="$t('simplifyCarFee.operation')" align="center">
+        <template #default="{row}">
+          <el-button type="text" v-if="row.state != '2009001' && hasPrivilege('502020082314267912')" @click="_simplifyCarPayFee(row)">
+            {{ $t('simplifyCarFee.payment') }}
+          </el-button>
+          <el-button type="text" @click="_simplifyCarPayFeeHis(row)">
+            {{ $t('simplifyCarFee.paymentHistory') }}
+          </el-button>
+          <el-dropdown>
+            <el-button type="text">
+              {{ $t('simplifyCarFee.moreOperations') }}<i class="el-icon-arrow-down el-icon--right"></i>
+            </el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item v-if="row.isDefault == 'F' && hasPrivilege('502020090604200029')" @click.native="_simplifyCarDeleteFee(row)">
+                {{ $t('simplifyCarFee.cancelFee') }}
+              </el-dropdown-item>
+              <el-dropdown-item v-if="hasPrivilege('502021070488970005')" @click.native="_simplifyCarFinishFee(row)">
+                {{ $t('simplifyCarFee.manualFinish') }}
+              </el-dropdown-item>
+              <el-dropdown-item v-if="row.state != '2009001' && hasPrivilege('502020090427190001')" @click.native="_simplifyCarEditFee(row)">
+                {{ $t('simplifyCarFee.feeChange') }}
+              </el-dropdown-item>
+              <el-dropdown-item>
+                <a target="_blank" :href="'/#/pages/fee/feeDetail?feeId='+row.feeId">
+                  {{ $t('simplifyCarFee.details') }}
+                </a>
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-row>
+      <el-col :span="12">
+        <div>{{ $t('simplifyCarFee.note1') }}</div>
+        <div>{{ $t('simplifyCarFee.note2') }}</div>
+      </el-col>
+      <el-col :span="6">
+        <span>{{ $t('simplifyCarFee.arrearsSubtotal') }}：{{simplifyCarFeeInfo.totalAmount}}</span>
+      </el-col>
+      <el-col :span="6">
+        <el-pagination
+          @current-change="handleCurrentChange"
+          :current-page="currentPage"
+          :page-size="pageSize"
+          layout="total, prev, pager, next"
+          :total="total">
+        </el-pagination>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listFee, queryOwnerCars } from '@/api/simplify/simplifyCarFeeApi'
+
+export default {
+  name: 'SimplifyCarFee',
+  data() {
+    return {
+      simplifyCarFeeInfo: {
+        fees: [],
+        ownerCars: [],
+        ownerId: '',
+        name: '',
+        carNum: '',
+        carId: '',
+        total: 0,
+        records: 1,
+        areaNum: '',
+        num: '',
+        parkingName: '',
+        totalAmount: 0.0
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.initEvents()
+  },
+  methods: {
+    initEvents() {
+      this.$on('switch', this.handleSwitch)
+      this.$on('notify', this.handleNotify)
+    },
+    handleSwitch(param) {
+      if (param.ownerId == '') return
+      this.clearSimplifyCarFeeInfo()
+      Object.assign(this.simplifyCarFeeInfo, param)
+      this.listOwnerCar()
+        .then(() => {
+          this.listSimplifyCarFee(this.currentPage, this.pageSize)
+        })
+        .catch(err => {
+          this.$message.error(err)
+        })
+    },
+    handleNotify() {
+      this.listSimplifyCarFee(this.currentPage, this.pageSize)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.listSimplifyCarFee(val, this.pageSize)
+    },
+    listSimplifyCarFee(page, row) {
+      if (!this.simplifyCarFeeInfo.carId) return
+      
+      const params = {
+        page,
+        row,
+        communityId: this.communityId,
+        payerObjId: this.simplifyCarFeeInfo.carId
+      }
+      
+      listFee(params).then(res => {
+        this.simplifyCarFeeInfo.fees = res.data.fees
+        this.total = res.data.records
+        let totalAmount = 0.0
+        res.data.fees.forEach(item => {
+          totalAmount += parseFloat(item.amountOwed)
+        })
+        this.simplifyCarFeeInfo.totalAmount = totalAmount
+      })
+    },
+    listOwnerCar() {
+      return new Promise((resolve, reject) => {
+        const params = {
+          page: 1,
+          row: 50,
+          ownerId: this.simplifyCarFeeInfo.ownerId,
+          carTypeCd: '1001',
+          communityId: this.communityId
+        }
+        
+        queryOwnerCars(params).then(res => {
+          this.simplifyCarFeeInfo.ownerCars = res.data
+          if (res.data.length > 0) {
+            this.simplifyCarFeeInfo.carId = res.data[0].carId
+            this.simplifyCarFeeInfo.carNum = res.data[0].carNum
+            this.simplifyCarFeeInfo.num = res.data[0].num
+            this.simplifyCarFeeInfo.parkingName = `${res.data[0].areaNum}${this.$t('simplifyCarFee.parkingLot')}${res.data[0].num}${this.$t('simplifyCarFee.parkingSpace')}`
+            resolve(res.data)
+          } else {
+            reject(this.$t('simplifyCarFee.noParkingSpace'))
+          }
+        }).catch(err => {
+          reject(err)
+        })
+      })
+    },
+    changeSimplifyCar() {
+      const car = this.simplifyCarFeeInfo.ownerCars.find(item => item.carId === this.simplifyCarFeeInfo.carId)
+      if (!car) return
+      
+      this.simplifyCarFeeInfo.carNum = car.carNum
+      this.simplifyCarFeeInfo.num = car.num
+      this.simplifyCarFeeInfo.parkingName = `${car.areaNum}${this.$t('simplifyCarFee.parkingLot')}${car.num}${this.$t('simplifyCarFee.parkingSpace')}`
+      this.listSimplifyCarFee(this.currentPage, this.pageSize)
+    },
+    clearSimplifyCarFeeInfo() {
+      this.simplifyCarFeeInfo = {
+        fees: [],
+        ownerCars: [],
+        ownerId: '',
+        name: '',
+        carNum: '',
+        carId: '',
+        total: 0,
+        records: 1,
+        areaNum: '',
+        num: '',
+        parkingName: '',
+        totalAmount: 0.0
+      }
+    },
+    _getEndTime(fee) {
+      return fee.state == '2009001' ? '-' : fee.endTime
+    },
+    _getDeadlineTime(fee) {
+      if (fee.amountOwed == 0 && fee.endTime == fee.deadlineTime) return '-'
+      if (fee.state == '2009001') return '-'
+      return fee.deadlineTime
+    },
+    _getAttrValue(attrs, code) {
+      const attr = attrs.find(item => item.specCd === code)
+      return attr ? attr.value : ''
+    },
+    _simplifyCarGetFeeOwnerInfo(attrs) {
+      const ownerName = this._getAttrValue(attrs, '390008')
+      const ownerLink = this._getAttrValue(attrs, '390009')
+      return `${this.$t('simplifyCarFee.owner')}：${ownerName},${this.$t('simplifyCarFee.phone')}：${ownerLink}`
+    },
+    _simplifyCarPayFee(fee) {
+      this.$router.push(`/pages/property/payFeeOrder?feeId=${fee.feeId}`)
+    },
+    _simplifyCarPayFeeHis(fee) {
+      this.$router.push(`/pages/property/propertyFee?${this.objToGetParam(fee)}`)
+    },
+    _simplifyCarEditFee(fee) {
+      this.$emit('editFee', fee)
+    },
+    _simplifyCarDeleteFee(fee) {
+      this.$emit('deleteFee', {
+        communityId: this.communityId,
+        feeId: fee.feeId
+      })
+    },
+    _openSimplifyCarCreateFeeAddModal() {
+      this.$emit('carCreateFeeAdd', {
+        isMore: false,
+        car: this.simplifyCarFeeInfo
+      })
+    },
+    _simplifyCarFinishFee(fee) {
+      this.$emit('finishFee', {
+        communityId: this.communityId,
+        feeId: fee.feeId
+      })
+    },
+    _toBuyCarMonthCard() {
+      this.$router.push(`/pages/fee/buyCarMonthCard?carNum=${this.simplifyCarFeeInfo.carNum}`)
+    },
+    _openBatchPayCarFeeModal() {
+      this.$router.push(`/pages/property/batchPayFeeOrder?ownerId=${this.simplifyCarFeeInfo.ownerId}&payerObjType=6666`)
+    },
+    _viewCarFeeConfig(fee) {
+      // Implement view fee config logic
+      console.log(fee)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.hand {
+  cursor: pointer;
+}
+.margin-top {
+  margin-top: 10px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <simplify-car-fee ref="simplifyCarFee"></simplify-car-fee>
+</template>
+
+<script>
+import SimplifyCarFee from '@/components/simplify/simplifyCarFee'
+
+export default {
+  name: 'SimplifyCarFeeDemo',
+  components: {
+    SimplifyCarFee
+  },
+  methods: {
+    openSimplifyCarFee(params) {
+      this.$refs.simplifyCarFee.$emit('switch', params)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-row class="margin-top-lg">
+      <el-col :span="12"></el-col>
+      <el-col :span="12" class="text-right" v-if="contractInfo.ownerId">
+        <el-button type="primary" size="small" @click="_openAddContractModal">
+          <i class="el-icon-plus"></i>{{$t('simplifyContract.draftContract')}}
+        </el-button>
+      </el-col>
+    </el-row>
+    <div class="margin-top">
+      <el-table :data="contractInfo.contracts" border>
+        <el-table-column prop="contractName" :label="$t('simplifyContract.contractName')" align="center"></el-table-column>
+        <el-table-column prop="contractCode" :label="$t('simplifyContract.contractCode')" align="center"></el-table-column>
+        <el-table-column prop="parentContractCode" :label="$t('simplifyContract.parentContractCode')" align="center">
+          <template slot-scope="scope">
+            {{scope.row.parentContractCode || '-'}}
+          </template>
+        </el-table-column>
+        <el-table-column prop="contractTypeName" :label="$t('simplifyContract.contractType')" align="center"></el-table-column>
+        <el-table-column prop="startTime" :label="$t('simplifyContract.startTime')" align="center"></el-table-column>
+        <el-table-column prop="endTime" :label="$t('simplifyContract.endTime')" align="center"></el-table-column>
+        <el-table-column prop="stateName" :label="$t('simplifyContract.status')" align="center"></el-table-column>
+        <el-table-column :label="$t('simplifyContract.operation')" align="center" width="300">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="_openContractFee(scope.row)">{{$t('simplifyContract.fee')}}</el-button>
+            <el-button size="mini" @click="_viewContract(scope.row)">{{$t('simplifyContract.view')}}</el-button>
+            <el-button size="mini" @click="_printContract(scope.row)">{{$t('simplifyContract.print')}}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-size="pageSize"
+        layout="total, prev, pager, next"
+        :total="total"
+        class="pagination"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import { queryContract } from '@/api/simplify/simplifyContractApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'SimplifyContract',
+  data() {
+    return {
+      contractInfo: {
+        ownerId: '',
+        ownerName: '',
+        contracts: [],
+        total: 0,
+        records: 1,
+        moreCondition: false,
+        contractId: '',
+        conditions: {
+          objId: '',
+          contractCode: '',
+          contractType: ''
+        }
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.$on('switch', this.handleSwitch)
+    this.$on('notify', this.listContractInfo)
+  },
+  methods: {
+    handleSwitch(params) {
+      if (!params.ownerId) return
+      this.clearContractInfoInfo()
+      Object.assign(this.contractInfo, params)
+      this.contractInfo.conditions.objId = params.ownerId
+      this.listContractInfo()
+    },
+    async listContractInfo() {
+      try {
+        const params = {
+          ...this.contractInfo.conditions,
+          page: this.currentPage,
+          row: this.pageSize
+        }
+        const res = await queryContract(params)
+        this.contractInfo.contracts = res.data
+        this.total = res.data.total
+      } catch (error) {
+        console.error('Failed to load contracts:', error)
+      }
+    },
+    _openAddContractModal() {
+      this.$router.push('/pages/admin/newContractManage')
+    },
+    _printContract(contract) {
+      window.open(`/print.html#/pages/admin/printContract?contractTypeId=${contract.contractType}&contractId=${contract.contractId}`)
+    },
+    _viewContract(contract) {
+      this.$router.push(`/pages/contract/contractDetail?contractId=${contract.contractId}`)
+    },
+    clearContractInfoInfo() {
+      this.contractInfo = {
+        ownerId: '',
+        ownerName: '',
+        contracts: [],
+        total: 0,
+        records: 1,
+        moreCondition: false,
+        contractId: '',
+        conditions: {
+          contractName: '',
+          contractCode: '',
+          contractType: ''
+        }
+      }
+    },
+    _openContractFee(contract) {
+      this.$router.push({
+        path: '/pages/property/listContractFee',
+        query: {
+          contractId: contract.contractId,
+          contractCode: contract.contractCode
+        }
+      })
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.listContractInfo()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 15px;
+}
+.margin-top-lg {
+  margin-top: 20px;
+}
+.pagination {
+  margin-top: 15px;
+  text-align: right;
+}
+.text-right {
+  text-align: right;
+}
+</style>
 \ No newline at end of file
+<template>
+  <simplify-contract ref="simplifyContract"></simplify-contract>
+</template>
+
+<script>
+import SimplifyContract from '@/components/simplify/simplifyContract'
+
+export default {
+  name: 'SimplifyContractDemo',
+  components: {
+    SimplifyContract
+  },
+  methods: {
+    openSimplifyContract(params) {
+      this.$refs.simplifyContract.$emit('switch', params)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-table
+      :data="simplifyOwnerAccessContolInfo.machineTranslates"
+      style="width: 100%; margin-top: 10px"
+      border>
+      <el-table-column prop="typeCdName" :label="$t('simplifyOwnerAccessContol.objectType')" align="center"></el-table-column>
+      <el-table-column prop="objName" :label="$t('simplifyOwnerAccessContol.objectName')" align="center"></el-table-column>
+      <el-table-column prop="machineCmdName" :label="$t('simplifyOwnerAccessContol.command')" align="center"></el-table-column>
+      <el-table-column prop="stateName" :label="$t('simplifyOwnerAccessContol.status')" align="center"></el-table-column>
+      <el-table-column prop="remark" :label="$t('simplifyOwnerAccessContol.remark')" align="center"></el-table-column>
+      <el-table-column prop="updateTime" :label="$t('simplifyOwnerAccessContol.syncTime')" align="center"></el-table-column>
+      <el-table-column :label="$t('simplifyOwnerAccessContol.operation')" align="center">
+        <template #default="{row}">
+          <el-button 
+            v-if="row.state != '20000'" 
+            type="text" 
+            @click="_openEditMachineTranslateModel(row)">
+            {{ $t('simplifyOwnerAccessContol.resync') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      @current-change="handleCurrentChange"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      layout="total, prev, pager, next"
+      :total="total">
+    </el-pagination>
+
+    <edit-machine-translate ref="editMachineTranslate" @listMachineTranslate="listSimplifyOwnerAccessContol"></edit-machine-translate>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listMachineTranslates } from '@/api/simplify/simplifyOwnerAccessContolApi'
+import EditMachineTranslate from '@/components/machine/editMachineTranslate'
+
+export default {
+  name: 'SimplifyOwnerAccessContol',
+  components: {
+    EditMachineTranslate
+  },
+  data() {
+    return {
+      simplifyOwnerAccessContolInfo: {
+        machineTranslates: [],
+        ownerId: '',
+        roomId: '',
+        total: 0,
+        records: 1
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.initEvents()
+  },
+  methods: {
+    initEvents() {
+      this.$on('switch', this.handleSwitch)
+    },
+    handleSwitch(param) {
+      if (param.ownerId == '') return
+      this.clearSimplifyOwnerAccessContolInfo()
+      Object.assign(this.simplifyOwnerAccessContolInfo, param)
+      this.listSimplifyOwnerAccessContol(this.currentPage, this.pageSize)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.listSimplifyOwnerAccessContol(val, this.pageSize)
+    },
+    listSimplifyOwnerAccessContol(page, row) {
+      const params = {
+        page,
+        row,
+        communityId: this.communityId,
+        objId: this.simplifyOwnerAccessContolInfo.ownerId,
+        typeCd: '8899'
+      }
+      
+      listMachineTranslates(params).then(res => {
+        this.simplifyOwnerAccessContolInfo.machineTranslates = res.machineTranslates
+        this.total = res.records
+      })
+    },
+    _openEditMachineTranslateModel(machineTranslate) {
+      this.$refs.editMachineTranslate.open(machineTranslate)
+    },
+    clearSimplifyOwnerAccessContolInfo() {
+      this.simplifyOwnerAccessContolInfo = {
+        machineTranslates: [],
+        ownerId: '',
+        roomId: ''
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>
 \ No newline at end of file
+<template>
+  <simplify-owner-access-contol ref="simplifyOwnerAccessContol"></simplify-owner-access-contol>
+</template>
+
+<script>
+import SimplifyOwnerAccessContol from '@/components/simplify/simplifyOwnerAccessContol'
+
+export default {
+  name: 'SimplifyOwnerAccessContolDemo',
+  components: {
+    SimplifyOwnerAccessContol
+  },
+  methods: {
+    openSimplifyOwnerAccessContol(params) {
+      this.$refs.simplifyOwnerAccessContol.$emit('switch', params)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-row class="margin-top">
+      <el-col :span="20"></el-col>
+      <el-col :span="4" v-if="simplifyOwnerCarInfo.ownerId">
+        <el-button type="primary" size="small" @click="_addOwnerCar">
+          <i class="el-icon-plus"></i>{{ $t('simplifyOwnerCar.addCar') }}
+        </el-button>
+      </el-col>
+    </el-row>
+
+    <el-table
+      :data="simplifyOwnerCarInfo.ownerCars"
+      style="width: 100%; margin-top: 10px"
+      border>
+      <el-table-column :label="$t('simplifyOwnerCar.plateNumber')" align="center">
+        <template #default="{row}">
+          <router-link :to="`/pages/car/carDetail?memberId=${row.memberId}`" target="_blank">
+            {{row.carNum}}
+          </router-link>
+        </template>
+      </el-table-column>
+      <el-table-column prop="carBrand" :label="$t('simplifyOwnerCar.carBrand')" align="center"></el-table-column>
+      <el-table-column prop="carTypeName" :label="$t('simplifyOwnerCar.carType')" align="center"></el-table-column>
+      <el-table-column prop="carColor" :label="$t('simplifyOwnerCar.color')" align="center"></el-table-column>
+      <el-table-column :label="$t('simplifyOwnerCar.owner')" align="center">
+        <template #default="{row}">
+          {{row.ownerName}}({{row.link}})
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('simplifyOwnerCar.parkingSpace')" align="center">
+        <template #default="{row}">
+          <span v-if="row.areaNum">
+            {{row.areaNum}}{{$t('simplifyOwnerCar.parkingLot')}}{{row.num}}{{$t('simplifyOwnerCar.space')}}
+          </span>
+          <span v-else>{{ $t('simplifyOwnerCar.none') }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="startTime" :label="$t('simplifyOwnerCar.startTime')" align="center"></el-table-column>
+      <el-table-column prop="endTime" :label="$t('simplifyOwnerCar.endTime')" align="center"></el-table-column>
+      <el-table-column prop="stateName" :label="$t('simplifyOwnerCar.status')" align="center"></el-table-column>
+      <el-table-column :label="$t('simplifyOwnerCar.operation')" align="center">
+        <template #default="{row}">
+          <el-button 
+            v-if="row.psId != '-1' && row.state == '1001'" 
+            type="text" 
+            @click="_deleteCarParkingSpace(row)">
+            {{ $t('simplifyOwnerCar.releaseSpace') }}
+          </el-button>
+          <el-button 
+            v-if="row.psId != '-1' && row.state == '3003'" 
+            type="text" 
+            @click="_addCarParkingSpace(row)">
+            {{ $t('simplifyOwnerCar.renewSpace') }}
+          </el-button>
+          <el-button type="text" @click="_openEditOwnerCar(row)">
+            {{ $t('simplifyOwnerCar.edit') }}
+          </el-button>
+          <el-button type="text" @click="_openDelOwnerCarModel(row)">
+            {{ $t('simplifyOwnerCar.delete') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      @current-change="handleCurrentChange"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      layout="total, prev, pager, next"
+      :total="total">
+    </el-pagination>
+
+    <edit-car ref="editCar" @listOwnerCarData="listSimplifyOwnerCar"></edit-car>
+    <delete-owner-car ref="deleteOwnerCar" @listOwnerCarData="listSimplifyOwnerCar"></delete-owner-car>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { queryOwnerCars, deleteCarParkingSpace } from '@/api/simplify/simplifyOwnerCarApi'
+import EditCar from '@/components/car/editCar'
+import DeleteOwnerCar from '@/components/car/deleteOwnerCar'
+
+export default {
+  name: 'SimplifyOwnerCar',
+  components: {
+    EditCar,
+    DeleteOwnerCar
+  },
+  data() {
+    return {
+      simplifyOwnerCarInfo: {
+        ownerCars: [],
+        ownerId: '',
+        ownerName: '',
+        total: 0,
+        records: 1
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.initEvents()
+  },
+  methods: {
+    initEvents() {
+      this.$on('switch', this.handleSwitch)
+    },
+    handleSwitch(param) {
+      if (param.ownerId == '') return
+      this.clearSimplifyOwnerCarInfo()
+      Object.assign(this.simplifyOwnerCarInfo, param)
+      this.listSimplifyOwnerCar(this.currentPage, this.pageSize)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.listSimplifyOwnerCar(val, this.pageSize)
+    },
+    listSimplifyOwnerCar(page, row) {
+      const params = {
+        page,
+        row,
+        communityId: this.communityId,
+        ownerId: this.simplifyOwnerCarInfo.ownerId,
+        carTypeCd: '1001'
+      }
+      
+      queryOwnerCars(params).then(res => {
+        this.simplifyOwnerCarInfo.ownerCars = res.data
+        this.total = res.records
+      })
+    },
+    _addOwnerCar() {
+      this.$router.push(`/pages/property/hireParkingSpace?ownerId=${this.simplifyOwnerCarInfo.ownerId}&ownerName=${this.simplifyOwnerCarInfo.ownerName}`)
+    },
+    _openEditOwnerCar(car) {
+      this.$refs.editCar.open(car)
+    },
+    _openDelOwnerCarModel(car) {
+      this.$refs.deleteOwnerCar.open(car)
+    },
+    _deleteCarParkingSpace(car) {
+      deleteCarParkingSpace(car).then(() => {
+        this.$message.success(this.$t('simplifyOwnerCar.releaseSuccess'))
+        this.listSimplifyOwnerCar(this.currentPage, this.pageSize)
+      }).catch(err => {
+        this.$message.error(err)
+      })
+    },
+    _addCarParkingSpace(car) {
+      this.$router.push(`/pages/property/carAddParkingSpace?carId=${car.carId}`)
+    },
+    clearSimplifyOwnerCarInfo() {
+      this.simplifyOwnerCarInfo = {
+        ownerCars: [],
+        ownerId: '',
+        ownerName: ''
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 10px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <simplify-owner-car ref="simplifyOwnerCar"></simplify-owner-car>
+</template>
+
+<script>
+import SimplifyOwnerCar from '@/components/simplify/simplifyOwnerCar'
+
+export default {
+  name: 'SimplifyOwnerCarDemo',
+  components: {
+    SimplifyOwnerCar
+  },
+  methods: {
+    openSimplifyOwnerCar(params) {
+      this.$refs.simplifyOwnerCar.$emit('switch', params)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-row class="margin-top">
+      <el-col :span="20"></el-col>
+      <el-col :span="4" v-if="simplifyOwnerComplaintInfo.roomId != ''">
+        <el-button type="primary" size="small" @click="_openAddComplaintModal">
+          <i class="el-icon-plus"></i>{{ $t('simplifyOwnerComplaint.complaint') }}
+        </el-button>
+      </el-col>
+    </el-row>
+
+    <el-table :data="simplifyOwnerComplaintInfo.complaints" style="width: 100%; margin-top: 10px" border>
+      <el-table-column prop="typeCdName" :label="$t('simplifyOwnerComplaint.complaintType')"
+        align="center"></el-table-column>
+      <el-table-column :label="$t('simplifyOwnerComplaint.house')" align="center">
+        <template #default="{ row }">
+          {{ row.floorNum }}{{ $t('simplifyOwnerComplaint.building') }}{{ row.unitNum }}{{ $t('simplifyOwnerComplaint.unit') }}{{ row.roomNum }}{{ $t('simplifyOwnerComplaint.room') }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="complaintName" :label="$t('simplifyOwnerComplaint.complainant')"
+        align="center"></el-table-column>
+      <el-table-column prop="tel" :label="$t('simplifyOwnerComplaint.complainantPhone')"
+        align="center"></el-table-column>
+      <el-table-column prop="stateName" :label="$t('simplifyOwnerComplaint.complaintStatus')"
+        align="center"></el-table-column>
+      <el-table-column prop="currentUserName" :label="$t('simplifyOwnerComplaint.handler')" align="center">
+        <template #default="{ row }">
+          {{ row.currentUserName == '' ? $t('simplifyOwnerComplaint.none') : row.currentUserName }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="currentUserTel" :label="$t('simplifyOwnerComplaint.handlerPhone')" align="center">
+        <template #default="{ row }">
+          {{ row.currentUserTel == '' ? $t('simplifyOwnerComplaint.none') : row.currentUserTel }}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('simplifyOwnerComplaint.operation')" align="center">
+        <template #default="{ row }">
+          <el-button type="text" @click="_openComplaintDetailModel(row)">
+            {{ $t('simplifyOwnerComplaint.details') }}
+          </el-button>
+          <el-button type="text" @click="_openRunWorkflowImage(row)">
+            {{ $t('simplifyOwnerComplaint.flowChart') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-size="pageSize"
+      layout="total, prev, pager, next" :total="total">
+    </el-pagination>
+
+    <complaint-detail ref="complaintDetail"></complaint-detail>
+    <view-image ref="viewImage"></view-image>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listComplaints, listRunWorkflowImage } from '@/api/simplify/simplifyOwnerComplaintApi'
+import ComplaintDetail from '@/components/oa/complaintDetail'
+import ViewImage from '@/components/system/viewImage'
+
+export default {
+  name: 'SimplifyOwnerComplaint',
+  components: {
+    ComplaintDetail,
+    ViewImage
+  },
+  data() {
+    return {
+      simplifyOwnerComplaintInfo: {
+        complaints: [],
+        ownerId: '',
+        roomId: '',
+        roomName: '',
+        total: 0,
+        records: 1
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.initEvents()
+  },
+  methods: {
+    initEvents() {
+      this.$on('switch', this.handleSwitch)
+    },
+    handleSwitch(param) {
+      if (param.roomId == '') return
+      this.clearSimplifyOwnerComplaintInfo()
+      Object.assign(this.simplifyOwnerComplaintInfo, param)
+      this.listSimplifyOwnerComplaint(this.currentPage, this.pageSize)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.listSimplifyOwnerComplaint(val, this.pageSize)
+    },
+    listSimplifyOwnerComplaint(page, row) {
+      const params = {
+        page,
+        row,
+        communityId: this.communityId,
+        roomId: this.simplifyOwnerComplaintInfo.roomId
+      }
+
+      listComplaints(params).then(res => {
+        this.simplifyOwnerComplaintInfo.complaints = res.complaints
+        this.total = res.records
+      })
+    },
+    _openComplaintDetailModel(complaint) {
+      this.$refs.complaintDetail.open(complaint)
+    },
+    _openRunWorkflowImage(complaint) {
+      const params = {
+        communityId: this.communityId,
+        businessKey: complaint.complaintId
+      }
+
+      listRunWorkflowImage(params).then(res => {
+        if (res.code == 0) {
+          this.$refs.viewImage.show({
+            url: `data:image/png;base64,${res.data}`
+          })
+        } else {
+          this.$message.error(res.msg)
+        }
+      })
+    },
+    clearSimplifyOwnerComplaintInfo() {
+      this.simplifyOwnerComplaintInfo = {
+        complaints: [],
+        ownerId: '',
+        roomId: '',
+        roomName: ''
+      }
+    },
+    _openAddComplaintModal() {
+      this.$router.push(`/pages/common/addRoomComplaint?roomId=${this.simplifyOwnerComplaintInfo.roomId}`)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 10px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <simplify-owner-complaint ref="simplifyOwnerComplaint"></simplify-owner-complaint>
+</template>
+
+<script>
+import SimplifyOwnerComplaint from '@/components/simplify/simplifyOwnerComplaint'
+
+export default {
+  name: 'SimplifyOwnerComplaintDemo',
+  components: {
+    SimplifyOwnerComplaint
+  },
+  methods: {
+    openSimplifyOwnerComplaint(params) {
+      this.$refs.simplifyOwnerComplaint.$emit('switch', params)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-row class="margin-top">
+      <el-col :span="20"></el-col>
+      <el-col :span="4" v-if="simplifyOwnerMemberInfo.ownerId">
+        <el-button type="primary" size="small" @click="openAddMemberModel">
+          <i class="el-icon-plus"></i>{{ $t('simplifyOwnerMember.addMember') }}
+        </el-button>
+      </el-col>
+    </el-row>
+
+    <el-table
+      :data="simplifyOwnerMemberInfo.members"
+      style="width: 100%; margin-top: 10px"
+      border>
+      <el-table-column prop="memberId" :label="$t('simplifyOwnerMember.memberId')" align="center"></el-table-column>
+      <el-table-column prop="name" :label="$t('simplifyOwnerMember.name')" align="center"></el-table-column>
+      <el-table-column prop="sex" :label="$t('simplifyOwnerMember.gender')" align="center">
+        <template #default="{row}">
+          {{row.sex == 0 ? $t('simplifyOwnerMember.male') : $t('simplifyOwnerMember.female')}}
+        </template>
+      </el-table-column>
+      <el-table-column prop="ownerTypeName" :label="$t('simplifyOwnerMember.type')" align="center"></el-table-column>
+      <el-table-column prop="idCard" :label="$t('simplifyOwnerMember.idCard')" align="center"></el-table-column>
+      <el-table-column prop="link" :label="$t('simplifyOwnerMember.contact')" align="center"></el-table-column>
+      <el-table-column prop="userName" :label="$t('simplifyOwnerMember.creator')" align="center"></el-table-column>
+      <el-table-column prop="remark" :label="$t('simplifyOwnerMember.remark')" align="center"></el-table-column>
+      <el-table-column 
+        v-for="(item,index) in simplifyOwnerMemberInfo.listColumns" 
+        :key="index" 
+        :label="item" 
+        align="center">
+        <template #default="{row}">
+          {{row.listValues[index]}}
+        </template>
+      </el-table-column>
+      <el-table-column :label="$t('simplifyOwnerMember.operation')" align="center">
+        <template #default="{row}">
+          <el-button type="text" @click="_openEditOwnerModel(row)">
+            {{ $t('simplifyOwnerMember.edit') }}
+          </el-button>
+          <el-button type="text" @click="_openDeleteOwnerModel(row)">
+            {{ $t('simplifyOwnerMember.delete') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      @current-change="handleCurrentChange"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      layout="total, prev, pager, next"
+      :total="total">
+    </el-pagination>
+
+    <add-owner-member ref="addOwnerMember" @listOwnerData="listSimplifyOwnerMember"></add-owner-member>
+    <edit-owner-member ref="editOwnerMember" @listOwnerData="listSimplifyOwnerMember"></edit-owner-member>
+    <delete-owner ref="deleteOwner" @listOwnerData="listSimplifyOwnerMember"></delete-owner>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { queryOwnerMembers } from '@/api/simplify/simplifyOwnerMemberApi'
+import AddOwnerMember from '@/components/owner/addOwnerMember'
+import EditOwnerMember from '@/components/owner/editOwnerMember'
+import DeleteOwner from '@/components/owner/deleteOwner'
+
+export default {
+  name: 'SimplifyOwnerMember',
+  components: {
+    AddOwnerMember,
+    EditOwnerMember,
+    DeleteOwner
+  },
+  data() {
+    return {
+      simplifyOwnerMemberInfo: {
+        members: [],
+        ownerId: '',
+        total: 0,
+        records: 1,
+        listColumns: []
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.getSimplifyOwnerMemberColumns()
+    this.initEvents()
+  },
+  methods: {
+    initEvents() {
+      this.$on('switch', this.handleSwitch)
+    },
+    handleSwitch(param) {
+      if (param.ownerId == '') return
+      this.clearSimplifyOwnerMemberInfo()
+      Object.assign(this.simplifyOwnerMemberInfo, param)
+      this.listSimplifyOwnerMember(this.currentPage, this.pageSize)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.listSimplifyOwnerMember(val, this.pageSize)
+    },
+    listSimplifyOwnerMember(page, rows) {
+      const params = {
+        page,
+        row: rows,
+        ownerId: this.simplifyOwnerMemberInfo.ownerId,
+        communityId: this.communityId
+      }
+      
+      queryOwnerMembers(params).then(res => {
+        this.simplifyOwnerMemberInfo.members = res.data
+        this.dealSimplifyOwnerMemberAttr(res.data)
+        this.total = res.records
+      })
+    },
+    openAddMemberModel() {
+      this.$refs.addOwnerMember.open({ownerId: this.simplifyOwnerMemberInfo.ownerId})
+    },
+    _openDeleteOwnerModel(member) {
+      member.ownerId = this.simplifyOwnerMemberInfo.ownerId
+      this.$refs.deleteOwner.open(member)
+    },
+    _openEditOwnerModel(member) {
+      member.ownerId = this.simplifyOwnerMemberInfo.ownerId
+      this.$refs.editOwnerMember.open(member)
+    },
+    clearSimplifyOwnerMemberInfo() {
+      const listColumns = this.simplifyOwnerMemberInfo.listColumns
+      this.simplifyOwnerMemberInfo = {
+        members: [],
+        ownerId: '',
+        listColumns
+      }
+    },
+    dealSimplifyOwnerMemberAttr(owners) {
+      owners.forEach(item => {
+        this.getSimplifyOwnerMemberColumnsValue(item)
+      })
+    },
+    getSimplifyOwnerMemberColumnsValue(owner) {
+      owner.listValues = []
+      if (!owner.ownerAttrDtos || owner.ownerAttrDtos.length < 1) {
+        this.simplifyOwnerMemberInfo.listColumns.forEach(() => {
+          owner.listValues.push('')
+        })
+        return
+      }
+      
+      this.simplifyOwnerMemberInfo.listColumns.forEach(value => {
+        let tmpValue = ''
+        owner.ownerAttrDtos.forEach(attrItem => {
+          if (value == attrItem.specName) {
+            tmpValue = attrItem.valueName
+          }
+        })
+        owner.listValues.push(tmpValue)
+      })
+    },
+    getSimplifyOwnerMemberColumns() {
+      this.simplifyOwnerMemberInfo.listColumns = []
+      // Implement get attr spec logic
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 10px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <simplify-owner-member ref="simplifyOwnerMember"></simplify-owner-member>
+</template>
+
+<script>
+import SimplifyOwnerMember from '@/components/simplify/simplifyOwnerMember'
+
+export default {
+  name: 'SimplifyOwnerMemberDemo',
+  components: {
+    SimplifyOwnerMember
+  },
+  methods: {
+    openSimplifyOwnerMember(params) {
+      this.$refs.simplifyOwnerMember.$emit('switch', params)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-row class="margin-top">
+      <el-col :span="20"></el-col>
+      <el-col :span="4" v-if="simplifyOwnerRepairInfo.roomId != ''">
+        <el-button type="primary" size="small" @click="_openAddOwnerRepairModal">
+          <i class="el-icon-plus"></i>{{ $t('simplifyOwnerRepair.phoneRepair') }}
+        </el-button>
+      </el-col>
+    </el-row>
+
+    <el-table
+      :data="simplifyOwnerRepairInfo.repairs"
+      style="width: 100%; margin-top: 10px"
+      border>
+      <el-table-column prop="repairId" :label="$t('simplifyOwnerRepair.workOrderCode')" align="center"></el-table-column>
+      <el-table-column prop="repairObjName" :label="$t('simplifyOwnerRepair.location')" align="center"></el-table-column>
+      <el-table-column prop="repairTypeName" :label="$t('simplifyOwnerRepair.repairType')" align="center"></el-table-column>
+      <el-table-column prop="repairName" :label="$t('simplifyOwnerRepair.reporter')" align="center"></el-table-column>
+      <el-table-column prop="tel" :label="$t('simplifyOwnerRepair.contact')" align="center"></el-table-column>
+      <el-table-column prop="appointmentTime" :label="$t('simplifyOwnerRepair.appointmentTime')" align="center"></el-table-column>
+      <el-table-column prop="stateName" :label="$t('simplifyOwnerRepair.status')" align="center"></el-table-column>
+      <el-table-column :label="$t('simplifyOwnerRepair.operation')" align="center">
+        <template #default="{row}">
+          <el-button type="text" @click="_openRepairDetail(row)">
+            {{ $t('simplifyOwnerRepair.details') }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <el-pagination
+      @current-change="handleCurrentChange"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      layout="total, prev, pager, next"
+      :total="total">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listOwnerRepairs } from '@/api/simplify/simplifyOwnerRepairApi'
+
+export default {
+  name: 'SimplifyOwnerRepair',
+  data() {
+    return {
+      simplifyOwnerRepairInfo: {
+        repairs: [],
+        ownerId: '',
+        roomId: '',
+        total: 0,
+        records: 1,
+        roomName: ''
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.initEvents()
+  },
+  methods: {
+    initEvents() {
+      this.$on('switch', this.handleSwitch)
+    },
+    handleSwitch(param) {
+      if (param.roomId == '') return
+      this.clearSimplifyOwnerRepairInfo()
+      Object.assign(this.simplifyOwnerRepairInfo, param)
+      this.listSimplifyOwnerRepair(this.currentPage, this.pageSize)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.listSimplifyOwnerRepair(val, this.pageSize)
+    },
+    listSimplifyOwnerRepair(page, row) {
+      const params = {
+        page,
+        row,
+        communityId: this.communityId,
+        repairObjId: this.simplifyOwnerRepairInfo.roomId
+      }
+      
+      listOwnerRepairs(params).then(res => {
+        this.simplifyOwnerRepairInfo.repairs = res.data
+        this.total = res.records
+      })
+    },
+    _openRepairDetail(repairPool) {
+      this.$router.push(`/pages/property/ownerRepairDetail?repairId=${repairPool.repairId}`)
+    },
+    clearSimplifyOwnerRepairInfo() {
+      this.simplifyOwnerRepairInfo = {
+        repairs: [],
+        ownerId: '',
+        roomId: '',
+        total: 0,
+        records: 1,
+        roomName: ''
+      }
+    },
+    _openAddOwnerRepairModal() {
+      this.$router.push(`/pages/common/addRoomRepair?roomId=${this.simplifyOwnerRepairInfo.roomId}&roomName=${this.simplifyOwnerRepairInfo.roomName}`)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 10px;
+}
+</style>
 \ No newline at end of file
+<template>
+  <simplify-owner-repair ref="simplifyOwnerRepair"></simplify-owner-repair>
+</template>
+
+<script>
+import SimplifyOwnerRepair from '@/components/simplify/simplifyOwnerRepair'
+
+export default {
+  name: 'SimplifyOwnerRepairDemo',
+  components: {
+    SimplifyOwnerRepair
+  },
+  methods: {
+    openSimplifyOwnerRepair(params) {
+      this.$refs.simplifyOwnerRepair.$emit('switch', params)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-row class="margin-top">
+      <el-col :span="4">
+        <el-select v-model="simplifyOwnerTransactionCarInfo.carId" @change="changeTransactionCar">
+          <el-option
+            v-for="(item,index) in simplifyOwnerTransactionCarInfo.ownerCars"
+            :key="index"
+            :label="item.carNum"
+            :value="item.carId"
+          ></el-option>
+        </el-select>
+      </el-col>
+      <el-col :span="20"></el-col>
+    </el-row>
+    <div>
+      <el-table
+        :data="simplifyOwnerTransactionCarInfo.machineTranslates"
+        style="margin-top:10px"
+        border
+      >
+        <el-table-column prop="machineTranslateId" :label="$t('simplifyOwnerTransactionCar.syncId')" align="center"></el-table-column>
+        <el-table-column prop="typeCdName" :label="$t('simplifyOwnerTransactionCar.objectType')" align="center"></el-table-column>
+        <el-table-column prop="objName" :label="$t('simplifyOwnerTransactionCar.objectName')" align="center"></el-table-column>
+        <el-table-column prop="machineCmdName" :label="$t('simplifyOwnerTransactionCar.command')" align="center"></el-table-column>
+        <el-table-column prop="stateName" :label="$t('simplifyOwnerTransactionCar.status')" align="center"></el-table-column>
+        <el-table-column prop="remark" :label="$t('simplifyOwnerTransactionCar.remark')" align="center" width="80px"></el-table-column>
+        <el-table-column prop="updateTime" :label="$t('simplifyOwnerTransactionCar.syncTime')" align="center"></el-table-column>
+        <el-table-column :label="$t('simplifyOwnerTransactionCar.operation')" align="center">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              @click="_openEditCarTranslateModel(scope.row)"
+            >{{$t('simplifyOwnerTransactionCar.resync')}}</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        @current-change="handleCurrentChange"
+        :current-page="currentPage"
+        :page-size="pageSize"
+        layout="total, prev, pager, next"
+        :total="total"
+        class="pagination"
+      ></el-pagination>
+    </div>
+  </div>
+</template>
+
+<script>
+import { listMachineTranslates, queryOwnerCars } from '@/api/simplify/simplifyOwnerTransactionCarApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'SimplifyOwnerTransactionCar',
+  data() {
+    return {
+      simplifyOwnerTransactionCarInfo: {
+        machineTranslates: [],
+        ownerId: '',
+        carId: '',
+        ownerCars: []
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.$on('switch', this.handleSwitch)
+    this.$on('listMachineTranslate', this.listMachineTranslates)
+  },
+  methods: {
+    handleSwitch(params) {
+      if (!params.ownerId) return
+      this.clearSimplifyOwnerTransactionCarInfo()
+      Object.assign(this.simplifyOwnerTransactionCarInfo, params)
+      this.listTransactionOwnerCar().then(() => {
+        this.listMachineTranslates()
+      })
+    },
+    async listMachineTranslates() {
+      try {
+        const params = {
+          page: this.currentPage,
+          row: this.pageSize,
+          communityId: this.communityId,
+          objId: this.simplifyOwnerTransactionCarInfo.carId,
+          typeCd: '4455'
+        }
+        const res = await listMachineTranslates(params)
+        this.simplifyOwnerTransactionCarInfo.machineTranslates = res.data.machineTranslates
+        this.total = res.data.total
+      } catch (error) {
+        console.error('Failed to load machine translates:', error)
+      }
+    },
+    async listTransactionOwnerCar() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          ownerId: this.simplifyOwnerTransactionCarInfo.ownerId,
+          communityId: this.communityId
+        }
+        const res = await queryOwnerCars(params)
+        this.simplifyOwnerTransactionCarInfo.ownerCars = res.data
+        if (res.data.length > 0) {
+          this.simplifyOwnerTransactionCarInfo.carId = res.data[0].carId
+        }
+      } catch (error) {
+        console.error('Failed to load owner cars:', error)
+      }
+    },
+    changeTransactionCar() {
+      const car = this.simplifyOwnerTransactionCarInfo.ownerCars.find(
+        item => item.carId === this.simplifyOwnerTransactionCarInfo.carId
+      )
+      if (!car) return
+      this.listMachineTranslates()
+    },
+    clearSimplifyOwnerTransactionCarInfo() {
+      this.simplifyOwnerTransactionCarInfo = {
+        machineTranslates: [],
+        ownerId: '',
+        carId: '',
+        ownerCars: []
+      }
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.listMachineTranslates()
+    },
+    _openEditCarTranslateModel(machineTranslate) {
+      this.$emit('edit-machine-translate', machineTranslate)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.margin-top {
+  margin-top: 15px;
+}
+.pagination {
+  margin-top: 15px;
+  text-align: right;
+}
+</style>
 \ No newline at end of file
+<template>
+  <simplify-owner-transaction-car ref="simplifyOwnerTransactionCar"></simplify-owner-transaction-car>
+</template>
+
+<script>
+import SimplifyOwnerTransactionCar from '@/components/simplify/simplifyOwnerTransactionCar'
+
+export default {
+  name: 'SimplifyOwnerTransactionCarDemo',
+  components: {
+    SimplifyOwnerTransactionCar
+  },
+  methods: {
+    openSimplifyOwnerTransactionCar(params) {
+      this.$refs.simplifyOwnerTransactionCar.$emit('switch', params)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-table :data="simplifyShopsHireLogInfo.owners" style="margin-top:10px" border>
+      <el-table-column prop="name" :label="$t('simplifyShopsHireLog.ownerName')" align="center"></el-table-column>
+      <el-table-column prop="link" :label="$t('simplifyShopsHireLog.ownerPhone')" align="center"></el-table-column>
+      <el-table-column prop="startTime" :label="$t('simplifyShopsHireLog.startTime')" align="center"></el-table-column>
+      <el-table-column prop="endTime" :label="$t('simplifyShopsHireLog.endTime')" align="center"></el-table-column>
+      <el-table-column prop="createTime" :label="$t('simplifyShopsHireLog.createTime')" align="center"></el-table-column>
+      <el-table-column :label="$t('simplifyShopsHireLog.operation')" align="center">
+        <template slot-scope="scope">
+          <el-button size="mini" @click="_openShopsOwnerFee(scope.row)">{{$t('simplifyShopsHireLog.viewFee')}}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @current-change="handleCurrentChange"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      layout="total, prev, pager, next"
+      :total="total"
+      class="pagination"
+    ></el-pagination>
+  </div>
+</template>
+
+<script>
+import { queryShopsHireLog } from '@/api/simplify/simplifyShopsHireLogApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'SimplifyShopsHireLog',
+  data() {
+    return {
+      simplifyShopsHireLogInfo: {
+        owners: [],
+        ownerId: '',
+        roomId: ''
+      },
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.$on('switch', this.handleSwitch)
+    this.$on('listMachineTranslate', this.listShopsHireLog)
+  },
+  methods: {
+    handleSwitch(params) {
+      if (!params.roomId) return
+      this.clearSimplifyShopsHireLogInfo()
+      Object.assign(this.simplifyShopsHireLogInfo, params)
+      this.listShopsHireLog()
+    },
+    async listShopsHireLog() {
+      try {
+        const params = {
+          page: this.currentPage,
+          row: this.pageSize,
+          communityId: this.communityId,
+          roomId: this.simplifyShopsHireLogInfo.roomId
+        }
+        const res = await queryShopsHireLog(params)
+        this.simplifyShopsHireLogInfo.owners = res.data
+        this.total = res.data.total
+      } catch (error) {
+        console.error('Failed to load shops hire log:', error)
+      }
+    },
+    _openShopsOwnerFee(owner) {
+      this.$router.push({
+        path: '/pages/property/listRoomFee',
+        query: {
+          roomId: owner.roomId,
+          ownerId: owner.ownerId,
+          hireOwnerFee: 1
+        }
+      })
+    },
+    clearSimplifyShopsHireLogInfo() {
+      this.simplifyShopsHireLogInfo = {
+        owners: [],
+        ownerId: '',
+        roomId: ''
+      }
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.listShopsHireLog()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.pagination {
+  margin-top: 15px;
+  text-align: right;
+}
+</style>
 \ No newline at end of file
+<template>
+  <simplify-shops-hire-log ref="simplifyShopsHireLog"></simplify-shops-hire-log>
+</template>
+
+<script>
+import SimplifyShopsHireLog from '@/components/simplify/simplifyShopsHireLog'
+
+export default {
+  name: 'SimplifyShopsHireLogDemo',
+  components: {
+    SimplifyShopsHireLog
+  },
+  methods: {
+    openSimplifyShopsHireLog(params) {
+      this.$refs.simplifyShopsHireLog.$emit('switch', params)
+    }
+  }
+}
+</script>
 \ No newline at end of file
@@ -26,6 +26,7 @@ import { messages as feeSummaryMessages } from &#39;../views/fee/feeSummaryLang&#39;
 import { messages as roomCreateFeeMessages } from '../views/fee/roomCreateFeeLang.js'
 import { messages as propertyFeeMessages } from '../views/fee/propertyFeeLang'
 import { messages as batchPayFeeOrderMessages } from '../views/fee/batchPayFeeOrderLang'
+import { messages as simplifyAcceptanceMessages } from '../views/simplify/simplifyAcceptanceLang.js'
  
 export const messages = {
     en: {
@@ -57,6 +58,7 @@ export const messages = {
         ...roomCreateFeeMessages.en,
         ...propertyFeeMessages.en,
         ...batchPayFeeOrderMessages.en,
+        ...simplifyAcceptanceMessages.en,
     },
     zh: {
         ...contractCreateFeeMessages.zh,
@@ -87,5 +89,6 @@ export const messages = {
         ...roomCreateFeeMessages.zh,
         ...propertyFeeMessages.zh,
         ...batchPayFeeOrderMessages.zh,
+        ...simplifyAcceptanceMessages.zh,
     }
 }
 \ No newline at end of file
@@ -120,9 +120,13 @@ export default [
         component: () => import('@/views/fee/propertyFeeList.vue')
     },
     {
-        path:'/views/fee/batchPayFeeOrder',
-        name:'/views/fee/batchPayFeeOrder',
+        path: '/views/fee/batchPayFeeOrder',
+        name: '/views/fee/batchPayFeeOrder',
         component: () => import('@/views/fee/batchPayFeeOrderList.vue')
-        },
-
+    },
+    {
+        path: '/pages/property/simplifyAcceptance',
+        name: '/pages/property/simplifyAcceptance',
+        component: () => import('@/views/simplify/simplifyAcceptanceList.vue')
+    },
 ]
 \ No newline at end of file
+export const messages = {
+  en: {
+    simplifyAcceptance: {
+      houseNumber: 'House Number',
+      ownerName: 'Owner Name',
+      ownerPhone: 'Owner Phone',
+      ownerIdCard: 'Owner ID Card',
+      licensePlate: 'License Plate',
+      memberName: 'Member Name',
+      memberPhone: 'Member Phone',
+      memberIdCard: 'Member ID Card',
+      shopNumber: 'Shop Number',
+      contractNumber: 'Contract Number',
+      search: 'Search',
+      selectHouse: 'Select House',
+      moreOperations: 'More Operations',
+      handover: 'Handover',
+      exitRoom: 'Exit Room',
+      ownerId: 'Owner ID:',
+      ownerNameLabel: 'Owner Name:',
+      contactPhone: 'Contact Phone:',
+      idCard: 'ID Card:',
+      checkInDate: 'Check-in Date:',
+      gender: 'Gender:',
+      male: 'Male',
+      female: 'Female',
+      ownerRemark: 'Owner Remark:',
+      houseNumberLabel: 'House Number:',
+      shopNumberLabel: 'Shop Number:',
+      houseArea: 'House Area:',
+      houseType: 'House Type:',
+      layout: 'Layout:',
+      houseStatus: 'House Status:',
+      indoorArea: 'Indoor Area:',
+      rent: 'Rent:',
+      houseRemark: 'House Remark:',
+      accountBalance: 'Account Balance:',
+      preDeposit: 'Pre-deposit',
+      depositAmount: 'Deposit Amount:',
+      refundDeposit: 'Refund Deposit',
+      inputSearchCondition: 'Please enter search condition',
+      selectHouseFirst: 'Please select a house first',
+      houseNumberPlaceholder: 'Please enter house number like 1-1-1',
+      ownerNamePlaceholder: 'Please enter owner name',
+      ownerPhonePlaceholder: 'Please enter owner phone',
+      ownerIdCardPlaceholder: 'Please enter owner ID card',
+      licensePlatePlaceholder: 'Please enter license plate',
+      memberNamePlaceholder: 'Please enter member name',
+      memberPhonePlaceholder: 'Please enter member phone',
+      memberIdCardPlaceholder: 'Please enter member ID card',
+      shopNumberPlaceholder: 'Please enter shop number like 1-1',
+      contractNumberPlaceholder: 'Please enter contract number',
+      houseFee: 'House Fee',
+      parkingFee: 'Parking Fee',
+      paymentHistory: 'Payment History',
+      house: 'House',
+      contract: 'Contract',
+      familyMember: 'Family Member',
+      vehicle: 'Vehicle',
+      paymentReminder: 'Payment Reminder',
+      ownerFeedback: 'Owner Feedback',
+      repairOrder: 'Repair Order',
+      complaintOrder: 'Complaint Order',
+      ownerSync: 'Owner Sync',
+      vehicleSync: 'Vehicle Sync',
+      reprintReceipt: 'Reprint Receipt',
+      historyOwner: 'History Owner',
+      meterReadingRecord: 'Meter Reading Record'
+    },
+    finishFee: {
+      confirmOperation: 'Please confirm your operation',
+      confirmFinishFee: 'Confirm to finish the fee? Once finished, it cannot be re-enabled. Please operate carefully!',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      successMessage: 'Fee finished successfully',
+      errorMessage: 'Failed to finish fee'
+    },
+    simplifyCarFee: {
+      buyMonthCard: 'Buy Monthly Card',
+      batchPayment: 'Batch Payment',
+      createFee: 'Create Fee',
+      feeItem: 'Fee Item',
+      feeFlag: 'Fee Flag',
+      feeType: 'Fee Type',
+      amountReceivable: 'Amount Receivable',
+      accountingTime: 'Accounting Time',
+      receivablePeriod: 'Receivable Period',
+      description: 'Description',
+      status: 'Status',
+      operation: 'Operation',
+      lastDegree: 'Last Degree',
+      currentDegree: 'Current Degree',
+      unitPrice: 'Unit Price',
+      additionalFee: 'Additional Fee',
+      algorithm: 'Algorithm',
+      usage: 'Usage',
+      fixedFee: 'Fixed Fee',
+      payment: 'Payment',
+      paymentHistory: 'Payment History',
+      moreOperations: 'More Operations',
+      cancelFee: 'Cancel Fee',
+      manualFinish: 'Manual Finish',
+      feeChange: 'Fee Change',
+      details: 'Details',
+      note1: 'Note: "-" in receivable end time means not yet receivable or payment has ended',
+      note2: 'Amount receivable -1 generally means there is an error in the fee item formula setting, please check',
+      arrearsSubtotal: 'Arrears Subtotal',
+      parkingLot: ' Parking Lot ',
+      parkingSpace: ' Parking Space',
+      owner: 'Owner',
+      phone: 'Phone'
+    },
+    simplifyContract: {
+      contractName: 'Contract Name',
+      contractCode: 'Contract Code',
+      parentContractCode: 'Parent Contract Code',
+      contractType: 'Contract Type',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      status: 'Status',
+      operation: 'Operation',
+      fee: 'Fee',
+      view: 'View',
+      print: 'Print',
+      draftContract: 'Draft Contract'
+    },
+    simplifyOwnerMember: {
+      addMember: 'Add Member',
+      memberId: 'Member ID',
+      name: 'Name',
+      gender: 'Gender',
+      male: 'Male',
+      female: 'Female',
+      type: 'Type',
+      idCard: 'ID Card',
+      contact: 'Contact',
+      creator: 'Creator',
+      remark: 'Remark',
+      operation: 'Operation',
+      edit: 'Edit',
+      delete: 'Delete'
+    },
+    simplifyOwnerCar: {
+      addCar: 'Add Vehicle',
+      plateNumber: 'Plate Number',
+      carBrand: 'Car Brand',
+      carType: 'Car Type',
+      color: 'Color',
+      owner: 'Owner',
+      parkingSpace: 'Parking Space',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      status: 'Status',
+      operation: 'Operation',
+      releaseSpace: 'Release Space',
+      renewSpace: 'Renew Space',
+      edit: 'Edit',
+      delete: 'Delete',
+      parkingLot: 'Parking Lot',
+      space: 'Space',
+      none: 'None'
+    },
+    simplifyOwnerRepair: {
+      phoneRepair: 'Phone Repair',
+      workOrderCode: 'Work Order Code',
+      location: 'Location',
+      repairType: 'Repair Type',
+      reporter: 'Reporter',
+      contact: 'Contact',
+      appointmentTime: 'Appointment Time',
+      status: 'Status',
+      operation: 'Operation',
+      details: 'Details'
+    },
+    simplifyOwnerComplaint: {
+      complaint: 'Complaint',
+      complaintType: 'Complaint Type',
+      house: 'House',
+      building: 'Building',
+      unit: 'Unit',
+      room: 'Room',
+      complainant: 'Complainant',
+      complainantPhone: 'Complainant Phone',
+      complaintStatus: 'Complaint Status',
+      handler: 'Handler',
+      handlerPhone: 'Handler Phone',
+      operation: 'Operation',
+      details: 'Details',
+      flowChart: 'Flow Chart',
+      none: 'None'
+    },
+    simplifyOwnerAccessContol: {
+      objectType: 'Object Type',
+      objectName: 'Object Name',
+      command: 'Command',
+      status: 'Status',
+      remark: 'Remark',
+      syncTime: 'Sync Time',
+      operation: 'Operation',
+      resync: 'Resync'
+    },
+    simplifyOwnerTransactionCar: {
+      syncId: 'Sync ID',
+      objectType: 'Object Type',
+      objectName: 'Object Name',
+      command: 'Command',
+      status: 'Status',
+      remark: 'Remark',
+      syncTime: 'Sync Time',
+      operation: 'Operation',
+      resync: 'Resync'
+    },
+    simplifyShopsHireLog: {
+      ownerName: 'Owner Name',
+      ownerPhone: 'Owner Phone',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      createTime: 'Create Time',
+      operation: 'Operation',
+      viewFee: 'View Fee'
+    }
+  },
+  zh: {
+    simplifyAcceptance: {
+      houseNumber: '房屋号',
+      ownerName: '业主姓名',
+      ownerPhone: '业主电话',
+      ownerIdCard: '业主身份证',
+      licensePlate: '车牌号',
+      memberName: '成员姓名',
+      memberPhone: '成员手机号',
+      memberIdCard: '成员身份证',
+      shopNumber: '商铺号',
+      contractNumber: '合同号',
+      search: '查询',
+      selectHouse: '选择房屋',
+      moreOperations: '更多操作',
+      handover: '交房',
+      exitRoom: '退房',
+      ownerId: '业主编号：',
+      ownerNameLabel: '业主名称：',
+      contactPhone: '联系电话：',
+      idCard: '身份证：',
+      checkInDate: '入住日期：',
+      gender: '性别：',
+      male: '男',
+      female: '女',
+      ownerRemark: '业主备注：',
+      houseNumberLabel: '房屋编号：',
+      shopNumberLabel: '商铺编号：',
+      houseArea: '房屋面积：',
+      houseType: '房屋类型：',
+      layout: '户型：',
+      houseStatus: '房屋状态：',
+      indoorArea: '室内面积：',
+      rent: '租金：',
+      houseRemark: '房屋备注：',
+      accountBalance: '账户余额：',
+      preDeposit: '预存',
+      depositAmount: '押金金额：',
+      refundDeposit: '退押金',
+      inputSearchCondition: '请输入查询条件',
+      selectHouseFirst: '请先选择房屋',
+      houseNumberPlaceholder: '请输入房屋编号 楼栋-单元-房屋 如1-1-1',
+      ownerNamePlaceholder: '请输入业主名称',
+      ownerPhonePlaceholder: '请输入业主手机号',
+      ownerIdCardPlaceholder: '请输入业主身份证',
+      licensePlatePlaceholder: '请输入业主车牌号',
+      memberNamePlaceholder: '请输入家庭成员名称',
+      memberPhonePlaceholder: '请输入家庭成员电话',
+      memberIdCardPlaceholder: '请输入家庭成员身份证',
+      shopNumberPlaceholder: '请输入商铺编号 楼栋-商铺 如1-1',
+      contractNumberPlaceholder: '请输入合同号',
+      houseFee: '房屋费用',
+      parkingFee: '停车费用',
+      paymentHistory: '缴费历史',
+      house: '房屋',
+      contract: '合同',
+      familyMember: '家庭成员',
+      vehicle: '车辆',
+      paymentReminder: '催缴',
+      ownerFeedback: '业主反馈',
+      repairOrder: '报修单',
+      complaintOrder: '投诉单',
+      ownerSync: '业主同步',
+      vehicleSync: '车辆同步',
+      reprintReceipt: '补打收据',
+      historyOwner: '历史业主',
+      meterReadingRecord: '抄表记录'
+    },
+    finishFee: {
+      confirmOperation: '请确认您的操作',
+      confirmFinishFee: '确定结束费用？结束后无法重新启用，请谨慎操作！',
+      cancel: '点错了',
+      confirm: '结束费用',
+      successMessage: '结束费用成功',
+      errorMessage: '结束费用失败'
+    },
+    simplifyCarFee: {
+      buyMonthCard: '买月卡',
+      batchPayment: '批量缴费',
+      createFee: '创建费用',
+      feeItem: '费用项目',
+      feeFlag: '费用标识',
+      feeType: '费用类型',
+      amountReceivable: '应收金额',
+      accountingTime: '建账时间',
+      receivablePeriod: '应收时间段',
+      description: '说明',
+      status: '状态',
+      operation: '操作',
+      lastDegree: '上期度数',
+      currentDegree: '本期度数',
+      unitPrice: '单价',
+      additionalFee: '附加费',
+      algorithm: '算法',
+      usage: '用量',
+      fixedFee: '固定费',
+      payment: '缴费',
+      paymentHistory: '缴费历史',
+      moreOperations: '更多操作',
+      cancelFee: '取消费用',
+      manualFinish: '手工结束',
+      feeChange: '费用变更',
+      details: '详情',
+      note1: '注意： 应收结束时间 "-" 表示未到应收时间 或 收费已结束',
+      note2: '应收金额 为-1 一般为费用项公式设置出错请检查',
+      arrearsSubtotal: '欠费小计',
+      parkingLot: '车场',
+      parkingSpace: '车位',
+      owner: '业主',
+      phone: '电话'
+    },
+    simplifyContract: {
+      contractName: '合同名称',
+      contractCode: '合同编号',
+      parentContractCode: '父合同编号',
+      contractType: '合同类型',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      status: '状态',
+      operation: '操作',
+      fee: '费用',
+      view: '查看',
+      print: '打印',
+      draftContract: '起草合同'
+    },
+    simplifyOwnerMember: {
+      addMember: '添加成员',
+      memberId: '成员ID',
+      name: '名称',
+      gender: '性别',
+      male: '男',
+      female: '女',
+      type: '类型',
+      idCard: '身份证',
+      contact: '联系方式',
+      creator: '创建员工',
+      remark: '备注',
+      operation: '操作',
+      edit: '修改',
+      delete: '删除'
+    },
+    simplifyOwnerCar: {
+      addCar: '添加车辆',
+      plateNumber: '车牌号',
+      carBrand: '车辆品牌',
+      carType: '车辆类型',
+      color: '颜色',
+      owner: '业主',
+      parkingSpace: '车位',
+      startTime: '起租时间',
+      endTime: '截止时间',
+      status: '状态',
+      operation: '操作',
+      releaseSpace: '释放车位',
+      renewSpace: '续租车位',
+      edit: '修改',
+      delete: '删除',
+      parkingLot: '车场',
+      space: '车位',
+      none: '无'
+    },
+    simplifyOwnerRepair: {
+      phoneRepair: '电话报修',
+      workOrderCode: '工单编码',
+      location: '位置',
+      repairType: '报修类型',
+      reporter: '报修人',
+      contact: '联系方式',
+      appointmentTime: '预约时间',
+      status: '状态',
+      operation: '操作',
+      details: '详情'
+    },
+    simplifyOwnerComplaint: {
+      complaint: '投诉',
+      complaintType: '投诉类型',
+      house: '房屋',
+      building: '号楼',
+      unit: '单元',
+      room: '室',
+      complainant: '投诉人',
+      complainantPhone: '投诉人电话',
+      complaintStatus: '投诉状态',
+      handler: '处理人',
+      handlerPhone: '处理电话',
+      operation: '操作',
+      details: '详情',
+      flowChart: '流程图',
+      none: '无'
+    },
+    simplifyOwnerAccessContol: {
+      objectType: '对象类型',
+      objectName: '对象名称',
+      command: '指令',
+      status: '状态',
+      remark: '说明',
+      syncTime: '同步时间',
+      operation: '操作',
+      resync: '重新同步'
+    },
+    simplifyOwnerTransactionCar: {
+      syncId: '同步ID',
+      objectType: '对象类型',
+      objectName: '对象名称',
+      command: '指令',
+      status: '状态',
+      remark: '说明',
+      syncTime: '同步时间',
+      operation: '操作',
+      resync: '重新同步'
+    },
+    simplifyShopsHireLog: {
+      ownerName: '业主名称',
+      ownerPhone: '业主电话',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      createTime: '创建时间',
+      operation: '操作',
+      viewFee: '查看费用'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="white-bg padding-top-lg">
+    <div class="margin-top padding-bottom-lg flex justify-center">
+      <div class="search-switch">
+        <el-select v-model="simplifyAcceptanceInfo.searchType" @change="_changeSearchType">
+          <el-option value="1" :label="$t('simplifyAcceptance.houseNumber')"></el-option>
+          <el-option value="2" :label="$t('simplifyAcceptance.ownerName')"></el-option>
+          <el-option value="3" :label="$t('simplifyAcceptance.ownerPhone')"></el-option>
+          <el-option value="4" :label="$t('simplifyAcceptance.ownerIdCard')"></el-option>
+          <el-option value="5" :label="$t('simplifyAcceptance.licensePlate')"></el-option>
+          <el-option value="6" :label="$t('simplifyAcceptance.memberName')"></el-option>
+          <el-option value="7" :label="$t('simplifyAcceptance.memberPhone')"></el-option>
+          <el-option value="8" :label="$t('simplifyAcceptance.memberIdCard')"></el-option>
+          <el-option value="9" :label="$t('simplifyAcceptance.shopNumber')"></el-option>
+          <el-option value="10" :label="$t('simplifyAcceptance.contractNumber')"></el-option>
+        </el-select>
+      </div>
+      <div class="search-input">
+        <el-input :placeholder="$t(simplifyAcceptanceInfo.searchPlaceholder)"
+          v-model="simplifyAcceptanceInfo.searchValue" @input="_simplifyInputOwner"
+          @keyup.enter.native="_doSearch"></el-input>
+        <input-search-owner ref="inputSearchOwner"></input-search-owner>
+        <input-search-room ref="inputSearchRoom"></input-search-room>
+      </div>
+      <div>
+        <el-button type="primary" @click="_doSearch">
+          <i class="el-icon-search"></i>
+          <span>{{ $t('simplifyAcceptance.search') }}</span>
+        </el-button>
+      </div>
+      <div class="padding-lr-0 margin-left-sm" v-if="simplifyAcceptanceInfo.searchType == '1'">
+        <el-button type="primary" @click="_simplifyAcceptanceChooseRoom">
+          <i class="el-icon-plus"></i>
+          <span>{{ $t('simplifyAcceptance.selectHouse') }}</span>
+        </el-button>
+      </div>
+      <div class="padding-lr-0 margin-left-sm">
+        <el-dropdown>
+          <el-button type="primary">
+            {{ $t('simplifyAcceptance.moreOperations') }}<i class="el-icon-arrow-down el-icon--right"></i>
+          </el-button>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item @click.native="_handover">{{ $t('simplifyAcceptance.handover') }}</el-dropdown-item>
+            <el-dropdown-item @click.native="_simplifyOwnerExitRoom">{{ $t('simplifyAcceptance.exitRoom')
+            }}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+      </div>
+    </div>
+    <divider />
+    <div class="padding margin-top-xs text-left">
+      <div>
+        <div class="text-center vc-float-left" style="width: 150px;" v-if="simplifyAcceptanceInfo.ownerPhoto">
+          <img width="120px" height="140px" class="border-radius" :src="simplifyAcceptanceInfo.ownerPhoto"
+            @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>
+        <div class="simplify-acceptance margin-bottom">
+          <el-row>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.ownerId') }}</label>
+                <label>{{ simplifyAcceptanceInfo.ownerId }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.ownerName') }}</label>
+                <label>
+                  <a target="_blank" :href="'/#/pages/owner/ownerDetail?ownerId=' + simplifyAcceptanceInfo.ownerId">
+                    {{ simplifyAcceptanceInfo.name }}
+                  </a>
+                </label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.contactPhone') }}</label>
+                <label>{{ simplifyAcceptanceInfo.link }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.idCard') }}</label>
+                <label>{{ simplifyAcceptanceInfo.idCard }}</label>
+              </div>
+            </el-col>
+
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.checkInDate') }}</label>
+                <label>{{ simplifyAcceptanceInfo.createTime }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.gender') }}</label>
+                <label>
+                  {{ simplifyAcceptanceInfo.sex == '0' ? $t('simplifyAcceptance.male') :
+                    (simplifyAcceptanceInfo.sex == '1' ? $t('simplifyAcceptance.female') : '') }}
+                </label>
+              </div>
+            </el-col>
+            <el-col :span="12">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.ownerRemark') }}</label>
+                <label class="fix-width" :title="simplifyAcceptanceInfo.ownerRemark">
+                  {{ simplifyAcceptanceInfo.ownerRemark }}
+                </label>
+              </div>
+            </el-col>
+
+            <el-col :span="6" v-if="simplifyAcceptanceInfo.roomType == '1010301'">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.houseNumber') }}</label>
+                <label>
+                  {{ simplifyAcceptanceInfo.floorNum }}-{{ simplifyAcceptanceInfo.unitNum }}-{{
+                    simplifyAcceptanceInfo.roomNum }}
+                </label>
+              </div>
+            </el-col>
+            <el-col :span="6" v-else>
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.shopNumber') }}</label>
+                <label>{{ simplifyAcceptanceInfo.floorNum }}-{{ simplifyAcceptanceInfo.roomNum }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.houseArea') }}</label>
+                <label>{{ simplifyAcceptanceInfo.builtUpArea }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.houseType') }}</label>
+                <label>{{ simplifyAcceptanceInfo.roomSubTypeName }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.layout') }}</label>
+                <label>{{ simplifyAcceptanceInfo.apartmentName }}</label>
+              </div>
+            </el-col>
+
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.houseStatus') }}</label>
+                <label>{{ simplifyAcceptanceInfo.stateName }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.indoorArea') }}</label>
+                <label>{{ simplifyAcceptanceInfo.roomArea }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6" v-if="simplifyAcceptanceInfo.roomSubType && simplifyAcceptanceInfo.roomSubType != '110'">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.rent') }}</label>
+                <label>{{ simplifyAcceptanceInfo.roomRent }}</label>
+              </div>
+            </el-col>
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.houseRemark') }}</label>
+                <label class="fix-width" :title="simplifyAcceptanceInfo.roomRemark">
+                  {{ simplifyAcceptanceInfo.roomRemark }}
+                </label>
+              </div>
+            </el-col>
+
+            <el-col :span="6">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.accountBalance') }}</label>
+                <label>
+                  <span v-if="simplifyAcceptanceInfo.acctAmount">
+                    {{ simplifyAcceptanceInfo.acctAmount }}(
+                    <a target="_blank" v-if="hasPrivilege('502023032809461736')"
+                      :href="'/#/pages/owner/ownerDetail?ownerId=' + simplifyAcceptanceInfo.ownerId + '&currentTab=ownerDetailAccount'">
+                      {{ $t('simplifyAcceptance.preDeposit') }}
+                    </a>
+                    )
+                  </span>
+                </label>
+              </div>
+            </el-col>
+            <el-col :span="6" v-if="simplifyAcceptanceInfo.roomId">
+              <div class="form-group">
+                <label class="col-form-label">{{ $t('simplifyAcceptance.depositAmount') }}</label>
+                <label>
+                  {{ simplifyAcceptanceInfo.depositAmount }}
+                  (<a href="javascript:void(0)" @click="_toRefundDepositFee">{{ $t('simplifyAcceptance.refundDeposit')
+                  }}</a>)
+                </label>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+      <divider />
+      <div class="margin-top">
+        <el-tabs v-model="simplifyAcceptanceInfo._currentTab"
+          @tab-click="changeTab(simplifyAcceptanceInfo._currentTab)">
+          <el-tab-pane :label="$t('simplifyAcceptance.houseFee')" name="simplifyRoomFee">
+            <simplify-room-fee ref="simplifyRoomFee"></simplify-room-fee>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.parkingFee')" name="simplifyCarFee">
+            <simplify-car-fee ref="simplifyCarFee"></simplify-car-fee>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.paymentHistory')" name="simplifyHisFee">
+            <simplify-his-fee ref="simplifyHisFee"></simplify-his-fee>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.house')" name="simplifyOwnerRooms">
+            <simplify-owner-rooms ref="simplifyOwnerRooms"></simplify-owner-rooms>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.contract')" name="simplifyContract">
+            <simplify-contract ref="simplifyContract"></simplify-contract>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.familyMember')" name="simplifyOwnerMember">
+            <simplify-owner-member ref="simplifyOwnerMember"></simplify-owner-member>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.vehicle')" name="simplifyOwnerCar">
+            <simplify-owner-car ref="simplifyOwnerCar"></simplify-owner-car>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.paymentReminder')" name="simplifyCallable">
+            <simplify-callable ref="simplifyCallable"></simplify-callable>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.ownerFeedback')" name="simplifyNotepad">
+            <a href="javascript:void(0)" @click="_toSimplifyNotepadPage">{{ $t('simplifyAcceptance.ownerFeedback')
+            }}</a>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.repairOrder')" name="simplifyOwnerRepair">
+            <simplify-owner-repair ref="simplifyOwnerRepair"></simplify-owner-repair>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.complaintOrder')" name="simplifyOwnerComplaint">
+            <simplify-owner-complaint ref="simplifyOwnerComplaint"></simplify-owner-complaint>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.ownerSync')" name="simplifyOwnerAccessContol">
+            <simplify-owner-access-contol ref="simplifyOwnerAccessContol"></simplify-owner-access-contol>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.vehicleSync')" name="simplifyOwnerTransactionCar">
+            <simplify-owner-transaction-car ref="simplifyOwnerTransactionCar"></simplify-owner-transaction-car>
+          </el-tab-pane>
+          <el-tab-pane v-if="hasPrivilege('502020092373407363')" :label="$t('simplifyAcceptance.reprintReceipt')"
+            name="simplifyFeeReceipt">
+            <simplify-fee-receipt ref="simplifyFeeReceipt"></simplify-fee-receipt>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.historyOwner')" name="simplifyShopsHireLog">
+            <simplify-shops-hire-log ref="simplifyShopsHireLog"></simplify-shops-hire-log>
+          </el-tab-pane>
+          <el-tab-pane :label="$t('simplifyAcceptance.meterReadingRecord')" name="simplifyMeterWaterLog">
+            <simplify-meter-water-log ref="simplifyMeterWaterLog"></simplify-meter-water-log>
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </div>
+
+    <delete-fee ref="deleteFee"></delete-fee>
+    <edit-fee ref="editFee"></edit-fee>
+    <finish-fee ref="finishFee"></finish-fee>
+    <room-create-fee-add ref="roomCreateFeeAdd"></room-create-fee-add>
+    <car-create-fee-add ref="carCreateFeeAdd"></car-create-fee-add>
+    <add-meter-water ref="addMeterWater"></add-meter-water>
+    <add-proxy-fee ref="addProxyFee"></add-proxy-fee>
+    <search-room ref="searchRoom" emit-choose-room="simplifyAcceptance" emit-load-data="list" :room-flag="1"
+      :show-search-condition="false"></search-room>
+    <edit-machine-translate ref="editMachineTranslate"></edit-machine-translate>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { comprehensiveQuery, queryFeeDeposit } from '@/api/simplify/simplifyAcceptanceApi'
+import SimplifyRoomFee from '@/components/fee/simplifyRoomFee'
+import SimplifyCarFee from '@/components/simplify/simplifyCarFee'
+import SimplifyHisFee from '@/components/fee/simplifyHisFee'
+import SimplifyOwnerRooms from '@/components/fee/simplifyOwnerRooms'
+import SimplifyContract from '@/components/simplify/simplifyContract'
+import SimplifyOwnerMember from '@/components/simplify/simplifyOwnerMember'
+import SimplifyOwnerCar from '@/components/simplify/simplifyOwnerCar'
+import SimplifyCallable from '@/components/fee/simplifyCallable'
+import SimplifyOwnerRepair from '@/components/simplify/simplifyOwnerRepair'
+import SimplifyOwnerComplaint from '@/components/simplify/simplifyOwnerComplaint'
+import SimplifyOwnerAccessContol from '@/components/simplify/simplifyOwnerAccessContol'
+import SimplifyOwnerTransactionCar from '@/components/simplify/simplifyOwnerTransactionCar'
+import SimplifyFeeReceipt from '@/components/fee/simplifyFeeReceipt'
+import SimplifyShopsHireLog from '@/components/simplify/simplifyShopsHireLog'
+import SimplifyMeterWaterLog from '@/components/fee/simplifyMeterWaterLog'
+import DeleteFee from '@/components/fee/deleteFee'
+import EditFee from '@/components/fee/editFee'
+import FinishFee from '@/components/fee/finishFee'
+import RoomCreateFeeAdd from '@/components/fee/roomCreateFeeAdd'
+import CarCreateFeeAdd from '@/components/fee/carCreateFeeAdd'
+import AddMeterWater from '@/components/fee/addMeterWater'
+import AddProxyFee from '@/components/fee/addProxyFee'
+import SearchRoom from '@/components/room/searchRoom'
+import EditMachineTranslate from '@/components/machine/editMachineTranslate'
+import InputSearchOwner from '@/components/report/InputSearchOwner'
+import InputSearchRoom from '@/components/fee/inputSearchRoom'
+import divider from '@/components/system/divider'
+
+export default {
+  name: 'SimplifyAcceptanceList',
+  components: {
+    SimplifyRoomFee,
+    SimplifyCarFee,
+    SimplifyHisFee,
+    SimplifyOwnerRooms,
+    SimplifyContract,
+    SimplifyOwnerMember,
+    SimplifyOwnerCar,
+    SimplifyCallable,
+    SimplifyOwnerRepair,
+    SimplifyOwnerComplaint,
+    SimplifyOwnerAccessContol,
+    SimplifyOwnerTransactionCar,
+    SimplifyFeeReceipt,
+    SimplifyShopsHireLog,
+    SimplifyMeterWaterLog,
+    DeleteFee,
+    EditFee,
+    FinishFee,
+    RoomCreateFeeAdd,
+    CarCreateFeeAdd,
+    AddMeterWater,
+    AddProxyFee,
+    SearchRoom,
+    EditMachineTranslate,
+    InputSearchOwner,
+    InputSearchRoom,
+    divider
+  },
+  data() {
+    return {
+      DEFAULT_PAGE: 1,
+      DEFAULT_ROWS: 10,
+      TEMP_SEARCH: 'simplifyAcceptanceSearch',
+      simplifyAcceptanceInfo: {
+        searchType: '1',
+        searchValue: '',
+        searchPlaceholder: 'simplifyAcceptance.houseNumberPlaceholder',
+        ownerPhoto: '',
+        _currentTab: 'simplifyRoomFee',
+        roomId: '',
+        ownerId: '',
+        ownerRemark: '',
+        roomRemark: '',
+        name: '',
+        idCard: '',
+        link: '',
+        createTime: '',
+        apartmentName: '',
+        floorNum: '',
+        unitNum: '',
+        roomNum: '',
+        builtUpArea: '',
+        feeCoefficient: '',
+        stateName: '',
+        roomName: '',
+        roomType: '',
+        roomSubTypeName: '',
+        roomSubType: '',
+        roomArea: '',
+        sex: '',
+        roomRent: '',
+        acctAmount: '',
+        depositAmount: '0',
+        timer: {}
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this._initMethod()
+
+  },
+  methods: {
+    _initMethod() {
+      if (!this.$route.query.isBack) {
+        return
+      }
+      // 检查是否有缓存数据
+      let _tempData = localStorage.getItem(this.TEMP_SEARCH)
+      if (_tempData == null) {
+        return
+      }
+      _tempData = JSON.parse(_tempData)
+      this.simplifyAcceptanceInfo.searchType = _tempData.searchType
+      this.simplifyAcceptanceInfo.searchValue = _tempData.searchValue
+      this.simplifyAcceptanceInfo.searchPlaceholder = _tempData.searchPlaceholder
+      this._doSearch()
+    },
+    _changeSearchType() {
+      switch (this.simplifyAcceptanceInfo.searchType) {
+        case '1':
+          this.simplifyAcceptanceInfo.searchPlaceholder = 'simplifyAcceptance.houseNumberPlaceholder'
+          this.simplifyAcceptanceInfo.searchValue = ""
+          break
+        case '2':
+          this.simplifyAcceptanceInfo.searchPlaceholder = 'simplifyAcceptance.ownerNamePlaceholder'
+          this.simplifyAcceptanceInfo.searchValue = ""
+          break
+        case '3':
+          this.simplifyAcceptanceInfo.searchPlaceholder = 'simplifyAcceptance.ownerPhonePlaceholder'
+          this.simplifyAcceptanceInfo.searchValue = ""
+          break
+        case '4':
+          this.simplifyAcceptanceInfo.searchPlaceholder = 'simplifyAcceptance.ownerIdCardPlaceholder'
+          this.simplifyAcceptanceInfo.searchValue = ""
+          break
+        case '5':
+          this.simplifyAcceptanceInfo.searchPlaceholder = 'simplifyAcceptance.licensePlatePlaceholder'
+          this.simplifyAcceptanceInfo.searchValue = ""
+          break
+        case '6':
+          this.simplifyAcceptanceInfo.searchPlaceholder = 'simplifyAcceptance.memberNamePlaceholder'
+          this.simplifyAcceptanceInfo.searchValue = ""
+          break
+        case '7':
+          this.simplifyAcceptanceInfo.searchPlaceholder = 'simplifyAcceptance.memberPhonePlaceholder'
+          this.simplifyAcceptanceInfo.searchValue = ""
+          break
+        case '8':
+          this.simplifyAcceptanceInfo.searchPlaceholder = 'simplifyAcceptance.memberIdCardPlaceholder'
+          this.simplifyAcceptanceInfo.searchValue = ""
+          break
+        case '9':
+          this.simplifyAcceptanceInfo.searchPlaceholder = 'simplifyAcceptance.shopNumberPlaceholder'
+          break
+        case '10':
+          this.simplifyAcceptanceInfo.searchPlaceholder = 'simplifyAcceptance.contractNumberPlaceholder'
+          break
+        default:
+          this.simplifyAcceptanceInfo.searchPlaceholder = 'simplifyAcceptance.houseNumberPlaceholder'
+          this.simplifyAcceptanceInfo.searchValue = ""
+      }
+    },
+    async _doSearch() {
+      if (!this.simplifyAcceptanceInfo.searchValue) {
+        this.$message.warning(this.$t('simplifyAcceptance.inputSearchCondition'))
+        return
+      }
+      // 清理信息
+      this._clearData()
+      try {
+        const res = await comprehensiveQuery({
+          searchType: this.simplifyAcceptanceInfo.searchType,
+          searchValue: this.simplifyAcceptanceInfo.searchValue,
+          communityId: this.communityId
+        })
+
+        if (res.code != 0) {
+          this.$message.error(res.msg)
+          return
+        }
+
+        this.saveTempSearchData()
+        const _owner = res.data
+        Object.assign(this.simplifyAcceptanceInfo, _owner)
+        this.simplifyAcceptanceInfo.ownerRemark = _owner.remark
+        this.simplifyAcceptanceInfo.ownerPhoto = _owner.faceUrl
+
+        if (!Object.prototype.hasOwnProperty.call(_owner, 'rooms')) {
+          return
+        }
+
+        const _rooms = _owner.rooms
+        if (_rooms.length > 1) {
+          this.$refs.searchRoom.$emit('showOwnerRooms', _rooms)
+          return
+        }
+
+        Object.assign(this.simplifyAcceptanceInfo, _rooms[0])
+        this.simplifyAcceptanceInfo.roomRemark = _rooms[0].remark
+        this.simplifyAcceptanceInfo.roomName = _rooms[0].floorNum + '栋' + _rooms[0].unitNum + '单元' + _rooms[0].roomNum + '室'
+        this.$refs.simplifyRoomFee.$emit('switch', this.simplifyAcceptanceInfo)
+
+        // 计算押金
+        this.computeDeposit()
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    },
+    saveTempSearchData() {
+      const _searchType = this.simplifyAcceptanceInfo.searchType
+      const _searchValue = this.simplifyAcceptanceInfo.searchValue
+      const _searchPlaceholder = this.simplifyAcceptanceInfo.searchPlaceholder
+      // 缓存起来
+      localStorage.setItem(this.TEMP_SEARCH, JSON.stringify({
+        searchType: _searchType,
+        searchValue: _searchValue,
+        searchPlaceholder: _searchPlaceholder
+      }))
+    },
+    changeTab(tab) {
+      this.simplifyAcceptanceInfo._currentTab = tab
+      setTimeout(() => {
+        if (this.$refs[tab]) {
+          if (tab === 'ownerDetailAccount' || tab === 'ownerDetailAccountReceipt') {
+            this.$refs[tab].open(this.simplifyAcceptanceInfo.ownerId, this.simplifyAcceptanceInfo.ownerName, this.simplifyAcceptanceInfo.roomId)
+            return;
+          }
+          this.$refs[tab].open({
+            ownerId: this.simplifyAcceptanceInfo.ownerId,
+            ownerName: this.simplifyAcceptanceInfo.ownerName,
+            roomId: this.simplifyAcceptanceInfo.roomId,
+            roomName: this.simplifyAcceptanceInfo.roomName
+          })
+        }
+      }, 1000);
+
+    },
+    _toSimplifyNotepadPage() {
+      if (!this.simplifyAcceptanceInfo.ownerId) {
+        this.$message.warning(this.$t('simplifyAcceptance.selectHouseFirst'))
+        return
+      }
+      this.$router.push({
+        path: '/pages/property/simplifyNotepadManage',
+        query: {
+          roomId: this.simplifyAcceptanceInfo.roomId,
+          ownerId: this.simplifyAcceptanceInfo.ownerId
+        }
+      })
+    },
+    errorLoadImg() {
+      this.simplifyAcceptanceInfo.ownerPhoto = "/img/noPhoto.jpg"
+    },
+    _clearData() {
+      const _searchType = this.simplifyAcceptanceInfo.searchType
+      const _searchValue = this.simplifyAcceptanceInfo.searchValue
+      const _searchPlaceholder = this.simplifyAcceptanceInfo.searchPlaceholder
+      this.simplifyAcceptanceInfo = {
+        searchType: _searchType,
+        searchValue: _searchValue,
+        searchPlaceholder: _searchPlaceholder,
+        ownerPhoto: '',
+        _currentTab: 'simplifyRoomFee',
+        roomId: '',
+        ownerId: '',
+        name: '',
+        idCard: '',
+        link: '',
+        createTime: '',
+        apartmentName: '',
+        floorNum: '',
+        unitNum: '',
+        roomNum: '',
+        builtUpArea: '',
+        feeCoefficient: '',
+        stateName: '',
+        roomName: '',
+        sex: '',
+        ownerRemark: '',
+        roomRemark: '',
+        roomType: '',
+        roomSubTypeName: '',
+        roomSubType: '',
+        roomArea: '',
+        roomRent: '',
+        acctAmount: '',
+        depositAmount: '0',
+      }
+      this.changeTab('simplifyRoomFee')
+    },
+    _simplifyAcceptanceChooseRoom() {
+      this.$refs.searchRoom.$emit('openRoomTree', {
+        callName: 'simplifyAcceptance'
+      })
+    },
+    _handover() {
+      this.$router.push('/pages/property/handover')
+    },
+    _simplifyOwnerExitRoom() {
+      this.$router.push('/pages/property/ownerExitRoom')
+    },
+    _simplifyInputOwner() {
+      if (this.simplifyAcceptanceInfo.searchType != "2" &&
+        this.simplifyAcceptanceInfo.searchType != "6" &&
+        this.simplifyAcceptanceInfo.searchType != "1") {
+        return
+      }
+
+      if (this.simplifyAcceptanceInfo.timer) {
+        clearTimeout(this.simplifyAcceptanceInfo.timer)
+      }
+
+      if (this.simplifyAcceptanceInfo.searchType == "1") {
+        this.simplifyAcceptanceInfo.timer = setTimeout(() => {
+          this.$refs.inputSearchRoom.$emit('searchRoom', {
+            callComponent: 'simplifyAcceptance',
+            roomName: this.simplifyAcceptanceInfo.searchValue
+          })
+        }, 1500)
+        return
+      }
+
+      const _ownerTypeCd = this.simplifyAcceptanceInfo.searchType == "2" ? '1001' : '1002,1003,1005'
+      this.simplifyAcceptanceInfo.timer = setTimeout(() => {
+        this.$refs.inputSearchOwner.$emit('searchOwner', {
+          callComponent: 'simplifyAcceptance',
+          ownerTypeCd: _ownerTypeCd,
+          ownerName: this.simplifyAcceptanceInfo.searchValue
+        })
+      }, 1500)
+    },
+    _toRefundDepositFee() {
+      const _roomId = this.simplifyAcceptanceInfo.roomId
+      const _ownerId = this.simplifyAcceptanceInfo.ownerId
+      this.$router.push({
+        path: '/pages/fee/refundDepositFee',
+        query: {
+          roomId: _roomId,
+          ownerId: _ownerId
+        }
+      })
+    },
+    async computeDeposit() {
+      const param = {
+        page: 1,
+        row: 100,
+        payerObjId: this.simplifyAcceptanceInfo.roomId,
+        ownerId: this.simplifyAcceptanceInfo.ownerId,
+        communityId: this.communityId,
+        state: '1400',
+      }
+
+      this.simplifyAcceptanceInfo.depositAmount = '0'
+
+      try {
+        const res = await queryFeeDeposit(param)
+        if (res.code != 0) {
+          return
+        }
+
+        if (!res.data || res.data.length < 1) {
+          return
+        }
+
+        let _dispositAmount = 0
+        res.data.forEach(_data => {
+          _dispositAmount += parseFloat(_data.receivedAmount)
+        })
+        this.simplifyAcceptanceInfo.depositAmount = _dispositAmount.toFixed(2)
+      } catch (error) {
+        console.error('请求失败:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.white-bg {
+  background-color: #fff;
+}
+
+.padding-top-lg {
+  padding-top: 20px;
+}
+
+.margin-top {
+  margin-top: 15px;
+}
+
+.padding-bottom-lg {
+  padding-bottom: 20px;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.padding-lr-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.margin-left-xs {
+  margin-left: 5px;
+}
+
+.margin-left-sm {
+  margin-left: 10px;
+}
+
+
+.padding {
+  padding: 15px;
+}
+
+.vc-float-left {
+  float: left;
+}
+
+.border-radius {
+  border-radius: 4px;
+}
+
+.fix-width {
+  display: inline-block;
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.simplify-acceptance {
+  margin-left: 160px;
+}
+
+.margin-bottom {
+  margin-bottom: 15px;
+}
+
+.search-input {
+  width: 600px;
+}
+
+.search-switch {
+  width: 150px;
+}
+
+.form-group {
+  margin-bottom: 20px;
+}
+</style>
 \ No newline at end of file
+export default {
+  en: {
+    simplifyCarFee: {
+      buyMonthCard: 'Buy Monthly Card',
+      batchPayment: 'Batch Payment',
+      createFee: 'Create Fee',
+      feeItem: 'Fee Item',
+      feeFlag: 'Fee Flag',
+      feeType: 'Fee Type',
+      amountReceivable: 'Amount Receivable',
+      accountingTime: 'Accounting Time',
+      receivablePeriod: 'Receivable Period',
+      description: 'Description',
+      status: 'Status',
+      operation: 'Operation',
+      lastDegree: 'Last Degree',
+      currentDegree: 'Current Degree',
+      unitPrice: 'Unit Price',
+      additionalFee: 'Additional Fee',
+      algorithm: 'Algorithm',
+      usage: 'Usage',
+      fixedFee: 'Fixed Fee',
+      payment: 'Payment',
+      paymentHistory: 'Payment History',
+      moreOperations: 'More Operations',
+      cancelFee: 'Cancel Fee',
+      manualFinish: 'Manual Finish',
+      feeChange: 'Fee Change',
+      details: 'Details',
+      note1: 'Note: "-" in receivable end time means not yet receivable or payment has ended',
+      note2: 'Amount receivable -1 generally means there is an error in the fee item formula setting, please check',
+      arrearsSubtotal: 'Arrears Subtotal',
+      parkingLot: ' Parking Lot ',
+      parkingSpace: ' Parking Space',
+      owner: 'Owner',
+      phone: 'Phone'
+    }
+  },
+  zh: {
+    simplifyCarFee: {
+      buyMonthCard: '买月卡',
+      batchPayment: '批量缴费',
+      createFee: '创建费用',
+      feeItem: '费用项目',
+      feeFlag: '费用标识',
+      feeType: '费用类型',
+      amountReceivable: '应收金额',
+      accountingTime: '建账时间',
+      receivablePeriod: '应收时间段',
+      description: '说明',
+      status: '状态',
+      operation: '操作',
+      lastDegree: '上期度数',
+      currentDegree: '本期度数',
+      unitPrice: '单价',
+      additionalFee: '附加费',
+      algorithm: '算法',
+      usage: '用量',
+      fixedFee: '固定费',
+      payment: '缴费',
+      paymentHistory: '缴费历史',
+      moreOperations: '更多操作',
+      cancelFee: '取消费用',
+      manualFinish: '手工结束',
+      feeChange: '费用变更',
+      details: '详情',
+      note1: '注意： 应收结束时间 "-" 表示未到应收时间 或 收费已结束',
+      note2: '应收金额 为-1 一般为费用项公式设置出错请检查',
+      arrearsSubtotal: '欠费小计',
+      parkingLot: '车场',
+      parkingSpace: '车位',
+      owner: '业主',
+      phone: '电话'
+    }
+  }
+}
 \ No newline at end of file
+export const messages = {
+  en: {
+    simplifyContract: {
+      contractName: 'Contract Name',
+      contractCode: 'Contract Code',
+      parentContractCode: 'Parent Contract Code',
+      contractType: 'Contract Type',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      status: 'Status',
+      operation: 'Operation',
+      fee: 'Fee',
+      view: 'View',
+      print: 'Print',
+      draftContract: 'Draft Contract'
+    }
+  },
+  zh: {
+    simplifyContract: {
+      contractName: '合同名称',
+      contractCode: '合同编号',
+      parentContractCode: '父合同编号',
+      contractType: '合同类型',
+      startTime: '开始时间',
+      endTime: '结束时间',
+      status: '状态',
+      operation: '操作',
+      fee: '费用',
+      view: '查看',
+      print: '打印',
+      draftContract: '起草合同'
+    }
+  }
+}
 \ No newline at end of file