gds-plus-design-vue 1.1.26 → 1.1.28

package/lib/{index.bdb70cad.mjs → index.90560b18.mjs}

@@ -630,7 +630,7 @@ const constantRouterMap = [{
     {
       path: "login",
       name: "login",
-      component: () => import("./main.f017afc7.mjs"),
+      component: () => import("./main.a21da510.mjs"),
       meta: {
         title: "\u767B\u5F55",
         transKey: "gd.login.title"
@@ -23053,7 +23053,7 @@ const GDpackage$S = __component__$4_.exports;
 GDpackage$S.install = function(s) {
   s.component(GDpackage$S.name, GDpackage$S);
 };
-const main_vue_vue_type_style_index_0_scoped_617ecd8f_lang = "", _sfc_main$4Z = {
+const main_vue_vue_type_style_index_0_scoped_a87dd3a5_lang = "", _sfc_main$4Z = {
   name: "GdBtnList",
   props: {
     sysViewButtons: {
@@ -23063,12 +23063,23 @@ const main_vue_vue_type_style_index_0_scoped_617ecd8f_lang = "", _sfc_main$4Z =
     max: {
       type: Number,
       default: 12
+    },
+    followSys: {
+      type: Boolean,
+      default: !0
+    },
+    styled: {
+      type: String,
+      default: ""
     }
   },
   data() {
     return {};
   },
   computed: {
+    btnModed() {
+      return this.followSys ? this.btnMode : "btn";
+    },
     btnList() {
       return this.sysViewButtons.filter((s, t) => t < this.max);
     },
@@ -23096,7 +23107,7 @@ const main_vue_vue_type_style_index_0_scoped_617ecd8f_lang = "", _sfc_main$4Z =
 var _sfc_render$4Z = function() {
   var t = this, a = t._self._c;
   return a("div", { staticStyle: { display: "flex", "align-items": "center", "justify-content": "flex-end" } }, [t._l(t.btnList, function(r, o) {
-    return [t.$hasPerm(r.name) && (r.show === void 0 ? !0 : r.show) ? [t.btnMode === "text" ? [r.children && r.children.length > 0 && r.sublevel === void 0 || r.sublevel ? a("el-dropdown", { attrs: { placement: "bottom" }, on: { command: t.command } }, [a("el-button", { class: r.btnType ? "" : "active-color", staticStyle: { margin: "0 1px 0 0", padding: "6px 8px" }, attrs: { type: "text" } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " ")]), a("el-dropdown-menu", { style: { "--dilute": t.fadeColord }, attrs: { slot: "dropdown" }, slot: "dropdown" }, t._l(r.children, function(l) {
+    return [t.$hasPerm(r.name) && (r.show === void 0 ? !0 : r.show) ? [t.btnModed === "text" ? [r.children && r.children.length > 0 ? a("el-dropdown", { attrs: { placement: "bottom" }, on: { command: t.command } }, [a("el-button", { class: r.btnType ? "" : "active-color", staticStyle: { margin: "0 1px 0 0", padding: "6px 8px" }, attrs: { type: "text" } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " ")]), a("el-dropdown-menu", { style: { "--dilute": t.fadeColord }, attrs: { slot: "dropdown" }, slot: "dropdown" }, t._l(r.children, function(l) {
       return a("el-dropdown-item", { key: l.key, attrs: { command: { item: r, key: l.key } } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(l.transKey, l.displayName)) + " ")]);
     }), 1)], 1) : r.btnType == "popconfirm" ? a("el-popconfirm", { staticStyle: { "margin-left": "10px" }, attrs: { "confirm-button-text": t.$i18nt("gd.btn.confirm", "\u786E\u8BA4"), "cancel-button-text": t.$i18nt("gd.btn.cancel", "\u53D6\u6D88"), icon: "el-icon-warning", "icon-color": "#faad14", title: t.$i18nt(r.transKeyTip, r.tip) }, on: { confirm: function(l) {
       return t.functionName(r);
@@ -23104,16 +23115,16 @@ var _sfc_render$4Z = function() {
       return t.functionName(r);
     } } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " ")])], 2) : a("el-button", { class: r.btnType ? "" : "active-color", style: r.btnType ? "color:#ff4d4f;font-size: 13px;" : "font-size: 13px;", attrs: { type: "text" }, on: { click: function(l) {
       return t.functionName(r);
-    } } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " ")])] : [r.children && r.children.length > 0 && r.sublevel === void 0 || r.sublevel ? a("el-dropdown", { attrs: { placement: "bottom" }, on: { command: t.command } }, [a("el-button", { staticStyle: { margin: "0 1px 0 0", padding: "6px 8px" }, attrs: { type: "primary" } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " "), a("i", { staticClass: "el-icon-arrow-down" })]), a("el-dropdown-menu", { style: { "--dilute": t.fadeColord }, attrs: { slot: "dropdown" }, slot: "dropdown" }, t._l(r.children, function(l) {
+    } } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " ")])] : [r.children && r.children.length > 0 ? a("el-dropdown", { attrs: { placement: "bottom" }, on: { command: t.command } }, [a("el-button", { staticStyle: { margin: "0 1px 0 0", padding: "6px 8px" }, attrs: { type: "primary" } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " "), a("i", { staticClass: "el-icon-arrow-down" })]), a("el-dropdown-menu", { style: { "--dilute": t.fadeColord }, attrs: { slot: "dropdown" }, slot: "dropdown" }, t._l(r.children, function(l) {
       return a("el-dropdown-item", { key: l.key, attrs: { command: { item: r, key: l.key } } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(l.transKey, l.displayName)) + " ")]);
     }), 1)], 1) : r.btnType == "popconfirm" ? a("el-popconfirm", { attrs: { slot: "reference", "confirm-button-text": t.$i18nt("gd.btn.confirm", "\u786E\u8BA4"), "cancel-button-text": t.$i18nt("gd.btn.cancel", "\u53D6\u6D88"), icon: "el-icon-warning", "icon-color": "#faad14", title: t.$i18nt(r.transKeyTip, r.tip) }, on: { confirm: function(l) {
       return t.functionName(r);
     } }, slot: "reference" }, [a("el-button", { staticStyle: { margin: "0 1px 0 0", padding: "6px 8px" }, attrs: { slot: "reference", type: r.btnType || "primary" }, slot: "reference" }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " ")])], 1) : r.btnType == "tooltip" ? a("el-tooltip", { attrs: { placement: "top" } }, [a("template", { slot: "content" }, [t._v(" " + t._s(t.$i18nt(r.tipI18n, r.tip)) + " ")]), a("el-button", { staticStyle: { margin: "0 1px 0 0", padding: "6px 8px" }, attrs: { type: "primary" }, on: { click: function(l) {
       return t.functionName(r);
-    } } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " ")])], 2) : a("el-button", { staticStyle: { margin: "0 1px 0 0", padding: "6px 8px" }, attrs: { type: r.btnType || "primary" }, on: { click: function(l) {
+    } } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " ")])], 2) : a("el-button", { style: `margin: 0 1px 0 0; padding: 6px 8px;${t.styled}${r.style ? r.style : ""}`, attrs: { type: r.btnType || "primary" }, on: { click: function(l) {
       return t.functionName(r);
     } } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " ")])]] : t._e()];
-  }), t.moreList.length > 0 ? a("el-dropdown", { attrs: { placement: "bottom" }, on: { command: t.command } }, [t.btnMode === "text" ? a("el-button", { staticClass: "active-color", staticStyle: { margin: "0 1px 0 0", padding: "6px 8px" }, attrs: { type: "text" } }, [a("i", { staticClass: "gd-icons el-icon-more", staticStyle: { "font-size": "12px" } })]) : a("el-button", { staticStyle: { margin: "0 1px 0 0", padding: "6px 8px" }, attrs: { type: "primary" } }, [a("i", { staticClass: "gd-icons el-icon-more", staticStyle: { "font-size": "12px" } })]), a("el-dropdown-menu", { style: { "--dilute": t.fadeColord, minWidth: "100px" }, attrs: { slot: "dropdown" }, slot: "dropdown" }, t._l(t.moreList, function(r) {
+  }), t.moreList.length > 0 ? a("el-dropdown", { attrs: { placement: "bottom" }, on: { command: t.command } }, [t.btnModed === "text" ? a("el-button", { staticClass: "active-color", staticStyle: { margin: "0 1px 0 0", padding: "6px 8px" }, attrs: { type: "text" } }, [a("i", { staticClass: "gd-icons el-icon-more", staticStyle: { "font-size": "12px" } })]) : a("el-button", { style: `margin: 0 1px 0 0; padding: 6px 8px;${t.styled}`, attrs: { type: "primary" } }, [a("i", { staticClass: "gd-icons el-icon-more", staticStyle: { "font-size": "12px" } })]), a("el-dropdown-menu", { style: { "--dilute": t.fadeColord, minWidth: "100px" }, attrs: { slot: "dropdown" }, slot: "dropdown" }, t._l(t.moreList, function(r) {
     return a("el-dropdown-item", { key: r.key, attrs: { command: { item: r, key: null } } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "font-size": "12px" } }), t._v(" " + t._s(t.$i18nt(r.transKey, r.displayName)) + " ")]);
   }), 1)], 1) : t._e()], 2);
 }, _sfc_staticRenderFns$4Z = [], __component__$4Z = /* @__PURE__ */ normalizeComponent(
@@ -23122,7 +23133,7 @@ var _sfc_render$4Z = function() {
   _sfc_staticRenderFns$4Z,
   !1,
   null,
-  "617ecd8f",
+  "a87dd3a5",
   null,
   null
 );
@@ -106461,7 +106472,7 @@ var _sfc_render$2p = function s() {
   null,
   null
 );
-const StepsDesigner = __component__$2p.exports, index_vue_vue_type_style_index_0_scoped_e32c8065_lang = "", _sfc_main$2o = {
+const StepsDesigner = __component__$2p.exports, index_vue_vue_type_style_index_0_scoped_6992cda7_lang = "", _sfc_main$2o = {
   props: {
     record: {
       type: Object,
@@ -106621,7 +106632,7 @@ const StepsDesigner = __component__$2p.exports, index_vue_vue_type_style_index_0
     },
     getAuditorType() {
       let t = this.getDictionary("table_flows_mode").filter((r) => r.code == this.record.properties.assigneeType)[0];
-      return t ? this.$i18nt(t.transkey, t.name) : t.name;
+      return t ? this.$i18nt(t.transkey, t.name) : this.$i18nt("gd.flow.approval.approverInformationTip", "\u8BF7\u9009\u62E9\u5BA1\u6279\u4EBA");
     },
     maskStyle() {
       return {
@@ -107097,7 +107108,7 @@ var _sfc_render$2o = function s() {
   _sfc_staticRenderFns$2o,
   !1,
   null,
-  "e32c8065",
+  "6992cda7",
   null,
   null
 );
@@ -111141,16 +111152,19 @@ var _sfc_render$2e = function s() {
 const operationMenus = __component__$2e.exports, abilityItems = [{
   type: "btnGroup",
   key: "",
-  label: "\u6309\u94AE\u7EC4",
+  label: "\u6309\u94AE",
   icon: "gd-icon-anniu",
   transKey: "gd.functionalcomponents.btnGroup",
   options: {
-    limit: 20
+    limit: 20,
+    flexWidth: 100,
+    flexUnit: "%",
+    btnType: "btn"
   },
-  columns: [],
+  btnList: [],
   css: {
     bjColor: "#fff",
-    padding: [0, 0, 0, 0],
+    padding: [9, 15, 9, 15],
     margin: [0, 0, 0, 0]
   },
   fieldContext: [],
@@ -117475,84 +117489,70 @@ var _sfc_render$1G = function s() {
   null,
   null
 );
-const detailView = __component__$1G.exports, btnGroup_vue_vue_type_style_index_0_scoped_a7fd9e66_lang = "", _sfc_main$1F = {
+const detailView = __component__$1G.exports, btnGroup_vue_vue_type_style_index_0_scoped_1ddbdb62_lang = "", _sfc_main$1F = {
   props: {
     record: {
       type: Object,
       required: !0
+    },
+    develop: {
+      type: [Number, String],
+      default: 1
     }
   },
   data() {
-    return {
-      sysViewButtons: []
-    };
-  },
-  watch: {
-    columns: {
-      handler(s) {
-        let t = [];
-        s.forEach((a) => {
-          let r = [];
-          a.permissionsPage !== "" && r.push(a.permissionsPage);
-          const o = a.childrenT ? { children: a.childrenT } : {};
-          t.push(
-            Object.assign(o, {
-              show: !a.hide,
-              functionName: a.functionName,
-              icon: a.icon,
-              displayName: a.displayName,
-              transKey: a.transKey,
-              permissions: r,
-              sublevel: a.sublevel,
-              tip: a.tip
-            })
-          );
-        }), this.sysViewButtons = [...t];
-      },
-      deep: !0,
-      immediate: !0
-    }
+    return {};
   },
   computed: {
+    sysViewButtons() {
+      let s = [];
+      return this.columns.forEach((t) => {
+        let a = {
+          displayName: t.displayName,
+          show: !t.hide,
+          icon: t.icon,
+          transKey: t.transKey,
+          name: t.permissionsPage ? t.permissionsPage : t.id,
+          children: t.sublevel ? t.children : [],
+          id: t.id,
+          style: fontSize(t)
+        };
+        const r = t.btType !== "none" ? { btnType: t.btnType } : {};
+        s.push(Object.assign(a, r));
+      }), s;
+    },
+    cssData() {
+      return this.record.css;
+    },
     columns() {
-      return this.record.columns;
+      return this.record.btnList;
     },
     options() {
       return this.record.options;
     },
     style() {
-      let s = this.record.css, t = [], a = [];
-      s.padding && s.padding.forEach((l) => {
-        t.push(l + "px");
-      }), s.margin && s.margin.forEach((l) => {
-        a.push(l + "px");
-      });
-      let r = `padding:${t.join(" ")}`, o = `margin:${a.join(" ")}`;
-      return `background:${s.bjColor};${r};${o};`;
+      return this.develop === 1 ? `${marginData(this.cssData)}` : `${marginData(this.cssData)}${widthData(this.options)}`;
+    },
+    stylei() {
+      return paddingData(this.cssData);
     }
   },
   methods: {
-    add(s) {
-      console.log(s);
-    },
-    edit(s) {
-    },
     doEvent(s) {
-      let t = s.item.functionName;
-      this[t] && this[t]();
+      console.log(s);
     }
   }
 };
 var _sfc_render$1F = function s() {
   var t = this, a = t._self._c;
-  return t.columns.length == 0 ? a("div", { staticClass: "btn-class" }, [t._v(" ~" + t._s(t.$i18nt("gd.module.pleaseAddButtonOnTheRight", "\u8BF7\u5728\u53F3\u4FA7\u6DFB\u52A0\u6309\u94AE")) + "~ ")]) : a("div", { style: t.style }, [a("gd-btn-list", { attrs: { sysViewButtons: t.sysViewButtons, max: t.options.limit }, on: { functionName: t.doEvent } })], 1);
+  return t.columns.length == 0 ? a("div", { staticClass: "btn-class" }, [t._v("~" + t._s(t.$i18nt("gd.module.pleaseAddButtonOnTheRight", "\u8BF7\u5728\u53F3\u4FA7\u6DFB\u52A0\u6309\u94AE")) + "~")]) : a("div", { class: t.options.btnType === "btn" ? "gd-line-btn" : "", style: t.style }, [a("gd-btn-list", { attrs: { sysViewButtons: t.sysViewButtons, max: t.options.limit, followSys: !1, styled: t.stylei }, on: { functionName: t.doEvent } })], 1);
 }, _sfc_staticRenderFns$1F = [], __component__$1F = /* @__PURE__ */ normalizeComponent(
   _sfc_main$1F,
   _sfc_render$1F,
   _sfc_staticRenderFns$1F,
   !1,
   null,
-  "a7fd9e66",
+  "1ddbdb62",
   null,
   null
 );
@@ -118011,7 +118011,7 @@ const echartsView = __component__$1A.exports, componentArray = {
   uploadImg,
   echarts: echartsView,
   inputNumber: moneyNumber
-}, layoutItem_vue_vue_type_style_index_0_scoped_426835f5_lang = "", _sfc_main$1z = {
+}, layoutItem_vue_vue_type_style_index_0_scoped_907f4653_lang = "", _sfc_main$1z = {
   props: {
     record: {
       type: Object,
@@ -118139,11 +118139,11 @@ const echartsView = __component__$1A.exports, componentArray = {
         }
       });
     },
-    searchDataId(s) {
+    searchDataId(s, t) {
       this.loading = !0;
-      const t = this.options.effectType, a = t === "fk" || t === "user" ? this.options.fkEntityName : this.options.fkEntityName.split(",")[0];
-      baseFkList({ id: s, fkEntityName: a }).then((o) => {
-        this.loading = !1, o.code === 200 && (this.fkData = o.data, this.record.fkData = [...this.fkData]);
+      const a = this.options.effectType, r = a === "fk" || a === "user" ? this.options.fkEntityName : this.options.fkEntityName.split(",")[0];
+      baseFkList({ id: s, fkEntityName: t || r }).then((l) => {
+        this.loading = !1, l.code === 200 && (this.fkData = l.data.map((d) => (d.tableName = r, d)), this.record.fkData = [...this.fkData]);
       });
     },
     setData({ val: s, data: t, items: a, fkData: r }) {
@@ -118291,7 +118291,7 @@ var _sfc_render$1z = function s() {
   _sfc_staticRenderFns$1z,
   !1,
   null,
-  "426835f5",
+  "907f4653",
   null,
   null
 );
@@ -118388,7 +118388,7 @@ var _sfc_render$1y = function s() {
   null,
   null
 );
-const BuildLayoutItemForm = __component__$1y.exports, layoutNode_vue_vue_type_style_index_0_scoped_608c4979_lang = "", _sfc_main$1x = {
+const BuildLayoutItemForm = __component__$1y.exports, layoutNode_vue_vue_type_style_index_0_scoped_22e7f515_lang = "", _sfc_main$1x = {
   props: {
     record: {
       type: Object,
@@ -118422,11 +118422,6 @@ const BuildLayoutItemForm = __component__$1y.exports, layoutNode_vue_vue_type_st
   data() {
     return {};
   },
-  computed: {
-    fstyle() {
-      return `width:${this.record.options.flexWidth + "%"};`;
-    }
-  },
   components: { buildLayoutItem: BuildLayoutItem, buildLayoutItemForm: BuildLayoutItemForm },
   methods: {
     handleSelectItem() {
@@ -118482,7 +118477,7 @@ var _sfc_render$1x = function s() {
   _sfc_staticRenderFns$1x,
   !1,
   null,
-  "608c4979",
+  "22e7f515",
   null,
   null
 );
@@ -118687,8 +118682,8 @@ function getEffectType(s) {
 function switchingDate(s, t) {
   let a = /* @__PURE__ */ new Map();
   for (var r in s) {
-    let o = s[r] != null && s[r] !== void 0 ? s[r] : "", l = t ? t.filter((u) => u.columnName === r)[0] : null;
-    if ((l ? l.effectType : "input") === "datepicker") {
+    let o = s[r] != null && s[r] !== void 0 ? s[r] : "", l = t ? t.filter((u) => u.columnname === r)[0] : null;
+    if ((l ? l.effecttype : "input") === "datepicker") {
       let u = dateProcessing(o, l);
       u && (a.set(r + "Start", u[0]), a.set(r + "End", u[1]));
     } else
@@ -118728,7 +118723,7 @@ function getFormatTime(s) {
 function formatNumber(s) {
   return s = s.toString(), s[1] ? s : "0" + s;
 }
-const dataList_vue_vue_type_style_index_0_scoped_e0a762ef_lang = "", _sfc_main$1u = {
+const dataList_vue_vue_type_style_index_0_scoped_372a6426_lang = "", _sfc_main$1u = {
   props: {
     record: {
       type: Object,
@@ -118757,7 +118752,7 @@ const dataList_vue_vue_type_style_index_0_scoped_e0a762ef_lang = "", _sfc_main$1
   watch: {
     record: {
       handler(s, t) {
-        t !== void 0 && this.getContext();
+        t !== void 0 && s.type === "dataList" && this.getContext();
       },
       deep: !0,
       immediate: !0
@@ -118909,7 +118904,7 @@ var _sfc_render$1u = function s() {
   _sfc_staticRenderFns$1u,
   !1,
   null,
-  "e0a762ef",
+  "372a6426",
   null,
   null
 );
@@ -122090,7 +122085,7 @@ var _sfc_render$18 = function s() {
   null,
   null
 );
-const propertiesDetail = __component__$18.exports, propertiesBtn_vue_vue_type_style_index_0_scoped_8c758189_lang = "", _sfc_main$17 = {
+const propertiesDetail = __component__$18.exports, propertiesBtn_vue_vue_type_style_index_0_scoped_93578801_lang = "", _sfc_main$17 = {
   props: {
     selectItem: {
       type: Object,
@@ -122102,11 +122097,28 @@ const propertiesDetail = __component__$18.exports, propertiesBtn_vue_vue_type_st
     }
   },
   data() {
-    return {
-      btnList: []
-    };
+    return {};
   },
   computed: {
+    styleList() {
+      return [
+        { name: "\u9ED8\u8BA4", code: "none", transKey: "gd.page.btnPrimary" },
+        { name: "\u8DDF\u968F", code: "primary", transKey: "gd.page.btnPrimary" },
+        { name: "\u6210\u529F", code: "success ", transKey: "gd.page.btnSuccess " },
+        { name: "\u8B66\u544A", code: "warning ", transKey: "gd.page.btnWarning " },
+        { name: "\u5371\u9669", code: "danger ", transKey: "gd.page.btnDanger " },
+        { name: "\u4FE1\u606F", code: "info", transKey: "gd.page.btnInfo" }
+      ];
+    },
+    functionList() {
+      return [
+        { name: "\u65B0\u589E", code: "sysBaseAdd", transKey: "gd.btn.add", type: "form" },
+        { name: "\u67E5\u8BE2", code: "sysBaseQuery", transKey: "gd.btn.query", type: "view" }
+      ];
+    },
+    btnDisabled() {
+      return !!(this.selectItem.btnList && this.selectItem.btnList.length > 1);
+    },
     options() {
       return this.selectItem.options;
     },
@@ -122116,36 +122128,79 @@ const propertiesDetail = __component__$18.exports, propertiesBtn_vue_vue_type_st
     dialogTree() {
       return JSON.parse(JSON.stringify(this.outlineTreeData.dialogTree));
     },
-    ...mapGetters(["primaryColor"])
+    ...mapGetters(["primaryColor", "tableLists"])
   },
   components: {
     draggable,
     iconSelector: GDpackage$Q
   },
   methods: {
+    changeSysMethod(s, t) {
+      const a = this.tableLists.filter((r) => r.tablename === s)[0];
+      sysViewList$1({ sysCodeGenId: a.id }).then((r) => {
+        if (r.code === 200) {
+          let o = [];
+          r.data.forEach((l) => {
+            o.push({
+              id: l.id,
+              name: l.name,
+              transkey: l.transkey
+            });
+          }), t.viewList = o;
+        }
+      }), sysFormList({ sysCodeGenId: a.id }).then((r) => {
+        if (r.code === 200) {
+          let o = [];
+          r.data.forEach((l) => {
+            o.push({
+              id: l.id,
+              displayname: l.displayname,
+              transkey: l.transkey
+            });
+          }), t.formList = o;
+        }
+      });
+    },
+    changeTableComponents(s, t) {
+      const a = t.viewList.filter((o) => o.id == s)[0], r = t.formList.filter((o) => o.id == s)[0];
+      if (a) {
+        t.tableComponentsType = "view", t.sysFunctionName = "sysBaseQuery";
+        return;
+      }
+      r && (t.tableComponentsType = "form", t.sysFunctionName = "sysBaseAdd");
+    },
     addBtn() {
       const s = {
-        displayName: "\u6309\u94AE",
+        id: uuid$1(12),
+        displayName: "\u6309\u94AE" + (this.selectItem.btnList.length + 1),
+        sysFunctionName: "sysBaseAdd",
+        componentFunctionName: "",
         functionName: "",
         transKey: null,
         icon: "",
         hide: !1,
         permissionsPage: "",
-        mode: "custom",
-        formKey: "",
-        formMode: "form",
-        childrenT: [],
+        componentKey: "",
+        formMode: "systemsMethod",
+        btnstyle: "primary",
+        children: [],
         btType: "none",
         sublevel: !1,
-        tip: ""
+        tip: "",
+        table: "",
+        viewList: [],
+        tableComponents: "",
+        tableComponentsType: "view",
+        fromList: [],
+        fontSize: 12
       };
-      this.selectItem.columns = this.selectItem.columns.concat([s]);
+      this.selectItem.btnList = this.selectItem.btnList.concat([s]);
     },
     delBtn(s) {
-      console.log(s), this.selectItem.columns = this.selectItem.columns.filter((t, a) => s !== a);
+      this.selectItem.btnList = this.selectItem.btnList.filter((t, a) => s !== a);
     },
     clearBtn() {
-      this.selectItem.columns.length !== 0 && (this.btnList = [], this.selectItem.columns = []);
+      this.selectItem.btnList.length !== 0 && (this.btnList = [], this.selectItem.btnList = []);
     },
     popoverClosed(s) {
       this.$refs[`popoverItem${s}`][0].doClose();
@@ -122156,40 +122211,30 @@ const propertiesDetail = __component__$18.exports, propertiesBtn_vue_vue_type_st
     addBtnChild(s) {
       let t = {
         value: "",
-        displayName: ""
+        displayName: "",
+        id: uuid$1(8)
       };
-      this.selectItem.columns.forEach((a, r) => {
-        if (a.childrenT.length == 10) {
-          this.$message.warning("\u6700\u591A\u53EA\u80FD\u6DFB\u52A010\u4E2A");
-          return;
-        }
-        s == r && a.childrenT.push([t]);
+      this.selectItem.btnList[s].children.length !== 10 && this.selectItem.btnList.forEach((a, r) => {
+        s === r && a.children.push([t]);
       });
     },
     delChild(s, t) {
-      this.selectItem.columns.filter((a, r) => {
-        if (t == r) {
-          if (a.childrenT.length == 1) {
-            this.$message.warning("\u81F3\u5C11\u4FDD\u75591\u4E2A");
-            return;
-          }
-          a.childrenT = a.childrenT.filter((o, l) => s !== l);
-        }
+      this.selectItem.btnList.filter((a, r) => {
+        t == r && (a.children = a.children.filter((o, l) => s !== l));
       });
-    },
-    sublevel(s) {
-      this.btnList = s == !0 ? this.btnList : [];
     }
   }
 };
 var _sfc_render$17 = function s() {
   var t = this, a = t._self._c;
-  return a("div", [t.selectItem.type == "btnGroup" ? a("el-form-item", { staticStyle: { "margin-bottom": "0 !important" }, attrs: { label: t.$i18nt("gd.page.buttonConfiguration", "\u6309\u94AE\u914D\u7F6E") } }, [a("div", { staticClass: "generator-items" }, [a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.rule", "\u89C4\u5219"), placement: "top" } }, [a("i", { staticClass: "el-icon-setting" })]), a("el-divider", { attrs: { direction: "vertical" } }), a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.empty", "\u6E05\u7A7A"), placement: "top" } }, [a("el-popconfirm", { attrs: { title: t.$i18nt("gd.page.emptyButton", "\u6E05\u7A7A\u6309\u94AE") }, on: { confirm: t.clearBtn } }, [a("i", { staticClass: "el-icon-delete", attrs: { slot: "reference" }, slot: "reference" })])], 1), a("el-divider", { attrs: { direction: "vertical" } }), a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.add", "\u65B0\u589E"), placement: "top" } }, [a("i", { staticClass: "el-icon-plus", on: { click: t.addBtn } })])], 1)]) : t._e(), a("div", { staticClass: "generator-kuang" }, [a("draggable", t._b({ model: { value: t.selectItem.columns, callback: function(r) {
-    t.$set(t.selectItem, "columns", r);
-  }, expression: "selectItem.columns" } }, "draggable", {
+  return a("div", [a("el-form-item", { attrs: { label: t.$i18nt("gd.page.cuttingModed", "\u7C7B\u578B") } }, [a("el-radio-group", { model: { value: t.options.btnType, callback: function(r) {
+    t.$set(t.options, "btnType", r);
+  }, expression: "options.btnType" } }, [a("el-radio-button", { attrs: { label: "btn", disabled: t.btnDisabled } }, [t._v(t._s(t.$i18nt("gd.page.btndd", "\u6309\u94AE")))]), a("el-radio-button", { attrs: { label: "butGroup" } }, [t._v(t._s(t.$i18nt("gd.page.butGroupdd", "\u6309\u94AE\u7EC4")))])], 1)], 1), t.selectItem.type == "btnGroup" ? a("el-form-item", { staticStyle: { "margin-bottom": "0 !important" }, attrs: { label: t.$i18nt("gd.page.buttonConfiguration", "\u6309\u94AE\u914D\u7F6E") } }, [a("div", { staticClass: "generator-items" }, [t.selectItem.btnList.length > 0 ? [a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.empty", "\u6E05\u7A7A"), placement: "top" } }, [a("el-popconfirm", { attrs: { title: t.$i18nt("gd.page.emptyButton", "\u6E05\u7A7A\u6309\u94AE") }, on: { confirm: t.clearBtn } }, [a("i", { staticClass: "el-icon-delete", attrs: { slot: "reference" }, slot: "reference" })])], 1), a("el-divider", { attrs: { direction: "vertical" } })] : t._e(), t.options.btnType == "btn" && t.selectItem.btnList.length < 1 || t.options.btnType == "butGroup" ? a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.add", "\u65B0\u589E"), placement: "top" } }, [a("i", { staticClass: "el-icon-plus", on: { click: t.addBtn } })]) : t._e()], 2)]) : t._e(), a("div", { staticClass: "generator-kuang" }, [a("draggable", t._b({ model: { value: t.selectItem.btnList, callback: function(r) {
+    t.$set(t.selectItem, "btnList", r);
+  }, expression: "selectItem.btnList" } }, "draggable", {
     animation: 300,
     handle: ".drag-move"
-  }, !1), [t._l(t.selectItem.columns, function(r, o) {
+  }, !1), [t._l(t.selectItem.btnList, function(r, o) {
     return [a("el-popover", { attrs: { placement: "left", trigger: "click" } }, [a("div", { staticClass: "generator-list", attrs: { slot: "reference" }, slot: "reference" }, [a("i", { staticClass: "el-icon-rank active-color drag-move" }), a("div", { staticClass: "sku" }, [r.icon !== "" ? a("i", { staticClass: "gd-icons", class: r.icon }) : t._e(), t._v(" " + t._s(t.$i18nt(`Dynamics.${r.transKey}`, r.displayName)) + " ")]), a("i", { staticClass: "el-icon-delete rdelete", on: { click: function(l) {
       return l.stopPropagation(), t.delBtn(o);
     } } })]), a("div", { staticClass: "generator-config" }, [a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.text", "\u6587\u672C")))]), a("div", { staticClass: "r" }, [a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: r.displayName, callback: function(l) {
@@ -122200,50 +122245,66 @@ var _sfc_render$17 = function s() {
       return t.popoverClosed(o);
     } }, model: { value: r.icon, callback: function(l) {
       t.$set(r, "icon", l);
-    }, expression: "item.icon" } })], 1)], 1)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.executionFunction", "\u6267\u884C\u65B9\u6CD5")))]), a("div", { staticClass: "r" }, [a("el-input", { attrs: { disabled: r.mode === "sys", placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: r.functionName, callback: function(l) {
-      t.$set(r, "functionName", l);
-    }, expression: "item.functionName" } })], 1)]), r.mode === "custom" ? [a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.interactiveMode", "\u4EA4\u4E92\u65B9\u5F0F")))]), a("div", { staticClass: "r" }, [a("el-radio-group", { attrs: { size: "mini" }, model: { value: r.formMode, callback: function(l) {
+    }, expression: "item.icon" } })], 1)], 1)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l ls" }, [t._v(t._s(t.$i18nt("gd.page.interactive", "\u4EA4\u4E92")))])]), a("div", { staticClass: "config-kuang" }, [a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.interactiveMode", "\u4EA4\u4E92\u65B9\u5F0F")))]), a("div", { staticClass: "r" }, [a("el-radio-group", { attrs: { size: "mini" }, model: { value: r.formMode, callback: function(l) {
       t.$set(r, "formMode", l);
-    }, expression: "item.formMode" } }, [a("el-radio-button", { attrs: { label: "form" } }, [t._v(t._s(t.$i18nt("gd.page.follow", "\u8DDF\u968F")))]), a("el-radio-button", { attrs: { label: "component" } }, [t._v(t._s(t.$i18nt("gd.page.custom", "\u81EA\u5B9A\u4E49")))])], 1)], 1)]), r.formMode === "component" ? [a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.interactiveComponent", "\u4EA4\u4E92\u7EC4\u4EF6")))]), a("div", { staticClass: "r" }, [a("el-select", { attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: t.options.formKey, callback: function(l) {
-      t.$set(t.options, "formKey", l);
-    }, expression: "options.formKey" } }, t._l(t.dialogTree, function(l, d) {
+    }, expression: "item.formMode" } }, [a("el-radio-button", { attrs: { label: "systemsMethod" } }, [t._v(" " + t._s(t.$i18nt("gd.page.systemsMethod", "\u7CFB\u7EDF\u65B9\u6CD5")) + " ")]), a("el-radio-button", { attrs: { label: "componentMethod" } }, [t._v(" " + t._s(t.$i18nt("gd.page.componentMethod", "\u7EC4\u4EF6\u65B9\u6CD5")) + " ")])], 1)], 1)]), r.formMode === "systemsMethod" ? [a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.form.associationTable", "\u5173\u8054\u8868")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), filterable: "" }, on: { change: (l) => t.changeSysMethod(l, r) }, model: { value: r.table, callback: function(l) {
+      t.$set(r, "table", l);
+    }, expression: "item.table" } }, t._l(t.tableLists, function(l) {
+      return a("el-option", { key: l.tablename, attrs: { label: t.$i18nt(`Dynamics.${l.transkey}`, l.busname), value: l.tablename } }, [a("span", [t._v(t._s(t.$i18nt(`Dynamics.${l.transkey}`, l.busname)) + " " + t._s(l.tablename))])]);
+    }), 1)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.form.associatedComponents", "\u5173\u8054\u7EC4\u4EF6")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), filterable: "" }, on: { change: (l) => t.changeTableComponents(l, r) }, model: { value: r.tableComponents, callback: function(l) {
+      t.$set(r, "tableComponents", l);
+    }, expression: "item.tableComponents" } }, [t._l(r.viewList, function(l) {
+      return [a("el-option", { attrs: { label: t.$i18nt(`Dynamics.${l.transkey}`, l.name), value: l.id } }, [a("span", [a("span", { staticClass: "gd-icons gd-icon-shitumoshi" }), t._v(" " + t._s(t.$i18nt(`Dynamics.${l.transkey}`, l.name)) + " ")])])];
+    }), t._l(r.formList, function(l) {
+      return [a("el-option", { attrs: { label: t.$i18nt(`Dynamics.${l.transkey}`, l.displayname), value: l.id } }, [a("span", [a("span", { staticClass: "gd-icons gd-icon-biaodanmoshi" }), t._v(" " + t._s(t.$i18nt(`Dynamics.${l.transkey}`, l.displayname)) + " ")])])];
+    })], 2)], 1)]), r.tableComponents ? a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.interactiveMethod", "\u4EA4\u4E92\u65B9\u6CD5")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, model: { value: r.sysFunctionName, callback: function(l) {
+      t.$set(r, "sysFunctionName", l);
+    }, expression: "item.sysFunctionName" } }, [t._l(t.functionList, function(l) {
+      return [r.tableComponentsType === l.type ? a("el-option", { attrs: { label: t.$i18nt(l.transKey, l.name), value: l.code } }) : t._e()];
+    })], 2)], 1)]) : t._e()] : t._e(), r.formMode === "componentMethod" ? [a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.interactiveComponent", "\u4EA4\u4E92\u7EC4\u4EF6")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: r.componentKey, callback: function(l) {
+      t.$set(r, "componentKey", l);
+    }, expression: "item.componentKey" } }, t._l(t.dialogTree, function(l, d) {
       return a("el-option", { key: l.key, attrs: { label: l.key, value: l.key } }, [a("i", { staticClass: "gd-icons", class: l.icon, staticStyle: { "margin-right": "4px" } }), a("span", [t._v(t._s(l.key))])]);
     }), 1)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.interactiveMethod", "\u4EA4\u4E92\u65B9\u6CD5")))]), a("div", { staticClass: "r" }, [a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: r.functionName, callback: function(l) {
       t.$set(r, "functionName", l);
