@jeecg/online 1.0.1 → 3.4.3-beta

package/OnlineAutoModal.js

@@ -18,32 +18,52 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, ref, computed, unref, nextTick, watch, reactive, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
-import { BasicModal, useModalInner } from "/@/components/Modal";
-import { defHttp } from "/@/utils/http/axios";
-import { g as getRefPromise } from "./useAutoForm.js";
-import { O as OnlineForm } from "./OnlineForm.js";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
+import { BasicModal } from "/@/components/Modal";
+import OnlineForm from "./OnlineForm.js";
+import { k as useAutoModal } from "./useAutoForm.js";
+import CommentPanel from "/@/components/jeecg/comment/CommentPanel.vue";
 import { _ as _export_sfc } from "./index.js";
+import "/@/hooks/web/useMessage";
+import "/@/components/Form/index";
 import "./FormSchemaFactory.js";
 import "/@/components/Form/src/jeecg/components/JUpload";
+import "/@/utils/http/axios";
+import "/@/utils";
+import "/@/components/Loading";
+import "/@/components/jeecg/JVxeTable/types";
+import "/@/utils/auth";
+import "@ant-design/icons-vue";
+import "/@/hooks/core/useContext";
+import "/@/utils/mitt";
+import "./pick.js";
+import "./_flatRest.js";
+import "./isArray.js";
+import "./toString.js";
+import "./_arrayPush.js";
+import "./omit.js";
+import "./_baseClone.js";
+import "./_baseSlice.js";
 import "/@/views/system/user/user.api";
+import "./_commonjsHelpers.js";
 import "/@/store/modules/user";
-import "/@/utils";
 import "/@/utils/desform/customExpression";
 import "/@/components/Form/src/componentMap";
 import "./OnlineSelectCascade.js";
-import "/@/hooks/web/useMessage";
 import "/@/components/jeecg/OnLine/JPopupOnlReport.vue";
 import "vue-router";
