v1.2.1版本，优化调整了很多，整改验收阶段新加字段

unpackage/dist/dev/mp-weixin/components/AreaFormPopup.js

@@ -26,29 +26,30 @@ const _sfc_main = {
     const emit = __emit;
     const formData = common_vendor.reactive({
       name: "",
-      color: "#FF5733"
+      color: "#D92121"
     });
     const presetColors = [
-      "#2563eb",
-      "#ef4444",
-      "#10b981",
-      "#f59e0b",
-      "#6366f1",
-      "#ec4899",
-      "#06b6d4",
-      "#84cc16",
-      "#f97316",
-      "#4f46e5",
-      "#dc2626",
-      "#f59e0b",
-      "#d97706",
-      "#8b5cf6",
-      "#db2777"
+      { name: "红色", value: "#D92121" },
+      { name: "橙色", value: "#FF8822" },
+      { name: "黄色", value: "#FFCC00" },
+      { name: "蓝色", value: "#165DFF" }
     ];
+    const presetColorValues = presetColors.map((item) => item.value);
+    const selectedColorLabel = common_vendor.computed(() => {
+      const found = presetColors.find((item) => item.value === formData.color);
+      return found ? `${found.name} ${found.value}` : formData.color;
+    });
+    const normalizeColor = (color) => {
+      if (!color)
+        return presetColors[0].value;
+      const upper = String(color).toUpperCase();
+      const matched = presetColorValues.find((v) => v.toUpperCase() === upper);
+      return matched || presetColors[0].value;
+    };
     common_vendor.watch(() => props.editData, (newVal) => {
       if (newVal && Object.keys(newVal).length > 0) {
         formData.name = newVal.name || "";
-        formData.color = newVal.color || "#FF5733";
+        formData.color = normalizeColor(newVal.color);
       }
     }, { immediate: true, deep: true });
     common_vendor.watch(() => props.visible, (newVal) => {
@@ -61,7 +62,7 @@ const _sfc_main = {
     };
     const resetForm = () => {
       formData.name = "";
-      formData.color = "#FF5733";
+      formData.color = "#D92121";
     };
     const handleClose = () => {
       emit("update:visible", false);
@@ -72,8 +73,8 @@ const _sfc_main = {
         common_vendor.index.showToast({ title: "请输入区域名称", icon: "none" });
         return;
       }
-      if (!formData.color) {
-        common_vendor.index.showToast({ title: "请选择区域颜色", icon: "none" });
+      if (!presetColorValues.includes(formData.color)) {
+        common_vendor.index.showToast({ title: "请从预设颜色中选择", icon: "none" });
         return;
       }
       emit("submit", {
@@ -90,23 +91,23 @@ const _sfc_main = {
         d: formData.name,
         e: common_vendor.o(($event) => formData.name = $event.detail.value),
         f: formData.color,
-        g: common_vendor.o(($event) => formData.color = $event.detail.value),
-        h: formData.color,
-        i: common_vendor.f(presetColors, (color, index, i0) => {
+        g: common_vendor.t(selectedColorLabel.value),
+        h: common_vendor.f(presetColors, (item, k0, i0) => {
           return {
-            a: color + index,
-            b: formData.color === color ? 1 : "",
-            c: color,
-            d: common_vendor.o(($event) => selectColor(color), color + index)
+            a: formData.color === item.value ? 1 : "",
+            b: item.value,
+            c: common_vendor.t(item.name),
+            d: item.value,
+            e: common_vendor.o(($event) => selectColor(item.value), item.value)
           };
         }),
-        j: common_vendor.o(handleClose),
-        k: common_vendor.o(handleSubmit),
-        l: __props.loading,
-        m: common_vendor.o(() => {
+        i: common_vendor.o(handleClose),
+        j: common_vendor.o(handleSubmit),
+        k: __props.loading,
+        l: common_vendor.o(() => {
         }),
-        n: common_vendor.o(handleClose),
-        o: common_vendor.gei(_ctx, "")
+        m: common_vendor.o(handleClose),
+        n: common_vendor.gei(_ctx, "")
       } : {});
     };
   }