xyvcard-goods 0.0.19 → 0.0.21

package/dist/skuTable-CEwT-I1Q.mjs

@@ -0,0 +1,592 @@
+import { defineComponent as F, ref as U, computed as T, watch as S, resolveComponent as v, openBlock as g, createElementBlock as h, createElementVNode as n, createVNode as s, withCtx as r, createTextVNode as w, createCommentVNode as L, Fragment as G, renderList as O, createBlock as k, toDisplayString as I, unref as b } from "vue";
+import { f as H, d as J } from "./sku-B-IzfYLq.mjs";
+import { D as K } from "./index-CqOoZ5xQ.mjs";
+import { fileApi as z } from "jmash-core";
+import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const Q = { key: 0 }, R = { class: "title-set" }, W = { class: "right-dis" }, X = { class: "right-dis" }, Y = { class: "right-dis" }, Z = { class: "right-dis" }, ee = { class: "right-dis" }, le = { class: "right-dis" }, ae = { class: "right-dis" }, se = { class: "right-dis" }, oe = { key: 0 }, te = { key: 1 }, re = /* @__PURE__ */ F({
+  __name: "skuTable",
+  props: {
+    specData: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    goodsSku: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    // 是否显示批量设置，主要是用于详情展示
+    isSettingShow: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["getGoodsSku", "getFormData"],
+  setup(m, { emit: x }) {
+    const u = U({
+      salePrice: 0,
+      marketPrice: 0,
+      costPrice: 0,
+      weight: 0,
+      volume: 0,
+      stock: 0,
+      salePriceV2: 0,
+      salePriceV3: 0
+    }), V = U([]), y = x, _ = m, C = T(() => {
+      let o = H(_.specData, [], {}).map((t) => ({
+        specValues: t.specs,
+        specIds: t.specs.reduce(
+          (i, d, l) => `${i}${d.specId}-${d.specValueId}${l === t.specs.length - 1 ? "" : "_"}`,
+          ""
+        )
+      })), a = _.goodsSku.map((t) => {
+        var i;
+        return {
+          ...t,
+          specIds: (i = t.specValues) == null ? void 0 : i.reduce(
+            (d, l, f) => `${d}${l.specId}-${l.specValueId}${f === t.specValues.length - 1 ? "" : "_"}`,
+            ""
+          )
+        };
+      });
+      return o.forEach((t) => {
+        a.forEach((i) => {
+          let d = t.specIds.split("_"), l = i.specIds.split("_"), f = !0;
+          d.forEach((p) => {
+            l.find((P) => P == p) || (f = !1);
+          }), f && (t.picUrl = i.picUrl ? i.picUrl : "", t.skuCode = i.skuCode ? i.skuCode : void 0, t.skuId = i.skuId ? i.skuId : void 0, t.salePrice = i.salePrice, t.salePriceV2 = i.salePriceV2, t.salePriceV3 = i.salePriceV3, t.marketPrice = i.marketPrice, t.costPrice = i.costPrice, t.stock = i.stock, t.weight = i.weight, t.volume = i.volume, t.status = i.status);
+        });
+      }), o;
+    });
+    S(
+      C,
+      (o, a) => {
+        var i, d;
+        if (!o || !o.length) return V.value = [];
+        if (!a || !a.length)
+          return;
+        if (((i = o[0].specValues) == null ? void 0 : i.length) !== ((d = a[0].specValues) == null ? void 0 : d.length))
+          return V.value = o.map((l) => ({
+            ...l,
+            picUrl: "",
+            skuCode: void 0,
+            salePrice: 0,
+            salePriceV2: 0,
+            salePriceV3: 0,
+            marketPrice: void 0,
+            costPrice: void 0,
+            stock: 0,
+            weight: void 0,
+            volume: void 0,
+            status: !0
+          }));
+        if (o.length === a.length)
+          return V.value = o.map((l, f) => ({
+            ...V.value[f],
+            ...l
+          }));
+        const t = D(o, a);
+        if (o.length > a.length) {
+          let l = [];
+          o.forEach((f) => {
+            const p = V.value.find(
+              (P) => P.specIds === f.specIds
+            );
+            p ? l.push(p) : l.push({
+              ...f,
+              picUrl: "",
+              skuCode: void 0,
+              salePrice: 0,
+              salePriceV2: 0,
+              salePriceV3: 0,
+              marketPrice: void 0,
+              costPrice: void 0,
+              stock: 0,
+              weight: void 0,
+              volume: void 0,
+              status: !0
+            });
+          }), V.value = l;
+        } else
+          V.value = V.value.filter(
+            (l) => !t.includes(l.specIds)
+          );
+        V.value = o.map((l) => ({
+          ...l,
+          picUrl: l.picUrl ? l.picUrl : "",
+          skuCode: l.skuCode ? l.skuCode : void 0,
+          salePrice: l.salePrice ? l.salePrice : 0,
+          salePriceV2: l.salePrice ? l.salePriceV2 : 0,
+          salePriceV3: l.salePrice ? l.salePriceV3 : 0,
+          marketPrice: l.marketPrice ? l.marketPrice : void 0,
+          costPrice: l.costPrice ? l.costPrice : void 0,
+          stock: l.stock ? l.stock : 0,
+          weight: l.weight ? l.weight : void 0,
+          volume: l.volume ? l.volume : void 0,
+          status: l.status ? l.status : !0
+        }));
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), S(
+      V,
+      (o) => {
+        y("getFormData", o);
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    );
+    function D(o, a) {
+      return o = o.map((t) => t.specIds), a = a.map((t) => t.specIds), J(o, a);
+    }
+    function $() {
+      V.value.forEach((o) => {
+        o.salePrice = u.value.salePrice, o.salePriceV2 = u.value.salePriceV2, o.salePriceV3 = u.value.salePriceV3, o.marketPrice = u.value.marketPrice, o.costPrice = u.value.costPrice, o.weight = u.value.weight, o.volume = u.value.volume, o.stock = u.value.stock;
+      });
+    }
+    function E(o, a) {
+      a.picUrl = o;
+    }
+    return (o, a) => {
+      const t = v("Setting"), i = v("el-icon"), d = v("el-input-number"), l = v("el-tooltip"), f = v("el-button"), p = v("el-table-column"), P = v("jmash-single-image-upload"), A = v("el-image"), N = v("el-input"), q = v("el-switch"), B = v("el-table");
+      return g(), h("div", null, [
+        m.isSettingShow ? (g(), h("div", Q, [
+          n("div", R, [
+            s(i, null, {
+              default: r(() => [
+                s(t)
+              ]),
+              _: 1
+            }),
+            a[8] || (a[8] = w(" 批量设置 "))
+          ]),
+          n("span", W, [
+            s(l, {
+              class: "box-item",
+              effect: "dark",
+              content: "销售价（元）",
+              placement: "top-start"
+            }, {
+              default: r(() => [
+                s(d, {
+                  modelValue: u.value.salePrice,
+                  "onUpdate:modelValue": a[0] || (a[0] = (e) => u.value.salePrice = e),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "销售价(元)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          n("span", X, [
+            s(l, {
+              class: "box-item",
+              effect: "dark",
+              content: "v2会员销售价（元）",
+              placement: "top-start"
+            }, {
+              default: r(() => [
+                s(d, {
+                  modelValue: u.value.salePriceV2,
+                  "onUpdate:modelValue": a[1] || (a[1] = (e) => u.value.salePriceV2 = e),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "v2会员销售价(元)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          n("span", Y, [
+            s(l, {
+              class: "box-item",
+              effect: "dark",
+              content: "v3会员销售价（元）",
+              placement: "top-start"
+            }, {
+              default: r(() => [
+                s(d, {
+                  modelValue: u.value.salePriceV3,
+                  "onUpdate:modelValue": a[2] || (a[2] = (e) => u.value.salePriceV3 = e),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "v3会员销售价(元)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          n("span", Z, [
+            s(l, {
+              class: "box-item",
+              effect: "dark",
+              content: "市场价（元）",
+              placement: "top-start"
+            }, {
+              default: r(() => [
+                s(d, {
+                  modelValue: u.value.marketPrice,
+                  "onUpdate:modelValue": a[3] || (a[3] = (e) => u.value.marketPrice = e),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "市场价(元)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          n("span", ee, [
+            s(l, {
+              class: "box-item",
+              effect: "dark",
+              content: "成本价（元）",
+              placement: "top-start"
+            }, {
+              default: r(() => [
+                s(d, {
+                  modelValue: u.value.costPrice,
+                  "onUpdate:modelValue": a[4] || (a[4] = (e) => u.value.costPrice = e),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "成本价(元)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          n("span", le, [
+            s(l, {
+              class: "box-item",
+              effect: "dark",
+              content: "重量（kg）",
+              placement: "top-start"
+            }, {
+              default: r(() => [
+                s(d, {
+                  modelValue: u.value.weight,
+                  "onUpdate:modelValue": a[5] || (a[5] = (e) => u.value.weight = e),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "重量(kg)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          n("span", ae, [
+            s(l, {
+              class: "box-item",
+              effect: "dark",
+              content: "体积（m³）",
+              placement: "top-start"
+            }, {
+              default: r(() => [
+                s(d, {
+                  modelValue: u.value.volume,
+                  "onUpdate:modelValue": a[6] || (a[6] = (e) => u.value.volume = e),
+                  precision: 2,
+                  size: "small",
+                  placeholder: "体积(m³)",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          n("span", se, [
+            s(l, {
+              class: "box-item",
+              effect: "dark",
+              content: "库存",
+              placement: "top-start"
+            }, {
+              default: r(() => [
+                s(d, {
+                  modelValue: u.value.stock,
+                  "onUpdate:modelValue": a[7] || (a[7] = (e) => u.value.stock = e),
+                  precision: 0,
+                  size: "small",
+                  placeholder: "库存",
+                  "controls-position": "right"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
+          ]),
+          s(f, {
+            type: "primary",
+            size: "small",
+            onClick: $
+          }, {
+            default: r(() => a[9] || (a[9] = [
+              w("设置")
+            ])),
+            _: 1,
+            __: [9]
+          })
+        ])) : L("", !0),
+        s(B, {
+          data: V.value,
+          class: "w-full top-dis"
+        }, {
+          default: r(() => [
+            s(p, { type: "index" }),
+            (g(!0), h(G, null, O(m.specData, (e, c) => (g(), k(p, {
+              key: e.id,
+              prop: e.id,
+              label: e.name
+            }, {
+              default: r((j) => [
+                w(I(j.row.specValues[c].specValueName), 1)
+              ]),
+              _: 2
+            }, 1032, ["prop", "label"]))), 128)),
+            s(p, {
+              prop: "picUrl",
+              label: "图片"
+            }, {
+              default: r((e) => [
+                m.isSettingShow ? (g(), k(P, {
+                  key: 0,
+                  "picture-url": e.row.picUrl,
+                  onImageSrc: (c) => E(c, e.row)
+                }, null, 8, ["picture-url", "onImageSrc"])) : (g(), k(A, {
+                  key: 1,
+                  "preview-teleported": "",
+                  style: { width: "80px", height: "80px" },
+                  src: b(z).imageUrl(e.row.picUrl, 80, 80),
+                  "zoom-rate": 1.2,
+                  "max-scale": 7,
+                  "min-scale": 0.2,
+                  "preview-src-list": [b(z).imageUrl(e.row.picUrl)],
+                  fit: "cover"
+                }, null, 8, ["src", "preview-src-list"]))
+              ]),
+              _: 1
+            }),
+            s(p, {
+              prop: "salePrice",
+              label: "销售价（元）",
+              width: "150"
+            }, {
+              header: r(() => a[10] || (a[10] = [
+                n("span", { class: "required_red" }, "*", -1),
+                n("span", null, "销售价（元）", -1)
+              ])),
+              default: r((e) => [
+                n("span", null, [
+                  s(d, {
+                    modelValue: e.row.salePrice,
+                    "onUpdate:modelValue": (c) => e.row.salePrice = c,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !m.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            s(p, {
+              prop: "salePriceV2",
+              label: "v2会员销售价（元）",
+              width: "150"
+            }, {
+              header: r(() => a[11] || (a[11] = [
+                n("span", { class: "required_red" }, "*", -1),
+                n("span", null, "v2会员销售价（元）", -1)
+              ])),
+              default: r((e) => [
+                n("span", null, [
+                  s(d, {
+                    modelValue: e.row.salePriceV2,
+                    "onUpdate:modelValue": (c) => e.row.salePriceV2 = c,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !m.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            s(p, {
+              prop: "salePriceV3",
+              label: "v3会员销售价（元）",
+              width: "150"
+            }, {
+              header: r(() => a[12] || (a[12] = [
+                n("span", { class: "required_red" }, "*", -1),
+                n("span", null, "v3会员销售价（元）", -1)
+              ])),
+              default: r((e) => [
+                n("span", null, [
+                  s(d, {
+                    modelValue: e.row.salePriceV3,
+                    "onUpdate:modelValue": (c) => e.row.salePriceV3 = c,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !m.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            s(p, {
+              prop: "marketPrice",
+              label: "市场价（元）"
+            }, {
+              default: r((e) => [
+                n("span", null, [
+                  s(d, {
+                    modelValue: e.row.marketPrice,
+                    "onUpdate:modelValue": (c) => e.row.marketPrice = c,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !m.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            s(p, {
+              prop: "costPrice",
+              label: "成本价（元）"
+            }, {
+              default: r((e) => [
+                n("span", null, [
+                  s(d, {
+                    modelValue: e.row.costPrice,
+                    "onUpdate:modelValue": (c) => e.row.costPrice = c,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !m.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            s(p, {
+              prop: "weight",
+              label: "重量（kg）"
+            }, {
+              default: r((e) => [
+                n("span", null, [
+                  s(d, {
+                    modelValue: e.row.weight,
+                    "onUpdate:modelValue": (c) => e.row.weight = c,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !m.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            s(p, {
+              prop: "volume",
+              label: "体积（m³）"
+            }, {
+              default: r((e) => [
+                n("span", null, [
+                  s(d, {
+                    modelValue: e.row.volume,
+                    "onUpdate:modelValue": (c) => e.row.volume = c,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !m.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            s(p, {
+              prop: "stock",
+              label: "库存"
+            }, {
+              header: r(() => a[13] || (a[13] = [
+                n("span", { class: "required_red" }, "*", -1),
+                n("span", null, "库存", -1)
+              ])),
+              default: r((e) => [
+                n("span", null, [
+                  s(d, {
+                    modelValue: e.row.stock,
+                    "onUpdate:modelValue": (c) => e.row.stock = c,
+                    precision: 2,
+                    size: "small",
+                    controls: !1,
+                    class: "w-full",
+                    disabled: !m.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            s(p, {
+              prop: "skuCode",
+              label: "sku编码"
+            }, {
+              default: r((e) => [
+                n("span", null, [
+                  s(N, {
+                    modelValue: e.row.skuCode,
+                    "onUpdate:modelValue": (c) => e.row.skuCode = c,
+                    size: "small",
+                    disabled: !m.isSettingShow
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])
+                ])
+              ]),
+              _: 1
+            }),
+            s(p, {
+              prop: "status",
+              label: "是否上架",
+              width: "80"
+            }, {
+              default: r((e) => [
+                m.isSettingShow ? (g(), h("span", oe, [
+                  s(q, {
+                    modelValue: e.row.status,
+                    "onUpdate:modelValue": (c) => e.row.status = c
+                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                ])) : (g(), h("span", te, I(b(K).shelfDict.getValue(e.row.status)), 1))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data"])
+      ]);
+    };
+  }
+}), pe = /* @__PURE__ */ M(re, [["__scopeId", "data-v-6fc718ce"]]);
+export {
+  pe as default
+};