getTimePicker.js
3.58 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
"use strict";
var common_vendor = require("../../../common/vendor.js");
if (!Array) {
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
_easycom_uni_popup2();
}
const _easycom_uni_popup = () => "../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
if (!Math) {
_easycom_uni_popup();
}
const _sfc_main = {
__name: "getTimePicker",
emits: ["@getTime"],
setup(__props, { expose, emit: emits }) {
const popup = common_vendor.ref();
let scrollTop = common_vendor.ref(0);
let selectedDay = common_vendor.ref(0);
let selectedDayLabel = common_vendor.ref("\u4ECA\u5929");
let selectedTime = common_vendor.ref(0);
let selectedTimeLabel = common_vendor.ref();
const selectDay = common_vendor.reactive(["\u4ECA\u5929", "\u660E\u5929", "\u540E\u5929"]);
let todayList = common_vendor.reactive({
todos: [{
label: "\u4E00\u5C0F\u65F6\u5185",
value: 1
}]
});
common_vendor.onMounted(() => {
todayList.todos = [...todayList.todos.concat(dateList.filter((item) => item.value > new Date().getHours()))];
});
const dateList = common_vendor.reactive(Array.from({
length: 11
}, (v, k) => ({
label: `${k + 9}:00-${k + 10}:00`,
value: k + 9
})));
const scroll = (e) => {
scrollTop.value = e.detail.scrollTop;
};
const handleSelectTime = (index, item) => {
selectedTime.value = index;
selectedTimeLabel.value = item;
popup.value.close("bottom");
emits("getTime", {
selectedDay: selectedDay.value,
selectedDayLabel: selectedDayLabel.value,
selectedTime: selectedTime.value,
selectedTimeLabel: selectedTimeLabel.value
});
};
const handleSelectDay = (index, item) => {
selectedDay.value = index;
scrollTop.value = 0;
selectedTime.value = 0;
selectedDayLabel.value = item;
};
const handleOpen = () => {
popup.value.open("bottom");
};
const handleCancel = () => {
popup.value.close("bottom");
};
expose({
handleOpen
});
return (_ctx, _cache) => {
return {
a: common_vendor.o(handleCancel),
b: common_vendor.f(selectDay, (item, index, i0) => {
return {
a: common_vendor.t(item),
b: common_vendor.n(common_vendor.unref(selectedDay) === index ? "active" : ""),
c: common_vendor.o(($event) => handleSelectDay(index, item), index),
d: index
};
}),
c: common_vendor.f(common_vendor.unref(selectedDay) === 0 ? common_vendor.unref(todayList).todos : dateList, (item, index, i0) => {
return common_vendor.e({
a: common_vendor.t(item.label),
b: common_vendor.unref(selectedTime) === item.value
}, common_vendor.unref(selectedTime) === item.value ? {} : {}, {
c: common_vendor.n(common_vendor.unref(selectedTime) === item.value ? "active" : ""),
d: index,
e: common_vendor.o(($event) => handleSelectTime(item.value, item.label), index)
});
}),
d: common_vendor.unref(scrollTop),
e: common_vendor.o(scroll),
f: common_vendor.sr(popup, "d7737426-0", {
"k": "popup"
}),
g: common_vendor.p({
type: "bottom",
["safe-area"]: false
})
};
};
}
};
var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-d7737426"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/pages/express-delivery/components/getTimePicker.vue"]]);
wx.createComponent(Component);