106 lines
3.2 KiB
JavaScript
106 lines
3.2 KiB
JavaScript
"use strict";
|
|
const common_vendor = require("../../common/vendor.js");
|
|
if (!Array) {
|
|
const _easycom_up_input2 = common_vendor.resolveComponent("up-input");
|
|
const _easycom_u_popup2 = common_vendor.resolveComponent("u-popup");
|
|
(_easycom_up_input2 + _easycom_u_popup2)();
|
|
}
|
|
const _easycom_up_input = () => "../../uni_modules/uview-plus/components/u-input/u-input.js";
|
|
const _easycom_u_popup = () => "../../uni_modules/uview-plus/components/u-popup/u-popup.js";
|
|
if (!Math) {
|
|
(_easycom_up_input + _easycom_u_popup)();
|
|
}
|
|
const _sfc_main = {
|
|
__name: "management",
|
|
setup(__props) {
|
|
const showEditPopup = common_vendor.ref(false);
|
|
const areaData = common_vendor.reactive({
|
|
name: "区域名称",
|
|
color: "#ef4444"
|
|
});
|
|
const formData = common_vendor.reactive({
|
|
name: "",
|
|
color: "#ef4444"
|
|
});
|
|
const presetColors = [
|
|
"#2563eb",
|
|
"#ef4444",
|
|
"#10b981",
|
|
"#f59e0b",
|
|
"#6366f1",
|
|
"#ec4899",
|
|
"#06b6d4",
|
|
"#84cc16",
|
|
"#f97316",
|
|
"#4f46e5",
|
|
"#dc2626",
|
|
"#f59e0b",
|
|
"#d97706",
|
|
"#8b5cf6",
|
|
"#db2777"
|
|
];
|
|
const openEditPopup = () => {
|
|
formData.name = areaData.name;
|
|
formData.color = areaData.color;
|
|
showEditPopup.value = true;
|
|
};
|
|
const selectColor = (color) => {
|
|
formData.color = color;
|
|
};
|
|
const handleEdit = () => {
|
|
if (!formData.name) {
|
|
common_vendor.index.showToast({ title: "请输入区域名称", icon: "none" });
|
|
return;
|
|
}
|
|
if (!formData.color) {
|
|
common_vendor.index.showToast({ title: "请选择区域颜色", icon: "none" });
|
|
return;
|
|
}
|
|
areaData.name = formData.name;
|
|
areaData.color = formData.color;
|
|
showEditPopup.value = false;
|
|
common_vendor.index.showToast({
|
|
title: "编辑成功",
|
|
icon: "success"
|
|
});
|
|
};
|
|
return (_ctx, _cache) => {
|
|
return {
|
|
a: common_vendor.t(areaData.name || "区域名称"),
|
|
b: areaData.color,
|
|
c: common_vendor.t(areaData.color),
|
|
d: common_vendor.o(openEditPopup),
|
|
e: common_vendor.o(($event) => showEditPopup.value = false),
|
|
f: common_vendor.o(($event) => formData.name = $event),
|
|
g: common_vendor.p({
|
|
placeholder: "请输入区域名称",
|
|
modelValue: formData.name
|
|
}),
|
|
h: common_vendor.o(($event) => formData.color = $event),
|
|
i: common_vendor.p({
|
|
placeholder: "#ef4444",
|
|
modelValue: formData.color
|
|
}),
|
|
j: formData.color,
|
|
k: common_vendor.f(presetColors, (color, index, i0) => {
|
|
return {
|
|
a: index,
|
|
b: color,
|
|
c: common_vendor.o(($event) => selectColor(color), index)
|
|
};
|
|
}),
|
|
l: common_vendor.o(($event) => showEditPopup.value = false),
|
|
m: common_vendor.o(handleEdit),
|
|
n: common_vendor.o(($event) => showEditPopup.value = false),
|
|
o: common_vendor.p({
|
|
show: showEditPopup.value,
|
|
mode: "center",
|
|
round: "20"
|
|
})
|
|
};
|
|
};
|
|
}
|
|
};
|
|
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-847f15e8"]]);
|
|
wx.createPage(MiniProgramPage);
|