xyvcard-goods 0.0.1 → 0.0.3

package/dist/skuTable-BbTTCq2m.mjs

@@ -0,0 +1,585 @@
+import { defineComponent as N, ref as I, toRefs as O, watchEffect as q, computed as T, resolveComponent as V, openBlock as w, createBlock as z, withCtx as d, createElementBlock as S, createVNode as n, unref as j, watch as E, Fragment as D, createElementVNode as h, createTextVNode as $, createCommentVNode as G, renderList as H, toDisplayString as L } from "vue";
+import { fileApi as x } from "jmash-core";
+import { a0 as K, $ as R } from "./el-message-BBB-S2MS.mjs";
+import { D as J } from "./index-CZD7OAWo.mjs";
+const Q = (s, m) => {
+  const o = s.__vccOpts || s;
+  for (const [r, k] of m)
+    o[r] = k;
+  return o;
+}, W = ["src"], X = /* @__PURE__ */ N({
+  __name: "index",
+  props: {
+    pictureUrl: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["imageSrc"],
+  setup(s, { emit: m }) {
+    const o = I(x.uploadUrl()), r = I(x.authHeader()), k = s, { pictureUrl: b } = O(k), v = I("");
+    v.value = b.value;
+    const P = m;
+    function U(l) {
+      l.fileSrc && (R({
+        message: "上传成功",
+        type: "success"
+      }), v.value = l.fileSrc, P("imageSrc", l.fileSrc));
+    }
+    q(() => {
+      v.value = k.pictureUrl;
+    });
+    const _ = T(() => x.imageUrl(v.value));
+    return (l, a) => {
+      const c = V("el-icon"), u = V("el-upload");
+      return w(), z(u, {
+        class: "avatar-uploader",
+        action: o.value,
+        headers: r.value,
+        "show-file-list": !1,
+        "on-success": U
+      }, {
+        default: d(() => [
+          v.value ? (w(), S("img", {
+            key: 0,
+            src: _.value,
+            class: "avatar",
+            alt: ""
+          }, null, 8, W)) : (w(), z(c, {
+            key: 1,
+            class: "avatar-uploader-icon"
+          }, {
+            default: d(() => [
+              n(j(K))
+            ]),
+            _: 1
+          }))
+        ]),
+        _: 1
+      }, 8, ["action", "headers"]);
+    };
+  }
+});
+function Y(s, m = [], o) {
+  console.log(s, m = [], o);
+  let { optionValue: r = "id", optionText: k = "name" } = o || {}, b = [], v = 0, P = {};
+  const U = Z(s);
+  if (console.log(U), s.length === 0) return b;
+  s.forEach((_) => {
+    const { specValueList: l } = _;
+    if (!l || l.length === 0) return !0;
+    v = (v || 1) * l.length;
+  }), m.forEach((_) => {
+    let { specs: l, ...a } = _;
+    P[l.map((c) => `${c.specId}_${c.specValueId}`).join("|")] = a;
+  });
+  for (let _ = 0; _ < v; _++) {
+    let l = [], a = [];
+    s.forEach((u, i) => {
+      const { specValueList: e } = u;
+      let g = {};
+      if (!e || e.length === 0) return !0;
+      if (e.length > 1) {
+        let f = Math.floor(_ / U[i]) % e.length;
+        g = s[i].specValueList[f];
+      } else
+        g = s[i].specValueList[0];
+      console.log(u[r], g[r]), !(!u[r] || !g[r]) && (a.push(`${u[r]}_${g[r]}`), l.push({
+        specId: u[r],
+        specName: u[k],
+        specValueId: g[r],
+        specValueName: g[k]
+      }));
+    });
+    let { ...c } = P[a.join("|")] || {};
+    b.push({ ...c, specs: l });
+  }
+  return b;
+}
+function Z(s) {
+  let m = [];
+  for (let o = s.length - 1; o >= 0; o--)
+    s[o + 1] && s[o + 1].specValueList ? m[o] = s[o + 1].specValueList.length * m[o + 1] || 1 : m[o] = 1;
+  return m;
+}
+function A(s) {
+  return Array.from(new Set(s));
+}
+function ee(s, m) {
+  return s = A(s), m = A(m), s.concat(m).filter((o) => !(s.includes(o) && m.includes(o)));
+}
+const le = { key: 0 }, te = { class: "title-set" }, oe = { class: "right-dis" }, ae = { class: "right-dis" }, se = { class: "right-dis" }, ne = { class: "right-dis" }, ce = { class: "right-dis" }, ue = { class: "right-dis" }, ie = { key: 0 }, re = { key: 1 }, de = /* @__PURE__ */ N({
+  __name: "skuTable",
+  props: {
+    specData: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    goodsSku: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    // 是否显示批量设置，主要是用于详情展示
+    isSettingShow: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["getGoodsSku", "getFormData"],
+  setup(s, { emit: m }) {
+    const o = I({
+      salePrice: 0,
+      marketPrice: 0,
+      costPrice: 0,
+      weight: 0,
+      volume: 0,
+      stock: 0
+    }), r = I([]), k = m, b = s, v = T(() => {
+      let l = Y(b.specData, [], {}).map((c) => ({
+        specValues: c.specs,
+        specIds: c.specs.reduce(
+          (u, i, e) => `${u}${i.specId}-${i.specValueId}${e === c.specs.length - 1 ? "" : "_"}`,
+          ""
+        )
+      })), a = b.goodsSku.map((c) => ({
+        ...c,
+        specIds: c.specValues.reduce(
+          (u, i, e) => `${u}${i.specId}-${i.specValueId}${e === c.specValues.length - 1 ? "" : "_"}`,
+          ""
+        )
+      }));
+      return l.forEach(function(c) {
+        a.forEach(function(u) {
+          console.log(u);
+          let i = c.specIds.split("_"), e = u.specIds.split("_"), g = !0;
+          i.forEach(function(f) {
+            e.find((y) => y == f) || (g = !1);
+          }), g && (c.picUrl = u.picUrl ? u.picUrl : "", c.skuCode = u.skuCode ? u.skuCode : void 0, c.salePrice = u.salePrice, c.marketPrice = u.marketPrice, c.costPrice = u.costPrice, c.stock = u.stock, c.weight = u.weight, c.volume = u.volume, c.status = u.status);
+        });
+      }), l;
+    });
+    E(
+      v,
+      (l, a) => {
+        var u, i;
+        if (!l || !l.length) return r.value = [];
+        if (!a || !a.length)
+          return r.value = l.map((e) => ({
+            ...e,
+            picUrl: e.picUrl ? e.picUrl : "",
+            skuCode: e.skuCode ? e.skuCode : void 0,
+            salePrice: e.salePrice ? e.salePrice : 0,
+            marketPrice: e.marketPrice ? e.marketPrice : void 0,
+            costPrice: e.costPrice ? e.costPrice : void 0,
+            stock: e.stock ? e.stock : 0,
+            weight: e.weight ? e.weight : void 0,
+            volume: e.volume ? e.volume : void 0,
+            status: e.status ? e.status : !0
+          }));
+        if (((u = l[0].specValues) == null ? void 0 : u.length) !== ((i = a[0].specValues) == null ? void 0 : i.length))
+          return r.value = l.map((e) => ({
+            ...e,
+            picUrl: "",
+            skuCode: void 0,
+            salePrice: 0,
+            marketPrice: void 0,
+            costPrice: void 0,
+            stock: 0,
+            weight: void 0,
+            volume: void 0,
+            status: !0
+          }));
+        if (l.length === a.length)
+          return r.value = l.map((e, g) => ({
+            ...r.value[g],
+            ...e
+          }));
+        const c = P(l, a);
+        if (l.length > a.length) {
+          let e = [];
+          l.forEach((g) => {
+            const f = r.value.find(
+              (y) => y.specIds === g.specIds
+            );
+            f ? e.push(f) : e.push({
+              ...g,
+              picUrl: "",
+              skuCode: void 0,
+              salePrice: 0,
+              marketPrice: void 0,
+              costPrice: void 0,
+              stock: 0,
+              weight: void 0,
+              volume: void 0,
+              status: !0
+            });
+          }), r.value = e;
+        } else
+          r.value = r.value.filter(
+            (e) => !c.includes(e.specIds)
+          );
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), E(
+      r,
+      (l) => {
+        console.log(l), k("getFormData", l);
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    );
+    function P(l, a) {
+      return l = l.map((c) => c.specIds), a = a.map((c) => c.specIds), ee(l, a);
+    }
+    function U() {
+      r.value.forEach((l) => {
+        l.salePrice = o.value.salePrice, l.marketPrice = o.value.marketPrice, l.costPrice = o.value.costPrice, l.weight = o.value.weight, l.volume = o.value.volume, l.stock = o.value.stock;
+      });
+    }
+    function _(l, a) {
+      a.picUrl = l;
+    }
+    return (l, a) => {
+      const c = V("Setting"), u = V("el-icon"), i = V("el-input-number"), e = V("el-tooltip"), g = V("el-button"), f = V("el-table-column"), y = X, B = V("el-input"), F = V("el-switch"), M = V("el-table");
+      return w(), S(D, null, [
+        s.isSettingShow ? (w(), S("div", le, [
+          h("div", te, [
+            n(u, null, {
+              default: d(() => [
+                n(c)
+              ]),
+              _: 1
+            }),
+            a[6] || (a[6] = $(" 批量设置 "))
+          ]),
+          h("span", oe, [
+            n(e, {
+              class: "box-item",
+              effect: "dark",
+              content: "销售价（元）",
+              placement: "top-start"
+            }, {
+              default: d(() => [
+                n(i, {
+                  modelValue: o.value.salePrice,
+                  "onUpdate:modelValue": a[0] || (a[0] = (t) => o.value.salePrice = t),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "销售价(元)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          h("span", ae, [
+            n(e, {
+              class: "box-item",
+              effect: "dark",
+              content: "市场价（元）",
+              placement: "top-start"
+            }, {
+              default: d(() => [
+                n(i, {
+                  modelValue: o.value.marketPrice,
+                  "onUpdate:modelValue": a[1] || (a[1] = (t) => o.value.marketPrice = t),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "市场价(元)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          h("span", se, [
+            n(e, {
+              class: "box-item",
+              effect: "dark",
+              content: "成本价（元）",
+              placement: "top-start"
+            }, {
+              default: d(() => [
+                n(i, {
+                  modelValue: o.value.costPrice,
+                  "onUpdate:modelValue": a[2] || (a[2] = (t) => o.value.costPrice = t),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "成本价(元)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          h("span", ne, [
+            n(e, {
+              class: "box-item",
+              effect: "dark",
+              content: "重量（kg）",
+              placement: "top-start"
+            }, {
+              default: d(() => [
+                n(i, {
+                  modelValue: o.value.weight,
+                  "onUpdate:modelValue": a[3] || (a[3] = (t) => o.value.weight = t),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "重量(kg)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          h("span", ce, [
+            n(e, {
+              class: "box-item",
+              effect: "dark",
+              content: "体积（m³）",
+              placement: "top-start"
+            }, {
+              default: d(() => [
+                n(i, {
+                  modelValue: o.value.volume,
+                  "onUpdate:modelValue": a[4] || (a[4] = (t) => o.value.volume = t),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "体积(m³)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          h("span", ue, [
+            n(e, {
+              class: "box-item",
+              effect: "dark",
+              content: "库存",
+              placement: "top-start"
+            }, {
+              default: d(() => [
+                n(i, {
+                  modelValue: o.value.stock,
+                  "onUpdate:modelValue": a[5] || (a[5] = (t) => o.value.stock = t),
+                  precision: 0,
+                  size: "small",
+                  placeholder: "库存",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          n(g, {
+            type: "primary",
+            size: "small",
+            onClick: U
+          }, {
+            default: d(() => a[7] || (a[7] = [
+              $("设置")
+            ])),
+            _: 1
+          })
+        ])) : G("", !0),
+        n(M, {
+          data: r.value,
+          class: "w-full top-dis"
+        }, {
+          default: d(() => [
+            n(f, { type: "index" }),
+            (w(!0), S(D, null, H(s.specData, (t, p) => (w(), z(f, {
+              key: t.id,
+              prop: t.id,
+              label: t.name
+            }, {
+              default: d((C) => [
+                $(L(C.row.specValues[p].specValueName), 1)
+              ]),
+              _: 2
+            }, 1032, ["prop", "label"]))), 128)),
+            n(f, {
+              prop: "picUrl",
+              label: "图片"
+            }, {
+              default: d((t) => [
+                n(y, {
+                  "picture-url": t.row.picUrl,
+                  onImageSrc: (p) => _(p, t.row)
+                }, null, 8, ["picture-url", "onImageSrc"])
+              ]),
+              _: 1
+            }),
+            n(f, {
+              prop: "salePrice",
+              label: "销售价（元）"
+            }, {
+              default: d((t) => [
+                h("span", null, [
+                  n(i, {
+                    modelValue: t.row.salePrice,
+                    "onUpdate:modelValue": (p) => t.row.salePrice = p,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !s.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            n(f, {
+              prop: "marketPrice",
+              label: "市场价（元）"
+            }, {
+              default: d((t) => [
+                h("span", null, [
+                  n(i, {
+                    modelValue: t.row.marketPrice,
+                    "onUpdate:modelValue": (p) => t.row.marketPrice = p,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !s.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            n(f, {
+              prop: "costPrice",
+              label: "成本价（元）"
+            }, {
+              default: d((t) => [
+                h("span", null, [
+                  n(i, {
+                    modelValue: t.row.costPrice,
+                    "onUpdate:modelValue": (p) => t.row.costPrice = p,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !s.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            n(f, {
+              prop: "weight",
+              label: "重量（kg）"
+            }, {
+              default: d((t) => [
+                h("span", null, [
+                  n(i, {
+                    modelValue: t.row.weight,
+                    "onUpdate:modelValue": (p) => t.row.weight = p,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !s.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            n(f, {
+              prop: "volume",
+              label: "体积（m³）"
+            }, {
+              default: d((t) => [
+                h("span", null, [
+                  n(i, {
+                    modelValue: t.row.volume,
+                    "onUpdate:modelValue": (p) => t.row.volume = p,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !s.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            n(f, {
+              prop: "stock",
+              label: "库存"
+            }, {
+              default: d((t) => [
+                h("span", null, [
+                  n(i, {
+                    modelValue: t.row.stock,
+                    "onUpdate:modelValue": (p) => t.row.stock = p,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !s.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            n(f, {
+              prop: "skuCode",
+              label: "sku编码"
+            }, {
+              default: d((t) => [
+                h("span", null, [
+                  n(B, {
+                    modelValue: t.row.skuCode,
+                    "onUpdate:modelValue": (p) => t.row.skuCode = p,
+                    size: "small",
+                    disabled: !s.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            n(f, {
+              prop: "status",
+              label: "是否上架",
+              width: "80"
+            }, {
+              default: d((t) => {
+                var p;
+                return [
+                  s.isSettingShow ? (w(), S("span", ie, [
+                    n(F, {
+                      modelValue: t.row.status,
+                      "onUpdate:modelValue": (C) => t.row.status = C
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ])) : (w(), S("span", re, L(j(J).shelfDict.getValue((p = t.row.status) == null ? void 0 : p.toString())), 1))
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data"])
+      ], 64);
+    };
+  }
+}), pe = /* @__PURE__ */ Q(de, [["__scopeId", "data-v-0ad45a00"]]), ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: pe
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Q as _,
+  ve as a,
+  pe as s
+};