forked from angelo/web-retail-h5
feat(transDetail): 筛选交互优化
This commit is contained in:
parent
4edb5d9190
commit
87488fb54d
|
@ -82,7 +82,14 @@
|
|||
</view>
|
||||
<u-datetime-picker :closeOnClickOverlay="true" @close="dataShow = false" @cancel="dataShow = false"
|
||||
@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>
|
||||
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
@ -151,7 +158,14 @@
|
|||
bal.getTransactionDetails(this.queryParams).then(res => {
|
||||
this.tableList = res.rows
|
||||
})
|
||||
}
|
||||
},
|
||||
clearAll() {
|
||||
this.sxShow = false
|
||||
this.queryParams = {
|
||||
|
||||
}
|
||||
this.getSearch()
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
@ -208,6 +222,31 @@
|
|||
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 {
|
||||
margin-top: 40rpx;
|
||||
|
|
Loading…
Reference in New Issue