|
|
@@ -98,6 +98,7 @@
|
|
|
<view v-if="showFilterPanel" class="filter-overlay" @click="closeFilterPanel">
|
|
|
<view class="filter-panel" @click.stop>
|
|
|
<view class="filter-header">筛选客户</view>
|
|
|
+ <scroll-view class="filter-body" scroll-y>
|
|
|
<view class="filter-section">
|
|
|
<view class="filter-title">片区</view>
|
|
|
<view class="filter-options">
|
|
|
@@ -170,7 +171,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="filter-section">
|
|
|
- <view class="filter-title">删除状态</view>
|
|
|
+ <view class="filter-title">状态</view>
|
|
|
<view class="filter-options">
|
|
|
<view
|
|
|
v-for="(item, index) in delStatusOptions"
|
|
|
@@ -183,6 +184,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ </scroll-view>
|
|
|
<view class="filter-actions">
|
|
|
<button class="filter-action-btn clear-btn" @click="clearFilters">重置</button>
|
|
|
<button class="filter-action-btn confirm-btn" @click="confirmFilters">确定</button>
|
|
|
@@ -768,13 +770,17 @@ export default {
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
}
|
|
|
.filter-panel {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
width: 100%;
|
|
|
+ height: 90vh;
|
|
|
max-height: 90vh;
|
|
|
- overflow-y: auto;
|
|
|
+ overflow: hidden;
|
|
|
border-radius: 0 0 24upx 24upx;
|
|
|
background: #fff;
|
|
|
}
|
|
|
.filter-header {
|
|
|
+ flex-shrink: 0;
|
|
|
padding: 24upx 0;
|
|
|
text-align: center;
|
|
|
color: #333;
|
|
|
@@ -782,6 +788,13 @@ export default {
|
|
|
font-weight: 700;
|
|
|
border-bottom: 1upx solid #f0f0f0;
|
|
|
}
|
|
|
+.filter-body {
|
|
|
+ flex: 1;
|
|
|
+ min-height: 0;
|
|
|
+ height: 0;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
.filter-section {
|
|
|
padding: 30upx 40upx;
|
|
|
border-bottom: 1upx solid #f0f0f0;
|
|
|
@@ -815,8 +828,13 @@ export default {
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
.filter-actions {
|
|
|
+ flex-shrink: 0;
|
|
|
display: flex;
|
|
|
padding: 30upx 40upx 40upx;
|
|
|
+ padding-bottom: calc(40upx + constant(safe-area-inset-bottom));
|
|
|
+ padding-bottom: calc(40upx + env(safe-area-inset-bottom));
|
|
|
+ border-top: 1upx solid #f0f0f0;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
.filter-action-btn {
|
|
|
flex: 1;
|