-import "/@/components/Form/index";
-import "/@/components/Loading";
-import "./OnlineSubForm.js";
-import "./pick.js";
-import "./isArray.js";
-import "./toString.js";
-import "./_arrayPush.js";
-const singleWidth = 800;
-const one2ManyWidth = 1100;
+import "/@/store/modules/permission";
+import "/@/utils/propTypes";
+import "/@/utils/dict/JDictSelectUtil";
+import "/@/utils/common/compUtils";
+import "/@/components/Table";
+import "/@/hooks/system/useListPage";
+import "/@/components/Form/src/utils/Area";
+import "/@/components/Preview/index";
+import "./LinkTableListPiece.js";
+import "./JModalTip.js";
+import "ant-design-vue";
+import "@vueuse/core";
 const _sfc_main = defineComponent({
   name: "OnlineModal",
   props: {
@@ -54,46 +74,42 @@ const _sfc_main = defineComponent({
   },
   components: {
     BasicModal,
-    OnlineForm
+    OnlineForm,
+    CommentPanel
   },
-  emits: ["success", "register"],
+  emits: ["success", "register", "formConfig"],
   setup(props, { emit }) {
     console.log("\u8FDB\u5165\u8868\u5355\u5F39\u6846\u300B\u300B\u300B\u300Bmodal");
-    const onlineFormCompRef = ref(null);
-    const disableSubmit = ref(false);
-    const formTemplate = ref(1);
-    const cgButtonList = ref([]);
-    const formRendered = ref(false);
-    const modalMinWidth = ref(0);
-    const isTreeForm = ref(false);
-    const pidFieldName = ref("");
-    const submitLoading = ref(false);
-    const title = computed(() => {
-      if (unref(disableSubmit) === true) {
-        return "\u8BE6\u60C5";
-      }
-      if (unref(isUpdate) === true) {
-        return "\u7F16\u8F91";
-      }
-      return "\u65B0\u589E";
-    });
-    const [registerModal, { setModalProps, closeModal }] = useModalInner((data) => __async(this, null, function* () {
-      setModalProps({ confirmLoading: false });
-      isUpdate.value = data.isUpdate;
-      disableSubmit.value = data.disableSubmit || false;
-      yield nextTick(() => __async(this, null, function* () {
-        yield getRefPromise(formRendered);
-        yield onlineFormCompRef.value.show(data == null ? void 0 : data.isUpdate, data == null ? void 0 : data.record, data == null ? void 0 : data.param);
-      }));
-    }));
-    function renderSuccess(extConfig) {
-      formRendered.value = true;
-      modalMinWidth.value = extConfig.modalMinWidth;
-      if (extConfig.modelFullscreen == 1) {
-        setModalProps({ defaultFullscreen: true });
-      } else {
-        setModalProps({ defaultFullscreen: false });
-      }
+    const commentPanelRef = ref();
+    function reloadComment() {
+      if (commentPanelRef.value)
+        commentPanelRef.value.reload();
+    }
+    const {
+      title,
+      modalWidth,
+      registerModal,
+      closeModal,
+      cgButtonList,
+      handleCgButtonClick,
+      disableSubmit,
+      handleSubmit,
+      submitLoading,
+      handleCancel,
+      handleFormConfig,
+      onlineFormCompRef,
+      formTemplate,
+      isTreeForm,
+      pidFieldName,
+      renderSuccess,
+      formRendered,
+      tableName,
+      formDataId,
+      enableComment
+    } = useAutoModal(false, { emit }, reloadComment);
+    function handleSuccess(formData) {
+      emit("success", formData);
+      closeModal();
     }
     watch(() => props.id, renderFormItems, { immediate: true });
     function renderFormItems() {
@@ -103,83 +119,12 @@ const _sfc_main = defineComponent({
           return;
         }
         console.log("\u91CD\u65B0\u6E32\u67D3\u8868\u5355\u300B\u300B\u300B\u300Bmodal");
-        let result = yield loadFormItems();
-        let dataFormTemplate = result.head.formTemplate;
-        formTemplate.value = dataFormTemplate ? Number(dataFormTemplate) : 1;
-        cgButtonList.value = result.cgButtonList;
-        isTreeForm.value = result.head.isTree === "Y";
-        pidFieldName.value = result.head.treeParentIdField || "";
-        nextTick(() => __async(this, null, function* () {
-          let myForm = yield getRefPromise(onlineFormCompRef);
-          myForm.createRootProperties(result);
-        }));
+        yield handleFormConfig(props.id, {});
       });
     }
-    function loadFormItems() {
-      let url = `/online/cgform/api/getFormItem/${props.id}`;
-      return new Promise((resolve, reject) => {
-        defHttp.get({ url }, { isTransformResponse: false }).then((res) => {
-          console.log("\u8868\u5355\u7ED3\u679C\u300B\u300Bmodal:", res);
-          if (res.success) {
-            resolve(res.result);
-          } else {
-            reject(res.message);
-          }
-        }).catch(() => {
-          reject();
-        });
-      });
-    }
-    const modalWidth = computed(() => {
-      let diff = 200 * (formTemplate.value - 1);
-      let width = (!unref(single) ? one2ManyWidth : singleWidth) + diff;
-      width = calcModalMixWidth(width);
-      let minWidth = modalMinWidth.value;
-      console.log({ minWidth });
-      if (minWidth && width < minWidth) {
-        width = minWidth;
-      }
-      console.log({ width });
-      return width;
-    });
-    function calcModalMixWidth(width) {
-      let minWidth = extConfigJson.modalMinWidth;
-      if (minWidth != null && minWidth !== "") {
-        try {
-          minWidth = Number.parseInt(minWidth);
-          if (width < minWidth) {
-            return minWidth;
-          }
-        } catch (e) {
-          console.warn("error modalMinWidth value: ", minWidth);
-        }
-      }
-      return width;
-    }
-    const isUpdate = ref(false);
-    const single = ref(true);
-    const extConfigJson = reactive({});
-    function handleCgButtonClick(optType, buttonCode) {
-      onlineFormCompRef.value.handleCgButtonClick(optType, buttonCode);
-    }
-    function handleSubmit() {
-      submitLoading.value = true;
-      setTimeout(() => {
-        submitLoading.value = false;
-      }, 1500);
-      onlineFormCompRef.value.handleSubmit();
-    }
-    function handleCancel() {
-      closeModal();
-    }
-    function handleSuccess(formData) {
-      emit("success", formData);
-      closeModal();
-    }
     const that = {
       title,
       onlineFormCompRef,
-      formRendered,
       renderSuccess,
       registerModal,
       handleSubmit,
@@ -192,21 +137,26 @@ const _sfc_main = defineComponent({
       handleCgButtonClick,
       isTreeForm,
       pidFieldName,
-      submitLoading
+      submitLoading,
+      tableName,
+      formDataId,
+      enableComment,
+      commentPanelRef
     };
     return that;
   }
 });
-const _hoisted_1 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
-const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u5173\u95ED");
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_button = resolveComponent("a-button");
   const _component_online_form = resolveComponent("online-form");
+  const _component_comment_panel = resolveComponent("comment-panel");
   const _component_BasicModal = resolveComponent("BasicModal");
   return openBlock(), createBlock(_component_BasicModal, mergeProps({
     title: _ctx.title,
+    enableComment: _ctx.enableComment,
     width: _ctx.modalWidth
   }, _ctx.$attrs, {
+    height: 600,
     onRegister: _ctx.registerModal,
     wrapClassName: "jeecg-online-modal",
     onOk: _ctx.handleSubmit
@@ -232,7 +182,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         loading: _ctx.submitLoading
       }, {
         default: withCtx(() => [
-          _hoisted_1
+          createTextVNode("\u786E\u5B9A")
         ]),
         _: 1
       }, 8, ["onClick", "loading"])) : createCommentVNode("", true),
@@ -241,11 +191,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _ctx.handleCancel
       }, {
         default: withCtx(() => [
-          _hoisted_2
+          createTextVNode("\u5173\u95ED")
         ]),
         _: 1
       }, 8, ["onClick"])
     ]),
