From d2b5dddac15c81e10bc269bf0661a6b20af6372a Mon Sep 17 00:00:00 2001 From: water_xu Date: Wed, 24 Apr 2024 13:43:57 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=AE=89=E5=85=A8=E6=89=BF?= =?UTF-8?q?=E8=AF=BA=E6=97=A5=E6=9C=9F=E8=8C=83=E5=9B=B4=E6=9F=A5=E8=AF=A2?= =?UTF-8?q?=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/mine/promise/promise.vue | 157 ++++++++++++++++++++++++++++++++- 1 file changed, 156 insertions(+), 1 deletion(-) diff --git a/pages/mine/promise/promise.vue b/pages/mine/promise/promise.vue index 5a6ce59..ebfa7cc 100644 --- a/pages/mine/promise/promise.vue +++ b/pages/mine/promise/promise.vue @@ -6,6 +6,54 @@ itemStyle="height:80upx;padding-bottom:10upx;background-color: #fff;" @click="tabsClick" > + + + + + + + + + 起始时间：{{ addTimeStartStr == '' ? '请选择起始时间...' : addTimeStartStr }} + + 结束时间：{{ addTimeEndStr == '' ? '请选择结束时间...' : addTimeEndStr }} + + + + + + + + 重置 + + + + + 搜索 + + + + + + + + + + @@ -51,6 +99,13 @@ export default { currentPage: 1, totalPage: 0, list: [], + popupShow: false, // 高级搜索弹窗 + addStartPickBarShow: false, // 起始日期选择器 + addEndPickBarShow: false, // 结束日期选择器 + addTimeStart: Number(new Date()), // 承诺书添加时间-起始 + addTimeEnd: Number(new Date()), // 承诺书添加时间-结束 + addTimeStartStr: '', // 承诺书添加时间-起始-字符串 + addTimeEndStr: '', // 承诺书添加时间-结束-字符串 } }, computed: { @@ -67,6 +122,8 @@ export default { USER_ID: this.userInfo.USER_ID, showCount: this.pageSize, currentPage: this.currentPage, + ADDSTART: this.addTimeStartStr, + ADDEND: this.addTimeEndStr }) this.list = [...this.list, ...resData.varList] this.totalPage = resData.page.totalPage @@ -76,6 +133,8 @@ export default { USER_ID: this.userInfo.USER_ID, showCount: this.pageSize, currentPage: this.currentPage, + ADDSTART: this.addTimeStartStr, + ADDEND: this.addTimeEndStr }) this.list = [...this.list, ...resData.varList] }, @@ -95,6 +154,7 @@ export default { }, tabsClick(e) { this.TYPE = e.id + this.resetAllAddTime() this.resetList() }, fnNavigator(item) { @@ -106,7 +166,82 @@ export default { TYPE: this.TYPE } }) - } + }, + // 高级搜索弹窗弹出函数 + popupOpen() { + this.popupShow = true + + }, + // 高级搜索弹窗关闭函数 + popupClose() { + this.popupShow = false + + }, + // 高级搜索日期选择器关闭回调 + addPickBarOnClose(type) { + switch (type) { + case 'start': + this.addStartPickBarShow = false; + break; + case 'end': + this.addEndPickBarShow = false; + break; + default: + this.$refs.uToast.show({message:'日期选择参数错误',duration:1000}) + } + }, + // 高级搜索日期选择器取消回调 + addPickBarOnCancel(type) { + this.addPickBarOnClose(type) + }, + // 高级搜索日期选择器确认回调 + addPickBarOnConfirm(value) { + // alert(value.value) + switch (this.addStartPickBarShow) { + case true: + // start type + this.addTimeStartStr = uni.$u.timeFormat(value.value, 'yyyy-mm-dd') + this.addPickBarOnClose('start') + break; + case false: + // end type + this.addTimeEndStr = uni.$u.timeFormat(value.value, 'yyyy-mm-dd') + this.addPickBarOnClose('end') + break; + default: + this.$refs.uToast.show({message:'日期选择参数错误',duration:1000}) + } + }, + // 清除高级搜索内的起始日期、结束日期组件绑定的时间属性（时间戳类型）；清除根据时间戳格式化的文本日期 + resetAllAddTime() { + this.addTimeStart = Number(new Date()) + this.addTimeEnd = Number(new Date()) + this.addTimeStartStr = '' + this.addTimeEndStr = '' + }, + // 重置高级搜索条件 + resetAdvancedParam() { + this.resetAllAddTime() + this.resetList() + }, + // 高级搜索 + advancedSearch(){ + const toast = uni.$u.toast + // 日期合法判定 + if (this.addTimeStartStr > this.addTimeEndStr){ + // 包含两种case：case1 开始时间 > 结束时间；case2 开始时间有值，结束时间为空 + this.$refs.uToast.show({message:'日期不合法',duration:1000}) + return + } + if (this.addTimeEndStr != '' && this.addTimeStartStr == ''){ + // 结束时间有值，开始时间为空 + this.$refs.uToast.show({message:'日期不合法',duration:1000}) + return + } + this.resetList() + this.popupClose() + } + } } @@ -116,4 +251,24 @@ export default { background-color: #f7f9ff; height: 100vh; } +.wrap { + padding: 12px; +} + +.demo-layout { + height: 25px; + border-radius: 4px; +} + +.bg-purple { + background: #CED7E1; +} + +.bg-purple-light { + background: #e5e9f2; +} + +.bg-purple-dark { + background: #99a9bf; +}