修改房屋下拉弹窗显示bug

This commit is contained in:
zhouyanli
2026-07-16 17:59:41 +08:00
parent 289825363b
commit 7b1864f439
6 changed files with 67 additions and 69 deletions

View File

@@ -78,23 +78,6 @@
<text class="item-arrow"></text>
</view>
<!-- 底部弹出下拉选择框全端可用 -->
<view v-if="showPopup" class="mask" @click="showPopup=false"></view>
<view v-if="showPopup" class="popup">
<view class="popup-header">
<text class="title">选择房屋状态</text>
<text class="close" @click="showPopup = false"></text>
</view>
<view class="list">
<view :class="{ active: formData.status.id == item.id }" class="item"
v-for="(item, index) in statusList" :key="upDataListNum" @click="selectClick(item)">
{{ item.name }}
</view>
</view>
</view>
<!-- 设为默认房屋开关 -->
<view class="form-item switch-item">
<text class="item-label" style="width: 100px;">设为默认房屋</text>
<switch class="no-cross-switch" :checked="formData.isDefault" color="#1677ff"
@@ -191,42 +174,58 @@
<!-- 证件类型弹窗 -->
<view v-if="showCardType" class="mask" @click="showCardType=false"></view>
<view v-if="showCardType" class="popup">
<view class="popup-header">
<text>选择证件类型</text>
<text class="close" @click="showCardType=false"></text>
</view>
<view class="popup-list">
<view :class="{ active: form.cardType.id == item.id }" class="item" v-for="item in cardTypes"
:key="item.id" @click="selectCard(item)">
{{item.name}}
</view>
</view>
</view>
<view v-if="showRelation" class="mask" @click="showRelation=false"></view>
<view v-if="showRelation" class="popup">
<view class="popup-header">
<text>选择与业主关系</text>
<text class="close" @click="showRelation=false"></text>
</view>
<view class="popup-list">
<view :class="{ active: form.relation.id == item.id }" class="item" v-for="item,index in relations"
:key="upDataListNum" @click="selectRelation(item)">
{{item.name}}
</view>
</view>
</view>
</scroll-view>
<!-- 底部下一步按钮 -->
<view class="bottom-btn-wrap">
<button class="next-btn" @click="goNext" v-if="currentStep==0">下一步</button>
<button class="next-btn" @click="goSubmit" v-if="currentStep==1">提交审核</button>
</view>
<!-- 房屋状态弹窗 -->
<view v-if="showPopup" class="mask" @click="showPopup=false"></view>
<view v-if="showPopup" class="popup">
<view class="popup-header">
<text class="title">选择房屋状态</text>
<text class="close" @click="showPopup = false"></text>
</view>
<view class="list">
<view :class="{ active: formData.status.id == item.id }" class="item"
v-for="(item, index) in statusList" :key="upDataListNum" @click="selectClick(item)">
{{ item.name }}
</view>
</view>
</view>
<!-- 证件类型弹窗 -->
<view v-if="showCardType" class="mask" @click="showCardType=false"></view>
<view v-if="showCardType" class="popup">
<view class="popup-header">
<text>选择证件类型</text>
<text class="close" @click="showCardType=false"></text>
</view>
<view class="popup-list">
<view :class="{ active: form.cardType.id == item.id }" class="item" v-for="item in cardTypes"
:key="item.id" @click="selectCard(item)">
{{item.name}}
</view>
</view>
</view>
<!-- 与业主关系弹窗 -->
<view v-if="showRelation" class="mask" @click="showRelation=false"></view>
<view v-if="showRelation" class="popup">
<view class="popup-header">
<text>选择与业主关系</text>
<text class="close" @click="showRelation=false"></text>
</view>
<view class="popup-list">
<view :class="{ active: form.relation.id == item.id }" class="item" v-for="item,index in relations"
:key="upDataListNum" @click="selectRelation(item)">
{{item.name}}
</view>
</view>
</view>
</view>