+    comment: withCtx(() => [
+      createVNode(_component_comment_panel, {
+        ref: "commentPanelRef",
+        tableName: _ctx.tableName,
+        dataId: _ctx.formDataId
+      }, null, 8, ["tableName", "dataId"])
+    ]),
     default: withCtx(() => [
       createVNode(_component_online_form, {
         ref: "onlineFormCompRef",
@@ -259,7 +216,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["id", "disabled", "form-template", "isTree", "pidField", "onRendered", "onSuccess"])
     ]),
     _: 1
-  }, 16, ["title", "width", "onRegister", "onOk"]);
+  }, 16, ["title", "enableComment", "width", "onRegister", "onOk"]);
 }
 var OnlineAutoModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { OnlineAutoModal as default };

package/OnlineAutoTreeList.js

@@ -21,46 +21,69 @@ var __async = (__this, __arguments, generator) => {
 import { BasicTable, TableAction } from "/@/components/Table";
 import { useMessage } from "/@/hooks/web/useMessage";
 import OnlineAutoModal from "./OnlineAutoModal.js";
+import OnlineDetailModal from "./OnlineDetailModal.js";
 import OnlineCustomModal from "./OnlineCustomModal.js";
-import { ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, normalizeClass, withCtx, createBlock, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString, withDirectives, vShow, createElementVNode, mergeProps, toHandlers, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
+import { ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, createBlock, normalizeClass, withCtx, createTextVNode, createCommentVNode, Fragment, renderList, toDisplayString, withDirectives, vShow, createElementVNode, mergeProps, toHandlers, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
 import JImportModal from "/@/components/Form/src/jeecg/components/JImportModal.vue";
-import { u as useOnlineTableContext, a as useListButton, b as useTableColumns } from "./useTableColumns.js";
-import { u as useEnhance } from "./OnlineForm.js";
+import { u as useOnlineTableContext, a as useListButton } from "./useListButton.js";
+import { c as useEnhance, j as useTableColumns, g as getRefPromise } from "./useAutoForm.js";
 import { defHttp } from "/@/utils/http/axios";
 import OnlineQueryForm from "./OnlineQueryForm.js";
 import OnlineSuperQuery from "./OnlineSuperQuery.js";
 import { _ as _export_sfc } from "./index.js";
 import "/@/components/Modal";
-import "./useAutoForm.js";
+import "./OnlineForm.js";
+import "/@/components/Form/index";
 import "./FormSchemaFactory.js";
 import "/@/components/Form/src/jeecg/components/JUpload";
+import "/@/utils";
+import "/@/components/Loading";
+import "/@/components/jeecg/JVxeTable/types";
+import "/@/utils/auth";
+import "@ant-design/icons-vue";
+import "/@/hooks/core/useContext";
+import "/@/utils/mitt";
+import "./pick.js";
+import "./_flatRest.js";
+import "./isArray.js";
+import "./toString.js";
+import "./_arrayPush.js";
+import "./omit.js";
+import "./_baseClone.js";
+import "./_baseSlice.js";
 import "/@/views/system/user/user.api";
+import "./_commonjsHelpers.js";
 import "/@/store/modules/user";
-import "/@/utils";
 import "/@/utils/desform/customExpression";
 import "/@/components/Form/src/componentMap";
 import "./OnlineSelectCascade.js";
 import "/@/components/jeecg/OnLine/JPopupOnlReport.vue";
 import "vue-router";
-import "/@/components/Form/index";
-import "/@/components/Loading";
-import "./OnlineSubForm.js";
-import "./pick.js";
-import "./isArray.js";
-import "./toString.js";
-import "./_arrayPush.js";
+import "/@/store/modules/permission";
+import "/@/utils/propTypes";
+import "/@/utils/dict/JDictSelectUtil";
 import "/@/utils/common/compUtils";
+import "/@/hooks/system/useListPage";
+import "/@/components/Form/src/utils/Area";
+import "/@/components/Preview/index";
+import "./LinkTableListPiece.js";
+import "./JModalTip.js";
+import "ant-design-vue";
+import "@vueuse/core";
+import "/@/components/jeecg/comment/CommentPanel.vue";
+import "./OnlineFormDetail.js";
+import "./DetailForm.js";
+import "/@/utils/dict";
+import "/@/utils/dict/index";
+import "/@/api/common/api";
+import "./OnlineSubFormDetail.js";
+import "/@/router";
 import "/@/utils/cache";
 import "/@/hooks/core/onMountedOrActivated";
-import "ant-design-vue";
 import "/@/hooks/system/useMethods";
-import "/@/utils/dict/JDictSelectUtil";
-import "/@/components/Form/src/utils/Area";
-import "/@/components/Preview/index";
 import "./OnlineSuperQueryValComponent.vue_vue_type_script_lang.js";
 import "/@/components/Form/src/helper";
 import "/@/utils/is";
-import "@ant-design/icons-vue";
 var OnlineAutoTreeList_vue_vue_type_style_index_0_lang = "";
 const _sfc_main = {
   name: "DefaultOnlineList",
@@ -71,7 +94,8 @@ const _sfc_main = {
     JImportModal,
     OnlineQueryForm,
     OnlineSuperQuery,
-    OnlineCustomModal
+    OnlineCustomModal,
+    OnlineDetailModal
   },
   setup() {
     const { createMessage: $message } = useMessage();
@@ -94,7 +118,10 @@ const _sfc_main = {
       registerCustomModal,
       getTreeDataByResult,
       expandedRowKeys,
-      handleExpandedRowsChange
+      handleExpandedRowsChange,
+      tableReloading,
+      onlineExtConfigJson,
+      handleFormConfig
     } = useOnlineTableContext();
     if (!ID.value) {
       $message.warning("\u5730\u5740\u9519\u8BEF, \u914D\u7F6EID\u4E0D\u5B58\u5728!");
@@ -121,8 +148,9 @@ const _sfc_main = {
       getDropDownActions,
       getActions,
       initButtonList,
-      initButtonSwitch
-    } = useListButton(onlineTableContext);
+      initButtonSwitch,
+      registerDetailModal
+    } = useListButton(onlineTableContext, onlineExtConfigJson);
     const {
       columns,
       actionColumn,
@@ -137,10 +165,14 @@ const _sfc_main = {
       handleColumnResult,
       hrefComponent,
       viewOnlineCellImage
-    } = useTableColumns(onlineTableContext);
-    watch(ID, () => {
-      initAutoList();
-    }, { immediate: true });
+    } = useTableColumns(onlineTableContext, onlineExtConfigJson);
+    watch(
+      ID,
+      () => {
+        initAutoList();
+      },
+      { immediate: true }
+    );
     function initAutoList() {
       return __async(this, null, function* () {
         loading.value = true;
@@ -170,7 +202,10 @@ const _sfc_main = {
       }
     }
     function onQueryFormLoaded(json) {
-      superQueryButtonRef.value.init(json);
+      return __async(this, null, function* () {
+        yield getRefPromise(superQueryButtonRef);
+        superQueryButtonRef.value.init(json);
+      });
     }
     function handleExpand(expanded, record) {
       let expandedRowKeysValue = expandedRowKeys.value;
@@ -238,7 +273,7 @@ const _sfc_main = {
     }
     const addChildButton = (record) => {
       return {
-        label: "\u6DFB\u52A0\u5B50\u8282\u70B9",
+        label: "\u6DFB\u52A0\u4E0B\u7EA7",
         onClick: handleAddChild.bind(null, record)
       };
     };
@@ -295,6 +330,8 @@ const _sfc_main = {
       registerCustomModal,
       registerImportModal,
       importUrl,
+      handleFormConfig,
+      tableReloading,
       handleSubmitFlow,
       hrefComponent,
       viewOnlineCellImage,
@@ -303,28 +340,24 @@ const _sfc_main = {
       searchReset,
       handleExpand,
       expandedRowKeys,
-      handleExpandedRowsChange
+      handleExpandedRowsChange,
+      registerDetailModal
     };
     return that;
   }
 };
 const _hoisted_1 = { class: "p-2" };
-const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u65B0\u589E");
-const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u5BFC\u5165");
-const _hoisted_4 = /* @__PURE__ */ createTextVNode(" \u5BFC\u51FA");
-const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \u6279\u91CF\u5220\u9664");
-const _hoisted_6 = {
+const _hoisted_2 = {
   key: 0,
   style: { "font-size": "12px", "font-style": "italic" }
 };
-const _hoisted_7 = /* @__PURE__ */ createTextVNode(" \u4E0B\u8F7D ");
-const _hoisted_8 = {
+const _hoisted_3 = {
   key: 0,
   style: { "font-size": "12px", "font-style": "italic" }
 };
-const _hoisted_9 = ["src", "onClick"];
-const _hoisted_10 = ["innerHTML"];
-const _hoisted_11 = ["title"];
+const _hoisted_4 = ["src", "onClick"];
+const _hoisted_5 = ["innerHTML"];
+const _hoisted_6 = ["title"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_online_query_form = resolveComponent("online-query-form");
   const _component_a_button = resolveComponent("a-button");
@@ -335,6 +368,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_JImportModal = resolveComponent("JImportModal");
   const _component_a_modal = resolveComponent("a-modal");
   const _component_online_custom_modal = resolveComponent("online-custom-modal");
+  const _component_online_detail_modal = resolveComponent("online-detail-modal");
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createVNode(_component_online_query_form, {
       ref: "onlineQueryFormOuter",
@@ -342,7 +376,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onSearch: _ctx.queryWithCondition,
       onLoaded: _ctx.onQueryFormLoaded
     }, null, 8, ["id", "onSearch", "onLoaded"]),
-    createVNode(_component_BasicTable, {
+    !_ctx.tableReloading ? (openBlock(), createBlock(_component_BasicTable, {
+      key: 0,
       ref: "onlineTreeTableRef",
       isTreeTable: true,
       expandedRowKeys: _ctx.expandedRowKeys,
@@ -373,7 +408,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _ctx.handleAdd
         }, {
           default: withCtx(() => [
-            _hoisted_2
+            createTextVNode("\u65B0\u589E")
           ]),
           _: 1
         }, 8, ["onClick"])) : createCommentVNode("", true),
@@ -384,7 +419,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _ctx.onImportExcel
         }, {
           default: withCtx(() => [
-            _hoisted_3
+            createTextVNode("\u5BFC\u5165")
           ]),
           _: 1
         }, 8, ["onClick"])) : createCommentVNode("", true),
@@ -395,7 +430,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _ctx.onExportExcel
         }, {
           default: withCtx(() => [
-            _hoisted_4
+            createTextVNode(" \u5BFC\u51FA")
           ]),
           _: 1
         }, 8, ["onClick"])) : createCommentVNode("", true),
@@ -430,7 +465,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _ctx.handleBatchDelete
         }, {
           default: withCtx(() => [
-            _hoisted_5
+            createTextVNode(" \u6279\u91CF\u5220\u9664")
           ]),
           _: 1
         }, 8, ["onClick"])), [
@@ -444,7 +479,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["status", "onSearch"])) : createCommentVNode("", true)
       ]),
       fileSlot: withCtx(({ text }) => [
-        !text ? (openBlock(), createElementBlock("span", _hoisted_6, "\u65E0\u6587\u4EF6")) : (openBlock(), createBlock(_component_a_button, {
+        !text ? (openBlock(), createElementBlock("span", _hoisted_2, "\u65E0\u6587\u4EF6")) : (openBlock(), createBlock(_component_a_button, {
           key: 1,
           ghost: true,
           type: "primary",
@@ -453,27 +488,27 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: ($event) => _ctx.downloadRowFile(text)
         }, {
           default: withCtx(() => [
-            _hoisted_7
+            createTextVNode(" \u4E0B\u8F7D ")
           ]),
           _: 2
         }, 1032, ["onClick"]))
       ]),
       imgSlot: withCtx(({ text }) => [
-        !text ? (openBlock(), createElementBlock("span", _hoisted_8, "\u65E0\u56FE\u7247")) : (openBlock(), createElementBlock("img", {
+        !text ? (openBlock(), createElementBlock("span", _hoisted_3, "\u65E0\u56FE\u7247")) : (openBlock(), createElementBlock("img", {
           key: 1,
           src: _ctx.getImgView(text),
           alt: "\u56FE\u7247\u4E0D\u5B58\u5728",
           class: "online-cell-image",
           onClick: ($event) => _ctx.viewOnlineCellImage(text)
-        }, null, 8, _hoisted_9))
+        }, null, 8, _hoisted_4))
       ]),
       htmlSlot: withCtx(({ text }) => [
-        createElementVNode("div", { innerHTML: text }, null, 8, _hoisted_10)
+        createElementVNode("div", { innerHTML: text }, null, 8, _hoisted_5)
       ]),
       pcaSlot: withCtx(({ text }) => [
         createElementVNode("div", {
           title: _ctx.getPcaText(text)
-        }, toDisplayString(_ctx.getPcaText(text)), 9, _hoisted_11)
+        }, toDisplayString(_ctx.getPcaText(text)), 9, _hoisted_6)
       ]),
       dateSlot: withCtx(({ text }) => [
         createElementVNode("span", null, toDisplayString(_ctx.getFormatDate(text)), 1)
@@ -485,12 +520,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["actions", "dropDownActions"])
       ]),
       _: 1
