yh-pub 2.0.2 → 2.0.7

package/{HomeIndex-DnGu5xD0.js → HomeIndex-BO9gew40.js}

@@ -1,25 +1,25 @@
-import { defineComponent as _, ref as f, onMounted as w, onBeforeUnmount as k, openBlock as v, createElementBlock as h, normalizeStyle as z, resolveComponent as u, Fragment as N, createVNode as e, withCtx as t, createTextVNode as a, unref as y, createElementVNode as r } from "vue";
-import { i as B, c as T, C as x, d as A } from "./index-C75ufNln.js";
-const D = /* @__PURE__ */ _({
+import { defineComponent as x, ref as y, onMounted as v, onBeforeUnmount as N, openBlock as C, createElementBlock as k, normalizeStyle as B, resolveComponent as b, Fragment as D, createVNode as e, withCtx as t, createTextVNode as o, toDisplayString as s, unref as h, createElementVNode as d } from "vue";
+import { i as T, c as u, d as A, C as w, e as E } from "./index-kZF68V9S.js";
+const P = /* @__PURE__ */ x({
   __name: "TrendChart",
   props: {
-    xAxis: { default: () => ["周一", "周二", "周三", "周四", "周五", "周六", "周日"] },
+    xAxis: { default: () => [u("周一"), u("周二"), u("周三"), u("周四"), u("周五"), u("周六"), u("周日")] },
     series: { default: () => [
-      { name: "入库量", data: [120, 132, 101, 134, 90, 230, 210] },
-      { name: "出库量", data: [220, 182, 191, 234, 290, 330, 310] }
+      { name: u("入库量"), data: [120, 132, 101, 134, 90, 230, 210] },
+      { name: u("出库量"), data: [220, 182, 191, 234, 290, 330, 310] }
     ] },
     height: { default: "160px" }
   },
-  setup(b) {
-    const i = b, p = f(), g = () => {
-      if (p.value) {
-        const d = T(p.value);
-        d == null || d.resize();
+  setup(_) {
+    const c = _, m = y(), f = () => {
+      if (m.value) {
+        const i = A(m.value);
+        i == null || i.resize();
       }
     };
-    return w(() => {
-      if (!p.value) return;
-      const d = {
+    return v(() => {
+      if (!m.value) return;
+      const i = {
         tooltip: {
           trigger: "axis",
           axisPointer: {
@@ -30,7 +30,7 @@ const D = /* @__PURE__ */ _({
           }
         },
         legend: {
-          data: i.series.map((l) => l.name)
+          data: c.series.map((l) => l.name)
         },
         grid: {
           top: "11%",
@@ -42,155 +42,155 @@ const D = /* @__PURE__ */ _({
         xAxis: {
           type: "category",
           boundaryGap: !1,
-          data: i.xAxis
+          data: c.xAxis
         },
         yAxis: {
           type: "value"
         },
-        series: i.series.map((l) => ({
+        series: c.series.map((l) => ({
           name: l.name,
           type: "line",
           stack: "Total",
           data: l.data
         }))
       };
-      B(p.value).setOption(d), window.addEventListener("resize", g);
-    }), k(() => {
-      window.removeEventListener("resize", g);
-    }), (d, c) => (v(), h("div", {
+      T(m.value).setOption(i), window.addEventListener("resize", f);
+    }), N(() => {
+      window.removeEventListener("resize", f);
+    }), (i, a) => (C(), k("div", {
       ref_key: "dom",
-      ref: p,
-      style: z({ height: b.height })
+      ref: m,
+      style: B({ height: _.height })
     }, null, 4));
   }
-}), q = /* @__PURE__ */ _({
+}), q = { style: { "text-align": "center", color: "white" } }, F = { style: { "text-align": "center", color: "white" } }, L = { style: { "text-align": "center", color: "white" } }, V = { style: { "text-align": "center", color: "white" } }, I = { style: { "text-align": "center", color: "white" } }, G = /* @__PURE__ */ x({
   __name: "HomeIndex",
-  setup(b) {
-    const i = f([
-      { value: 335, name: "占用" },
-      { value: 1e3, name: "总库位" }
-    ]), p = f({
-      金刚线: 5001,
-      单晶硅片: 7200,
-      物料测试002: 600,
-      测试物料001: 1100,
-      测试物料003: 2e3
-    }), g = f({
-      五金配件库: 13253,
-      原料仓: 26321,
-      固废仓: 16321
-    }), d = [
+  setup(_) {
+    const c = y([
+      { value: 335, name: ct("占用") },
+      { value: 1e3, name: ct("总库位") }
+    ]), m = y({
+      [ct("金刚线")]: 5001,
+      [ct("单晶硅片")]: 7200,
+      [ct("物料测试002")]: 600,
+      [ct("测试物料001")]: 1100,
+      [ct("测试物料003")]: 2e3
+    }), f = y({
+      [ct("五金配件库")]: 13253,
+      [ct("原料仓")]: 26321,
+      [ct("固废仓")]: 16321
+    }), i = [
       {
         code: "TCP2021093001",
-        type: "采购入库",
-        supplierName: "永乐集团",
-        warehouse: "原料仓",
+        type: ct("采购入库"),
+        supplierName: ct("永乐集团"),
+        warehouse: ct("原料仓"),
         itemCode: "FB10001",
-        itemName: "方棒",
+        itemName: ct("方棒"),
         lot: "100001",
         qty: "1000",
-        unit: "公斤",
+        unit: ct("公斤"),
         spec: "10*25"
       },
       {
         code: "TCP2021093002",
-        type: "采购入库",
-        supplierName: "永乐集团",
-        warehouse: "原料仓",
+        type: ct("采购入库"),
+        supplierName: ct("永乐集团"),
+        warehouse: ct("原料仓"),
         itemCode: "FB10002",
-        itemName: "方棒",
+        itemName: ct("方棒"),
         lot: "100002",
         qty: "1000",
-        unit: "公斤",
+        unit: ct("公斤"),
         spec: "10*26"
       }
     ];
-    return w(() => {
-    }), (c, l) => {
-      const o = u("el-col"), m = u("el-row"), s = u("el-card"), n = u("el-table-column"), C = u("el-table");
-      return v(), h(N, null, [
-        e(m, { gutter: 24 }, {
+    return v(() => {
+    }), (a, l) => {
+      const n = b("el-col"), g = b("el-row"), p = b("el-card"), r = b("el-table-column"), z = b("el-table");
+      return C(), k(D, null, [
+        e(g, { gutter: 24 }, {
           default: t(() => [
-            e(o, {
+            e(n, {
               span: 24,
               md: 24,
               lg: 24,
               style: { color: "rgb(126, 147, 187)", "font-size": "20px", "font-weight": "bold", "text-align": "center" }
             }, {
-              default: t(() => [...l[0] || (l[0] = [
-                a(" 仓库信息总览信息图 ", -1)
-              ])]),
+              default: t(() => [
+                o(s(a.ct("仓库信息总览信息图")), 1)
+              ]),
               _: 1
             })
           ]),
           _: 1
         }),
-        e(m, { gutter: 24 }, {
+        e(g, { gutter: 24 }, {
           default: t(() => [
-            e(o, {
+            e(n, {
               span: 6,
               md: 24,
               lg: 6,
               style: { color: "rgb(126, 147, 187)", "font-size": "16px", "text-align": "center" }
             }, {
-              default: t(() => [...l[1] || (l[1] = [
-                a(" 实时库存总数量 ", -1)
-              ])]),
+              default: t(() => [
+                o(s(a.ct("实时库存总数量")), 1)
+              ]),
               _: 1
             }),
-            e(o, {
+            e(n, {
               span: 6,
               md: 24,
               lg: 6,
               style: { color: "rgb(126, 147, 187)", "font-size": "16px", "text-align": "center" }
             }, {
-              default: t(() => [...l[2] || (l[2] = [
-                a(" 空闲库位占比 ", -1)
-              ])]),
+              default: t(() => [
+                o(s(a.ct("空闲库位占比")), 1)
+              ]),
               _: 1
             }),
-            e(o, {
+            e(n, {
               span: 6,
               md: 24,
               lg: 6,
               style: { color: "rgb(126, 147, 187)", "font-size": "16px", "text-align": "center" }
             }, {
-              default: t(() => [...l[3] || (l[3] = [
-                a(" 出入库记录趋势图 ", -1)
-              ])]),
+              default: t(() => [
+                o(s(a.ct("出入库记录趋势图")), 1)
+              ]),
               _: 1
             }),
-            e(o, {
+            e(n, {
               span: 6,
               md: 24,
               lg: 6,
               style: { color: "rgb(126, 147, 187)", "font-size": "16px", "text-align": "center" }
             }, {
-              default: t(() => [...l[4] || (l[4] = [
-                a(" 呆滞库存数量 ", -1)
-              ])]),
+              default: t(() => [
+                o(s(a.ct("呆滞库存数量")), 1)
+              ]),
               _: 1
             })
           ]),
           _: 1
         }),
-        e(m, {
+        e(g, {
           gutter: 24,
           style: { "margin-top": "10px" }
         }, {
           default: t(() => [
-            e(o, {
+            e(n, {
               span: 6,
               md: 24,
               lg: 6,
               style: { "margin-bottom": "10px" }
             }, {
               default: t(() => [
-                e(s, { shadow: "never" }, {
+                e(p, { shadow: "never" }, {
                   default: t(() => [
-                    e(y(x), {
+                    e(h(w), {
                       style: { height: "160px" },
-                      data: p.value
+                      data: m.value
                     }, null, 8, ["data"])
                   ]),
                   _: 1
@@ -198,18 +198,18 @@ const D = /* @__PURE__ */ _({
               ]),
               _: 1
             }),
-            e(o, {
+            e(n, {
               span: 6,
               md: 24,
               lg: 6,
               style: { "margin-bottom": "10px" }
             }, {
               default: t(() => [
-                e(s, { shadow: "never" }, {
+                e(p, { shadow: "never" }, {
                   default: t(() => [
-                    e(y(A), {
+                    e(h(E), {
                       style: { height: "160px" },
-                      data: i.value
+                      data: c.value
                     }, null, 8, ["data"])
                   ]),
                   _: 1
@@ -217,34 +217,34 @@ const D = /* @__PURE__ */ _({
               ]),
               _: 1
             }),
-            e(o, {
+            e(n, {
               span: 6,
               md: 24,
               lg: 6,
               style: { "margin-bottom": "10px" }
             }, {
               default: t(() => [
-                e(s, { shadow: "never" }, {
+                e(p, { shadow: "never" }, {
                   default: t(() => [
-                    e(D, { style: { height: "160px" } })
+                    e(P, { style: { height: "160px" } })
                   ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            e(o, {
+            e(n, {
               span: 6,
               md: 24,
               lg: 6,
               style: { "margin-bottom": "10px" }
             }, {
               default: t(() => [
-                e(s, { shadow: "never" }, {
+                e(p, { shadow: "never" }, {
                   default: t(() => [
-                    e(y(x), {
+                    e(h(w), {
                       style: { height: "160px" },
-                      data: g.value
+                      data: f.value
                     }, null, 8, ["data"])
                   ]),
                   _: 1
@@ -255,118 +255,118 @@ const D = /* @__PURE__ */ _({
           ]),
           _: 1
         }),
-        e(m, { gutter: 24 }, {
+        e(g, { gutter: 24 }, {
           default: t(() => [
-            e(o, {
+            e(n, {
               span: 4,
               md: 20,
               lg: 4,
               style: { "margin-bottom": "20px" }
             }, {
               default: t(() => [
-                e(s, {
+                e(p, {
                   style: { "background-color": "rgb(40, 65, 86)" },
                   shadow: "never"
                 }, {
-                  default: t(() => [...l[5] || (l[5] = [
-                    r("p", { style: { "text-align": "center", color: "white" } }, [
-                      a(" 0 "),
-                      r("br"),
-                      a(" 今日总单量 ")
-                    ], -1)
-                  ])]),
+                  default: t(() => [
+                    d("p", q, [
+                      l[0] || (l[0] = o(" 0 ", -1)),
+                      l[1] || (l[1] = d("br", null, null, -1)),
+                      o(" " + s(a.ct("今日总单量")), 1)
+                    ])
+                  ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            e(o, {
+            e(n, {
               span: 4,
               md: 20,
               lg: 4,
               style: { "margin-bottom": "20px" }
             }, {
               default: t(() => [
-                e(s, {
+                e(p, {
                   style: { "background-color": "rgb(0, 152, 139)" },
                   shadow: "never"
                 }, {
-                  default: t(() => [...l[6] || (l[6] = [
-                    r("p", { style: { "text-align": "center", color: "white" } }, [
-                      a(" 0 "),
-                      r("br"),
-                      a(" 待接收单量 ")
-                    ], -1)
-                  ])]),
+                  default: t(() => [
+                    d("p", F, [
+                      l[2] || (l[2] = o(" 0 ", -1)),
+                      l[3] || (l[3] = d("br", null, null, -1)),
+                      o(" " + s(a.ct("待接收单量")), 1)
+                    ])
+                  ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            e(o, {
+            e(n, {
               span: 4,
               md: 20,
               lg: 4,
               style: { "margin-bottom": "20px" }
             }, {
               default: t(() => [
-                e(s, {
+                e(p, {
                   style: { "background-color": "rgb(255, 181, 0)" },
                   shadow: "never"
                 }, {
-                  default: t(() => [...l[7] || (l[7] = [
-                    r("p", { style: { "text-align": "center", color: "white" } }, [
-                      a(" 0 "),
-                      r("br"),
-                      a(" 已入库单量 ")
-                    ], -1)
-                  ])]),
+                  default: t(() => [
+                    d("p", L, [
+                      l[4] || (l[4] = o(" 0 ", -1)),
+                      l[5] || (l[5] = d("br", null, null, -1)),
+                      o(" " + s(a.ct("已入库单量")), 1)
+                    ])
+                  ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            e(o, {
+            e(n, {
               span: 4,
               md: 20,
               lg: 4,
               style: { "margin-bottom": "20px" }
             }, {
               default: t(() => [
-                e(s, {
+                e(p, {
                   style: { "background-color": "rgb(0, 162, 255)" },
                   shadow: "never"
                 }, {
-                  default: t(() => [...l[8] || (l[8] = [
-                    r("p", { style: { "text-align": "center", color: "white" } }, [
-                      a(" 0 "),
-                      r("br"),
-                      a(" 待拣货单量 ")
-                    ], -1)
-                  ])]),
+                  default: t(() => [
+                    d("p", V, [
+                      l[6] || (l[6] = o(" 0 ", -1)),
+                      l[7] || (l[7] = d("br", null, null, -1)),
+                      o(" " + s(a.ct("待拣货单量")), 1)
+                    ])
+                  ]),
                   _: 1
                 })
               ]),
               _: 1
             }),
-            e(o, {
+            e(n, {
               span: 4,
               md: 20,
               lg: 4,
               style: { "margin-bottom": "20px" }
             }, {
               default: t(() => [
-                e(s, {
+                e(p, {
                   style: { "background-color": "rgb(255, 71, 0)" },
                   shadow: "never"
                 }, {
-                  default: t(() => [...l[9] || (l[9] = [
-                    r("p", { style: { "text-align": "center", color: "white" } }, [
-                      a(" 0 "),
-                      r("br"),
-                      a(" 已拣货单量 ")
-                    ], -1)
-                  ])]),
+                  default: t(() => [
+                    d("p", I, [
+                      l[8] || (l[8] = o(" 0 ", -1)),
+                      l[9] || (l[9] = d("br", null, null, -1)),
+                      o(" " + s(a.ct("已拣货单量")), 1)
+                    ])
+                  ]),
                   _: 1
                 })
               ]),
@@ -375,53 +375,53 @@ const D = /* @__PURE__ */ _({
           ]),
           _: 1
         }),
-        e(m, null, {
+        e(g, null, {
           default: t(() => [
-            e(C, {
-              data: d,
+            e(z, {
+              data: i,
               style: { width: "100%" }
             }, {
               default: t(() => [
-                e(n, {
+                e(r, {
                   prop: "code",
-                  label: "单据号"
-                }),
-                e(n, {
+                  label: a.ct("单据号")
+                }, null, 8, ["label"]),
+                e(r, {
                   prop: "type",
-                  label: "单据类型"
-                }),
-                e(n, {
+                  label: a.ct("单据类型")
+                }, null, 8, ["label"]),
+                e(r, {
                   prop: "supplierName",
-                  label: "供应商名称"
-                }),
-                e(n, {
+                  label: a.ct("供应商名称")
+                }, null, 8, ["label"]),
+                e(r, {
                   prop: "warehouse",
-                  label: "仓库名称"
-                }),
-                e(n, {
+                  label: a.ct("仓库名称")
+                }, null, 8, ["label"]),
+                e(r, {
                   prop: "itemCode",
-                  label: "物料编码"
-                }),
-                e(n, {
+                  label: a.ct("物料编码")
+                }, null, 8, ["label"]),
+                e(r, {
                   prop: "itemName",
-                  label: "物料名称"
-                }),
-                e(n, {
+                  label: a.ct("物料名称")
+                }, null, 8, ["label"]),
+                e(r, {
                   prop: "lot",
-                  label: "批次号"
-                }),
-                e(n, {
+                  label: a.ct("批次号")
+                }, null, 8, ["label"]),
+                e(r, {
                   prop: "qty",
-                  label: "数量"
-                }),
-                e(n, {
+                  label: a.ct("数量")
+                }, null, 8, ["label"]),
+                e(r, {
                   prop: "unit",
-                  label: "单位"
-                }),
-                e(n, {
+                  label: a.ct("单位")
+                }, null, 8, ["label"]),
+                e(r, {
                   prop: "spec",
-                  label: "规格型号"
-                })
+                  label: a.ct("规格型号")
+                }, null, 8, ["label"])
               ]),
               _: 1
             })
@@ -433,6 +433,6 @@ const D = /* @__PURE__ */ _({
   }
 });
 export {
-  q as default
+  G as default
 };
-//# sourceMappingURL=HomeIndex-DnGu5xD0.js.map
+//# sourceMappingURL=HomeIndex-BO9gew40.js.map

package/HomeIndex-BO9gew40.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeIndex-BO9gew40.js","sources":["../layout/components/TrendChart.vue","../layout/HomeIndex.vue"],"sourcesContent":["<template>\n  <div ref=\"dom\" :style=\"{ height: height }\"></div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, onMounted, onBeforeUnmount } from 'vue';\nimport * as echarts from 'echarts';\nimport { ct } from '../../utils/i18nHelp';\n\ninterface SeriesData {\n  name: string;\n  data: number[];\n}\n\ninterface Props {\n  xAxis?: string[];\n  series?: SeriesData[];\n  height?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  xAxis: () => [ct('周一'), ct('周二'), ct('周三'), ct('周四'), ct('周五'), ct('周六'), ct('周日')],\n  series: () => [\n    { name: ct('入库量'), data: [120, 132, 101, 134, 90, 230, 210] },\n    { name: ct('出库量'), data: [220, 182, 191, 234, 290, 330, 310] }\n  ],\n  height: '160px'\n});\n\nconst dom = ref<HTMLElement>();\n\nconst resize = () => {\n  if (dom.value) {\n    const chart = echarts.getInstanceByDom(dom.value);\n    chart?.resize();\n  }\n};\n\nonMounted(() => {\n  if (!dom.value) return;\n\n  const option = {\n    tooltip: {\n      trigger: 'axis',\n      axisPointer: {\n        type: 'cross',\n        label: {\n          backgroundColor: '#6a7985'\n        }\n      }\n    },\n    legend: {\n      data: props.series.map(s => s.name)\n    },\n    grid: {\n      top: '11%',\n      left: '1.2%',\n      right: '3%',\n      bottom: '3%',\n      containLabel: true\n    },\n    xAxis: {\n      type: 'category',\n      boundaryGap: false,\n      data: props.xAxis\n    },\n    yAxis: {\n      type: 'value'\n    },\n    series: props.series.map(s => ({\n      name: s.name,\n      type: 'line',\n      stack: 'Total',\n      data: s.data\n    }))\n  };\n\n  const chart = echarts.init(dom.value);\n  chart.setOption(option);\n  window.addEventListener('resize', resize);\n});\n\nonBeforeUnmount(() => {\n  window.removeEventListener('resize', resize);\n});\n</script>\n","<template>\n  <el-row :gutter=\"24\">\n    <el-col\n      :span=\"24\"\n      :md=\"24\"\n      :lg=\"24\"\n      style=\"color: rgb(126, 147, 187); font-size: 20px; font-weight: bold; text-align: center\">\n      {{ ct('仓库信息总览信息图') }}\n    </el-col>\n  </el-row>\n  <el-row :gutter=\"24\">\n    <el-col\n      :span=\"6\"\n      :md=\"24\"\n      :lg=\"6\"\n      style=\"color: rgb(126, 147, 187); font-size: 16px; text-align: center\">\n      {{ ct('实时库存总数量') }}\n    </el-col>\n    <el-col\n      :span=\"6\"\n      :md=\"24\"\n      :lg=\"6\"\n      style=\"color: rgb(126, 147, 187); font-size: 16px; text-align: center\">\n      {{ ct('空闲库位占比') }}\n    </el-col>\n    <el-col\n      :span=\"6\"\n      :md=\"24\"\n      :lg=\"6\"\n      style=\"color: rgb(126, 147, 187); font-size: 16px; text-align: center\">\n      {{ ct('出入库记录趋势图') }}\n    </el-col>\n    <el-col\n      :span=\"6\"\n      :md=\"24\"\n      :lg=\"6\"\n      style=\"color: rgb(126, 147, 187); font-size: 16px; text-align: center\">\n      {{ ct('呆滞库存数量') }}\n    </el-col>\n  </el-row>\n  <el-row\n    :gutter=\"24\"\n    style=\"margin-top: 10px\">\n    <el-col\n      :span=\"6\"\n      :md=\"24\"\n      :lg=\"6\"\n      style=\"margin-bottom: 10px\">\n      <el-card shadow=\"never\">\n        <ChartBar\n          style=\"height: 160px\"\n          :data=\"barData\" />\n      </el-card>\n    </el-col>\n    <el-col\n      :span=\"6\"\n      :md=\"24\"\n      :lg=\"6\"\n      style=\"margin-bottom: 10px\">\n      <el-card shadow=\"never\">\n        <ChartPie\n          style=\"height: 160px\"\n          :data=\"pieData\" />\n      </el-card>\n    </el-col>\n    <el-col\n      :span=\"6\"\n      :md=\"24\"\n      :lg=\"6\"\n      style=\"margin-bottom: 10px\">\n      <el-card shadow=\"never\">\n        <TrendChart style=\"height: 160px\" />\n      </el-card>\n    </el-col>\n    <el-col\n      :span=\"6\"\n      :md=\"24\"\n      :lg=\"6\"\n      style=\"margin-bottom: 10px\">\n      <el-card shadow=\"never\">\n        <ChartBar\n          style=\"height: 160px\"\n          :data=\"barData1\" />\n      </el-card>\n    </el-col>\n  </el-row>\n  <el-row :gutter=\"24\">\n    <el-col\n      :span=\"4\"\n      :md=\"20\"\n      :lg=\"4\"\n      style=\"margin-bottom: 20px\">\n      <el-card\n        style=\"background-color: rgb(40, 65, 86)\"\n        shadow=\"never\">\n        <p style=\"text-align: center; color: white\">\n          0\n          <br />\n          {{ ct('今日总单量') }}\n        </p>\n      </el-card>\n    </el-col>\n    <el-col\n      :span=\"4\"\n      :md=\"20\"\n      :lg=\"4\"\n      style=\"margin-bottom: 20px\">\n      <el-card\n        style=\"background-color: rgb(0, 152, 139)\"\n        shadow=\"never\">\n        <p style=\"text-align: center; color: white\">\n          0\n          <br />\n          {{ ct('待接收单量') }}\n        </p>\n      </el-card>\n    </el-col>\n    <el-col\n      :span=\"4\"\n      :md=\"20\"\n      :lg=\"4\"\n      style=\"margin-bottom: 20px\">\n      <el-card\n        style=\"background-color: rgb(255, 181, 0)\"\n        shadow=\"never\">\n        <p style=\"text-align: center; color: white\">\n          0\n          <br />\n          {{ ct('已入库单量') }}\n        </p>\n      </el-card>\n    </el-col>\n    <el-col\n      :span=\"4\"\n      :md=\"20\"\n      :lg=\"4\"\n      style=\"margin-bottom: 20px\">\n      <el-card\n        style=\"background-color: rgb(0, 162, 255)\"\n        shadow=\"never\">\n        <p style=\"text-align: center; color: white\">\n          0\n          <br />\n          {{ ct('待拣货单量') }}\n        </p>\n      </el-card>\n    </el-col>\n    <el-col\n      :span=\"4\"\n      :md=\"20\"\n      :lg=\"4\"\n      style=\"margin-bottom: 20px\">\n      <el-card\n        style=\"background-color: rgb(255, 71, 0)\"\n        shadow=\"never\">\n        <p style=\"text-align: center; color: white\">\n          0\n          <br />\n          {{ ct('已拣货单量') }}\n        </p>\n      </el-card>\n    </el-col>\n  </el-row>\n  <el-row>\n    <el-table :data=\"data1\" style=\"width: 100%\">\n      <el-table-column prop=\"code\" :label=\"ct('单据号')\" />\n      <el-table-column prop=\"type\" :label=\"ct('单据类型')\" />\n      <el-table-column prop=\"supplierName\" :label=\"ct('供应商名称')\" />\n      <el-table-column prop=\"warehouse\" :label=\"ct('仓库名称')\" />\n      <el-table-column prop=\"itemCode\" :label=\"ct('物料编码')\" />\n      <el-table-column prop=\"itemName\" :label=\"ct('物料名称')\" />\n      <el-table-column prop=\"lot\" :label=\"ct('批次号')\" />\n      <el-table-column prop=\"qty\" :label=\"ct('数量')\" />\n      <el-table-column prop=\"unit\" :label=\"ct('单位')\" />\n      <el-table-column prop=\"spec\" :label=\"ct('规格型号')\" />\n    </el-table>\n  </el-row>\n</template>\n\n<script setup lang=\"ts\">\n  import {ref, onMounted} from 'vue';\n  import {ChartPie, ChartBar} from '../components/common/dataDisplay/echarts';\n  import TrendChart from './components/TrendChart.vue';\n\n  interface PieDataItem {\n    name: string;\n    value: number;\n  }\n\n  interface TableData {\n    code: string;\n    type: string;\n    supplierName: string;\n    warehouse: string;\n    itemCode: string;\n    itemName: string;\n    lot: string;\n    qty: string;\n    unit: string;\n    spec: string;\n  }\n\n  const pieData = ref<PieDataItem[]>([\n    {value: 335, name: ct('占用')},\n    {value: 1000, name: ct('总库位')},\n  ]);\n\n  const barData = ref<Record<string, number>>({\n    [ct('金刚线')]: 5001,\n    [ct('单晶硅片')]: 7200,\n    [ct('物料测试002')]: 600,\n    [ct('测试物料001')]: 1100,\n    [ct('测试物料003')]: 2000,\n  });\n\n  const barData1 = ref<Record<string, number>>({\n    [ct('五金配件库')]: 13253,\n    [ct('原料仓')]: 26321,\n    [ct('固废仓')]: 16321,\n  });\n\n  const data1: TableData[] = [\n    {\n      code: 'TCP2021093001',\n      type: ct('采购入库'),\n      supplierName: ct('永乐集团'),\n      warehouse: ct('原料仓'),\n      itemCode: 'FB10001',\n      itemName: ct('方棒'),\n      lot: '100001',\n      qty: '1000',\n      unit: ct('公斤'),\n      spec: '10*25',\n    },\n    {\n      code: 'TCP2021093002',\n      type: ct('采购入库'),\n      supplierName: ct('永乐集团'),\n      warehouse: ct('原料仓'),\n      itemCode: 'FB10002',\n      itemName: ct('方棒'),\n      lot: '100002',\n      qty: '1000',\n      unit: ct('公斤'),\n      spec: '10*26',\n    },\n  ];\n\n  onMounted(() => {\n    // 可在此处调用 API 获取数据\n  });\n</script>\n\n<style lang=\"less\">\n  .count-style {\n    font-size: 50px;\n  }\n</style>\n"],"names":["props","__props","dom","ref","resize","chart","echarts.getInstanceByDom","onMounted","option","s","echarts.init","onBeforeUnmount","_createElementBlock","pieData","barData","barData1","data1","_createVNode","_component_el_row","_component_el_col","ct","_component_el_card","_unref","ChartBar","ChartPie","TrendChart","_createElementVNode","_hoisted_1","_createTextVNode","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_component_el_table","_component_el_table_column"],"mappings":"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"}