@opendesign-plus/components 0.0.1-rc.34 → 0.0.1-rc.36

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

@@ -0,0 +1,718 @@
+import { defineComponent, computed, reactive, ref, onMounted, watch, openBlock, createElementBlock, unref, createVNode, withCtx, createElementVNode, createTextVNode, toDisplayString, renderSlot, normalizeClass, createBlock, createCommentVNode, Fragment, renderList, withModifiers } from "vue";
+import { ElTable, ElTableColumn, dayjs } from "element-plus";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/table-column/style/css";
+import { useMessage, OTag, OLink, OPagination, OCollapse, OCollapseItem, ODialog, OForm, OFormItem, OTextarea } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+import { useActivityConfig } from "./composables/useActivityConfig.mjs";
+import _sfc_main$2 from "../common/ThFilter.vue.mjs";
+import '../common/ThFilter.css';
+import _sfc_main$1 from "../meeting/components/OMeetingDetail.vue.mjs";
+import '../meeting/components/OMeetingDetail.css';
+import { useI18n } from "../../i18n/index.mjs";
+import { CalendarDataType } from "../meeting/types.mjs";
+const _hoisted_1 = { class: "o-activity-table" };
+const _hoisted_2 = {
+  key: 0,
+  class: "table-wrapper"
+};
+const _hoisted_3 = { class: "expand-detail" };
+const _hoisted_4 = { class: "sort-btn" };
+const _hoisted_5 = { class: "activity-btn" };
+const _hoisted_6 = {
+  key: 0,
+  class: "pagination-wrapper"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "collapse-wrapper"
+};
+const _hoisted_8 = { class: "title-top" };
+const _hoisted_9 = { class: "act-title" };
+const _hoisted_10 = { class: "act-sponsor" };
+const _hoisted_11 = { class: "sponsor" };
+const _hoisted_12 = { class: "activity-btn" };
+const _hoisted_13 = { class: "activity-detail" };
+const _hoisted_14 = {
+  key: 0,
+  class: "pagination"
+};
+const _hoisted_15 = { class: "dialog-content" };
+const _hoisted_16 = { class: "dialog-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "OActivityApproval",
+  props: {
+    getTableDataRequest: {},
+    applicantList: {},
+    cancelActivityRequest: {},
+    deleteActivityRequest: {},
+    approveActivityRequest: {},
+    rejectActivityRequest: {},
+    getActivityDetailRequest: {}
+  },
+  setup(__props) {
+    const { t, locale } = useI18n();
+    const isZh = computed(() => locale.value === "zh");
+    const { approvalStatusMap, statusMap, activityTypeMap } = useActivityConfig();
+    const message = useMessage(null);
+    const { isPhone, lePadV } = useScreen();
+    const props = __props;
+    const params = reactive({
+      page: 1,
+      size: 10,
+      status: "",
+      is_delete: 0,
+      search: "",
+      sponsor: "",
+      order_by: ""
+    });
+    const applicantValue = ref([]);
+    const applicantOptions = computed(() => props.applicantList.map((v) => ({ value: v, label: v })));
+    const filterApplicantList = () => {
+      params.sponsor = applicantValue.value.join(",");
+    };
+    const order_by = ref("desc");
+    const sortTime = () => {
+      order_by.value = order_by.value === "asc" ? "desc" : "asc";
+      params.order_by = order_by.value;
+    };
+    const statusValue = ref();
+    const statusOptions = computed(() => {
+      const list = [];
+      approvalStatusMap.value.forEach((item) => {
+        list.push(item);
+      });
+      return list.slice(1);
+    });
+    const filterStatusList = () => {
+      params.status = statusValue.value;
+      if (statusValue.value === "cancel") {
+        params.is_delete = 1;
+      } else {
+        params.is_delete = 0;
+      }
+    };
+    const tableData = ref([]);
+    const total = ref(0);
+    const COUNT_PER_PAGE = [10, 20, 30, 40];
+    const getData = async () => {
+      const { page, size, status, sponsor, order_by: order_by2, search, is_delete } = params;
+      let paramsData = { page, size, sponsor, order_by: order_by2, search };
+      if (status !== "all" && status !== "") {
+        paramsData.is_delete = is_delete;
+      }
+      if (status === "cancel") {
+        paramsData.status = "";
+      } else {
+        paramsData.status = status;
+      }
+      if (!props.getTableDataRequest) {
+        return;
+      }
+      const res = await props.getTableDataRequest(paramsData);
+      tableData.value = (res.data || []).map((item) => {
+        var _a;
+        const { start_date, end_date, start, end, activity_type } = item;
+        return [
+          {
+            ...item,
+            time: `${start_date}-${end}`,
+            start_date_time: `${start_date} ${start}`,
+            end_date_time: `${end_date} ${end}`,
+            type: CalendarDataType.EVENTS,
+            dateRange: `${start_date} ${start}-${end_date} ${end}`,
+            activity_type: (_a = activityTypeMap.value.get(activity_type)) == null ? void 0 : _a.label
+          }
+        ];
+      }).flat();
+      total.value = res.total;
+    };
+    const onPaginationChange = (val) => {
+      if (val.pageSize !== params.size) {
+        params.page = 1;
+      } else {
+        params.page = val.page;
+      }
+      params.size = val.pageSize;
+      getData();
+    };
+    const form = ref({
+      reason: ""
+    });
+    const formRef = ref();
+    const loading = ref(false);
+    const currentRow = ref(null);
+    const digTitle = ref("");
+    const reviewStatus = ref(0);
+    const reviewVisible = ref(false);
+    const rules = ref({
+      reason: [{ required: true, message: t("meeting.enterReviewNotes") }]
+    });
+    const confirm = async () => {
+      var _a, _b, _c, _d;
+      if (!props.approveActivityRequest || !props.rejectActivityRequest) {
+        return;
+      }
+      try {
+        loading.value = true;
+        const valid = await ((_a = formRef.value) == null ? void 0 : _a.validate());
+        if (!valid || valid.some((v) => !!v)) {
+          loading.value = false;
+          return;
+        }
+        if (reviewStatus.value === 1) {
+          await props.approveActivityRequest((_b = currentRow.value) == null ? void 0 : _b.id, form.value);
+        } else {
+          await props.rejectActivityRequest((_c = currentRow.value) == null ? void 0 : _c.id, form.value);
+        }
+        getData();
+        cancel();
+        message.success({
+          content: t("meeting.reviewSuccess", [(_d = currentRow.value) == null ? void 0 : _d.title])
+        });
+      } finally {
+        reviewVisible.value = false;
+        loading.value = false;
+      }
+    };
+    const cancel = () => {
+      reviewVisible.value = false;
+      cancelVisible.value = false;
+      loading.value = false;
+      form.value.reason = "";
+    };
+    const confirmCancel = async () => {
+      var _a;
+      if (props.deleteActivityRequest && props.cancelActivityRequest) {
+        try {
+          loading.value = true;
+          if (cancelStatus.value === 1) {
+            await props.cancelActivityRequest(currentRow.value.id, form.value);
+          } else {
+            await props.deleteActivityRequest(currentRow.value.id, form.value);
+          }
+          getData();
+          cancel();
+          message.success({
+            content: t("meeting.activityActionSuccess", [(_a = currentRow.value) == null ? void 0 : _a.title, cancelText.value])
+          });
+        } finally {
+          loading.value = false;
+          cancelVisible.value = false;
+        }
+      }
+    };
+    const cancelVisible = ref(false);
+    const cancelTitle = ref("");
+    const cancelText = ref("");
+    const cancelStatus = ref(0);
+    const deleteItem = (row) => {
+      cancelTitle.value = t("meeting.deleteActivity");
+      cancelText.value = t("meeting.deleteActivity").toLowerCase();
+      currentRow.value = row;
+      cancelStatus.value = 0;
+      cancelVisible.value = true;
+    };
+    const cancelItem = (row) => {
+      cancelTitle.value = t("meeting.cancelActivity");
+      cancelText.value = t("common.cancel").toLowerCase();
+      currentRow.value = row;
+      cancelStatus.value = 1;
+      cancelVisible.value = true;
+    };
+    const passItem = (row) => {
+      currentRow.value = row;
+      digTitle.value = t("meeting.approveReview");
+      reviewStatus.value = 1;
+      reviewVisible.value = true;
+    };
+    const rejectItem = (row) => {
+      currentRow.value = row;
+      digTitle.value = t("meeting.rejectReview");
+      reviewStatus.value = 0;
+      reviewVisible.value = true;
+    };
+    const expandList = ref([]);
+    const expandedRows = ref([]);
+    const getActivityDetail = (id) => {
+      const val = id.toString();
+      if (!props.getActivityDetailRequest) {
+        return;
+      }
+      if (!expandList.value.includes(val)) {
+        expandList.value.push(val);
+        props.getActivityDetailRequest(val).then((res) => {
+          var _a;
+          (_a = tableData.value) == null ? void 0 : _a.forEach((item) => {
+            if (item.id === res.id) {
+              item.approve_record = res.approve_record;
+              item.approver = res.approver;
+            }
+          });
+        });
+      }
+      const index = expandedRows.value.indexOf(val);
+      if (!expandedRows.value.includes(val)) {
+        expandedRows.value.push(val);
+      } else {
+        expandedRows.value.splice(index, 1);
+      }
+    };
+    const expandChange = (val) => {
+      getActivityDetail(val.id);
+    };
+    const getRowKey = (row) => {
+      return row.id.toString();
+    };
+    const expanded = ref([]);
+    const change = (val) => {
+      if (val.length) {
+        val.forEach((item) => {
+          getActivityDetail(item);
+        });
+      }
+    };
+    const detailRefs = ref({});
+    const getDetailRefs = (insRef, id) => {
+      if (insRef && id) {
+        detailRefs.value[id] = insRef;
+      }
+    };
+    onMounted(() => {
+      getData();
+    });
+    watch(
+      () => [params.status, params.sponsor, params.order_by, params.search, params.is_delete],
+      () => {
+        getData();
+      },
+      { deep: true }
+    );
+    const cancelActions = computed(() => {
+      return [{
+        id: "confirm",
+        loading: loading.value,
+        color: "primary",
+        variant: lePadV.value ? "text" : "solid",
+        round: "pill",
+        size: "large",
+        label: t("meeting.confirmBtn"),
+        onClick: () => {
+          confirmCancel();
+        }
+      }, {
+        id: "cancel",
+        color: "primary",
+        variant: lePadV.value ? "text" : "outline",
+        round: "pill",
+        size: "large",
+        label: t("meeting.cancelBtn"),
+        onClick: () => {
+          cancel();
+        }
+      }];
+    });
+    const reviewActions = computed(() => {
+      return [{
+        id: "confirm",
+        loading: loading.value,
+        color: "primary",
+        variant: lePadV.value ? "text" : "solid",
+        round: "pill",
+        size: "large",
+        label: t("meeting.confirmBtn"),
+        onClick: () => {
+          confirm();
+        }
+      }, {
+        id: "cancel",
+        color: "primary",
+        variant: lePadV.value ? "text" : "outline",
+        round: "pill",
+        size: "large",
+        label: t("meeting.cancelBtn"),
+        onClick: () => {
+          cancel();
+        }
+      }];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !unref(isPhone) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(unref(ElTable), {
+            data: tableData.value,
+            onExpandChange: expandChange,
+            "row-key": getRowKey,
+            "expand-row-keys": expandedRows.value
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElTableColumn), { type: "expand" }, {
+                default: withCtx((props2) => [
+                  createElementVNode("div", _hoisted_3, [
+                    createVNode(_sfc_main$1, {
+                      data: props2.row,
+                      page: unref(CalendarDataType).APPROVAL,
+                      show: ""
+                    }, null, 8, ["data", "page"])
+                  ])
+                ]),
+                _: 1
+              }),
+              createVNode(unref(ElTableColumn), {
+                label: unref(t)("meeting.activityName"),
+                prop: "title"
+              }, null, 8, ["label"]),
+              createVNode(unref(ElTableColumn), { prop: "sponsor" }, {
+                header: withCtx(() => [
+                  createVNode(_sfc_main$2, {
+                    modelValue: applicantValue.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => applicantValue.value = $event),
+                    onConfirm: filterApplicantList,
+                    list: applicantOptions.value,
+                    multiple: true
+                  }, {
+                    empty: withCtx(() => [
+                      renderSlot(_ctx.$slots, "filter-empty")
+                    ]),
+                    default: withCtx(() => [
+                      createTextVNode(" " + toDisplayString(unref(t)("meeting.applicant")), 1)
+                    ]),
+                    _: 3
+                  }, 8, ["modelValue", "list"])
+                ]),
+                _: 3
+              }),
+              createVNode(unref(ElTableColumn), { prop: "create_time" }, {
+                header: withCtx(() => [
+                  createElementVNode("div", {
+                    class: "sort-time",
+                    onClick: sortTime
+                  }, [
+                    createElementVNode("span", null, toDisplayString(unref(t)("meeting.submissionTime")), 1),
+                    createElementVNode("div", _hoisted_4, [
+                      createElementVNode("div", {
+                        class: normalizeClass(["sort-asc sort-item", { active: order_by.value === "asc" }])
+                      }, null, 2),
+                      createElementVNode("div", {
+                        class: normalizeClass(["sort-desc sort-item", { active: order_by.value === "desc" }])
+                      }, null, 2)
+                    ])
+                  ])
+                ]),
+                default: withCtx((scope) => [
+                  createTextVNode(toDisplayString(unref(dayjs)(scope.row.create_time).format("YYYY/MM/DD HH:mm:ss")), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(unref(ElTableColumn), {
+                prop: "status",
+                width: "90px"
+              }, {
+                header: withCtx(() => [
+                  createVNode(_sfc_main$2, {
+                    modelValue: statusValue.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => statusValue.value = $event),
+                    onConfirm: filterStatusList,
+                    list: statusOptions.value
+                  }, {
+                    empty: withCtx(() => [
+                      renderSlot(_ctx.$slots, "filter-empty")
+                    ]),
+                    default: withCtx(() => [
+                      createTextVNode(" " + toDisplayString(unref(t)("meeting.status")), 1)
+                    ]),
+                    _: 3
+                  }, 8, ["modelValue", "list"])
+                ]),
+                default: withCtx((scope) => {
+                  var _a;
+                  return [
+                    scope.row.is_delete !== 1 ? (openBlock(), createBlock(unref(OTag), {
+                      key: 0,
+                      color: "primary",
+                      variant: "outline",
+                      class: normalizeClass([`tag-${(_a = unref(statusMap).get(scope.row.status)) == null ? void 0 : _a.id}`])
+                    }, {
+                      default: withCtx(() => {
+                        var _a2;
+                        return [
+                          createTextVNode(toDisplayString((_a2 = unref(statusMap).get(scope.row.status)) == null ? void 0 : _a2.text), 1)
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["class"])) : (openBlock(), createBlock(unref(OTag), {
+                      key: 1,
+                      color: "primary",
+                      variant: "outline",
+                      class: "tag-cancel"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.statusCanceled")), 1)
+                      ]),
+                      _: 1
+                    }))
+                  ];
+                }),
+                _: 3
+              }),
+              createVNode(unref(ElTableColumn), {
+                label: unref(t)("meeting.action")
+              }, {
+                default: withCtx((scope) => [
+                  createElementVNode("div", _hoisted_5, [
+                    scope.row.status === 7 || scope.row.is_delete ? (openBlock(), createBlock(unref(OLink), {
+                      key: 0,
+                      color: "danger",
+                      onClick: ($event) => deleteItem(scope.row)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.deleteActivity")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true),
+                    (scope.row.status === 3 || scope.row.status === 4) && scope.row.is_delete !== 1 ? (openBlock(), createBlock(unref(OLink), {
+                      key: 1,
+                      color: "danger",
+                      onClick: ($event) => cancelItem(scope.row)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.cancelActivity")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true),
+                    scope.row.status === 2 ? (openBlock(), createBlock(unref(OLink), {
+                      key: 2,
+                      color: "primary",
+                      onClick: ($event) => passItem(scope.row)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.approve")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true),
+                    scope.row.status === 2 ? (openBlock(), createBlock(unref(OLink), {
+                      key: 3,
+                      color: "primary",
+                      onClick: ($event) => rejectItem(scope.row)
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.reject")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ]),
+            _: 3
+          }, 8, ["data", "expand-row-keys"]),
+          total.value > COUNT_PER_PAGE[0] ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            createVNode(unref(OPagination), {
+              total: total.value,
+              page: params.page,
+              "page-size": params.size,
+              "page-sizes": COUNT_PER_PAGE,
+              layout: ["total", "jumper", "pager", "pagesize"],
+              "show-more": false,
+              onChange: onPaginationChange
+            }, null, 8, ["total", "page", "page-size"])
+          ])) : createCommentVNode("", true)
+        ])) : (openBlock(), createElementBlock("div", _hoisted_7, [
+          createVNode(unref(OCollapse), {
+            modelValue: expanded.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => expanded.value = $event),
+            accordion: unref(isPhone),
+            onChange: change
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(tableData.value, (act) => {
+                var _a;
+                return openBlock(), createElementBlock(Fragment, {
+                  key: act.id
+                }, [
+                  createElementVNode("div", _hoisted_8, [
+                    createElementVNode("p", _hoisted_9, toDisplayString(act.title), 1),
+                    act.is_delete !== 1 ? (openBlock(), createBlock(unref(OTag), {
+                      key: 0,
+                      color: "primary",
+                      variant: "outline",
+                      class: normalizeClass([`tag-${(_a = unref(statusMap).get(act.status)) == null ? void 0 : _a.id}`])
+                    }, {
+                      default: withCtx(() => {
+                        var _a2;
+                        return [
+                          createTextVNode(toDisplayString((_a2 = unref(statusMap).get(act.status)) == null ? void 0 : _a2.text), 1)
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["class"])) : (openBlock(), createBlock(unref(OTag), {
+                      key: 1,
+                      color: "primary",
+                      variant: "outline",
+                      class: "tag-cancel"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)("meeting.statusCanceled")), 1)
+                      ]),
+                      _: 1
+                    }))
+                  ]),
+                  createVNode(unref(OCollapseItem), {
+                    value: act.id
+                  }, {
+                    title: withCtx(() => [
+                      createElementVNode("div", _hoisted_10, [
+                        createElementVNode("p", _hoisted_11, toDisplayString(act.sponsor), 1),
+                        createElementVNode("p", null, toDisplayString(unref(dayjs)(act.create_time).format("YYYY/MM/DD HH:mm:ss")), 1)
+                      ]),
+                      createElementVNode("div", _hoisted_12, [
+                        act.status === 7 || act.is_delete ? (openBlock(), createBlock(unref(OLink), {
+                          key: 0,
+                          color: "danger",
+                          variant: "text",
+                          onClick: withModifiers(($event) => deleteItem(act), ["stop"])
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(t)("meeting.deleteActivity")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])) : createCommentVNode("", true),
+                        (act.status === 3 || act.status === 4) && act.is_delete !== 1 ? (openBlock(), createBlock(unref(OLink), {
+                          key: 1,
+                          color: "danger",
+                          variant: "text",
+                          onClick: withModifiers(($event) => cancelItem(act), ["stop"])
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(t)("meeting.cancelActivity")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])) : createCommentVNode("", true),
+                        act.status === 2 ? (openBlock(), createBlock(unref(OLink), {
+                          key: 2,
+                          color: "primary",
+                          variant: "text",
+                          onClick: withModifiers(($event) => passItem(act), ["stop"])
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(t)("meeting.approve")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])) : createCommentVNode("", true),
+                        act.status === 2 ? (openBlock(), createBlock(unref(OLink), {
+                          key: 3,
+                          color: "primary",
+                          variant: "text",
+                          onClick: withModifiers(($event) => rejectItem(act), ["stop"])
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(t)("meeting.reject")), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])) : createCommentVNode("", true)
+                      ])
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_13, [
+                        createVNode(_sfc_main$1, {
+                          show: expanded.value.includes(act.id),
+                          data: act,
+                          ref_for: true,
+                          ref: (insRef) => getDetailRefs(insRef, act.id),
+                          page: unref(CalendarDataType).APPROVAL
+                        }, null, 8, ["show", "data", "page"])
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["value"])
+                ], 64);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "accordion"]),
+          total.value > COUNT_PER_PAGE[0] ? (openBlock(), createElementBlock("div", _hoisted_14, [
+            createVNode(unref(OPagination), {
+              total: total.value,
+              page: params.page,
+              "page-size": params.size,
+              "page-sizes": COUNT_PER_PAGE,
+              layout: ["total", "jumper", "pager", "pagesize"],
+              "show-more": false,
+              simple: true,
+              onChange: onPaginationChange
+            }, null, 8, ["total", "page", "page-size"])
+          ])) : createCommentVNode("", true)
+        ])),
+        createVNode(unref(ODialog), {
+          visible: reviewVisible.value,
+          "onUpdate:visible": _cache[4] || (_cache[4] = ($event) => reviewVisible.value = $event),
+          "phone-half-full": unref(lePadV),
+          "main-class": "handle-dialog-approval review-dialog",
+          actions: reviewActions.value
+        }, {
+          header: withCtx(() => [
+            createTextVNode(toDisplayString(digTitle.value), 1)
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_15, [
+              createVNode(unref(OForm), {
+                model: form.value,
+                ref_key: "formRef",
+                ref: formRef,
+                "has-required": "",
+                layout: "v",
+                class: "form-wrapper"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(OFormItem), {
+                    rules: rules.value.reason,
+                    label: `${unref(t)("meeting.reviewNotesLabel")}${isZh.value ? "：" : ": "}`,
+                    field: "reason"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(OTextarea), {
+                        size: "large",
+                        placeholder: unref(t)("meeting.enterReviewNotes"),
+                        rows: 4,
+                        resize: "none",
+                        "max-length": 1e3,
+                        "input-on-outlimit": false,
+                        modelValue: form.value.reason,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form.value.reason = $event)
+                      }, null, 8, ["placeholder", "modelValue"])
+                    ]),
+                    _: 1
+                  }, 8, ["rules", "label"])
+                ]),
+                _: 1
+              }, 8, ["model"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible", "phone-half-full", "actions"]),
+        createVNode(unref(ODialog), {
+          visible: cancelVisible.value,
+          "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => cancelVisible.value = $event),
+          "phone-half-full": unref(lePadV),
+          "main-class": "handle-dialog-approval cancel-dialog",
+          actions: cancelActions.value
+        }, {
+          header: withCtx(() => [
+            createTextVNode(toDisplayString(cancelTitle.value), 1)
+          ]),
+          default: withCtx(() => {
+            var _a, _b;
+            return [
+              createElementVNode("div", _hoisted_16, toDisplayString(cancelStatus.value === 1 ? unref(t)("meeting.confirmCancelActivity", [(_a = currentRow.value) == null ? void 0 : _a.title]) : unref(t)("meeting.confirmDeleteActivity", [(_b = currentRow.value) == null ? void 0 : _b.title])), 1)
+            ];
+          }),
+          _: 1
+        }, 8, ["visible", "phone-half-full", "actions"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};