-    }, expression: "item.functionName" } })], 1)])] : t._e()] : t._e(), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.hide", "\u9690\u85CF")))]), a("div", { staticClass: "r" }, [a("el-switch", { attrs: { "active-value": !0, "inactive-value": !1, "active-color": t.primaryColor }, model: { value: r.hide, callback: function(l) {
+    }, expression: "item.functionName" } })], 1)])] : t._e()], 2), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.style", "\u98CE\u683C")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: r.btnstyle, callback: function(l) {
+      t.$set(r, "btnstyle", l);
+    }, expression: "item.btnstyle" } }, [t._l(t.styleList, function(l, d) {
+      return [a("el-option", { attrs: { label: t.$i18nt(l.transKey, l.name), value: l.code } })];
+    })], 2)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.hide", "\u9690\u85CF")))]), a("div", { staticClass: "r" }, [a("el-switch", { attrs: { "active-value": !0, "inactive-value": !1, "active-color": t.primaryColor }, model: { value: r.hide, callback: function(l) {
       t.$set(r, "hide", l);
     }, expression: "item.hide" } })], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.pagePermissions", "\u9875\u9762\u6743\u9650")))]), a("div", { staticClass: "r" }, [a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: r.permissionsPage, callback: function(l) {
       t.$set(r, "permissionsPage", l);
