@fewangsit/wangsvue-fats 1.0.1-alpha.56 → 1.0.1-alpha.57

package/disposalreport/index.d.ts

@@ -8,10 +8,16 @@ type Option = {
   value?: string;
 };
 
+type AssetProperty = {
+  _id: string;
+  name: string;
+  key: number;
+};
+
 export interface DisposalReportProps {
   router: Router;
   reason: DisposalReason;
-  from: 'damage' | 'missing';
+  from: 'damage' | 'missing' | 'all';
 }
 
 /**
@@ -34,31 +40,13 @@ export interface Asset {
   };
   tagType?: string;
   status?: string;
-  category?: {
-    _id?: string;
-    name?: string;
-    key?: number;
-  };
-  group?: {
-    _id?: string;
-    name?: string;
-    key?: number;
-  };
-  assetGroup?: {
-    _id?: string;
-    name?: string;
-    key?: number;
-  };
-  assetBrand?: {
-    _id: string;
-    name: string;
-    key: number;
-  };
-  assetModel?: {
-    _id: string;
-    name: string;
-    key: number;
-  };
+  category?: AssetProperty;
+  group?: AssetProperty;
+  assetGroup?: AssetProperty;
+  assetBrand?: AssetProperty;
+  assetModel?: AssetProperty;
+  brand?: AssetProperty;
+  model?: AssetProperty;
   assetImage?: string;
   damageImage?: string;
 }
@@ -68,6 +56,10 @@ export type FilterOptions = {
   assetBrandOptions?: Option[];
   assetModelOptions?: Option[];
   assetGroupOptions?: Option[];
+  nameOptions?: Option[];
+  brandOptions?: Option[];
+  modelOptions?: Option[];
+  groupOptions?: Option[];
 };
 
 export default class DisposalReport extends ClassComponent<

package/disposalreportdialogselectasset/index.es.js

@@ -1,25 +1,26 @@
-import { defineComponent as M, mergeModels as b, useModel as $, shallowRef as v, ref as I, computed as d, createBlock as z, openBlock as G, withCtx as h, createElementVNode as l, createVNode as o, toDisplayString as T, withDirectives as J, vShow as j } from "vue";
-import { AssetServices as y } from "@tagsamurai/fats-api-services";
-import { e as R } from "../event-bus/index.es.js";
+import { defineComponent as z, mergeModels as h, useModel as M, shallowRef as y, ref as T, computed as m, createBlock as J, openBlock as U, withCtx as g, createElementVNode as l, createVNode as n, withDirectives as j, vShow as R } from "vue";
+import { AssetServices as _ } from "@tagsamurai/fats-api-services";
+import { e as V } from "../event-bus/index.es.js";
 import "../utils/role.util.es.js";
-import { u as V } from "../utils/toast.util.es.js";
-import { _ as m } from "../badge/index.es.js";
-import { _ as g } from "../button/index.es.js";
-import { _ as E } from "../buttonfilter/index.es.js";
+import { u as E } from "../utils/toast.util.es.js";
+import { _ as f } from "../badge/index.es.js";
+import { _ as O } from "../button/index.es.js";
+import { _ as G } from "../buttonfilter/index.es.js";
 import { _ as P } from "../buttonsearch/index.es.js";
-import { D as U } from "../datatable/index.es.js";
-import { _ as q } from "../dialog/index.es.js";
-import { _ as H } from "../image/index.es.js";
-import { _ as K } from "../filtercontainer/index.es.js";
-const L = { class: "flex justify-between items-center" }, W = {
+import { D as q } from "../datatable/index.es.js";
+import { _ as H } from "../dialog/index.es.js";
+import { _ as K } from "../image/index.es.js";
+import { _ as L } from "../filtercontainer/index.es.js";
+const W = { class: "flex justify-between items-center" }, Y = {
   class: "flex gap-1 items-center justify-end",
   "data-ts-section": "button-group"
-}, Y = { class: "flex flex-col gap-1" }, Q = {
+}, Q = { class: "flex flex-col gap-1" }, X = {
   class: "text-xs text-red-600",
   "data-ts-section": "message-validator"
-}, X = { class: "flex items-center justify-end gap-1" }, me = /* @__PURE__ */ M({
+}, Z = { class: "flex items-center justify-end gap-1" }, pe = /* @__PURE__ */ z({
   __name: "DisposalReportDialogSelectAsset",
-  props: /* @__PURE__ */ b({
+  props: /* @__PURE__ */ h({
+    from: {},
     selectedAssets: {},
     excludedKey: {},
     header: {},
@@ -31,23 +32,23 @@ const L = { class: "flex justify-between items-center" }, W = {
     visible: { type: Boolean, default: !1 },
     visibleModifiers: {}
   }),
-  emits: /* @__PURE__ */ b(["select"], ["update:visible"]),
-  setup(p, { emit: _ }) {
-    const t = p, O = _, r = $(p, "visible"), S = V(), n = v("select-asset-table"), c = v(!1), i = I([]), x = d(() => [
+  emits: /* @__PURE__ */ h(["select"], ["update:visible"]),
+  setup(b, { emit: x }) {
+    const s = b, S = x, c = M(b, "visible"), $ = E(), i = y("select-asset-table"), d = y(!1), r = T([]), F = m(() => [
       {
         field: "assetImage",
         header: "Photo",
         style: "min-width: 72px",
-        bodyComponent: (s) => ({
-          component: H,
+        bodyComponent: (t) => ({
+          component: K,
           props: {
-            src: s.assetImage ?? s.damageImage,
+            src: t.assetImage ?? t.damageImage,
             size: "small"
           }
         })
       },
       {
-        field: "assetName.nameWithSequence",
+        field: `${o("name")}.nameWithSequence`,
         header: "Name",
         sortable: !0
       },
@@ -57,78 +58,78 @@ const L = { class: "flex justify-between items-center" }, W = {
         sortable: !0
       },
       {
-        field: "assetBrand.name",
+        field: `${o("brand")}.name`,
         header: "Brand",
         sortable: !0,
-        bodyComponent: (s) => {
+        bodyComponent: (t) => {
           var e;
           return {
-            component: m,
+            component: f,
             props: {
-              label: (e = s.assetBrand) == null ? void 0 : e.name,
+              label: (e = t[o("brand")]) == null ? void 0 : e.name,
               severity: "dark"
             }
           };
         }
       },
       {
-        field: "assetModel.name",
+        field: `${o("model")}.name`,
         header: "Model/Type",
         sortable: !0,
-        bodyComponent: (s) => {
+        bodyComponent: (t) => {
           var e;
           return {
-            component: m,
+            component: f,
             props: {
-              label: (e = s.assetModel) == null ? void 0 : e.name,
+              label: (e = t[o("model")]) == null ? void 0 : e.name,
               severity: "dark"
             }
           };
         }
       },
       {
-        field: "assetGroup.name",
+        field: `${o("group")}.name`,
         header: "Group",
         sortable: !0,
-        bodyComponent: (s) => {
+        bodyComponent: (t) => {
           var e;
           return {
-            component: m,
+            component: f,
             props: {
-              label: (e = s.assetGroup) == null ? void 0 : e.name
+              label: (e = t[o("group")]) == null ? void 0 : e.name
             }
           };
         }
       }
-    ]), A = d(() => [
+    ]), A = m(() => [
       {
         label: "Name",
-        field: "assetName",
+        field: o("name"),
         placeholder: "Select name",
         type: "multiselect",
-        fetchOptionFn: () => t.fetchOptionFunction ? t.fetchOptionFunction("assetNameOptions") : u("nameOptions")
+        fetchOptionFn: () => s.fetchOptionFunction ? s.fetchOptionFunction(u("name")) : p("nameOptions")
       },
       {
         label: "Brand",
-        field: "assetBrand",
+        field: o("brand"),
         placeholder: "Select brand",
         type: "multiselect",
-        fetchOptionFn: () => t.fetchOptionFunction ? t.fetchOptionFunction("assetBrandOptions") : u("brandOptions")
+        fetchOptionFn: () => s.fetchOptionFunction ? s.fetchOptionFunction(u("brand")) : p("brandOptions")
       },
       {
         label: "Model/Type",
-        field: "assetModel",
+        field: o("model"),
         placeholder: "Select model/type",
         type: "multiselect",
-        fetchOptionFn: () => t.fetchOptionFunction ? t.fetchOptionFunction("assetModelOptions") : u("modelOptions")
+        fetchOptionFn: () => s.fetchOptionFunction ? s.fetchOptionFunction(u("model")) : p("modelOptions")
       },
       {
         label: "Group",
-        field: "assetGroup",
+        field: o("group"),
         type: "group"
       }
-    ]), F = d(() => {
-      switch (t.size) {
+    ]), w = m(() => {
+      switch (s.size) {
         case "large":
           return "1000px";
         case "small":
@@ -136,63 +137,63 @@ const L = { class: "flex justify-between items-center" }, W = {
         default:
           return "800px";
       }
-    }), w = d(() => t.header ?? "Select Asset"), u = async (s) => {
-      var f;
-      const e = JSON.stringify(t.selectedAssets ?? []), a = {
-        [s]: !0,
+    }), C = m(() => s.header ?? "Select Asset"), o = (t) => s.from === "all" ? t : `asset${t.charAt(0).toUpperCase()}${t.slice(1)}`, u = (t) => s.from === "all" ? `${t}Options` : `asset${t.charAt(0).toUpperCase()}${t.slice(1)}Options`, p = async (t) => {
+      var v;
+      const e = JSON.stringify(s.selectedAssets ?? []), a = {
+        [t]: !0,
         excludeId: e,
-        status: JSON.stringify(t.assetStatus ?? ["Available"])
-      }, { data: C } = await y.getAllAssetsOptions(a);
-      return ((f = C.data) == null ? void 0 : f[s]) ?? [];
-    }, N = async (s) => {
-      const e = JSON.stringify(t.selectedAssets ?? []);
+        status: JSON.stringify(s.assetStatus ?? ["Available"])
+      }, { data: B } = await _.getAllAssetsOptions(a);
+      return ((v = B.data) == null ? void 0 : v[t]) ?? [];
+    }, D = async (t) => {
+      const e = JSON.stringify(s.selectedAssets ?? []);
       try {
-        const { data: a } = await y.getAllAssets({
+        const { data: a } = await _.getAllAssets({
           excludeId: e,
-          status: JSON.stringify(t.assetStatus ?? ["Available"]),
-          ...s
+          status: JSON.stringify(s.assetStatus ?? ["Available"]),
+          ...t
         });
         return a;
       } catch (a) {
-        console.error(a), S.add({
+        console.error(a), $.add({
           error: a,
           message: "Error, failed to get asset list."
         });
       }
-    }, D = () => {
-      i.value.length === 0 ? c.value = !0 : B();
-    }, B = () => {
-      O("select", i.value), c.value = !1, r.value = !1;
+    }, N = () => {
+      r.value.length === 0 ? d.value = !0 : k();
     }, k = () => {
-      i.value = [], R.emit("data-table:clear-selected-data", {
-        tableName: n.value
+      S("select", r.value), d.value = !1, c.value = !1;
+    }, I = () => {
+      r.value = [], V.emit("data-table:clear-selected-data", {
+        tableName: i.value
       });
     };
-    return (s, e) => (G(), z(q, {
-      visible: r.value,
-      "onUpdate:visible": e[3] || (e[3] = (a) => r.value = a),
-      header: w.value,
-      pt: { root: { style: { width: F.value } } },
-      onHide: k,
+    return (t, e) => (U(), J(H, {
+      visible: c.value,
+      "onUpdate:visible": e[3] || (e[3] = (a) => c.value = a),
+      header: C.value,
+      pt: { root: { style: { width: w.value } } },
+      onHide: I,
       closable: "",
       "data-ts-section": "dialogselectasset",
       modal: ""
     }, {
-      footer: h(() => [
-        l("div", Y, [
-          J(l("small", Q, " You must pick an asset ", 512), [
-            [j, c.value]
+      footer: g(() => [
+        l("div", Q, [
+          j(l("small", X, " You must pick an asset ", 512), [
+            [R, d.value]
           ]),
-          l("div", X, [
-            o(g, {
-              onClick: e[2] || (e[2] = (a) => r.value = !1),
+          l("div", Z, [
+            n(O, {
+              onClick: e[2] || (e[2] = (a) => c.value = !1),
               "data-ts-section": "button-cancel",
               label: "Cancel",
               severity: "secondary",
               text: ""
             }),
-            o(g, {
-              onClick: D,
+            n(O, {
+              onClick: N,
               "data-ts-section": "button-select",
               label: "Select",
               severity: "success"
@@ -200,39 +201,38 @@ const L = { class: "flex justify-between items-center" }, W = {
           ])
         ])
       ]),
-      default: h(() => [
-        l("div", L, [
+      default: g(() => [
+        l("div", W, [
           e[4] || (e[4] = l("span", null, "Select asset(s) to be disposed.", -1)),
-          l("div", W, [
-            o(P, { "table-name": n.value }, null, 8, ["table-name"]),
-            o(E, { "table-name": n.value }, null, 8, ["table-name"])
+          l("div", Y, [
+            n(P, { "table-name": i.value }, null, 8, ["table-name"]),
+            n(G, { "table-name": i.value }, null, 8, ["table-name"])
           ])
         ]),
-        o(K, {
+        n(L, {
           fields: A.value,
-          "table-name": n.value
+          "table-name": i.value
         }, null, 8, ["fields", "table-name"]),
-        o(U, {
-          "selected-data": i.value,
-          "onUpdate:selectedData": e[0] || (e[0] = (a) => i.value = a),
-          columns: x.value,
-          "fetch-function": t.fetchFunction ?? N,
+        n(q, {
+          "selected-data": r.value,
+          "onUpdate:selectedData": e[0] || (e[0] = (a) => r.value = a),
+          columns: F.value,
+          "fetch-function": s.fetchFunction ?? D,
           rows: 10,
-          "table-name": n.value,
+          "table-name": i.value,
           "use-option": !1,
-          onRowSelect: e[1] || (e[1] = (a) => c.value = !1),
+          onRowSelect: e[1] || (e[1] = (a) => d.value = !1),
           "data-key": "_id",
           "data-ts-section": "dialog-select-asset-table",
           lazy: "",
           "selection-type": "checkbox",
           "use-paginator": ""
-        }, null, 8, ["selected-data", "columns", "fetch-function", "table-name"]),
-        l("pre", null, T(t.selectedAssets), 1)
+        }, null, 8, ["selected-data", "columns", "fetch-function", "table-name"])
       ]),
       _: 1
     }, 8, ["visible", "header", "pt"]));
   }
 });
 export {
-  me as _
+  pe as _
 };