288 lines
10 KiB
JavaScript
288 lines
10 KiB
JavaScript
"use strict";
|
||
const common_vendor = require("../../common/vendor.js");
|
||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||
__name: "indexnew",
|
||
setup(__props) {
|
||
common_vendor.ref(false);
|
||
const timearr = common_vendor.ref([]);
|
||
const buttonArray = common_vendor.ref(["全部", "日常", "周期"]);
|
||
const buttonTarget = common_vendor.ref(0);
|
||
const getClass = (item, index0, index1) => {
|
||
if (item.cycleType === "日常") {
|
||
return "title-time-border-yellow";
|
||
} else if (item.cycleType) {
|
||
return "title-time-border-pouple";
|
||
}
|
||
return "title-time-border";
|
||
};
|
||
const moveDownNumber = common_vendor.ref(0);
|
||
function handleScrolltime(e) {
|
||
let num = e.detail.scrollTop;
|
||
let formattedNum = parseFloat(num.toFixed(2));
|
||
moveDownNumber.value = formattedNum;
|
||
}
|
||
const getClassItem = (index) => {
|
||
if (buttonTarget.value !== index) {
|
||
return `titlebutton`;
|
||
} else {
|
||
switch (index) {
|
||
case 0:
|
||
return `titlebutton-target`;
|
||
case 1:
|
||
return `titlebutton-target-yellow`;
|
||
case 2:
|
||
return `titlebutton-target-pouple`;
|
||
}
|
||
}
|
||
};
|
||
function splitString(str) {
|
||
if (str) {
|
||
let result = [];
|
||
let remainingStr = str;
|
||
let regex = /([^（(]*)[（(]([^）)]+)[）)]/;
|
||
while (regex.test(remainingStr)) {
|
||
let match = remainingStr.match(regex);
|
||
if (match) {
|
||
if (match[1].trim()) {
|
||
result.push(match[1].trim());
|
||
}
|
||
if (match[2].trim()) {
|
||
result.push(match[2].trim());
|
||
}
|
||
remainingStr = remainingStr.replace(match[0], "").trim();
|
||
}
|
||
}
|
||
if (remainingStr.trim()) {
|
||
result.push(remainingStr.trim());
|
||
}
|
||
return result;
|
||
} else {
|
||
return [];
|
||
}
|
||
}
|
||
const scrollLeft = common_vendor.ref(0);
|
||
const changetimearr = common_vendor.ref([]);
|
||
common_vendor.onLoad((options) => {
|
||
let arr = common_vendor.index.getStorageSync("myArray");
|
||
timearr.value = arr;
|
||
if (timearr.value[0].children.length < 8) {
|
||
timearr.value.forEach((element) => {
|
||
while (element.children.length < 8) {
|
||
element.children.push({ directiveName: "" });
|
||
}
|
||
});
|
||
}
|
||
changetimearr.value = JSON.parse(JSON.stringify(timearr.value));
|
||
scrollLeft.value = 740;
|
||
});
|
||
const openX = common_vendor.ref(0);
|
||
const openY = common_vendor.ref(0);
|
||
const isopen = common_vendor.ref(false);
|
||
const isopacity = common_vendor.ref(false);
|
||
const clickX = common_vendor.ref(-1);
|
||
const clickY = common_vendor.ref(-1);
|
||
common_vendor.ref(null);
|
||
const rulerTouchClick = (item, index0, index1, e) => {
|
||
if (item.directiveName) {
|
||
clickX.value = index0;
|
||
clickY.value = index1;
|
||
const query = common_vendor.index.createSelectorQuery();
|
||
query.selectAll(".super-card-time-card").boundingClientRect((data) => {
|
||
data.forEach(async (res) => {
|
||
if (res.dataset.index0 == index0 && res.dataset.index1 == index1) {
|
||
if (res.left < 500) {
|
||
openX.value = Math.floor(res.left) + 510;
|
||
} else {
|
||
openX.value = Math.floor(res.left) - 10;
|
||
}
|
||
if (res.top < 300) {
|
||
openY.value = Math.floor(res.top) + 250;
|
||
} else {
|
||
openY.value = Math.floor(res.top);
|
||
}
|
||
await common_vendor.nextTick$1();
|
||
isopen.value = true;
|
||
isopacity.value = false;
|
||
setTimeout(() => {
|
||
isopacity.value = true;
|
||
}, 100);
|
||
}
|
||
});
|
||
}).exec();
|
||
}
|
||
};
|
||
const routerBack = () => {
|
||
common_vendor.index.navigateBack();
|
||
};
|
||
const closeIsOpen = (index0, index1) => {
|
||
common_vendor.index.navigateBack({
|
||
delta: 1,
|
||
success: () => {
|
||
common_vendor.index.$emit("where", {
|
||
index0,
|
||
index1
|
||
});
|
||
}
|
||
});
|
||
};
|
||
const changeWhiteLine = () => {
|
||
let emptyChildIndices = [];
|
||
changetimearr.value.forEach((res, rowIndex) => {
|
||
emptyChildIndices = [];
|
||
res.children.forEach((child, index) => {
|
||
if (child.directiveName === null || child.directiveName === "" || child.directiveName === void 0) {
|
||
const isEmptyInAllRows = changetimearr.value.every((otherRes) => {
|
||
const otherChild = otherRes.children[index];
|
||
return otherChild.directiveName === "";
|
||
});
|
||
if (isEmptyInAllRows) {
|
||
emptyChildIndices.push(index);
|
||
}
|
||
}
|
||
});
|
||
});
|
||
const sortedIndices = [...emptyChildIndices].sort((a, b) => b - a);
|
||
changetimearr.value.forEach((element) => {
|
||
sortedIndices.forEach((idx) => {
|
||
element.children.splice(idx, 1);
|
||
});
|
||
});
|
||
if (changetimearr.value[0].children.length < 8) {
|
||
changetimearr.value.forEach((element) => {
|
||
while (element.children.length < 8) {
|
||
element.children.push({ directiveName: "" });
|
||
}
|
||
});
|
||
}
|
||
};
|
||
const changeTarget = (index) => {
|
||
if (buttonTarget.value !== index) {
|
||
changetimearr.value = [];
|
||
buttonTarget.value = index;
|
||
switch (index) {
|
||
case 0:
|
||
changetimearr.value = JSON.parse(JSON.stringify(timearr.value));
|
||
break;
|
||
case 1:
|
||
changetimearr.value = JSON.parse(JSON.stringify(timearr.value));
|
||
changetimearr.value.forEach((element0) => {
|
||
element0.children.forEach((element1) => {
|
||
if (element1.directiveName && element1.cycleType !== "日常") {
|
||
element1.directiveName = "";
|
||
element1.cycleType = "";
|
||
element1.startTime = "";
|
||
}
|
||
});
|
||
});
|
||
changeWhiteLine();
|
||
break;
|
||
case 2:
|
||
changetimearr.value = JSON.parse(JSON.stringify(timearr.value));
|
||
changetimearr.value.forEach((element0) => {
|
||
element0.children.forEach((element1) => {
|
||
if (element1.directiveName && element1.cycleType === "日常") {
|
||
element1.directiveName = "";
|
||
element1.cycleType = "";
|
||
element1.startTime = "";
|
||
}
|
||
});
|
||
});
|
||
changeWhiteLine();
|
||
break;
|
||
}
|
||
}
|
||
};
|
||
const lastTap = common_vendor.ref(0);
|
||
const clickTimer = common_vendor.ref(null);
|
||
function handleTap(item, index0, index1, e) {
|
||
const now = Date.now();
|
||
if (clickTimer.value != null) {
|
||
clearTimeout(clickTimer.value);
|
||
}
|
||
if (now - lastTap.value < 250) {
|
||
closeIsOpen(index0, index1);
|
||
lastTap.value = 0;
|
||
} else {
|
||
clickTimer.value = setTimeout(() => {
|
||
rulerTouchClick(item, index0, index1);
|
||
}, 250);
|
||
lastTap.value = now;
|
||
}
|
||
}
|
||
return (_ctx, _cache) => {
|
||
var _a, _b;
|
||
return {
|
||
a: common_vendor.f(buttonArray.value, (item, index, i0) => {
|
||
return {
|
||
a: common_vendor.t(item),
|
||
b: common_vendor.n(getClassItem(index)),
|
||
c: common_vendor.o(($event) => changeTarget(index), index),
|
||
d: index
|
||
};
|
||
}),
|
||
b: common_vendor.o(routerBack),
|
||
c: common_vendor.f(changetimearr.value, (item0, index0, i0) => {
|
||
return {
|
||
a: common_vendor.t((item0.positioning.length == 1 ? "0" + item0.positioning : item0.positioning) + ":00"),
|
||
b: index0
|
||
};
|
||
}),
|
||
d: common_vendor.f(changetimearr.value, (item0, index0, i0) => {
|
||
return {
|
||
a: common_vendor.f(item0.children, (item1, index1, i1) => {
|
||
return common_vendor.e({
|
||
a: item1.startTime
|
||
}, item1.startTime ? {
|
||
b: common_vendor.t(item1.startTime + `-` + item1.endTime),
|
||
c: item1.cycleType == "日常" ? `/static/index/yellowbian.png` : `/static/index/puoplebian.png`,
|
||
d: common_vendor.t(item1.cycleType)
|
||
} : {}, {
|
||
e: common_vendor.t(splitString(item1.directiveName)[0]),
|
||
f: common_vendor.s(splitString(item1.directiveName)[1] ? {} : {
|
||
marginTop: `20rpx`
|
||
}),
|
||
g: splitString(item1.directiveName)[1]
|
||
}, splitString(item1.directiveName)[1] ? {
|
||
h: common_vendor.f(splitString(item1.directiveName).slice(1), (item, index, i2) => {
|
||
return {
|
||
a: common_vendor.t(splitString(item1.directiveName)[index + 1]),
|
||
b: index
|
||
};
|
||
}),
|
||
i: common_vendor.s(item1.cycleType != "日常" ? {
|
||
backgroundColor: `rgb(123,97,255)`
|
||
} : {}),
|
||
j: common_vendor.s(item1.cycleType != "日常" ? {
|
||
backgroundColor: `rgb(212,203,255)`
|
||
} : {})
|
||
} : {}, {
|
||
k: common_vendor.n(getClass(item1)),
|
||
l: common_vendor.n(clickX.value === index0 && clickY.value === index1 ? `title-time-border-blue` : ``),
|
||
m: common_vendor.o(($event) => handleTap(item1, index0, index1), index1),
|
||
n: index1,
|
||
o: index1
|
||
});
|
||
}),
|
||
b: index0,
|
||
c: index0
|
||
};
|
||
}),
|
||
e: common_vendor.o(handleScrolltime),
|
||
f: scrollLeft.value,
|
||
g: `/static/index/teeth.png`,
|
||
h: 2 * openY.value - 350 + "rpx",
|
||
i: 2 * openX.value - 780 + "rpx",
|
||
j: isopacity.value ? 1 : 0,
|
||
k: ((_b = (_a = timearr.value[clickY.value]) == null ? void 0 : _a.children[clickX.value]) == null ? void 0 : _b.type) === "日常" ? "#fffcf6" : "rgb(246, 244, 254)",
|
||
l: common_vendor.o(() => {
|
||
}),
|
||
m: isopen.value,
|
||
n: common_vendor.o(($event) => isopen.value = false)
|
||
};
|
||
};
|
||
}
|
||
});
|
||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-d5065f48"]]);
|
||
wx.createPage(MiniProgramPage);
|
||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/timeMatrix/indexnew.js.map
|