-    }, 8, ["expandedRowKeys", "onExpandedRowsChange", "onExpand", "loading", "columns", "dataSource", "pagination", "rowSelection", "actionColumn", "scroll", "onTableRedo", "class", "onChange"]),
+    }, 8, ["expandedRowKeys", "onExpandedRowsChange", "onExpand", "loading", "columns", "dataSource", "pagination", "rowSelection", "actionColumn", "scroll", "onTableRedo", "class", "onChange"])) : createCommentVNode("", true),
     createVNode(_component_OnlineAutoModal, {
       id: _ctx.ID,
       onRegister: _ctx.registerModal,
-      onSuccess: _ctx.handlerFormSuccess
-    }, null, 8, ["id", "onRegister", "onSuccess"]),
+      onSuccess: _ctx.handlerFormSuccess,
+      onFormConfig: _ctx.handleFormConfig
+    }, null, 8, ["id", "onRegister", "onSuccess", "onFormConfig"]),
     createVNode(_component_JImportModal, {
       onRegister: _ctx.registerImportModal,
       url: _ctx.importUrl(),
@@ -506,7 +542,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_online_custom_modal, {
       onRegister: _ctx.registerCustomModal,
       onSuccess: _ctx.reload
-    }, null, 8, ["onRegister", "onSuccess"])
+    }, null, 8, ["onRegister", "onSuccess"]),
+    createVNode(_component_online_detail_modal, {
+      id: _ctx.ID,
+      onRegister: _ctx.registerDetailModal
+    }, null, 8, ["id", "onRegister"])
   ]);
 }
 var OnlineAutoTreeList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);