搜索优化

ghsApp/src/pagesArrears/details.vue

@@ -56,6 +56,7 @@
 	<!-- App 端 overflow 滚动层会盖住嵌在顶栏里的日历，筛选弹层必须放在滚动容器外 -->
 	<view class="date-select-layer" :class="{ 'is-open': dateOverlayVisible }">
 		<view class="date-select-pair">
+			<text class="date-reset-text" @click="resetDateFilters">重置</text>
 			<DateSelect
 				ref="sendDateSelect"
 				class="bar"
@@ -237,6 +238,23 @@ export default {
 				uni.stopPullDownRefresh()
 			})
 		},
+		// 清空发货/开单两套时间筛选，列表回到未按时段过滤的状态
+		resetDateFilters() {
+			this.searchTime = ''
+			this.startTime = ''
+			this.endTime = ''
+			this.sendSearchTime = ''
+			this.sendStartTime = ''
+			this.sendEndTime = ''
+			if (this.$refs.billDateSelect && this.$refs.billDateSelect.reset) {
+				this.$refs.billDateSelect.reset()
+			}
+			if (this.$refs.sendDateSelect && this.$refs.sendDateSelect.reset) {
+				this.$refs.sendDateSelect.reset()
+			}
+			this.resetDebtListPage()
+			this.initData()
+		},
 		reloadDebtListPage() {
 			return this.initData()
 		},
@@ -366,7 +384,7 @@ export default {
 				color: #999999;
 			}
 			.date-select-hold {
-				min-width: 360upx;
+				min-width: 440upx;
 				height: 40upx;
 			}
 			.info-item {
@@ -528,4 +546,11 @@ export default {
 .date-select-gap {
 	margin-left: 48upx;
 }
+.date-reset-text {
+	margin-right: 16upx;
+	font-size: 26upx;
+	color: #3385FF;
+	flex-shrink: 0;
+	pointer-events: auto;
+}
 </style>

ghsApp/src/pagesGys/details.vue

@@ -4,15 +4,15 @@
 		<view class="top-view">
 			<view class="top-row">
 				<view class="info-item">
-					<image class="logo" :src="ghsInfo.avatar"/>
 					<text class="name">
 						{{ ghsInfo.name}}
 					</text>
 				</view>
-				<!-- 发货时间在左、开单时间在右；不改顶栏结构，只并排放两个筛选 -->
+				<!-- 重置靠发货时间左边；发货时间在左、开单时间在右 -->
 				<view class="date-filter">
-					<DateSelect class="bar" top="0" @selectDateFn="selectSendDateFn" defaultShowName="发货时间" />
-					<DateSelect class="bar date-filter-gap" top="0" @selectDateFn="selectDateFn" defaultShowName="开单时间" />
+					<text class="date-reset-text" @click="resetDateFilters">重置</text>
+					<DateSelect ref="sendDateSelect" class="bar" top="0" @selectDateFn="selectSendDateFn" defaultShowName="发货时间" />
+					<DateSelect ref="billDateSelect" class="bar date-filter-gap" top="0" @selectDateFn="selectDateFn" defaultShowName="开单时间" />
 				</view>
 			</view>
 		</view>
@@ -213,6 +213,23 @@ export default {
 				uni.stopPullDownRefresh()
 			})
 		},
+		// 清空发货/开单两套时间筛选，列表回到未按时段过滤的状态
+		resetDateFilters() {
+			this.searchTime = ''
+			this.startTime = ''
+			this.endTime = ''
+			this.sendSearchTime = ''
+			this.sendStartTime = ''
+			this.sendEndTime = ''
+			if (this.$refs.billDateSelect && this.$refs.billDateSelect.reset) {
+				this.$refs.billDateSelect.reset()
+			}
+			if (this.$refs.sendDateSelect && this.$refs.sendDateSelect.reset) {
+				this.$refs.sendDateSelect.reset()
+			}
+			this.resetDebtListPage()
+			this.initData()
+		},
 		clearSelectedOrder(){
 			if (this.$util.isEmpty(this.selectList)) {
 				this.$msg("请选择订单");
@@ -389,6 +406,12 @@ export default {
 			.date-filter-gap {
 				margin-left: 24upx;
 			}
+			.date-reset-text {
+				margin-right: 16upx;
+				font-size: 26upx;
+				color: #3385FF;
+				flex-shrink: 0;
+			}
 		}
 	}
 	.shop-list {