xyvcard-goods 0.0.19 → 0.0.21

package/dist/edit-DFc_TNP3.mjs

@@ -0,0 +1,590 @@
+import { defineComponent as H, ref as y, watchEffect as Q, computed as X, resolveComponent as n, openBlock as b, createElementBlock as $, Fragment as A, createVNode as e, withCtx as s, createElementVNode as h, reactive as F, unref as t, renderList as P, createBlock as N, createTextVNode as j, toDisplayString as Y, createCommentVNode as ee } from "vue";
+import { ElMessageBox as le, ElMessage as G } from "element-plus";
+import { fileApi as E, routerUtil as M } from "jmash-core";
+import { useI18n as O } from "vue-i18n";
+import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+import { useRouter as te, useRoute as se } from "vue-router";
+import { D as i, C as ae } from "./index-CqOoZ5xQ.mjs";
+import { goodsSpuApi as z } from "./index.mjs";
+import { g as ue } from "./index-BHmGYIuc.mjs";
+import { WangEditor as re } from "xyvcard-cms";
+import de from "./skuForm-C7rF2noo.mjs";
+const ne = ["src"], pe = /* @__PURE__ */ H({
+  __name: "ImageUpload",
+  props: {
+    modelValue: {
+      type: String,
+      default: () => ""
+    },
+    listType: {
+      type: String,
+      default: "picture"
+    },
+    limit: {
+      type: Number,
+      default: 1e3
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(I, { emit: m }) {
+    const { t: _ } = O(), g = y(E.uploadUrl()), T = y(E.authHeader()), o = y(), V = y(!1), U = y(""), k = I, f = y([]);
+    Q(() => {
+      f.value = k.modelValue.split(",").filter(Boolean);
+    });
+    const q = X(
+      () => f.value.map((r) => ({ url: E.imageUrl(r), status: "success", uid: r }))
+    ), B = (r) => {
+      U.value = r.url, V.value = !0;
+    }, L = (r) => {
+      const c = r.size / 1024 / 1024 < 2;
+      ["image/jpeg", "image/png", "image/gif", "image/jpg"].includes(r.type) && !c && le.confirm(_("file.imageLtRequired"), _("file.warning"), {
+        confirmButtonText: _("common.confirm"),
+        cancelButtonText: _("common.cancel"),
+        type: "warning"
+      }).then(async () => {
+      }).catch(() => (f.value.splice(-1, 1), d(), !1));
+    }, a = (r) => {
+      f.value = f.value.filter((c) => E.imageUrl(c) !== r.url), d();
+    }, l = (r) => {
+      f.value.push(r.fileSrc), d();
+    }, p = m, d = () => {
+      p("update:modelValue", f.value.join(","));
+    };
+    return (r, c) => {
+      const R = n("Plus"), w = n("el-icon"), S = n("el-upload"), C = n("el-dialog");
+      return b(), $(A, null, [
+        e(S, {
+          ref_key: "uploadImageRef",
+          ref: o,
+          "file-list": q.value,
+          "onUpdate:fileList": c[0] || (c[0] = (v) => q.value = v),
+          action: g.value,
+          headers: T.value,
+          limit: I.limit,
+          "list-type": I.listType,
+          "on-preview": B,
+          "before-upload": L,
+          "on-success": l,
+          "on-remove": a
+        }, {
+          default: s(() => [
+            e(w, null, {
+              default: s(() => [
+                e(R)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["file-list", "action", "headers", "limit", "list-type"]),
+        e(C, {
+          modelValue: V.value,
+          "onUpdate:modelValue": c[1] || (c[1] = (v) => V.value = v),
+          fullscreen: !0
+        }, {
+          default: s(() => [
+            h("img", {
+              src: U.value,
+              alt: ""
+            }, null, 8, ne)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+}), ie = /* @__PURE__ */ oe(pe, [["__scopeId", "data-v-f10f6f7e"]]), me = { class: "app-container" }, ce = { class: "search-container" }, ge = { class: "image-card" }, ke = /* @__PURE__ */ H({
+  __name: "edit",
+  setup(I) {
+    const { t: m } = O();
+    i.brandListBizDict.useValues(), console.log(i.brandListBizDict.values, "=> brandListBizDict");
+    const _ = te(), g = se(), T = y();
+    i.shopInfoBizDict.useValues(), i.goodsCategoryListBizLayDict.useValues(), i.labelListBizDict.useValues(), console.log(
+      i.goodsCategoryListBizLayDict.values,
+      "=>goodsCategoryListBizLayDict "
+    );
+    let o = F({
+      requestId: Math.random() * 10 + "",
+      updateMask: "labelIds,brandId,spuName,categoryIds,spuCode,freightType,freightAmount,picUrls,shelf,saleNum,sellPoint,specType,description",
+      skuSpecValues: [],
+      freightType: i.freightTypeEnum.values[0].key,
+      freightAmount: 0,
+      shelf: i.shelfDict.values[0].key,
+      specType: i.specTypeEnum.values[0].key
+    });
+    const V = (a, l, p) => {
+      var r;
+      const d = (r = o.picUrls) == null ? void 0 : r.split(",").filter(Boolean);
+      if (d != null && d.length) {
+        if ((d == null ? void 0 : d.length) < 3)
+          return p(new Error(m("goodsSpu.imageListsError")));
+        p();
+      } else return p(new Error(m("goodsSpu.picUrlsRequired")));
+    }, U = F({
+      brandId: [
+        {
+          required: !0,
+          message: m("goodsSpu.brandIdRequired"),
+          trigger: "change"
+        }
+      ],
+      spuName: [
+        {
+          required: !0,
+          message: m("goodsSpu.spuNameRequired"),
+          trigger: "blur"
+        }
+      ],
+      categoryIds: [
+        {
+          required: !0,
+          message: m("goodsSpu.categoryIdRequired"),
+          trigger: "change"
+        }
+      ],
+      spuCode: [
+        {
+          required: !0,
+          message: m("goodsSpu.spuCodeRequired"),
+          trigger: "change"
+        }
+      ],
+      freightType: [
+        {
+          required: !0,
+          message: m("goodsSpu.freightTypeRequired"),
+          trigger: "change"
+        }
+      ],
+      freightAmount: [
+        {
+          required: !0,
+          message: m("goodsSpu.freightAmountRequired"),
+          trigger: "blur"
+        }
+      ],
+      picUrls: [
+        {
+          validator: V,
+          trigger: "change"
+        }
+      ],
+      shelf: [
+        {
+          required: !0,
+          message: m("goodsSpu.shelfRequired"),
+          trigger: "change"
+        }
+      ],
+      specType: [
+        {
+          required: !0,
+          message: m("goodsSpu.specTypeRequired"),
+          trigger: "change"
+        }
+      ]
+    }), k = y(!1);
+    function f(a) {
+      o.skuSpecValues.push(a), o.skuSpecValues = o.skuSpecValues.slice(-1);
+    }
+    function q(a) {
+      a.forEach((l) => {
+        var p;
+        o.specId = (p = l.specValues) == null ? void 0 : p.map((d) => d.specId), o.skuSpecValues.push(l);
+      }), o.skuSpecValues = o.skuSpecValues.slice(-a.length);
+    }
+    g.query.spuId && z.findById({ spuId: g.query.spuId }).then(({ data: a }) => {
+      Object.assign(o, a), k.value = !0, ue.findById({ spuId: g.query.spuId }).then(({ data: l }) => {
+        o.ensureIds = l.ensures;
+      });
+    });
+    const B = async () => {
+      var a;
+      await ((a = T.value) == null ? void 0 : a.validate((l) => {
+        l && (g.query.spuId ? z.update(o).then((p) => {
+          p.status === 200 && (G({
+            message: m("common.submitSuccess"),
+            type: "success"
+          }), M.closeTagView(g.fullPath, _, !1));
+        }) : z.create(o).then((p) => {
+          p.status === 200 && (G({
+            message: m("common.submitSuccess"),
+            type: "success"
+          }), M.closeTagView(g.fullPath, _, !1));
+        }));
+      }));
+    };
+    function L(a) {
+      a === "FREIGHT_FREE" && (o.freightAmount = 0);
+    }
+    return (a, l) => {
+      const p = n("el-input"), d = n("el-form-item"), r = n("el-col"), c = n("el-option"), R = n("el-select"), w = n("el-tree-select"), S = n("jmash-enum-radio"), C = n("el-input-number"), v = ie, x = n("jmash-dict-checkbox"), W = n("el-checkbox"), Z = n("el-checkbox-group"), D = n("el-row"), J = n("el-button"), K = n("el-form");
+      return b(), $("div", me, [
+        h("div", ce, [
+          e(K, {
+            ref_key: "goodsSpuFormRef",
+            ref: T,
+            model: t(o),
+            "label-width": "120px",
+            rules: U
+          }, {
+            default: s(() => [
+              l[16] || (l[16] = h("div", { class: "title-content" }, "基本信息", -1)),
+              e(D, null, {
+                default: s(() => [
+                  e(r, { span: 12 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.spuName"),
+                        prop: "spuName"
+                      }, {
+                        default: s(() => [
+                          e(p, {
+                            modelValue: t(o).spuName,
+                            "onUpdate:modelValue": l[0] || (l[0] = (u) => t(o).spuName = u),
+                            placeholder: a.$t("goodsSpu.spuNameRequired"),
+                            maxlength: "60",
+                            "show-word-limit": "",
+                            clearable: ""
+                          }, null, 8, ["modelValue", "placeholder"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(r, { span: 12 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.spuCode"),
+                        prop: "spuCode"
+                      }, {
+                        default: s(() => [
+                          e(p, {
+                            modelValue: t(o).spuCode,
+                            "onUpdate:modelValue": l[1] || (l[1] = (u) => t(o).spuCode = u),
+                            placeholder: a.$t("goodsSpu.spuCodeRequired"),
+                            maxlength: "15",
+                            "show-word-limit": "",
+                            clearable: ""
+                          }, null, 8, ["modelValue", "placeholder"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(r, { span: 12 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.brandId"),
+                        prop: "brandId"
+                      }, {
+                        default: s(() => [
+                          e(R, {
+                            modelValue: t(o).brandId,
+                            "onUpdate:modelValue": l[2] || (l[2] = (u) => t(o).brandId = u),
+                            data: t(i).brandListBizDict.values,
+                            placeholder: a.$t("goodsSpu.brandIdRequired"),
+                            class: "w-full"
+                          }, {
+                            default: s(() => [
+                              (b(!0), $(A, null, P(t(i).brandListBizDict.values, (u) => (b(), N(c, {
+                                key: u.key,
+                                label: u.value,
+                                value: u.key
+                              }, null, 8, ["label", "value"]))), 128))
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue", "data", "placeholder"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(r, { span: 12 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.categoryId"),
+                        prop: "categoryIds"
+                      }, {
+                        default: s(() => [
+                          e(w, {
+                            modelValue: t(o).categoryIds,
+                            "onUpdate:modelValue": l[3] || (l[3] = (u) => t(o).categoryIds = u),
+                            data: t(i).goodsCategoryListBizLayDict.values,
+                            multiple: "",
+                            "render-after-expand": !1,
+                            "show-checkbox": "",
+                            placeholder: a.$t("goodsSpu.categoryIdRequired"),
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "data", "placeholder"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(r, { span: 12 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.freightType"),
+                        prop: "freightType"
+                      }, {
+                        default: s(() => [
+                          e(S, {
+                            modelValue: t(o).freightType,
+                            "onUpdate:modelValue": l[4] || (l[4] = (u) => t(o).freightType = u),
+                            data: t(i).freightTypeEnum.values,
+                            onChange: L
+                          }, null, 8, ["modelValue", "data"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(r, { span: 12 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.freightAmount"),
+                        prop: "freightAmount"
+                      }, {
+                        default: s(() => [
+                          e(C, {
+                            modelValue: t(o).freightAmount,
+                            "onUpdate:modelValue": l[5] || (l[5] = (u) => t(o).freightAmount = u),
+                            readonly: t(o).freightType === "FREIGHT_FREE",
+                            precision: 2,
+                            step: 0.1,
+                            controls: !1,
+                            min: 0,
+                            placeholder: a.$t("goodsSpu.freightAmountRequired"),
+                            class: "w-full"
+                          }, null, 8, ["modelValue", "readonly", "placeholder"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(r, { span: 24 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.picUrls"),
+                        prop: "picUrls"
+                      }, {
+                        default: s(() => [
+                          h("div", ge, [
+                            e(v, {
+                              modelValue: t(o).picUrls,
+                              "onUpdate:modelValue": l[6] || (l[6] = (u) => t(o).picUrls = u),
+                              limit: 6,
+                              "list-type": "picture-card"
+                            }, null, 8, ["modelValue"]),
+                            l[14] || (l[14] = h("div", { class: "red-color" }, " 推荐尺寸：100*100或同比例图片，最少上传3张 ", -1))
+                          ])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(r, { span: 12 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.shelf"),
+                        prop: "shelf"
+                      }, {
+                        default: s(() => [
+                          e(S, {
+                            modelValue: t(o).shelf,
+                            "onUpdate:modelValue": l[7] || (l[7] = (u) => t(o).shelf = u),
+                            data: t(i).shelfDict.values
+                          }, null, 8, ["modelValue", "data"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(r, { span: 12 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.saleNum"),
+                        prop: "saleNum"
+                      }, {
+                        default: s(() => [
+                          e(C, {
+                            modelValue: t(o).saleNum,
+                            "onUpdate:modelValue": l[8] || (l[8] = (u) => t(o).saleNum = u),
+                            placeholder: a.$t("goodsSpu.saleNumRequired"),
+                            class: "w-full",
+                            min: 0,
+                            controls: !1,
+                            precision: 0
+                          }, null, 8, ["modelValue", "placeholder"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(r, { span: 24 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.sellPoint"),
+                        prop: "sellPoint"
+                      }, {
+                        default: s(() => [
+                          e(p, {
+                            modelValue: t(o).sellPoint,
+                            "onUpdate:modelValue": l[9] || (l[9] = (u) => t(o).sellPoint = u),
+                            placeholder: a.$t("goodsSpu.sellPointRequired"),
+                            maxlength: "250",
+                            "show-word-limit": "",
+                            clearable: "",
+                            rows: 4,
+                            type: "textarea"
+                          }, null, 8, ["modelValue", "placeholder"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(r, { span: 24 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.ensureIds"),
+                        prop: "ensureIds"
+                      }, {
+                        default: s(() => [
+                          e(x, {
+                            modelValue: t(o).ensureIds,
+                            "onUpdate:modelValue": l[10] || (l[10] = (u) => t(o).ensureIds = u),
+                            "type-code": t(ae).DICT_GOODS_ENSURE
+                          }, null, 8, ["modelValue", "type-code"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(r, { span: 24 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.labelIds"),
+                        prop: "labelIds"
+                      }, {
+                        default: s(() => [
+                          e(Z, {
+                            modelValue: t(o).labelIds,
+                            "onUpdate:modelValue": l[11] || (l[11] = (u) => t(o).labelIds = u),
+                            class: "w-full"
+                          }, {
+                            default: s(() => [
+                              (b(!0), $(A, null, P(t(i).labelListBizDict.values, (u) => (b(), N(W, {
+                                key: u.key,
+                                label: u.key
+                              }, {
+                                default: s(() => [
+                                  j(Y(u.value), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["label"]))), 128))
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              l[17] || (l[17] = h("div", { class: "title-content" }, "商品规格", -1)),
+              e(D, null, {
+                default: s(() => [
+                  e(r, { span: 24 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.specType"),
+                        prop: "specType"
+                      }, {
+                        default: s(() => [
+                          e(S, {
+                            modelValue: t(o).specType,
+                            "onUpdate:modelValue": l[12] || (l[12] = (u) => t(o).specType = u),
+                            data: t(i).specTypeEnum.values
+                          }, null, 8, ["modelValue", "data"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  !t(g).query.spuId || k.value ? (b(), N(de, {
+                    key: 0,
+                    "spec-type": t(o).specType,
+                    form: t(o),
+                    onGetGoodsSku: f,
+                    onGetFormData: q
+                  }, null, 8, ["spec-type", "form"])) : ee("", !0)
+                ]),
+                _: 1
+              }),
+              l[18] || (l[18] = h("div", { class: "title-content" }, "商品详情", -1)),
+              e(D, null, {
+                default: s(() => [
+                  e(r, { span: 24 }, {
+                    default: s(() => [
+                      e(d, {
+                        label: a.$t("goodsSpu.description"),
+                        prop: "description"
+                      }, {
+                        default: s(() => [
+                          e(t(re), {
+                            modelValue: t(o).description,
+                            "onUpdate:modelValue": l[13] || (l[13] = (u) => t(o).description = u),
+                            style: { width: "100%" }
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        _: 1
+                      }, 8, ["label"])
+                    ]),
+                    _: 1
+                  }),
+                  e(d, null, {
+                    default: s(() => [
+                      e(J, {
+                        type: "primary",
+                        onClick: B
+                      }, {
+                        default: s(() => l[15] || (l[15] = [
+                          j("保存")
+                        ])),
+                        _: 1,
+                        __: [15]
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1,
+            __: [16, 17, 18]
+          }, 8, ["model", "rules"])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  ke as default
+};