优化业主详情页面

This commit is contained in:
wuxw 2025-07-11 16:17:58 +08:00
parent 200a3c1650
commit dd88fe5d22
2 changed files with 14 additions and 13 deletions

View File

@ -2,17 +2,18 @@
<el-dialog :title="$t('prestoreAccount.title')" :visible.sync="visible" width="800px" @close="handleClose">
<el-form ref="form" :model="formData" label-width="120px">
<el-form-item :label="$t('prestoreAccount.accountType')" prop="acctType" required>
<el-select v-model="formData.acctType" class="w-full" :placeholder="$t('prestoreAccount.placeholderOwner')">
<el-select v-model="formData.acctType" class="w-full" :placeholder="$t('prestoreAccount.accountType')">
<el-option v-for="(type, index) in acctTypes" :key="index" :label="type.name" :value="type.statusCd" />
</el-select>
</el-form-item>
<el-form-item :label="$t('prestoreAccount.ownerPhone')" prop="tel" required>
<el-input v-model="formData.tel" :placeholder="$t('prestoreAccount.placeholderPhone')" @blur="handleTelChange" />
<el-input v-model="formData.tel" :placeholder="$t('prestoreAccount.ownerPhone')"
@blur="handleTelChange" />
</el-form-item>
<el-form-item :label="$t('prestoreAccount.ownerName')" prop="ownerId" required>
<el-select v-model="formData.ownerId" class="w-full" :placeholder="$t('prestoreAccount.placeholderOwner')"
<el-select v-model="formData.ownerId" class="w-full" :placeholder="$t('prestoreAccount.ownerName')"
@change="loadOwnerRooms">
<el-option v-for="owner in owners" :key="owner.ownerId" :label="owner.name" :value="owner.ownerId" />
</el-select>
@ -20,26 +21,26 @@
<el-form-item v-if="formData.acctType === '2004' || formData.acctType === '2005'"
:label="$t('prestoreAccount.deductionRoom')" prop="roomId" required>
<el-select v-model="formData.roomId" class="w-full" :placeholder="$t('prestoreAccount.placeholderRoom')">
<el-select v-model="formData.roomId" class="w-full" :placeholder="$t('prestoreAccount.deductionRoom')">
<el-option v-for="room in rooms" :key="room.roomId" :label="room.roomName" :value="room.roomId" />
</el-select>
</el-form-item>
<el-form-item :label="$t('prestoreAccount.prestoreAmount')" prop="amount" required>
<el-input v-model="formData.amount" type="number" :placeholder="$t('prestoreAccount.placeholderAmount')" />
<el-input v-model="formData.amount" type="number" :placeholder="$t('prestoreAccount.prestoreAmount')" />
</el-form-item>
<el-form-item :label="$t('prestoreAccount.paymentMethod')" prop="primeRate" required>
<el-select v-model="formData.primeRate" class="w-full" :placeholder="$t('prestoreAccount.placeholderPayment')">
<template v-for="(item,index) in primeRates" >
<el-option :key="index" v-if="item.statusCd !== '5' && item.statusCd !== '6'"
:label="item.name" :value="item.statusCd" />
<el-select v-model="formData.primeRate" class="w-full" :placeholder="$t('prestoreAccount.paymentMethod')">
<template v-for="(item, index) in primeRates">
<el-option :key="index" v-if="item.statusCd !== '5' && item.statusCd !== '6'" :label="item.name"
:value="item.statusCd" />
</template>
</el-select>
</el-form-item>
<el-form-item :label="$t('prestoreAccount.remark')" prop="remark">
<el-input v-model="formData.remark" type="textarea" :placeholder="$t('prestoreAccount.placeholderRemark')"
<el-input v-model="formData.remark" type="textarea" :placeholder="$t('prestoreAccount.remark')"
:rows="3" />
</el-form-item>
</el-form>
@ -53,7 +54,7 @@
<script>
import { ownerPrestoreAccount, queryOwners, queryRoomsByOwner } from '@/api/account/accountManageApi'
import {getDict} from '@/api/community/communityApi'
import { getDict } from '@/api/community/communityApi'
export default {
name: 'PrestoreAccount',
data() {

View File

@ -40,7 +40,7 @@
</el-pagination>
</div>
<prestore-account ref="prestoreAccount" @refresh="_loadOwnerDetailAccountData"></prestore-account>
<prestore-account ref="prestoreAccount" @success="_loadOwnerDetailAccountData"></prestore-account>
</div>
</template>
@ -91,7 +91,7 @@ export default {
})
},
_accountDetail(account) {
this.$router.push(`/property/accountDetailManage?acctId=${account.acctId}`)
this.$router.push(`/views/account/accountDetailManage?acctId=${account.acctId}`)
},
_prestoreAccount(account) {
this.$refs.prestoreAccount.open({