优化业主详情页面

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-dialog :title="$t('prestoreAccount.title')" :visible.sync="visible" width="800px" @close="handleClose">
<el-form ref="form" :model="formData" label-width="120px"> <el-form ref="form" :model="formData" label-width="120px">
<el-form-item :label="$t('prestoreAccount.accountType')" prop="acctType" required> <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-option v-for="(type, index) in acctTypes" :key="index" :label="type.name" :value="type.statusCd" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('prestoreAccount.ownerPhone')" prop="tel" required> <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>
<el-form-item :label="$t('prestoreAccount.ownerName')" prop="ownerId" required> <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"> @change="loadOwnerRooms">
<el-option v-for="owner in owners" :key="owner.ownerId" :label="owner.name" :value="owner.ownerId" /> <el-option v-for="owner in owners" :key="owner.ownerId" :label="owner.name" :value="owner.ownerId" />
</el-select> </el-select>
@ -20,26 +21,26 @@
<el-form-item v-if="formData.acctType === '2004' || formData.acctType === '2005'" <el-form-item v-if="formData.acctType === '2004' || formData.acctType === '2005'"
:label="$t('prestoreAccount.deductionRoom')" prop="roomId" required> :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-option v-for="room in rooms" :key="room.roomId" :label="room.roomName" :value="room.roomId" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('prestoreAccount.prestoreAmount')" prop="amount" required> <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>
<el-form-item :label="$t('prestoreAccount.paymentMethod')" prop="primeRate" required> <el-form-item :label="$t('prestoreAccount.paymentMethod')" prop="primeRate" required>
<el-select v-model="formData.primeRate" class="w-full" :placeholder="$t('prestoreAccount.placeholderPayment')"> <el-select v-model="formData.primeRate" class="w-full" :placeholder="$t('prestoreAccount.paymentMethod')">
<template v-for="(item, index) in primeRates"> <template v-for="(item, index) in primeRates">
<el-option :key="index" v-if="item.statusCd !== '5' && item.statusCd !== '6'" <el-option :key="index" v-if="item.statusCd !== '5' && item.statusCd !== '6'" :label="item.name"
:label="item.name" :value="item.statusCd" /> :value="item.statusCd" />
</template> </template>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('prestoreAccount.remark')" prop="remark"> <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" /> :rows="3" />
</el-form-item> </el-form-item>
</el-form> </el-form>

View File

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