-    }, expression: "item.permissionsPage" } })], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.openSubbutton", "\u5F00\u542F\u5B50\u6309\u94AE")))]), a("div", { staticClass: "r" }, [a("el-switch", { attrs: { "active-value": !0, "inactive-value": !1, "active-color": t.primaryColor }, on: { click: function(l) {
-      return t.sublevel(r.sublevel);
-    } }, model: { value: r.sublevel, callback: function(l) {
+    }, expression: "item.permissionsPage" } })], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.openSubbutton", "\u5F00\u542F\u5B50\u6309\u94AE")))]), a("div", { staticClass: "r" }, [a("el-switch", { attrs: { "active-value": !0, "inactive-value": !1, "active-color": t.primaryColor }, model: { value: r.sublevel, callback: function(l) {
       t.$set(r, "sublevel", l);
-    }, expression: "item.sublevel" } })], 1)]), r.sublevel == !0 ? a("div", { staticClass: "child-item" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.subbutton", "\u5B50\u6309\u94AE")))]), a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.addition", "\u6DFB\u52A0"), placement: "top-start" } }, [a("i", { staticClass: "el-icon-plus", on: { click: function(l) {
+    }, expression: "item.sublevel" } })], 1)]), r.sublevel ? a("div", { staticClass: "child-item" }, [a("div", { staticClass: "l ls" }, [t._v(t._s(t.$i18nt("gd.page.subbutton", "\u5B50\u6309\u94AE")))]), a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.addition", "\u6DFB\u52A0"), placement: "top-start" } }, [a("i", { staticClass: "el-icon-plus", on: { click: function(l) {
       return t.addBtnChild(o);
-    } } })])], 1) : t._e(), r.sublevel == !0 ? a("div", { staticClass: "overall-items" }, [a("div", { staticClass: "config-items", staticStyle: { "margin-left": "24px" } }, [a("span", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.subbutton", "key\u503C")) + "\uFF1A")]), a("span", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.name", "\u540D\u79F0")) + "\uFF1A")])]), r.childrenT.length > 0 ? a("div", { staticClass: "container-list" }, [a("draggable", t._b({ model: { value: r.childrenT, callback: function(l) {
-      t.$set(r, "childrenT", l);
-    }, expression: "item.childrenT" } }, "draggable", {
+    } } })])], 1) : t._e(), r.sublevel ? a("div", { staticClass: "overall-items" }, [a("div", { staticClass: "config-items", staticStyle: { "margin-left": "24px" } }, [a("span", { staticClass: "l" }, [t._v("key")]), a("span", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.name", "\u540D\u79F0")))])]), r.children && r.children.length > 0 ? a("div", { staticClass: "container-list" }, [a("draggable", t._b({ model: { value: r.children, callback: function(l) {
+      t.$set(r, "children", l);
+    }, expression: "item.children" } }, "draggable", {
       animation: 300,
       handle: ".drag-child"
-    }, !1), [t._l(r.childrenT, function(l, d) {
-      return [a("div", { staticClass: "config-items" }, [a("i", { staticClass: "el-icon-rank active-color drag-child" }), a("div", { staticClass: "l", staticStyle: { "margin-left": "10px" } }, [a("el-input", { staticStyle: { width: "90%", margin: "0 7px 0 0px" }, attrs: { placeholder: t.$i18nt("gd.placeholder.inputKey", "\u8BF7\u8F93\u5165key") }, model: { value: l.value, callback: function(u) {
+    }, !1), [t._l(r.children, function(l, d) {
+      return [a("div", { staticClass: "config-items" }, [a("i", { staticClass: "el-icon-rank active-color drag-child" }), a("div", { staticClass: "l", staticStyle: { "margin-left": "10px" } }, [a("el-input", { staticStyle: { width: "90%", margin: "0 7px 0 0px" }, attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: l.value, callback: function(u) {
         t.$set(l, "value", u);
       }, expression: "ite.value" } })], 1), a("div", { staticClass: "r" }, [a("el-input", { staticStyle: { width: "85%", margin: "0 7px 0 0px" }, attrs: { placeholder: t.$i18nt("gd.placeholder.inputName", "\u8BF7\u8F93\u5165\u540D\u79F0") }, model: { value: l.displayName, callback: function(u) {
         t.$set(l, "displayName", u);
       }, expression: "ite.displayName" } }), a("i", { staticClass: "el-icon-delete rdelete", on: { click: function(u) {
         return t.delChild(d, o);
       } } })], 1)])];
-    })], 2)], 1) : t._e()]) : t._e()], 2)])];
-  }), t.selectItem.columns.length === 0 ? a("div", { staticClass: "empty-title" }, [t._v(t._s(t.$i18nt("el.select.noData", "\u6682\u65E0\u6570\u636E")) + " ")]) : t._e()], 2)], 1), a("el-form-item", { staticStyle: { "margin-bottom": "0 !important" }, attrs: { label: t.$i18nt("gd.page.maximumDisplayNumber", "\u6700\u591A\u663E\u793A\u4E2A\u6570") } }, [a("el-input-number", { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", min: 1, max: 20 }, model: { value: t.options.limit, callback: function(r) {
+    })], 2)], 1) : t._e()]) : t._e(), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.fontSize", "\u5B57\u4F53\u5927\u5C0F")))]), a("div", { staticClass: "r" }, [a("el-input", { model: { value: r.fontSize, callback: function(l) {
+      t.$set(r, "fontSize", l);
+    }, expression: "item.fontSize" } }, [a("template", { slot: "append" }, [t._v("px")])], 2)], 1)])])])];
+  }), t.selectItem.btnList.length === 0 ? a("div", { staticClass: "empty-title" }, [t._v(t._s(t.$i18nt("el.select.noData", "\u6682\u65E0\u6570\u636E")))]) : t._e()], 2)], 1), a("el-form-item", { staticStyle: { "margin-bottom": "0 !important" }, attrs: { label: t.$i18nt("gd.page.maximumDisplayNumber", "\u6700\u591A\u663E\u793A\u4E2A\u6570") } }, [a("el-input-number", { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", min: 1, max: 20 }, model: { value: t.options.limit, callback: function(r) {
     t.$set(t.options, "limit", r);
-  }, expression: "options.limit" } })], 1)], 1);
+  }, expression: "options.limit" } })], 1), a("div", { staticClass: "gd-btn-divider" }, [a("el-divider")], 1)], 1);
 }, _sfc_staticRenderFns$17 = [], __component__$17 = /* @__PURE__ */ normalizeComponent(
   _sfc_main$17,
   _sfc_render$17,
   _sfc_staticRenderFns$17,
   !1,
   null,
-  "8c758189",
+  "93578801",
   null,
   null
 );
