数据统计

pages/news/user/report.vue

@@ -68,7 +68,11 @@
 				<view class="or">-</view>
 				<view class="end timer" @click="isShow=true">{{endTime?endTime:'结束时间'}}</view>
 			</view>
-			<view class="c" :style="{'opacity': (startTime||dateIndex>-1)?1:0.6 }" @click="quantityFilter">筛选</view>
+			<view class="rest">
+				<view class="c" @click="quantityReset" style="border:1rpx solid #E5E5E5;background: #fff;color:#3B3B3B ;">重置</view>
+				<view class="c" :style="{'opacity': (startTime||dateIndex>-1)?1:0.6 }" @click="quantityFilter">确认</view>
+			</view>
+
 		</view>
 		<u-calendar v-model="isShow" mode="range" @change="getTime" range-color='#FF6257' range-bg-color='#FFBDBA'
 			active-bg-color='#FF6257'></u-calendar>
@@ -187,6 +191,12 @@
 				this.startTime = this.getDay(day);
 				this.endTime = this.getDay(0)
 			},
+			quantityReset(){
+				this.startTime ='';
+				this.endTime ='';
+				this.dateIndex = -1
+				this.getNumberPages()
+			},
 			quantityFilter() {
 				this.getNumberPages()
 			},
@@ -283,6 +293,7 @@
 				.itemActive {
 					color: #fff;
 					background: #FF6F5F;
+					border-radius: 6rpx;
 				}
 			}
 
@@ -293,7 +304,7 @@
 					width: 288rpx;
 					line-height: 64rpx;
 					background: #FFF6F5;
-					border-radius: 4rpx;
+					border-radius: 6rpx;
 					text-align: center;
 					font-size: 28rpx;
 					font-weight: 400;
@@ -316,8 +327,15 @@
 				}
 			}
 
+			.rest {
+				display: flex;
+				margin: 0 20rpx 20rpx 20rpx;
+				align-items: center;
+				justify-content: space-between;
+			}
+
 			.c {
-				width: 100%;
+				width: 300rpx;
 				line-height: 88rpx;
 				background: #FF6257;
 				border-radius: 88rpx;