fix:点击任意位置关闭下拉列表

This commit is contained in:
ShenQiLun 2026-07-02 15:25:22 +08:00
parent 73afce9453
commit 73984f0997

View File

@ -223,7 +223,7 @@
</view> <!-- /tab-panel ISBN -->
<!-- 无ISBN上传内容 -->
<view class="tab-panel" v-show="swiperIndex === 1">
<view class="tab-panel" v-show="swiperIndex === 1" @click="closeAllNoIsbnDropdowns">
<view class="tab-content">
<scroll-view class="content-scroll" scroll-y="true">
@ -309,7 +309,7 @@
<view class="dropdown-wrapper" style="flex:1;">
<input class="form-input" v-model="noIsbnAuthor" placeholder="作者" style="flex:1;" />
<view class="dropdown-btn" @click.stop="noIsbnAuthorDropdownVisible = !noIsbnAuthorDropdownVisible"></view>
<view v-if="noIsbnAuthorDropdownVisible && noIsbnAuthorOptions.length > 0" class="dropdown-list">
<view v-if="noIsbnAuthorDropdownVisible && noIsbnAuthorOptions.length > 0" class="dropdown-list" @click.stop>
<view class="dropdown-item" v-for="(item, idx) in noIsbnAuthorOptions" :key="idx" @click="selectNoIsbnAuthor(item)">{{ item }}</view>
</view>
</view>
@ -318,7 +318,7 @@
<view class="dropdown-wrapper" style="flex:1;">
<input class="form-input" v-model="noIsbnPublisher" placeholder="出版社" style="flex:1;" />
<view class="dropdown-btn" @click.stop="noIsbnPublisherDropdownVisible = !noIsbnPublisherDropdownVisible"></view>
<view v-if="noIsbnPublisherDropdownVisible && noIsbnPublisherOptions.length > 0" class="dropdown-list">
<view v-if="noIsbnPublisherDropdownVisible && noIsbnPublisherOptions.length > 0" class="dropdown-list" @click.stop>
<view class="dropdown-item" v-for="(item, idx) in noIsbnPublisherOptions" :key="idx" @click="selectNoIsbnPublisher(item)">{{ item.showName || item }}{{ item.showValue ? '' + item.showValue + '' : '' }}</view>
</view>
</view>
@ -384,7 +384,7 @@
<view class="dropdown-wrapper" style="flex:1;">
<input class="form-input" v-model="noIsbnBinding" placeholder="装订" style="flex:1;" />
<view class="dropdown-btn" @click.stop="noIsbnBindingDropdownVisible = !noIsbnBindingDropdownVisible"></view>
<view v-if="noIsbnBindingDropdownVisible" class="dropdown-list">
<view v-if="noIsbnBindingDropdownVisible" class="dropdown-list" @click.stop>
<view class="dropdown-item" v-for="(item, idx) in noIsbnBindingOptions" :key="idx" @click="selectNoIsbnBinding(item)">{{ item }}</view>
</view>
</view>
@ -402,7 +402,7 @@
<view class="dropdown-wrapper" style="flex:1;">
<input class="form-input" v-model="noIsbnFormat" placeholder="开本" style="flex:1;" />
<view class="dropdown-btn" @click.stop="noIsbnFormatDropdownVisible = !noIsbnFormatDropdownVisible"></view>
<view v-if="noIsbnFormatDropdownVisible" class="dropdown-list">
<view v-if="noIsbnFormatDropdownVisible" class="dropdown-list" @click.stop>
<view class="dropdown-item" v-for="(item, idx) in noIsbnFormatOptions" :key="idx" @click="selectNoIsbnFormat(item)">{{ item }}</view>
</view>
</view>
@ -1977,6 +1977,14 @@ export default {
}, 300)
},
//
closeAllNoIsbnDropdowns() {
this.noIsbnAuthorDropdownVisible = false
this.noIsbnPublisherDropdownVisible = false
this.noIsbnFormatDropdownVisible = false
this.noIsbnBindingDropdownVisible = false
},
// -
onNoIsbnPrintTimeColumnChange(e) {
const { column, value } = e.detail