@@ -122917,7 +122978,7 @@ var _sfc_render$13 = function s() {
   null,
   null
 );
-const propertiesTress = __component__$13.exports, properties_vue_vue_type_style_index_0_scoped_5949ba54_lang = "", _sfc_main$12 = {
+const propertiesTress = __component__$13.exports, properties_vue_vue_type_style_index_0_scoped_b1a052f9_lang = "", _sfc_main$12 = {
   props: {
     selectItem: {
       type: Object,
@@ -123331,7 +123392,7 @@ var _sfc_render$12 = function s() {
     t.$set(t.selectItem, "rules", r);
   }, expression: "selectItem.rules" } }) : t._e()] : t._e(), t.isFormItem && t.getTypeof("help", "selectItem") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.labelHelp", "\u6807\u7B7E\u5E2E\u52A9\u4FE1\u606F") } }, [a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: t.selectItem.help, callback: function(r) {
     t.$set(t.selectItem, "help", r);
-  }, expression: "selectItem.help" } })], 1) : t._e(), t.selectItem.type == "btnGroup" ? a("propertiesBtn", { key: t.selectItem.key, attrs: { selectItem: t.selectItem, outlineTreeData: t.outlineTreeData } }) : t._e(), t.getTypeof("gutter") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.gridSpacing", "\u6805\u683C\u95F4\u9694") } }, [a("el-input-number", { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", min: 0 }, model: { value: t.options.gutter, callback: function(r) {
+  }, expression: "selectItem.help" } })], 1) : t._e(), t.getTypeof("gutter") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.gridSpacing", "\u6805\u683C\u95F4\u9694") } }, [a("el-input-number", { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", min: 0 }, model: { value: t.options.gutter, callback: function(r) {
     t.$set(t.options, "gutter", r);
   }, expression: "options.gutter" } })], 1) : t._e(), t.selectItem.type == "grid" ? [a("el-divider"), a("el-form-item", { staticStyle: { "margin-bottom": "0 !important" }, attrs: { label: t.$i18nt("gd.page.listAttribute", "\u5217\u8868\u5C5E\u6027") } }), a("properitesCol", { attrs: { selectItem: t.selectItem, data: t.data, table: t.table, tableName: t.tableName, type: "grid" }, model: { value: t.selectItem.columns, callback: function(r) {
     t.$set(t.selectItem, "columns", r);
@@ -123403,7 +123464,7 @@ var _sfc_render$12 = function s() {
     t.$set(t.options, "autoplay", r);
   }, expression: "options.autoplay" } }) : t._e(), t.getTypeof("loop") ? a("pCheckbox", { attrs: { label: t.$i18nt("gd.page.loopDisplay", "\u5FAA\u73AF\u663E\u793A") }, model: { value: t.options.loop, callback: function(r) {
     t.$set(t.options, "loop", r);
-  }, expression: "options.loop" } }) : t._e()], 1) : t._e(), t.selectItem.type == "banner" ? a("carouselMap", { attrs: { selectItem: t.selectItem } }) : t._e(), t.selectItem.type == "dataList" ? a("propertiesList", { attrs: { selectItem: t.selectItem } }) : t._e(), a("propertiesCss", { attrs: { selectItem: t.selectItem } })], 2), a("iconSelector", { ref: "iconSelector", model: { value: t.options.icon, callback: function(r) {
+  }, expression: "options.loop" } }) : t._e()], 1) : t._e(), t.selectItem.type == "btnGroup" ? a("propertiesBtn", { key: t.selectItem.key, attrs: { selectItem: t.selectItem, outlineTreeData: t.outlineTreeData } }) : t._e(), t.selectItem.type == "banner" ? a("carouselMap", { attrs: { selectItem: t.selectItem } }) : t._e(), t.selectItem.type == "dataList" ? a("propertiesList", { attrs: { selectItem: t.selectItem } }) : t._e(), a("propertiesCss", { attrs: { selectItem: t.selectItem } })], 2), a("iconSelector", { ref: "iconSelector", model: { value: t.options.icon, callback: function(r) {
     t.$set(t.options, "icon", r);
   }, expression: "options.icon" } })], 1)]], 2);
 }, _sfc_staticRenderFns$12 = [], __component__$12 = /* @__PURE__ */ normalizeComponent(
@@ -123412,7 +123473,7 @@ var _sfc_render$12 = function s() {
   _sfc_staticRenderFns$12,
   !1,
   null,
-  "5949ba54",
+  "b1a052f9",
   null,
   null
 );
@@ -136472,7 +136533,7 @@ var _sfc_render$n = function s() {
   null,
   null
 );
-const ProcessFlow = __component__$n.exports, main_vue_vue_type_style_index_0_scoped_a65a10df_lang = "", _sfc_main$m = {
+const ProcessFlow = __component__$n.exports, main_vue_vue_type_style_index_0_scoped_885f5ae4_lang = "", _sfc_main$m = {
   name: "GdFormBuild",
   props: {
     modeType: {
@@ -137390,16 +137451,19 @@ const ProcessFlow = __component__$n.exports, main_vue_vue_type_style_index_0_sco
     },
     baseSetData(s, t = !0) {
       const a = this.baseFormatterData(s);
-      if (this.baseHandlefkData(a), Object.assign(this.parameterData, a), t)
+      if (this.baseHandlefkData(a, s), Object.assign(this.parameterData, a), t)
         for (let r of Object.keys(a)) {
           const o = this.allField.filter((l) => l.options.columnName === r)[0];
           o && (this.baseUsageFieldRules(o), this.fkNotice(o, !0));
         }
     },
-    baseHandlefkData(s) {
-      for (let t in s) {
-        const a = this.allField.filter((o) => o.options.columnName === t)[0], r = this.fieldData.filter((o) => o.columnname === t)[0];
-        a && ["fk", "user", "about"].includes(r.effecttype) && a.searchDataId && a.searchDataId(s[t]);
+    baseHandlefkData(s, t) {
+      for (let a in s) {
+        const r = this.allField.filter((l) => l.options.columnName === a)[0], o = this.fieldData.filter((l) => l.columnname === a)[0];
+        if (r && ["fk", "user", "about"].includes(o.effecttype)) {
+          const l = o.relations + "_abouttable", d = o.effecttype === "about" && t[l] ? t[l] : "";
+          r.searchDataId && r.searchDataId(s[a], d);
+        }
       }
     },
     baseChange(s, t = 1) {
@@ -137552,7 +137616,7 @@ var _sfc_render$m = function s() {
   _sfc_staticRenderFns$m,
   !1,
   null,
-  "a65a10df",
+  "885f5ae4",
   null,
   null
 );