@xjw_/vue3-npm-system 1.4.0 → 1.5.0

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import Cookies from "js-cookie";
 import axios from "axios";
-import { ElMessage, ElInput, ElOption, ElCascader, ElDatePicker, ElSelect } from "element-plus";
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, createElementVNode, ref, watch, resolveComponent, createBlock, provide, withCtx, createVNode, normalizeStyle, renderSlot, inject, normalizeClass, createCommentVNode, Fragment, renderList, createSlots, getCurrentInstance, toDisplayString, useSlots, onMounted, unref, withKeys, createTextVNode, withDirectives, resolveDynamicComponent, vShow, nextTick, normalizeProps, guardReactiveProps, reactive } from "vue";
+import { ElMessage, ElInput, ElOption, ElCascader, ElDatePicker, ElSelect, ElMessageBox } from "element-plus";
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, createElementVNode, ref, watch, resolveComponent, createBlock, provide, withCtx, createVNode, normalizeStyle, renderSlot, inject, normalizeClass, createCommentVNode, Fragment, renderList, createSlots, getCurrentInstance, toDisplayString, useSlots, onMounted, unref, withKeys, createTextVNode, withDirectives, resolveDynamicComponent, vShow, nextTick, normalizeProps, guardReactiveProps, reactive, withModifiers } from "vue";
 function debounce$1(func, wait) {
   let timeout = null;
   return function(...args) {
@@ -1301,25 +1301,25 @@ const _hoisted_5$3 = ["onClick"];
 const _hoisted_6$3 = { class: "report-text-primary" };
 const _hoisted_7$3 = { class: "report-text-primary" };
 const _hoisted_8$3 = { class: "report-text-primary" };
-const _hoisted_9$1 = { class: "report-flex report-justify-between" };
-const _hoisted_10$1 = { class: "" };
-const _hoisted_11$1 = { class: "" };
-const _hoisted_12$1 = { key: 0 };
-const _hoisted_13$1 = { class: "" };
-const _hoisted_14$1 = { class: "" };
-const _hoisted_15$1 = { key: 1 };
-const _hoisted_16$1 = { class: "" };
-const _hoisted_17$1 = { class: "" };
-const _hoisted_18 = { class: "" };
-const _hoisted_19 = { class: "" };
-const _hoisted_20 = { class: "report-body" };
-const _hoisted_21 = { class: "report-flex report-justify-between" };
-const _hoisted_22 = { class: "" };
-const _hoisted_23 = { class: "" };
-const _hoisted_24 = { key: 0 };
-const _hoisted_25 = { class: "" };
-const _hoisted_26 = { class: "" };
-const _hoisted_27 = { class: "" };
+const _hoisted_9$2 = { class: "report-flex report-justify-between" };
+const _hoisted_10$2 = { class: "" };
+const _hoisted_11$2 = { class: "" };
+const _hoisted_12$2 = { key: 0 };
+const _hoisted_13$2 = { class: "" };
+const _hoisted_14$2 = { class: "" };
+const _hoisted_15$2 = { key: 1 };
+const _hoisted_16$2 = { class: "" };
+const _hoisted_17$2 = { class: "" };
+const _hoisted_18$1 = { class: "" };
+const _hoisted_19$1 = { class: "" };
+const _hoisted_20$1 = { class: "report-body" };
+const _hoisted_21$1 = { class: "report-flex report-justify-between" };
+const _hoisted_22$1 = { class: "" };
+const _hoisted_23$1 = { class: "" };
+const _hoisted_24$1 = { key: 0 };
+const _hoisted_25$1 = { class: "" };
+const _hoisted_26$1 = { class: "" };
+const _hoisted_27$1 = { class: "" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "XReportTable",
   props: {
@@ -1564,30 +1564,30 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           ref_key: "reportHeaderRef",
           ref: reportHeaderRef
         }, [
-          createElementVNode("div", _hoisted_9$1, [
+          createElementVNode("div", _hoisted_9$2, [
             createElementVNode("div", null, [
               _cache[3] || (_cache[3] = createElementVNode("span", { class: "" }, "制表单位：", -1)),
-              createElementVNode("span", _hoisted_10$1, toDisplayString(organizationNameDisplay.value), 1)
+              createElementVNode("span", _hoisted_10$2, toDisplayString(organizationNameDisplay.value), 1)
             ]),
             createElementVNode("div", null, [
               _cache[4] || (_cache[4] = createElementVNode("span", { class: "" }, "日期范围：", -1)),
-              createElementVNode("span", _hoisted_11$1, toDisplayString(dateRangeDisplay.value), 1)
+              createElementVNode("span", _hoisted_11$2, toDisplayString(dateRangeDisplay.value), 1)
             ]),
-            __props.customHeader1Label ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
-              createElementVNode("span", _hoisted_13$1, toDisplayString(__props.customHeader1Label) + "：", 1),
-              createElementVNode("span", _hoisted_14$1, toDisplayString(__props.customHeader1 || ""), 1)
+            __props.customHeader1Label ? (openBlock(), createElementBlock("div", _hoisted_12$2, [
+              createElementVNode("span", _hoisted_13$2, toDisplayString(__props.customHeader1Label) + "：", 1),
+              createElementVNode("span", _hoisted_14$2, toDisplayString(__props.customHeader1 || ""), 1)
             ])) : createCommentVNode("", true),
-            __props.customHeader2Label ? (openBlock(), createElementBlock("div", _hoisted_15$1, [
-              createElementVNode("span", _hoisted_16$1, toDisplayString(__props.customHeader2Label) + "：", 1),
-              createElementVNode("span", _hoisted_17$1, toDisplayString(__props.customHeader2 || ""), 1)
+            __props.customHeader2Label ? (openBlock(), createElementBlock("div", _hoisted_15$2, [
+              createElementVNode("span", _hoisted_16$2, toDisplayString(__props.customHeader2Label) + "：", 1),
+              createElementVNode("span", _hoisted_17$2, toDisplayString(__props.customHeader2 || ""), 1)
             ])) : createCommentVNode("", true),
             createElementVNode("div", null, [
-              createElementVNode("span", _hoisted_18, toDisplayString(__props.customHeader3Label) + toDisplayString(__props.customHeader3Label ? "：" : ""), 1),
-              createElementVNode("span", _hoisted_19, toDisplayString(__props.customHeader3 || ""), 1)
+              createElementVNode("span", _hoisted_18$1, toDisplayString(__props.customHeader3Label) + toDisplayString(__props.customHeader3Label ? "：" : ""), 1),
+              createElementVNode("span", _hoisted_19$1, toDisplayString(__props.customHeader3 || ""), 1)
             ])
           ])
         ], 512),
-        createElementVNode("div", _hoisted_20, [
+        createElementVNode("div", _hoisted_20$1, [
           createVNode(XVxeTable, {
             ref_key: "repVxeTableRef",
             ref: repVxeTableRef,
@@ -1619,22 +1619,22 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           ref_key: "reportFooterRef",
           ref: reportFooterRef
         }, [
-          createElementVNode("div", _hoisted_21, [
+          createElementVNode("div", _hoisted_21$1, [
             createElementVNode("div", null, [
               _cache[5] || (_cache[5] = createElementVNode("span", { class: "" }, "审核人员：", -1)),
-              createElementVNode("span", _hoisted_22, toDisplayString(__props.auditorName || ""), 1)
+              createElementVNode("span", _hoisted_22$1, toDisplayString(__props.auditorName || ""), 1)
             ]),
             createElementVNode("div", null, [
               _cache[6] || (_cache[6] = createElementVNode("span", { class: "" }, "制表人员：", -1)),
-              createElementVNode("span", _hoisted_23, toDisplayString(creatorNameDisplay.value), 1)
+              createElementVNode("span", _hoisted_23$1, toDisplayString(creatorNameDisplay.value), 1)
             ]),
-            __props.customFooterFieldLabel ? (openBlock(), createElementBlock("div", _hoisted_24, [
-              createElementVNode("span", _hoisted_25, toDisplayString(__props.customFooterFieldLabel) + "：", 1),
-              createElementVNode("span", _hoisted_26, toDisplayString(__props.customFooterField || ""), 1)
+            __props.customFooterFieldLabel ? (openBlock(), createElementBlock("div", _hoisted_24$1, [
+              createElementVNode("span", _hoisted_25$1, toDisplayString(__props.customFooterFieldLabel) + "：", 1),
+              createElementVNode("span", _hoisted_26$1, toDisplayString(__props.customFooterField || ""), 1)
             ])) : createCommentVNode("", true),
             createElementVNode("div", null, [
               _cache[7] || (_cache[7] = createElementVNode("span", { class: "" }, "打印日期：", -1)),
-              createElementVNode("span", _hoisted_27, toDisplayString(formattedPrintDate.value), 1)
+              createElementVNode("span", _hoisted_27$1, toDisplayString(formattedPrintDate.value), 1)
             ])
           ])
         ], 512)
@@ -1666,27 +1666,27 @@ const _hoisted_7$2 = {
   class: "search-top-extra-label"
 };
 const _hoisted_8$2 = { class: "search-top-extra-content" };
-const _hoisted_9 = {
+const _hoisted_9$1 = {
   key: 1,
   class: "search-top-extra-item"
 };
-const _hoisted_10 = {
+const _hoisted_10$1 = {
   key: 0,
   class: "search-top-extra-label"
 };
-const _hoisted_11 = { class: "search-top-extra-content" };
-const _hoisted_12 = {
+const _hoisted_11$1 = { class: "search-top-extra-content" };
+const _hoisted_12$1 = {
   key: 2,
   class: "search-top-extra-item"
 };
-const _hoisted_13 = {
+const _hoisted_13$1 = {
   key: 0,
   class: "search-top-extra-label"
 };
-const _hoisted_14 = { class: "search-top-extra-content" };
-const _hoisted_15 = { class: "search-top__actions" };
-const _hoisted_16 = { class: "search-form__buttons" };
-const _hoisted_17 = { class: "search-form__buttons" };
+const _hoisted_14$1 = { class: "search-top-extra-content" };
+const _hoisted_15$1 = { class: "search-top__actions" };
+const _hoisted_16$1 = { class: "search-form__buttons" };
+const _hoisted_17$1 = { class: "search-form__buttons" };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "XSearchBar",
   props: {
@@ -1984,21 +1984,21 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "text1", {}, void 0, true)
                   ])
                 ])) : createCommentVNode("", true),
-                unref(slots).text2 ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                  __props.text2 ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(__props.text2) + "：", 1)) : createCommentVNode("", true),
-                  createElementVNode("div", _hoisted_11, [
+                unref(slots).text2 ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
+                  __props.text2 ? (openBlock(), createElementBlock("span", _hoisted_10$1, toDisplayString(__props.text2) + "：", 1)) : createCommentVNode("", true),
+                  createElementVNode("div", _hoisted_11$1, [
                     renderSlot(_ctx.$slots, "text2", {}, void 0, true)
                   ])
                 ])) : createCommentVNode("", true),
-                unref(slots).text3 ? (openBlock(), createElementBlock("div", _hoisted_12, [
-                  __props.text3 ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(__props.text3) + "：", 1)) : createCommentVNode("", true),
-                  createElementVNode("div", _hoisted_14, [
+                unref(slots).text3 ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
+                  __props.text3 ? (openBlock(), createElementBlock("span", _hoisted_13$1, toDisplayString(__props.text3) + "：", 1)) : createCommentVNode("", true),
+                  createElementVNode("div", _hoisted_14$1, [
                     renderSlot(_ctx.$slots, "text3", {}, void 0, true)
                   ])
                 ])) : createCommentVNode("", true)
               ], 2)
             ]),
-            createElementVNode("div", _hoisted_15, [
+            createElementVNode("div", _hoisted_15$1, [
               createVNode(_component_el_button, {
                 plain: "",
                 onClick: reset
@@ -2046,7 +2046,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   span: buttonItemSpan.value
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_16, [
+                    createElementVNode("div", _hoisted_16$1, [
                       createVNode(_component_el_button, {
                         plain: "",
                         onClick: reset
@@ -2120,7 +2120,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   span: buttonItemSpan.value
                 }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_17, [
+                    createElementVNode("div", _hoisted_17$1, [
                       createVNode(_component_el_button, {
                         plain: "",
                         onClick: reset
@@ -2553,44 +2553,94 @@ const XVxeColumn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data
 function createSearchApi(serverBaseURL) {
   const request = createRequest({ baseURL: serverBaseURL });
   return {
-    // 获取设置的列表
-    listByCurrentUser(data) {
-      return request({
-        url: "/plugin/system/field/user/listByCurrentUser",
-        method: "post",
-        data: { systemId: "1233849248630274", systemName: "进销存", ...data }
-      });
+    // 查询所有系统
+    sysList(data) {
+      return request({ url: "/plugin/system/list", method: "post", data });
     },
     // 新增系统
     sysSave(data) {
       return request({ url: "/plugin/system/save", method: "post", data });
     },
-    // 查询系统
-    sysList(data) {
-      return request({ url: "/plugin/system/list", method: "post", data });
+    // 修改系统
+    sysUpdate(data) {
+      return request({ url: "/plugin/system/update", method: "post", data });
     },
-    // 新增模块、页面
+    // 新增模块/页面
     moduleSave(data) {
       return request({ url: "/plugin/module/save", method: "post", data });
     },
-    // 获取模块、页面
+    // 修改模块/页面
+    moduleUpdate(data) {
+      return request({ url: "/plugin/module/update", method: "post", data });
+    },
+    // 删除模块/页面
+    moduleDelete(id) {
+      return request({ url: `/plugin/module/delete/${id}`, method: "post" });
+    },
+    // 查询模块/页面列表
     moduleList(data) {
       return request({ url: "/plugin/module/list", method: "post", params: data });
     },
-    // 新增页面字段
-    saveOrUpdate(data) {
+    // 新增或修改字段
+    fieldSaveOrUpdate(data) {
       return request({ url: "/plugin/system/field/saveOrUpdate", method: "post", data });
+    },
+    // 字段分页查询
+    fieldPageView(data) {
+      return request({ url: "/plugin/system/field/pageView", method: "post", data });
+    },
+    // 获取用户字段列表（兼容旧接口）
+    listByCurrentUser(data) {
+      return request({
+        url: "/plugin/system/field/user/listByCurrentUser",
+        method: "post",
+        data: { systemId: "1233849248630274", systemName: "进销存", ...data }
+      });
     }
   };
 }
-const _hoisted_1 = { class: "search-bar-config" };
-const _hoisted_2 = { class: "section" };
-const _hoisted_3 = { class: "section__body" };
-const _hoisted_4 = { class: "section" };
-const _hoisted_5 = { class: "section__body" };
-const _hoisted_6 = { class: "section" };
-const _hoisted_7 = { class: "section__body section__body--grid" };
-const _hoisted_8 = { class: "section__body section__body--grid" };
+const _hoisted_1 = { class: "x-search-bar-config" };
+const _hoisted_2 = { class: "config-sidebar" };
+const _hoisted_3 = { class: "config-sidebar__header" };
+const _hoisted_4 = { class: "config-sidebar__list" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "config-sidebar__item-info" };
+const _hoisted_7 = { class: "config-sidebar__item-name" };
+const _hoisted_8 = { class: "config-sidebar__item-id" };
+const _hoisted_9 = {
+  key: 0,
+  class: "config-sidebar__empty"
+};
+const _hoisted_10 = {
+  key: 0,
+  class: "config-sidebar__modules"
+};
+const _hoisted_11 = { class: "config-sidebar__header" };
+const _hoisted_12 = { class: "config-sidebar__list" };
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = { class: "config-sidebar__item-info" };
+const _hoisted_15 = { class: "config-sidebar__item-name" };
+const _hoisted_16 = { class: "config-sidebar__item-id" };
+const _hoisted_17 = {
+  key: 0,
+  class: "config-sidebar__empty"
+};
+const _hoisted_18 = { class: "config-content" };
+const _hoisted_19 = { class: "config-section" };
+const _hoisted_20 = { class: "config-section__header" };
+const _hoisted_21 = { class: "config-section__title" };
+const _hoisted_22 = {
+  key: 0,
+  class: "config-section__actions"
+};
+const _hoisted_23 = { class: "config-form__grid" };
+const _hoisted_24 = { class: "config-form__grid config-form__grid--2col" };
+const _hoisted_25 = { class: "config-form__footer" };
+const _hoisted_26 = { class: "config-section" };
+const _hoisted_27 = {
+  key: 1,
+  class: "config-content__empty"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SearchBar",
   props: {
@@ -2606,18 +2656,131 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const api = createSearchApi(props.serverBaseURL);
-    const formRef = ref();
-    const form1Ref = ref();
-    const form2Ref = ref();
-    const form = reactive({
-      systemName: "",
-      status: 1
-    });
-    const form1 = reactive({
-      moduleCode: "",
-      moduleName: "",
-      status: 1
-    });
+    const systemList = ref([]);
+    const currentSystemId = ref("");
+    const currentSystemName = ref("");
+    const systemDialogVisible = ref(false);
+    const editingSystem = ref(null);
+    const systemFormRef = ref();
+    const systemForm = reactive({ systemName: "" });
+    function getSystemList() {
+      api.sysList().then((res) => {
+        systemList.value = res.data || [];
+        if (props.systemId && !currentSystemId.value) {
+          const found = systemList.value.find((s) => s.id === props.systemId);
+          if (found) {
+            selectSystem(found);
+          }
+        }
+      });
+    }
+    function selectSystem(sys) {
+      currentSystemId.value = sys.id;
+      currentSystemName.value = sys.systemName;
+      getModuleList();
+      getFieldList();
+    }
+    function handleAddSystem() {
+      editingSystem.value = null;
+      systemForm.systemName = "";
+      systemDialogVisible.value = true;
+    }
+    function handleEditSystem(sys) {
+      editingSystem.value = sys;
+      systemForm.systemName = sys.systemName;
+      systemDialogVisible.value = true;
+    }
+    function submitSystem() {
+      var _a;
+      (_a = systemFormRef.value) == null ? void 0 : _a.validate((valid) => {
+        if (!valid) return;
+        if (editingSystem.value) {
+          api.sysUpdate({ id: editingSystem.value.id, systemName: systemForm.systemName, status: 1 }).then(() => {
+            ElMessage.success("修改成功");
+            systemDialogVisible.value = false;
+            getSystemList();
+          });
+        } else {
+          api.sysSave({ systemName: systemForm.systemName, status: 1 }).then(() => {
+            ElMessage.success("新增成功");
+            systemDialogVisible.value = false;
+            getSystemList();
+          });
+        }
+      });
+    }
+    const moduleList = ref([]);
+    const currentModuleId = ref("");
+    const moduleDialogVisible = ref(false);
+    const editingModule = ref(null);
+    const moduleFormRef = ref();
+    const moduleForm = reactive({ moduleCode: "", moduleName: "" });
+    function getModuleList() {
+      if (!currentSystemId.value) return;
+      api.moduleList({ systemId: currentSystemId.value }).then((res) => {
+        moduleList.value = res.data || [];
+      });
+    }
+    function selectModule(mod) {
+      currentModuleId.value = mod.id;
+      getFieldList();
+    }
+    function handleAddModule() {
+      editingModule.value = null;
+      moduleForm.moduleCode = "";
+      moduleForm.moduleName = "";
+      moduleDialogVisible.value = true;
+    }
+    function handleEditModule(mod) {
+      editingModule.value = mod;
+      moduleForm.moduleCode = mod.moduleCode;
+      moduleForm.moduleName = mod.moduleName;
+      moduleDialogVisible.value = true;
+    }
+    function handleDeleteModule(mod) {
+      ElMessageBox.confirm(`确定删除模块「${mod.moduleName}」？`, "提示", { type: "warning" }).then(() => {
+        api.moduleDelete(mod.id).then(() => {
+          ElMessage.success("删除成功");
+          if (currentModuleId.value === mod.id) {
+            currentModuleId.value = "";
+          }
+          getModuleList();
+        });
+      }).catch(() => {
+      });
+    }
+    function submitModule() {
+      var _a;
+      (_a = moduleFormRef.value) == null ? void 0 : _a.validate((valid) => {
+        if (!valid) return;
+        if (editingModule.value) {
+          api.moduleUpdate({
+            id: editingModule.value.id,
+            moduleCode: moduleForm.moduleCode,
+            moduleName: moduleForm.moduleName,
+            systemId: currentSystemId.value,
+            status: 1
+          }).then(() => {
+            ElMessage.success("修改成功");
+            moduleDialogVisible.value = false;
+            getModuleList();
+          });
+        } else {
+          api.moduleSave({
+            moduleCode: moduleForm.moduleCode,
+            moduleName: moduleForm.moduleName,
+            systemId: currentSystemId.value,
+            status: 1
+          }).then(() => {
+            ElMessage.success("新增成功");
+            moduleDialogVisible.value = false;
+            getModuleList();
+          });
+        }
+      });
+    }
+    const fieldFormRef = ref();
+    const editingField = ref(null);
     const fieldTypeOptions = [
       { label: "文本框", value: "el-input" },
       { label: "下拉框", value: "el-select" },
@@ -2626,7 +2789,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { label: "部门选择", value: "h-select-tree-dep" },
       { label: "所选组织名称", value: "h-select-org" }
     ];
-    const form2 = reactive({
+    const fieldForm = reactive({
+      id: "",
       attribute: "",
       fieldJavaName: "",
       fieldName: "",
@@ -2635,440 +2799,694 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       moduleId: "",
       dictKey: "",
       selType: "3",
-      status: 1,
       isCache: false
     });
-    const rules = reactive({});
-    const rules1 = reactive({});
-    const rules2 = reactive({});
-    const moduleList = ref([]);
-    watch(() => form2.fieldName, () => handleFieldChange(), { immediate: true });
-    watch(() => form2.fieldType, () => handleFieldChange(), { immediate: true });
-    watch(() => form2.selType, () => selTypeFieldChange(), { immediate: true });
+    const fieldTableData = ref([]);
+    const fieldPage = reactive({
+      currentPage: 1,
+      pageSize: 20,
+      total: 0
+    });
+    watch(() => fieldForm.fieldName, () => handleFieldChange(), { immediate: false });
+    watch(() => fieldForm.fieldType, () => handleFieldChange(), { immediate: false });
+    watch(() => fieldForm.selType, () => selTypeFieldChange(), { immediate: false });
     function selTypeFieldChange() {
-      const newVal = form2.selType;
-      if (newVal === "1") {
-        form2.dictKey = JSON.stringify({ type: "dict", label: "dictLabel", value: "dictValue", key: "" }, null, 2);
-      } else if (newVal === "2") {
-        form2.dictKey = JSON.stringify({ type: "compound", label: "label", value: "value", url: "" }, null, 2);
+      const val = fieldForm.selType;
+      if (val === "1") {
+        fieldForm.dictKey = JSON.stringify({ type: "dict", label: "dictLabel", value: "dictValue", key: "" }, null, 2);
+      } else if (val === "2") {
+        fieldForm.dictKey = JSON.stringify({ type: "compound", label: "label", value: "value", url: "" }, null, 2);
       } else {
-        form2.dictKey = JSON.stringify({ type: "normal", label: "label", value: "value", key: "" }, null, 2);
+        fieldForm.dictKey = JSON.stringify({ type: "normal", label: "label", value: "value", key: "" }, null, 2);
       }
     }
     function handleFieldChange() {
-      const newVal = form2.fieldType;
-      if (newVal === "el-input") {
-        form2.attribute = JSON.stringify({ placeholder: "请输入" + form2.fieldName, clearable: true }, null, 2);
-        form2.dictKey = "{}";
-      } else if (newVal === "el-select") {
-        form2.attribute = JSON.stringify({ placeholder: "请选择" + form2.fieldName, filterable: true, clearable: true }, null, 2);
-      } else if (newVal === "el-date-picker") {
-        if (form2.fieldName.indexOf("日期") > -1) {
-          form2.attribute = JSON.stringify({ type: "date", placeholder: "请选择" + form2.fieldName, "value-format": "YYYY-MM-DD", clearable: true }, null, 2);
+      const val = fieldForm.fieldType;
+      if (val === "el-input") {
+        fieldForm.attribute = JSON.stringify({ placeholder: "请输入" + fieldForm.fieldName, clearable: true }, null, 2);
+        fieldForm.dictKey = "{}";
+      } else if (val === "el-select") {
+        fieldForm.attribute = JSON.stringify({ placeholder: "请选择" + fieldForm.fieldName, filterable: true, clearable: true }, null, 2);
+      } else if (val === "el-date-picker") {
+        if (fieldForm.fieldName.indexOf("日期") > -1) {
+          fieldForm.attribute = JSON.stringify({ type: "date", placeholder: "请选择" + fieldForm.fieldName, "value-format": "YYYY-MM-DD", clearable: true }, null, 2);
         } else {
-          form2.attribute = JSON.stringify({ type: "date", placeholder: "请选择" + form2.fieldName, "value-format": "YYYY-MM-DD HH:mm:ss", clearable: true }, null, 2);
+          fieldForm.attribute = JSON.stringify({ type: "date", placeholder: "请选择" + fieldForm.fieldName, "value-format": "YYYY-MM-DD HH:mm:ss", clearable: true }, null, 2);
         }
-      } else if (newVal === "h-select-org") {
-        form2.fieldName = "所选组织名称";
-        form2.fieldJavaName = "orgIds";
-        form2.attribute = JSON.stringify({ placeholder: "请选择" + form2.fieldName, filterable: true, multiple: true, disabled: false, clearable: false }, null, 2);
+      } else if (val === "h-select-org") {
+        fieldForm.fieldName = "所选组织名称";
+        fieldForm.fieldJavaName = "orgIds";
+        fieldForm.attribute = JSON.stringify({ placeholder: "请选择" + fieldForm.fieldName, filterable: true, multiple: true, disabled: false, clearable: false }, null, 2);
       } else {
-        form2.attribute = "{}";
+        fieldForm.attribute = "{}";
       }
     }
-    function getModuleList() {
-      api.moduleList({ systemId: props.systemId }).then((res) => {
-        moduleList.value = res.data;
-        if (moduleList.value.length > 0) {
-          form2.moduleId = moduleList.value[moduleList.value.length - 1].id;
-        }
-      });
-    }
-    function subSys() {
-      var _a;
-      (_a = formRef.value) == null ? void 0 : _a.validate((valid) => {
-        if (valid) {
-          api.sysSave(form).then(() => {
-            ElMessage.success("保存成功");
-          });
-        }
-      });
-    }
-    function subSys1() {
-      var _a;
-      (_a = form1Ref.value) == null ? void 0 : _a.validate((valid) => {
-        if (valid) {
-          form1.systemId = props.systemId;
-          api.moduleSave(form1).then(() => {
-            ElMessage.success("保存成功");
-            getModuleList();
-          });
-        }
+    function getFieldList() {
+      if (!currentSystemId.value) return;
+      const params = {
+        systemId: currentSystemId.value,
+        currentPage: fieldPage.currentPage,
+        pageSize: fieldPage.pageSize
+      };
+      if (currentModuleId.value) {
+        params.moduleId = currentModuleId.value;
+      }
+      api.fieldPageView(params).then((res) => {
+        const data = res.data || {};
+        fieldTableData.value = data.records || data.list || [];
+        fieldPage.total = data.total || 0;
       });
     }
-    function subSys2() {
+    function handleFieldPageChange(page, pageSize) {
+      fieldPage.currentPage = page;
+      fieldPage.pageSize = pageSize;
+      getFieldList();
+    }
+    function handleEditField(row) {
+      editingField.value = row;
+      fieldForm.id = row.id || "";
+      fieldForm.fieldName = row.fieldName || "";
+      fieldForm.fieldJavaName = row.fieldJavaName || "";
+      fieldForm.fieldType = row.fieldType || "el-input";
+      fieldForm.isRequire = row.isRequire || "0";
+      fieldForm.moduleId = row.moduleId || "";
+      fieldForm.attribute = row.attribute || "";
+      fieldForm.dictKey = row.dictKey || "";
+      fieldForm.isCache = row.isCache || false;
+      fieldForm.selType = "3";
+    }
+    function cancelEditField() {
+      editingField.value = null;
+      resetFieldForm();
+    }
+    function resetFieldForm() {
+      fieldForm.id = "";
+      fieldForm.fieldName = "";
+      fieldForm.fieldJavaName = "";
+      fieldForm.fieldType = "el-input";
+      fieldForm.isRequire = "0";
+      fieldForm.moduleId = currentModuleId.value || "";
+      fieldForm.attribute = "";
+      fieldForm.dictKey = "";
+      fieldForm.selType = "3";
+      fieldForm.isCache = false;
+      editingField.value = null;
+    }
+    function submitField() {
       var _a;
-      (_a = form2Ref.value) == null ? void 0 : _a.validate((valid) => {
-        if (valid) {
-          const data = JSON.parse(JSON.stringify(form2));
-          data.systemId = props.systemId;
-          api.saveOrUpdate({ fieldList: [data] }).then(() => {
-            ElMessage.success("保存成功");
-            form2.fieldJavaName = "";
-            if (!form2.isCache) {
-              form2.fieldName = "";
-            }
-          });
+      (_a = fieldFormRef.value) == null ? void 0 : _a.validate((valid) => {
+        if (!valid) return;
+        const data = {
+          ...JSON.parse(JSON.stringify(fieldForm)),
+          systemId: currentSystemId.value,
+          status: 1
+        };
+        if (editingField.value) {
+          data.id = editingField.value.id;
         }
+        api.fieldSaveOrUpdate({ fieldList: [data] }).then(() => {
+          ElMessage.success(editingField.value ? "修改成功" : "新增成功");
+          if (!fieldForm.isCache) {
+            resetFieldForm();
+          }
+          getFieldList();
+        });
       });
     }
     onMounted(() => {
-      getModuleList();
+      getSystemList();
     });
     return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_button = resolveComponent("el-button");
-      const _component_el_form = resolveComponent("el-form");
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_input = resolveComponent("el-input");
       const _component_el_checkbox = resolveComponent("el-checkbox");
+      const _component_el_form = resolveComponent("el-form");
+      const _component_el_tag = resolveComponent("el-tag");
+      const _component_el_empty = resolveComponent("el-empty");
+      const _component_el_dialog = resolveComponent("el-dialog");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_el_form, {
-          rules,
-          model: form,
-          ref_key: "formRef",
-          ref: formRef,
-          "label-suffix": "：",
-          "hide-required-asterisk": "",
-          "show-message": ""
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_2, [
-              _cache[13] || (_cache[13] = createElementVNode("div", { class: "section__title" }, "系统配置", -1)),
-              createElementVNode("div", _hoisted_3, [
-                createVNode(_component_el_form_item, {
-                  label: "系统名称",
-                  prop: "systemName",
-                  class: "form-item--auto"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_input, {
-                      modelValue: form.systemName,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.systemName = $event),
-                      placeholder: "请输入系统名称"
-                    }, null, 8, ["modelValue"])
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            _cache[19] || (_cache[19] = createElementVNode("span", { class: "config-sidebar__title" }, "系统列表", -1)),
+            createVNode(_component_el_button, {
+              type: "primary",
+              size: "small",
+              onClick: handleAddSystem
+            }, {
+              default: withCtx(() => _cache[18] || (_cache[18] = [
+                createTextVNode("新增")
+              ])),
+              _: 1,
+              __: [18]
+            })
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(systemList.value, (sys) => {
+              return openBlock(), createElementBlock("div", {
+                key: sys.id,
+                class: normalizeClass(["config-sidebar__item", { "is-active": currentSystemId.value === sys.id }]),
+                onClick: ($event) => selectSystem(sys)
+              }, [
+                createElementVNode("div", _hoisted_6, [
+                  createElementVNode("span", _hoisted_7, toDisplayString(sys.systemName), 1),
+                  createElementVNode("span", _hoisted_8, "ID: " + toDisplayString(sys.id), 1)
+                ]),
+                createElementVNode("div", {
+                  class: "config-sidebar__item-actions",
+                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    link: "",
+                    size: "small",
+                    onClick: ($event) => handleEditSystem(sys)
+                  }, {
+                    default: withCtx(() => _cache[20] || (_cache[20] = [
+                      createTextVNode("编辑")
+                    ])),
+                    _: 2,
+                    __: [20]
+                  }, 1032, ["onClick"])
+                ])
+              ], 10, _hoisted_5);
+            }), 128)),
+            systemList.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_9, "暂无系统")) : createCommentVNode("", true)
+          ]),
+          currentSystemId.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
+              _cache[22] || (_cache[22] = createElementVNode("span", { class: "config-sidebar__title" }, "模块列表", -1)),
+              createVNode(_component_el_button, {
+                type: "primary",
+                size: "small",
+                onClick: handleAddModule
+              }, {
+                default: withCtx(() => _cache[21] || (_cache[21] = [
+                  createTextVNode("新增")
+                ])),
+                _: 1,
+                __: [21]
+              })
+            ]),
+            createElementVNode("div", _hoisted_12, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(moduleList.value, (mod) => {
+                return openBlock(), createElementBlock("div", {
+                  key: mod.id,
+                  class: normalizeClass(["config-sidebar__item", { "is-active": currentModuleId.value === mod.id }]),
+                  onClick: ($event) => selectModule(mod)
+                }, [
+                  createElementVNode("div", _hoisted_14, [
+                    createElementVNode("span", _hoisted_15, toDisplayString(mod.moduleName), 1),
+                    createElementVNode("span", _hoisted_16, toDisplayString(mod.moduleCode), 1)
                   ]),
-                  _: 1
-                }),
-                createVNode(_component_el_form_item, { class: "form-item--btn" }, {
-                  default: withCtx(() => [
+                  createElementVNode("div", {
+                    class: "config-sidebar__item-actions",
+                    onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                    }, ["stop"]))
+                  }, [
                     createVNode(_component_el_button, {
                       type: "primary",
-                      onClick: subSys
+                      link: "",
+                      size: "small",
+                      onClick: ($event) => handleEditModule(mod)
                     }, {
-                      default: withCtx(() => _cache[12] || (_cache[12] = [
-                        createTextVNode("提交")
+                      default: withCtx(() => _cache[23] || (_cache[23] = [
+                        createTextVNode("编辑")
                       ])),
-                      _: 1,
-                      __: [12]
-                    })
-                  ]),
-                  _: 1
-                })
-              ])
-            ])
-          ]),
-          _: 1
-        }, 8, ["rules", "model"]),
-        createVNode(_component_el_form, {
-          rules: rules1,
-          model: form1,
-          ref_key: "form1Ref",
-          ref: form1Ref,
-          "label-suffix": "：",
-          "hide-required-asterisk": "",
-          "show-message": ""
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_4, [
-              _cache[15] || (_cache[15] = createElementVNode("div", { class: "section__title" }, "模块/页面配置", -1)),
-              createElementVNode("div", _hoisted_5, [
-                createVNode(_component_el_form_item, {
-                  label: "模块/页面code",
-                  prop: "moduleCode",
-                  class: "form-item--auto"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_input, {
-                      modelValue: form1.moduleCode,
-                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form1.moduleCode = $event),
-                      placeholder: "请输入"
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_form_item, {
-                  label: "模块/页面名称",
-                  prop: "moduleName",
-                  class: "form-item--auto"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_input, {
-                      modelValue: form1.moduleName,
-                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form1.moduleName = $event),
-                      placeholder: "请输入"
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_form_item, { class: "form-item--btn" }, {
-                  default: withCtx(() => [
+                      _: 2,
+                      __: [23]
+                    }, 1032, ["onClick"]),
                     createVNode(_component_el_button, {
-                      type: "primary",
-                      onClick: subSys1
+                      type: "danger",
+                      link: "",
+                      size: "small",
+                      onClick: ($event) => handleDeleteModule(mod)
                     }, {
-                      default: withCtx(() => _cache[14] || (_cache[14] = [
-                        createTextVNode("提交")
+                      default: withCtx(() => _cache[24] || (_cache[24] = [
+                        createTextVNode("删除")
                       ])),
-                      _: 1,
-                      __: [14]
-                    })
-                  ]),
-                  _: 1
-                })
-              ])
+                      _: 2,
+                      __: [24]
+                    }, 1032, ["onClick"])
+                  ])
+                ], 10, _hoisted_13);
+              }), 128)),
+              moduleList.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_17, "暂无模块")) : createCommentVNode("", true)
             ])
-          ]),
-          _: 1
-        }, 8, ["rules", "model"]),
-        createVNode(_component_el_form, {
-          rules: rules2,
-          model: form2,
-          ref_key: "form2Ref",
-          ref: form2Ref,
-          "label-suffix": "：",
-          "hide-required-asterisk": "",
-          "show-message": ""
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_6, [
-              _cache[18] || (_cache[18] = createElementVNode("div", { class: "section__title" }, "字段配置", -1)),
-              createElementVNode("div", _hoisted_7, [
-                createVNode(_component_el_form_item, {
-                  label: "模块/页面",
-                  prop: "moduleId"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_select, {
-                      clearable: "",
-                      filterable: "",
-                      modelValue: form2.moduleId,
-                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => form2.moduleId = $event),
-                      placeholder: "请选择"
+          ])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_18, [
+          currentSystemId.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("div", _hoisted_19, [
+              createElementVNode("div", _hoisted_20, [
+                createElementVNode("span", _hoisted_21, toDisplayString(editingField.value ? "编辑字段" : "新增字段"), 1),
+                editingField.value ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                  createVNode(_component_el_button, {
+                    size: "small",
+                    onClick: cancelEditField
+                  }, {
+                    default: withCtx(() => _cache[25] || (_cache[25] = [
+                      createTextVNode("取消编辑")
+                    ])),
+                    _: 1,
+                    __: [25]
+                  })
+                ])) : createCommentVNode("", true)
+              ]),
+              createVNode(_component_el_form, {
+                model: fieldForm,
+                ref_key: "fieldFormRef",
+                ref: fieldFormRef,
+                "label-suffix": "：",
+                "label-width": "110px",
+                "hide-required-asterisk": "",
+                "show-message": "",
+                class: "config-form"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_23, [
+                    createVNode(_component_el_form_item, {
+                      label: "模块/页面",
+                      prop: "moduleId"
                     }, {
                       default: withCtx(() => [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(moduleList.value, (item, index2) => {
-                          return openBlock(), createBlock(_component_el_option, {
-                            key: index2,
-                            label: item.moduleName,
-                            value: item.id
-                          }, null, 8, ["label", "value"]);
-                        }), 128))
+                        createVNode(_component_el_select, {
+                          clearable: "",
+                          filterable: "",
+                          modelValue: fieldForm.moduleId,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => fieldForm.moduleId = $event),
+                          placeholder: "请选择"
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(true), createElementBlock(Fragment, null, renderList(moduleList.value, (item) => {
+                              return openBlock(), createBlock(_component_el_option, {
+                                key: item.id,
+                                label: item.moduleName,
+                                value: item.id
+                              }, null, 8, ["label", "value"]);
+                            }), 128))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }, 8, ["modelValue"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_form_item, {
-                  label: "字段名称",
-                  prop: "fieldName"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_input, {
-                      modelValue: form2.fieldName,
-                      "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form2.fieldName = $event),
-                      placeholder: "请输入"
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_form_item, {
-                  label: "字段Java名称",
-                  prop: "fieldJavaName"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_input, {
-                      modelValue: form2.fieldJavaName,
-                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form2.fieldJavaName = $event),
-                      placeholder: "请输入"
-                    }, null, 8, ["modelValue"])
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_form_item, {
-                  label: "字段类型",
-                  prop: "fieldType"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_select, {
-                      clearable: "",
-                      filterable: "",
-                      modelValue: form2.fieldType,
-                      "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => form2.fieldType = $event),
-                      placeholder: "请选择"
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "字段名称",
+                      prop: "fieldName"
                     }, {
                       default: withCtx(() => [
-                        (openBlock(), createElementBlock(Fragment, null, renderList(fieldTypeOptions, (item, index2) => {
-                          return createVNode(_component_el_option, {
-                            key: index2,
-                            label: item.label,
-                            value: item.value
-                          }, null, 8, ["label", "value"]);
-                        }), 64))
+                        createVNode(_component_el_input, {
+                          modelValue: fieldForm.fieldName,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => fieldForm.fieldName = $event),
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }, 8, ["modelValue"])
-                  ]),
-                  _: 1
-                }),
-                ["el-cascader", "el-select"].includes(form2.fieldType) ? (openBlock(), createBlock(_component_el_form_item, {
-                  key: 0,
-                  label: "下拉框类别",
-                  prop: "selType"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_select, {
-                      clearable: "",
-                      filterable: "",
-                      modelValue: form2.selType,
-                      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => form2.selType = $event),
-                      placeholder: "请选择"
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "字段Java名称",
+                      prop: "fieldJavaName"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: fieldForm.fieldJavaName,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => fieldForm.fieldJavaName = $event),
+                          placeholder: "请输入"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "字段类型",
+                      prop: "fieldType"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_select, {
+                          clearable: "",
+                          filterable: "",
+                          modelValue: fieldForm.fieldType,
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => fieldForm.fieldType = $event),
+                          placeholder: "请选择"
+                        }, {
+                          default: withCtx(() => [
+                            (openBlock(), createElementBlock(Fragment, null, renderList(fieldTypeOptions, (item) => {
+                              return createVNode(_component_el_option, {
+                                key: item.value,
+                                label: item.label,
+                                value: item.value
+                              }, null, 8, ["label", "value"]);
+                            }), 64))
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    ["el-cascader", "el-select"].includes(fieldForm.fieldType) ? (openBlock(), createBlock(_component_el_form_item, {
+                      key: 0,
+                      label: "下拉框类别",
+                      prop: "selType"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_select, {
+                          clearable: "",
+                          filterable: "",
+                          modelValue: fieldForm.selType,
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => fieldForm.selType = $event),
+                          placeholder: "请选择"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_option, {
+                              label: "字典下拉框",
+                              value: "1"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "复合型下拉框",
+                              value: "2"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "普通下拉框",
+                              value: "3"
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true),
+                    createVNode(_component_el_form_item, {
+                      label: "是否必填",
+                      prop: "isRequire"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_select, {
+                          clearable: "",
+                          modelValue: fieldForm.isRequire,
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => fieldForm.isRequire = $event),
+                          placeholder: "请选择"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_option, {
+                              label: "是",
+                              value: "1"
+                            }),
+                            createVNode(_component_el_option, {
+                              label: "否",
+                              value: "0"
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "是否缓存",
+                      prop: "isCache"
                     }, {
                       default: withCtx(() => [
-                        createVNode(_component_el_option, {
-                          label: "字典下拉框",
-                          value: "1"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "复合型下拉框",
-                          value: "2"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "普通下拉框",
-                          value: "3"
-                        })
+                        createVNode(_component_el_checkbox, {
+                          modelValue: fieldForm.isCache,
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => fieldForm.isCache = $event)
+                        }, {
+                          default: withCtx(() => _cache[26] || (_cache[26] = [
+                            createTextVNode("缓存")
+                          ])),
+                          _: 1,
+                          __: [26]
+                        }, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }, 8, ["modelValue"])
+                    })
                   ]),
-                  _: 1
-                })) : createCommentVNode("", true),
-                createVNode(_component_el_form_item, {
-                  label: "是否必填",
-                  prop: "isRequire"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_select, {
-                      clearable: "",
-                      filterable: "",
-                      modelValue: form2.isRequire,
-                      "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => form2.isRequire = $event),
-                      placeholder: "请选择"
+                  createElementVNode("div", _hoisted_24, [
+                    createVNode(_component_el_form_item, {
+                      label: "字段属性",
+                      prop: "attribute"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: fieldForm.attribute,
+                          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => fieldForm.attribute = $event),
+                          type: "textarea",
+                          rows: 8,
+                          placeholder: "JSON 格式"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_form_item, {
+                      label: "额外属性",
+                      prop: "dictKey"
                     }, {
                       default: withCtx(() => [
-                        createVNode(_component_el_option, {
-                          label: "是",
-                          value: "1"
-                        }),
-                        createVNode(_component_el_option, {
-                          label: "否",
-                          value: "0"
-                        })
+                        createVNode(_component_el_input, {
+                          modelValue: fieldForm.dictKey,
+                          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => fieldForm.dictKey = $event),
+                          type: "textarea",
+                          rows: 8,
+                          placeholder: "JSON 格式"
+                        }, null, 8, ["modelValue"])
                       ]),
                       _: 1
-                    }, 8, ["modelValue"])
+                    })
                   ]),
-                  _: 1
-                }),
+                  createElementVNode("div", _hoisted_25, [
+                    createVNode(_component_el_button, { onClick: resetFieldForm }, {
+                      default: withCtx(() => _cache[27] || (_cache[27] = [
+                        createTextVNode("重置")
+                      ])),
+                      _: 1,
+                      __: [27]
+                    }),
+                    createVNode(_component_el_button, {
+                      type: "primary",
+                      onClick: submitField
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(editingField.value ? "更新" : "提交"), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              }, 8, ["model"])
+            ]),
+            createElementVNode("div", _hoisted_26, [
+              _cache[29] || (_cache[29] = createElementVNode("div", { class: "config-section__header" }, [
+                createElementVNode("span", { class: "config-section__title" }, "字段列表")
+              ], -1)),
+              createVNode(XVxeTable, {
+                "table-data": fieldTableData.value,
+                "sub-height": "280px",
+                "show-pagination": true,
+                "page-size": fieldPage.pageSize,
+                "current-page": fieldPage.currentPage,
+                total: fieldPage.total,
+                "show-toolbar": false,
+                onChangePage: handleFieldPageChange
+              }, {
+                default: withCtx(() => [
+                  createVNode(XVxeColumn, {
+                    title: "字段名称",
+                    field: "fieldName",
+                    "min-width": "120"
+                  }),
+                  createVNode(XVxeColumn, {
+                    title: "Java名称",
+                    field: "fieldJavaName",
+                    "min-width": "120"
+                  }),
+                  createVNode(XVxeColumn, {
+                    title: "字段类型",
+                    field: "fieldType",
+                    "min-width": "120"
+                  }),
+                  createVNode(XVxeColumn, {
+                    title: "是否必填",
+                    field: "isRequire",
+                    width: "90"
+                  }, {
+                    default: withCtx(({ row }) => [
+                      createVNode(_component_el_tag, {
+                        type: row.isRequire === "1" ? "danger" : "info",
+                        size: "small"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(row.isRequire === "1" ? "必填" : "非必填"), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["type"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(XVxeColumn, {
+                    title: "操作",
+                    width: "100",
+                    fixed: "right"
+                  }, {
+                    default: withCtx(({ row }) => [
+                      createVNode(_component_el_button, {
+                        type: "primary",
+                        link: "",
+                        size: "small",
+                        onClick: ($event) => handleEditField(row)
+                      }, {
+                        default: withCtx(() => _cache[28] || (_cache[28] = [
+                          createTextVNode("编辑")
+                        ])),
+                        _: 2,
+                        __: [28]
+                      }, 1032, ["onClick"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["table-data", "page-size", "current-page", "total"])
+            ])
+          ], 64)) : (openBlock(), createElementBlock("div", _hoisted_27, [
+            createVNode(_component_el_empty, { description: "请先在左侧选择一个系统" })
+          ]))
+        ]),
+        createVNode(_component_el_dialog, {
+          modelValue: systemDialogVisible.value,
+          "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => systemDialogVisible.value = $event),
+          title: editingSystem.value ? "编辑系统" : "新增系统",
+          width: "460px",
+          "destroy-on-close": ""
+        }, {
+          footer: withCtx(() => [
+            createVNode(_component_el_button, {
+              onClick: _cache[12] || (_cache[12] = ($event) => systemDialogVisible.value = false)
+            }, {
+              default: withCtx(() => _cache[30] || (_cache[30] = [
+                createTextVNode("取消")
+              ])),
+              _: 1,
+              __: [30]
+            }),
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: submitSystem
+            }, {
+              default: withCtx(() => _cache[31] || (_cache[31] = [
+                createTextVNode("确定")
+              ])),
+              _: 1,
+              __: [31]
+            })
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_form, {
+              model: systemForm,
+              ref_key: "systemFormRef",
+              ref: systemFormRef,
+              "label-suffix": "：",
+              "label-width": "90px"
+            }, {
+              default: withCtx(() => [
                 createVNode(_component_el_form_item, {
-                  label: "是否缓存",
-                  prop: "isCache"
+                  label: "系统名称",
+                  prop: "systemName",
+                  rules: [{ required: true, message: "请输入系统名称" }]
                 }, {
                   default: withCtx(() => [
-                    createVNode(_component_el_checkbox, {
-                      modelValue: form2.isCache,
-                      "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => form2.isCache = $event)
-                    }, {
-                      default: withCtx(() => _cache[16] || (_cache[16] = [
-                        createTextVNode("缓存")
-                      ])),
-                      _: 1,
-                      __: [16]
-                    }, 8, ["modelValue"])
+                    createVNode(_component_el_input, {
+                      modelValue: systemForm.systemName,
+                      "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => systemForm.systemName = $event),
+                      placeholder: "请输入系统名称"
+                    }, null, 8, ["modelValue"])
                   ]),
                   _: 1
                 })
               ]),
-              createElementVNode("div", _hoisted_8, [
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"]),
+        createVNode(_component_el_dialog, {
+          modelValue: moduleDialogVisible.value,
+          "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => moduleDialogVisible.value = $event),
+          title: editingModule.value ? "编辑模块" : "新增模块",
+          width: "460px",
+          "destroy-on-close": ""
+        }, {
+          footer: withCtx(() => [
+            createVNode(_component_el_button, {
+              onClick: _cache[16] || (_cache[16] = ($event) => moduleDialogVisible.value = false)
+            }, {
+              default: withCtx(() => _cache[32] || (_cache[32] = [
+                createTextVNode("取消")
+              ])),
+              _: 1,
+              __: [32]
+            }),
+            createVNode(_component_el_button, {
+              type: "primary",
+              onClick: submitModule
+            }, {
+              default: withCtx(() => _cache[33] || (_cache[33] = [
+                createTextVNode("确定")
+              ])),
+              _: 1,
+              __: [33]
+            })
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_form, {
+              model: moduleForm,
+              ref_key: "moduleFormRef",
+              ref: moduleFormRef,
+              "label-suffix": "：",
+              "label-width": "110px"
+            }, {
+              default: withCtx(() => [
                 createVNode(_component_el_form_item, {
-                  label: "字段属性",
-                  prop: "attribute",
-                  class: "form-item--span2"
+                  label: "模块/页面code",
+                  prop: "moduleCode",
+                  rules: [{ required: true, message: "请输入" }]
                 }, {
                   default: withCtx(() => [
                     createVNode(_component_el_input, {
-                      modelValue: form2.attribute,
-                      "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => form2.attribute = $event),
-                      placeholder: "请输入",
-                      type: "textarea",
-                      rows: 3
+                      modelValue: moduleForm.moduleCode,
+                      "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => moduleForm.moduleCode = $event),
+                      placeholder: "请输入"
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
                 }),
                 createVNode(_component_el_form_item, {
-                  label: "额外属性",
-                  prop: "dictKey",
-                  class: "form-item--span2"
+                  label: "模块/页面名称",
+                  prop: "moduleName",
+                  rules: [{ required: true, message: "请输入" }]
                 }, {
                   default: withCtx(() => [
                     createVNode(_component_el_input, {
-                      modelValue: form2.dictKey,
-                      "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => form2.dictKey = $event),
-                      placeholder: "请输入",
-                      type: "textarea",
-                      rows: 3
+                      modelValue: moduleForm.moduleName,
+                      "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => moduleForm.moduleName = $event),
+                      placeholder: "请输入"
                     }, null, 8, ["modelValue"])
                   ]),
                   _: 1
-                }),
-                createVNode(_component_el_form_item, { class: "form-item--btn" }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_button, {
-                      type: "primary",
-                      onClick: subSys2
-                    }, {
-                      default: withCtx(() => _cache[17] || (_cache[17] = [
-                        createTextVNode("提交")
-                      ])),
-                      _: 1,
-                      __: [17]
-                    })
-                  ]),
-                  _: 1
                 })
-              ])
-            ])
+              ]),
+              _: 1
+            }, 8, ["model"])
           ]),
           _: 1
-        }, 8, ["rules", "model"])
+        }, 8, ["modelValue", "title"])
       ]);
     };
   }
 });
-const XSearchBarConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e465bd38"]]);
+const XSearchBarConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0f4e9ec9"]]);
 const components = {
   XDatePicker,
   XElForm,