@opendesign-plus-test/components 0.0.1-rc.64 → 0.0.1-rc.66

package/dist/esm/components/activity/OActivityApproval.vue.mjs

@@ -0,0 +1,570 @@
+import { defineComponent as Be, computed as T, reactive as Ie, ref as r, onMounted as Ue, watch as He, openBlock as v, createElementBlock as b, unref as t, createVNode as u, withCtx as l, createElementVNode as m, createTextVNode as p, toDisplayString as o, renderSlot as pe, normalizeClass as P, createBlock as y, createCommentVNode as _, Fragment as me, renderList as Fe, withModifiers as Y } from "vue";
+import { ElTable as Ge, ElTableColumn as $, dayjs as ge } from "element-plus";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/table-column/style/css";
+import { useMessage as Ke, OTag as B, OLink as k, OPagination as fe, OCollapse as Ze, OCollapseItem as Je, ODialog as ye, OForm as Qe, OFormItem as We, OTextarea as Xe } from "@opensig/opendesign";
+import { useScreen as et } from "@opendesign-plus/composables";
+import { useActivityConfig as tt } from "./composables/useActivityConfig.mjs";
+import _e from "../common/ThFilter.vue.mjs";
+import '../common/ThFilter.css';
+import he from "../meeting/components/OMeetingDetail.vue.mjs";
+import '../meeting/components/OMeetingDetail.css';
+import { useI18n as at } from "../../i18n/index.mjs";
+import { CalendarDataType as Q } from "../meeting/types.mjs";
+const lt = { class: "o-activity-table" }, it = {
+  key: 0,
+  class: "table-wrapper"
+}, st = { class: "expand-detail" }, ot = { class: "sort-btn" }, nt = { class: "activity-btn" }, rt = {
+  key: 0,
+  class: "pagination-wrapper"
+}, ut = {
+  key: 1,
+  class: "collapse-wrapper"
+}, ct = { class: "title-top" }, dt = { class: "act-title" }, vt = { class: "act-sponsor" }, pt = { class: "sponsor" }, mt = { class: "activity-btn" }, gt = { class: "activity-detail" }, ft = {
+  key: 0,
+  class: "pagination"
+}, yt = { class: "dialog-content" }, _t = { class: "dialog-content" }, Tt = /* @__PURE__ */ Be({
+  __name: "OActivityApproval",
+  props: {
+    getTableDataRequest: {},
+    applicantList: {},
+    cancelActivityRequest: {},
+    deleteActivityRequest: {},
+    approveActivityRequest: {},
+    rejectActivityRequest: {},
+    getActivityDetailRequest: {}
+  },
+  setup(we) {
+    const { t: i, locale: ke } = at(), Ce = T(() => ke.value === "zh"), { approvalStatusMap: be, statusMap: O, activityTypeMap: Ae } = tt(), W = Ke(null), { isPhone: X, lePadV: A } = et(), g = we, c = Ie({
+      page: 1,
+      size: 10,
+      status: "",
+      is_delete: 0,
+      search: "",
+      sponsor: "",
+      order_by: ""
+    }), I = r([]), Re = T(() => g.applicantList.map((a) => ({ value: a, label: a }))), xe = () => {
+      c.sponsor = I.value.join(",");
+    }, z = r("desc"), $e = () => {
+      z.value = z.value === "asc" ? "desc" : "asc", c.order_by = z.value;
+    }, S = r(), ze = T(() => {
+      const a = [];
+      return be.value.forEach((s) => {
+        a.push(s);
+      }), a.slice(1);
+    }), Ve = () => {
+      c.status = S.value, S.value === "cancel" ? c.is_delete = 1 : c.is_delete = 0;
+    }, E = r([]), V = r(0), L = [10, 20, 30, 40], q = async () => {
+      const { page: a, size: s, status: e, sponsor: n, order_by: d, search: C, is_delete: Pe } = c;
+      let N = { page: a, size: s, sponsor: n, order_by: d, search: C };
+      if (e !== "all" && e !== "" && (N.is_delete = Pe), e === "cancel" ? N.status = "" : N.status = e, !g.getTableDataRequest)
+        return;
+      const re = await g.getTableDataRequest(N);
+      E.value = (re.data || []).map((ue) => {
+        var ve;
+        const { start_date: Z, end_date: ce, start: de, end: J, activity_type: Ye } = ue;
+        return [
+          {
+            ...ue,
+            time: `${Z}-${J}`,
+            start_date_time: `${Z} ${de}`,
+            end_date_time: `${ce} ${J}`,
+            type: Q.EVENTS,
+            dateRange: `${Z} ${de}-${ce} ${J}`,
+            activity_type: (ve = Ae.value.get(Ye)) == null ? void 0 : ve.label
+          }
+        ];
+      }).flat(), V.value = re.total;
+    }, ee = (a) => {
+      a.pageSize !== c.size ? c.page = 1 : c.page = a.page, c.size = a.pageSize, q();
+    }, h = r({
+      reason: ""
+    }), te = r(), w = r(!1), f = r(null), U = r(""), H = r(0), R = r(!1), qe = r({
+      reason: [{ required: !0, message: i("meeting.enterReviewNotes") }]
+    }), De = async () => {
+      var a, s, e, n;
+      if (!(!g.approveActivityRequest || !g.rejectActivityRequest))
+        try {
+          w.value = !0;
+          const d = await ((a = te.value) == null ? void 0 : a.validate());
+          if (!d || d.some((C) => !!C)) {
+            w.value = !1;
+            return;
+          }
+          H.value === 1 ? await g.approveActivityRequest((s = f.value) == null ? void 0 : s.id, h.value) : await g.rejectActivityRequest((e = f.value) == null ? void 0 : e.id, h.value), q(), j(), W.success({
+            content: i("meeting.reviewSuccess", [(n = f.value) == null ? void 0 : n.title])
+          });
+        } finally {
+          R.value = !1, w.value = !1;
+        }
+    }, j = () => {
+      R.value = !1, x.value = !1, w.value = !1, h.value.reason = "";
+    }, Te = async () => {
+      var a;
+      if (g.deleteActivityRequest && g.cancelActivityRequest)
+        try {
+          w.value = !0, M.value === 1 ? await g.cancelActivityRequest(f.value.id, h.value) : await g.deleteActivityRequest(f.value.id, h.value), q(), j(), W.success({
+            content: i("meeting.activityActionSuccess", [(a = f.value) == null ? void 0 : a.title, G.value])
+          });
+        } finally {
+          w.value = !1, x.value = !1;
+        }
+    }, x = r(!1), F = r(""), G = r(""), M = r(0), ae = (a) => {
+      F.value = i("meeting.deleteActivity"), G.value = i("meeting.deleteActivity").toLowerCase(), f.value = a, M.value = 0, x.value = !0;
+    }, le = (a) => {
+      F.value = i("meeting.cancelActivity"), G.value = i("common.cancel").toLowerCase(), f.value = a, M.value = 1, x.value = !0;
+    }, ie = (a) => {
+      f.value = a, U.value = i("meeting.approveReview"), H.value = 1, R.value = !0;
+    }, se = (a) => {
+      f.value = a, U.value = i("meeting.rejectReview"), H.value = 0, R.value = !0;
+    }, oe = r([]), D = r([]), ne = (a) => {
+      const s = a.toString();
+      if (!g.getActivityDetailRequest)
+        return;
+      oe.value.includes(s) || (oe.value.push(s), g.getActivityDetailRequest(s).then((n) => {
+        var d;
+        (d = E.value) == null || d.forEach((C) => {
+          C.id === n.id && (C.approve_record = n.approve_record, C.approver = n.approver);
+        });
+      }));
+      const e = D.value.indexOf(s);
+      D.value.includes(s) ? D.value.splice(e, 1) : D.value.push(s);
+    }, Oe = (a) => {
+      ne(a.id);
+    }, Se = (a) => a.id.toString(), K = r([]), Ee = (a) => {
+      a.length && a.forEach((s) => {
+        ne(s);
+      });
+    }, Le = r({}), je = (a, s) => {
+      a && s && (Le.value[s] = a);
+    };
+    Ue(() => {
+      q();
+    }), He(
+      () => [c.status, c.sponsor, c.order_by, c.search, c.is_delete],
+      () => {
+        q();
+      },
+      { deep: !0 }
+    );
+    const Me = T(() => [{
+      id: "confirm",
+      loading: w.value,
+      color: "primary",
+      variant: A.value ? "text" : "solid",
+      round: "pill",
+      size: "large",
+      label: i("meeting.confirmBtn"),
+      onClick: () => {
+        Te();
+      }
+    }, {
+      id: "cancel",
+      color: "primary",
+      variant: A.value ? "text" : "outline",
+      round: "pill",
+      size: "large",
+      label: i("meeting.cancelBtn"),
+      onClick: () => {
+        j();
+      }
+    }]), Ne = T(() => [{
+      id: "confirm",
+      loading: w.value,
+      color: "primary",
+      variant: A.value ? "text" : "solid",
+      round: "pill",
+      size: "large",
+      label: i("meeting.confirmBtn"),
+      onClick: () => {
+        De();
+      }
+    }, {
+      id: "cancel",
+      color: "primary",
+      variant: A.value ? "text" : "outline",
+      round: "pill",
+      size: "large",
+      label: i("meeting.cancelBtn"),
+      onClick: () => {
+        j();
+      }
+    }]);
+    return (a, s) => (v(), b("div", lt, [
+      t(X) ? (v(), b("div", ut, [
+        u(t(Ze), {
+          modelValue: K.value,
+          "onUpdate:modelValue": s[2] || (s[2] = (e) => K.value = e),
+          accordion: t(X),
+          onChange: Ee
+        }, {
+          default: l(() => [
+            (v(!0), b(me, null, Fe(E.value, (e) => {
+              var n;
+              return v(), b(me, {
+                key: e.id
+              }, [
+                m("div", ct, [
+                  m("p", dt, o(e.title), 1),
+                  e.is_delete !== 1 ? (v(), y(t(B), {
+                    key: 0,
+                    color: "primary",
+                    variant: "outline",
+                    class: P([`tag-${(n = t(O).get(e.status)) == null ? void 0 : n.id}`])
+                  }, {
+                    default: l(() => {
+                      var d;
+                      return [
+                        p(o((d = t(O).get(e.status)) == null ? void 0 : d.text), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["class"])) : (v(), y(t(B), {
+                    key: 1,
+                    color: "primary",
+                    variant: "outline",
+                    class: "tag-cancel"
+                  }, {
+                    default: l(() => [
+                      p(o(t(i)("meeting.statusCanceled")), 1)
+                    ]),
+                    _: 1
+                  }))
+                ]),
+                u(t(Je), {
+                  value: e.id
+                }, {
+                  title: l(() => [
+                    m("div", vt, [
+                      m("p", pt, o(e.sponsor), 1),
+                      m("p", null, o(t(ge)(e.create_time).format("YYYY/MM/DD HH:mm:ss")), 1)
+                    ]),
+                    m("div", mt, [
+                      e.status === 7 || e.is_delete ? (v(), y(t(k), {
+                        key: 0,
+                        color: "danger",
+                        variant: "text",
+                        onClick: Y((d) => ae(e), ["stop"])
+                      }, {
+                        default: l(() => [
+                          p(o(t(i)("meeting.deleteActivity")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])) : _("", !0),
+                      (e.status === 3 || e.status === 4) && e.is_delete !== 1 ? (v(), y(t(k), {
+                        key: 1,
+                        color: "danger",
+                        variant: "text",
+                        onClick: Y((d) => le(e), ["stop"])
+                      }, {
+                        default: l(() => [
+                          p(o(t(i)("meeting.cancelActivity")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])) : _("", !0),
+                      e.status === 2 ? (v(), y(t(k), {
+                        key: 2,
+                        color: "primary",
+                        variant: "text",
+                        onClick: Y((d) => ie(e), ["stop"])
+                      }, {
+                        default: l(() => [
+                          p(o(t(i)("meeting.approve")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])) : _("", !0),
+                      e.status === 2 ? (v(), y(t(k), {
+                        key: 3,
+                        color: "primary",
+                        variant: "text",
+                        onClick: Y((d) => se(e), ["stop"])
+                      }, {
+                        default: l(() => [
+                          p(o(t(i)("meeting.reject")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])) : _("", !0)
+                    ])
+                  ]),
+                  default: l(() => [
+                    m("div", gt, [
+                      u(he, {
+                        show: K.value.includes(e.id),
+                        data: e,
+                        ref_for: !0,
+                        ref: (d) => je(d, e.id),
+                        page: t(Q).APPROVAL
+                      }, null, 8, ["show", "data", "page"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["value"])
+              ], 64);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "accordion"]),
+        V.value > L[0] ? (v(), b("div", ft, [
+          u(t(fe), {
+            total: V.value,
+            page: c.page,
+            "page-size": c.size,
+            "page-sizes": L,
+            layout: ["total", "jumper", "pager", "pagesize"],
+            "show-more": !1,
+            simple: !0,
+            onChange: ee
+          }, null, 8, ["total", "page", "page-size"])
+        ])) : _("", !0)
+      ])) : (v(), b("div", it, [
+        u(t(Ge), {
+          data: E.value,
+          onExpandChange: Oe,
+          "row-key": Se,
+          "expand-row-keys": D.value
+        }, {
+          default: l(() => [
+            u(t($), { type: "expand" }, {
+              default: l((e) => [
+                m("div", st, [
+                  u(he, {
+                    data: e.row,
+                    page: t(Q).APPROVAL,
+                    show: ""
+                  }, null, 8, ["data", "page"])
+                ])
+              ]),
+              _: 1
+            }),
+            u(t($), {
+              label: t(i)("meeting.activityName"),
+              prop: "title"
+            }, null, 8, ["label"]),
+            u(t($), { prop: "sponsor" }, {
+              header: l(() => [
+                u(_e, {
+                  modelValue: I.value,
+                  "onUpdate:modelValue": s[0] || (s[0] = (e) => I.value = e),
+                  onConfirm: xe,
+                  list: Re.value,
+                  multiple: !0
+                }, {
+                  empty: l(() => [
+                    pe(a.$slots, "filter-empty")
+                  ]),
+                  default: l(() => [
+                    p(" " + o(t(i)("meeting.applicant")), 1)
+                  ]),
+                  _: 3
+                }, 8, ["modelValue", "list"])
+              ]),
+              _: 3
+            }),
+            u(t($), { prop: "create_time" }, {
+              header: l(() => [
+                m("div", {
+                  class: "sort-time",
+                  onClick: $e
+                }, [
+                  m("span", null, o(t(i)("meeting.submissionTime")), 1),
+                  m("div", ot, [
+                    m("div", {
+                      class: P(["sort-asc sort-item", { active: z.value === "asc" }])
+                    }, null, 2),
+                    m("div", {
+                      class: P(["sort-desc sort-item", { active: z.value === "desc" }])
+                    }, null, 2)
+                  ])
+                ])
+              ]),
+              default: l((e) => [
+                p(o(t(ge)(e.row.create_time).format("YYYY/MM/DD HH:mm:ss")), 1)
+              ]),
+              _: 1
+            }),
+            u(t($), {
+              prop: "status",
+              width: "90px"
+            }, {
+              header: l(() => [
+                u(_e, {
+                  modelValue: S.value,
+                  "onUpdate:modelValue": s[1] || (s[1] = (e) => S.value = e),
+                  onConfirm: Ve,
+                  list: ze.value
+                }, {
+                  empty: l(() => [
+                    pe(a.$slots, "filter-empty")
+                  ]),
+                  default: l(() => [
+                    p(" " + o(t(i)("meeting.status")), 1)
+                  ]),
+                  _: 3
+                }, 8, ["modelValue", "list"])
+              ]),
+              default: l((e) => {
+                var n;
+                return [
+                  e.row.is_delete !== 1 ? (v(), y(t(B), {
+                    key: 0,
+                    color: "primary",
+                    variant: "outline",
+                    class: P([`tag-${(n = t(O).get(e.row.status)) == null ? void 0 : n.id}`])
+                  }, {
+                    default: l(() => {
+                      var d;
+                      return [
+                        p(o((d = t(O).get(e.row.status)) == null ? void 0 : d.text), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["class"])) : (v(), y(t(B), {
+                    key: 1,
+                    color: "primary",
+                    variant: "outline",
+                    class: "tag-cancel"
+                  }, {
+                    default: l(() => [
+                      p(o(t(i)("meeting.statusCanceled")), 1)
+                    ]),
+                    _: 1
+                  }))
+                ];
+              }),
+              _: 3
+            }),
+            u(t($), {
+              label: t(i)("meeting.action")
+            }, {
+              default: l((e) => [
+                m("div", nt, [
+                  e.row.status === 7 || e.row.is_delete ? (v(), y(t(k), {
+                    key: 0,
+                    color: "danger",
+                    onClick: (n) => ae(e.row)
+                  }, {
+                    default: l(() => [
+                      p(o(t(i)("meeting.deleteActivity")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])) : _("", !0),
+                  (e.row.status === 3 || e.row.status === 4) && e.row.is_delete !== 1 ? (v(), y(t(k), {
+                    key: 1,
+                    color: "danger",
+                    onClick: (n) => le(e.row)
+                  }, {
+                    default: l(() => [
+                      p(o(t(i)("meeting.cancelActivity")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])) : _("", !0),
+                  e.row.status === 2 ? (v(), y(t(k), {
+                    key: 2,
+                    color: "primary",
+                    onClick: (n) => ie(e.row)
+                  }, {
+                    default: l(() => [
+                      p(o(t(i)("meeting.approve")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])) : _("", !0),
+                  e.row.status === 2 ? (v(), y(t(k), {
+                    key: 3,
+                    color: "primary",
+                    onClick: (n) => se(e.row)
+                  }, {
+                    default: l(() => [
+                      p(o(t(i)("meeting.reject")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])) : _("", !0)
+                ])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 3
+        }, 8, ["data", "expand-row-keys"]),
+        V.value > L[0] ? (v(), b("div", rt, [
+          u(t(fe), {
+            total: V.value,
+            page: c.page,
+            "page-size": c.size,
+            "page-sizes": L,
+            layout: ["total", "jumper", "pager", "pagesize"],
+            "show-more": !1,
+            onChange: ee
+          }, null, 8, ["total", "page", "page-size"])
+        ])) : _("", !0)
+      ])),
+      u(t(ye), {
+        visible: R.value,
+        "onUpdate:visible": s[4] || (s[4] = (e) => R.value = e),
+        "phone-half-full": t(A),
+        "main-class": "handle-dialog-approval review-dialog",
+        actions: Ne.value
+      }, {
+        header: l(() => [
+          p(o(U.value), 1)
+        ]),
+        default: l(() => [
+          m("div", yt, [
+            u(t(Qe), {
+              model: h.value,
+              ref_key: "formRef",
+              ref: te,
+              "has-required": "",
+              layout: "v",
+              class: "form-wrapper"
+            }, {
+              default: l(() => [
+                u(t(We), {
+                  rules: qe.value.reason,
+                  label: `${t(i)("meeting.reviewNotesLabel")}${Ce.value ? "：" : ": "}`,
+                  field: "reason"
+                }, {
+                  default: l(() => [
+                    u(t(Xe), {
+                      size: "large",
+                      placeholder: t(i)("meeting.enterReviewNotes"),
+                      rows: 4,
+                      resize: "none",
+                      "max-length": 1e3,
+                      "input-on-outlimit": !1,
+                      modelValue: h.value.reason,
+                      "onUpdate:modelValue": s[3] || (s[3] = (e) => h.value.reason = e)
+                    }, null, 8, ["placeholder", "modelValue"])
+                  ]),
+                  _: 1
+                }, 8, ["rules", "label"])
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "phone-half-full", "actions"]),
+      u(t(ye), {
+        visible: x.value,
+        "onUpdate:visible": s[5] || (s[5] = (e) => x.value = e),
+        "phone-half-full": t(A),
+        "main-class": "handle-dialog-approval cancel-dialog",
+        actions: Me.value
+      }, {
+        header: l(() => [
+          p(o(F.value), 1)
+        ]),
+        default: l(() => {
+          var e, n;
+          return [
+            m("div", _t, o(M.value === 1 ? t(i)("meeting.confirmCancelActivity", [(e = f.value) == null ? void 0 : e.title]) : t(i)("meeting.confirmDeleteActivity", [(n = f.value) == null ? void 0 : n.title])), 1)
+          ];
+        }),
+        _: 1
+      }, 8, ["visible", "phone-half-full", "actions"])
+    ]));
+  }
+});
+export {
+  Tt as default
+};

package/dist/esm/components/activity/OActivityApproval.vue4.mjs

@@ -0,0 +1,6 @@
+import o from "./OActivityApproval.vue.mjs";
+import './OActivityApproval.css';
+import './OActivityApproval2.css';
+export {
+  o as default
+};