angelo
/
web-base-h5
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(transDetail): 筛选交互优化

This commit is contained in:
ywk 2025-04-09 10:48:03 +08:00
parent 4edb5d9190
commit 87488fb54d
1 changed files with 40 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
pages/mine/balance/transDetail.vue
View File

@ -82,7 +82,14 @@
</view> </view>
<u-datetime-picker :closeOnClickOverlay="true" @close="dataShow = false" @cancel="dataShow = false" <u-datetime-picker :closeOnClickOverlay="true" @close="dataShow = false" @cancel="dataShow = false"
@confirm="getDate" :show="dataShow" v-model="value1" mode="date"></u-datetime-picker> @confirm="getDate" :show="dataShow" v-model="value1" mode="date"></u-datetime-picker>
<view class="popup_bottom">
<view class="bottom_btn thebtn1" @click="clearAll">清空筛选条件</view>
<view class="bottom_btn thebtn2" @click="()=>{getSearch(),sxShow = false}">
确定
</view>
</view>
</view> </view>
</u-popup> </u-popup>
</view> </view>
</template> </template>
@ -151,7 +158,14 @@
bal.getTransactionDetails(this.queryParams).then(res => { bal.getTransactionDetails(this.queryParams).then(res => {
this.tableList = res.rows this.tableList = res.rows
}) })
} },
clearAll() {
this.sxShow = false
this.queryParams = {
}
this.getSearch()
},
} }
} }
</script> </script>
@ -208,6 +222,31 @@
color: #FB3024; color: #FB3024;
} }
} }
.popup_bottom {
display: flex;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
.bottom_btn {
flex: 1;
padding: 36rpx 0;
text-align: center;
font-size: 28rpx;
}
.thebtn1 {
background-color: rgba(255, 234, 233, 0.65);
color: #333333;
}
.thebtn2 {
background-color: #FB3024;
color: #ffffff;
}
}
.typesBox { .typesBox {
margin-top: 40rpx; margin-top: 40rpx;