gds-plus-design-vue 1.1.27 → 1.1.29

package/lib/{index.5bcd645a.mjs → index.5a6a6c88.mjs}

@@ -630,7 +630,7 @@ const constantRouterMap = [{
     {
       path: "login",
       name: "login",
-      component: () => import("./main.eb2a51d9.mjs"),
+      component: () => import("./main.8c4866ca.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
 );
@@ -32062,7 +32073,7 @@ function processingResults$2(s, t) {
 function isSatisfyed$2(s, t) {
   return t === "2" ? s.every((a, r, o) => !a) : s.every((a, r, o) => !!a);
 }
-const main_vue_vue_type_style_index_0_scoped_53f2af2f_lang = "", _sfc_main$4R = {
+const main_vue_vue_type_style_index_0_scoped_0f8fff98_lang = "", _sfc_main$4R = {
   name: "GdTableQueriesField",
   props: {
     height: {
@@ -32340,14 +32351,14 @@ var _sfc_render$4R = function() {
     } }, model: { value: t.ruleFormData[r.prop], callback: function(l) {
       t.$set(t.ruleFormData, r.prop, l);
     }, expression: "ruleFormData[column.prop]" } })]], 2)];
-  })], 2), a("div", { staticClass: "gd-table-btom" }, [a("div", { staticClass: "active-color btom-reset", on: { click: t.reset } }, [t._v(" " + t._s(t.$i18nt("gd.btn.reset", "\u91CD\u7F6E")) + " ")]), a("el-button", { attrs: { type: "primary", size: "mini" }, on: { click: t.save } }, [t._v(t._s(t.$i18nt("gd.btn.confirm", "\u786E\u8BA4")))]), a("el-button", { attrs: { type: "info", size: "mini" }, on: { click: t.cancel } }, [t._v(t._s(t.$i18nt("gd.btn.cancel", "\u53D6\u6D88")))])], 1)], 1);
+  })], 2), a("div", { staticClass: "gd-table-btom" }, [a("div", { staticClass: "active-color btom-reset", on: { click: t.reset } }, [a("i", { staticClass: "el-icon-brush" }), t._v(" " + t._s(t.$i18nt("gd.btn.reset", "\u91CD\u7F6E")) + " ")]), a("el-button", { attrs: { type: "primary", size: "mini", icon: "el-icon-document-checked" }, on: { click: t.save } }, [t._v(" " + t._s(t.$i18nt("gd.btn.confirm", "\u786E\u8BA4")) + " ")]), a("el-button", { attrs: { type: "info", size: "mini", icon: "el-icon-error" }, on: { click: t.cancel } }, [t._v(t._s(t.$i18nt("gd.btn.cancel", "\u53D6\u6D88")))])], 1)], 1);
 }, _sfc_staticRenderFns$4R = [], __component__$4R = /* @__PURE__ */ normalizeComponent(
   _sfc_main$4R,
   _sfc_render$4R,
   _sfc_staticRenderFns$4R,
   !1,
   null,
-  "53f2af2f",
+  "0f8fff98",
   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,335 @@ 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;
+function getColumns(s, t, a) {
+  var h, p, v, g;
+  if (!s.syscodegenconfig && !s.syscodegenconfigfk)
+    return console.log("\u5B57\u6BB5:" + s.name + "\u6570\u636E\u9519\u8BEF!"), null;
+  const r = ["fk", "user"].includes(s.syscodegenconfig.effecttype) ? (h = s.syscodegenconfigfk) == null ? void 0 : h.effecttype : s.syscodegenconfig.effecttype, o = s.syscodegenconfig.effecttype, l = getColumnName(s).toLowerCase(), d = s.align ? s.align.split("&") : [], u = getScopedSlots(o, l, s);
+  let f = {
+    key: l,
+    transKey: `Dynamics.${s.transkey}`,
+    prop: l,
+    label: s.name,
+    width: String(s.width),
+    owidth: String(s.width),
+    columnName: s.syscodegenconfig.columnname,
+    fkEntityName: s.syscodegenconfig.fkentityname,
+    id: s.fieldid,
+    fkId: ["fk", "about", "user"].includes(o) ? (p = s.syscodegenconfigfk) == null ? void 0 : p.id : null,
+    align: d[0] ? d[0] : "center",
+    checked: d[1] ? d[1] == 1 : !0,
+    effectType: r,
+    fieldType: o,
+    gatherConfig: s.gatherconfig == 1,
+    fieldFormat: ["fk", "user"].includes(o) ? (v = s.syscodegenconfigfk) == null ? void 0 : v.fieldformat : s.syscodegenconfig.fieldformat,
+    dictTypeCode: ["fk", "user"].includes(o) ? (g = s.syscodegenconfigfk) == null ? void 0 : g.dicttypecode : s.syscodegenconfig.dicttypecode,
+    dictTypeList: [],
+    maxTagCount: s.maxtagcount ? Number(s.maxtagcount) : 2,
+    sourceFk: !!["fk", "about", "user"].includes(o),
+    displayMode: d[2] ? d[2] : "none",
+    displayPrefix: d[3] ? d[3] : "none",
+    preview: d[4] ? d[4] === "true" : !0,
+    download: d[5] ? d[5] === "true" : !0
+  };
+  return s.orderconfig === 1 && Object.assign(f, {
+    sortable: "custom"
+  }), t < a && Object.assign(f, {
+    fixed: "left"
+  }), ["participants"].includes(o) && Object.assign(f, {
+    showTooltip: !1
+  }), Object.assign(f, u);
+}
+function getColumnName(s) {
+  const t = s.syscodegenconfigfk ? s.syscodegenconfigfk.columnname : "";
+  switch (s.syscodegenconfig.effecttype) {
+    case "fk":
+      return t + s.syscodegenconfig.fkentityname + s.syscodegenconfig.columnname;
+    case "user":
+      return t + s.syscodegenconfig.fkentityname + s.syscodegenconfig.columnname;
+    case "about":
+      return s.syscodegenconfig.relations.toLowerCase();
+    default:
+      return s.syscodegenconfig.columnname;
+  }
+}
+function getScopedSlots(s, t, a) {
+  var o;
+  if (s == "input")
+    return {};
+  const r = ["fk", "user"].includes(s) ? (o = a.syscodegenconfigfk) == null ? void 0 : o.fieldformat : a.syscodegenconfig.fieldformat;
+  return ["datepicker"].includes(s) && r === 1 ? {} : {
+    type: "slot",
+    slotType: t
+  };
+}
+function getQueries(s, t, a) {
+  if (s.syscodegenconfig == null)
+    return !1;
+  let r = s.options ? JSON.parse(s.options) : {}, o = {
+    required: r.required,
+    message: a,
+    trigger: "blur"
+  };
+  return ["inputnumber", "double", "	currency"].includes(s.syscodegenconfig.effecttype) && Object.assign(o, {
+    type: "number"
+  }), {
+    id: s.syscodegenconfig.id,
+    transKey: s.syscodegenconfig.transkey,
+    prop: s.syscodegenconfig.columnname,
+    label: s.syscodegenconfig.columncomment,
+    effectType: getEffectType(s.syscodegenconfig.effecttype),
+    dictTypeCode: s.syscodegenconfig.dicttypecode,
+    fkEntityName: s.syscodegenconfig.fkentityname,
+    disabled: s.disabled === void 0 ? !1 : s.disabled,
+    options: r,
+    fieldFormat: s.syscodegenconfig.fieldformat,
+    valueFormat: getFieldFormat(s.syscodegenconfig.fieldformat, t),
+    rules: [o],
+    hasFiltered: !1,
+    filterList: [],
+    fkData: []
+  };
+}
+function getFieldFormat(s, t) {
+  if (s === null)
+    return s;
+  const a = t.filter((r) => String(r.code) === String(s))[0];
+  return a ? a.name.replace("DD", "dd") : "yyyy-MM-dd hh:mm:ss";
+}
+function getEffectType(s) {
+  let t = s;
+  return ["image", "file"].includes(s) ? t = "input" : ["select", "radio", "switch", "checkbox"].includes(s) ? t = "selectMultiple" : ["fk", "about", "participants", "user"].includes(s) && (t = "selectFkMultiple"), t;
+}
+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 u = dateProcessing(o, l);
+      u && (a.set(r + "Start", u[0]), a.set(r + "End", u[1]));
+    } else
+      Array.isArray(o) ? o.length > 0 && a.set(r, o.join(",")) : !o == "" && a.set(r, o);
+  }
+  return a.size == 0 ? {} : Object.fromEntries(a);
+}
+function dateProcessing(s, t) {
+  return s === "" ? !1 : typeof s == "array" || typeof s == "object" ? s[1] ? [s[0].split(" ")[0] + " 00:00:00", s[1].split(" ")[0] + " 23:59:59"] : !1 : t.fieldFormat == 1 ? [s, s] : [s + " 00:00:00", s + " 23:59:59"];
+}
+function hasDefaultVal(s) {
+  let t = /* @__PURE__ */ new Map(), a = getDatepickerVal(s);
+  return ["switch", "select", "radio", "checkbox", "selectMultiple"].includes(s.effectType) && s.options.defaultValueList.length > 0 ? t.set(s.prop, s.options.defaultValueList) : ["datepicker"].includes(s.effectType) && a ? t.set(s.prop, a) : (["input", "textarea", "editor"].includes(s.effectType) && s.options.defaultValue !== "" || ["inputnumber", "double", "	currency"].includes(s.effectType) && s.options.defaultValue !== "") && t.set(s.prop, s.options.defaultValue), Object.fromEntries(t);
+}
+function getDatepickerVal(s) {
+  if (!["datepicker"].includes(s.effectType))
+    return !1;
+  let t = s.options.displayStyle, a = s.options.defaultInterval.filter((d) => d.type === "interval")[0], r = s.options.defaultInterval.filter((d) => d.type === "equal")[0], o = r.value === "" ? s.options.defaultValue : getTimeDatas(r, t, s), l = a.value === "" ? s.options.defaultValueList : getTimeDatas(a, t, s);
+  return t == 1 ? o === "" ? !1 : o : l.length === 0 ? !1 : l;
+}
+function getTimeDatas(s, t, a) {
+  let r = Number(s.value), o = new Date().getTime(), l = o - r * 1e3 * 60 * 60 * 24, d = getFormatTime(o), u = getFormatTime(l), f = `${d.year}-${d.mon}-${d.day} ${d.hours}:${d.min}:${d.sec}`, h = `${u.year}-${u.mon}-${u.day} ${u.hours}:${u.min}:${u.sec}`;
+  return t == 1 ? a.valueFormat.replace("DD", "dd") === "YYYY-MM-dd" ? h.split(" ")[0] : h : [h, f];
+}
+function getFormatTime(s) {
+  let a = s.toString().length == 10 ? parseInt(s) * 1e3 : parseInt(s);
+  var r = new Date(a), o = r.getFullYear(), l = r.getMonth() + 1, d = r.getDate(), u = r.getHours(), f = r.getMinutes(), h = r.getSeconds();
+  return {
+    year: o,
+    mon: formatNumber(l),
+    day: formatNumber(d),
+    hours: formatNumber(u),
+    min: formatNumber(f),
+    sec: formatNumber(h)
+  };
+}
+function formatNumber(s) {
+  return s = s.toString(), s[1] ? s : "0" + s;
+}
+const btnGroup_vue_vue_type_style_index_0_scoped_386edc6a_lang = "", _sfc_main$1F = {
   props: {
     record: {
       type: Object,
       required: !0
+    },
+    develop: {
+      type: [Number, String],
+      default: 1
     }
   },
   data() {
     return {
-      sysViewButtons: []
+      btnItems: {},
+      show: !1,
+      statu: !1,
+      fieldData: [],
+      visible: !1
     };
   },
-  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
-    }
-  },
   computed: {
+    componentForm() {
+      const s = this.$importViewFiles();
+      let a = `../views/main/${this.btnItems.table}/editForm.vue`;
+      const r = s[a];
+      return r ? r.default : GdsDesignVue.GdFormBuildDesigner;
+    },
+    tableData() {
+      const s = this.tableLists.filter((t) => t.tablename === this.btnItems.table)[0];
+      return s || { tablename: this.btnItems.table };
+    },
+    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);
+    },
+    hig() {
+      return this.screenHeight - 50;
+    },
+    ...mapGetters(["tableLists", "screenHeight"])
   },
   methods: {
-    add(s) {
+    refresh() {
+    },
+    async openForm(s) {
+      this.show = !0, this.$nextTick(() => {
+        setTimeout(async () => {
+          if (this.$refs.editForm) {
+            const t = this.btnItems.btnDataAll.formlist.filter((a) => a.id === this.btnItems.tableComponents)[0];
+            await this.$refs.editForm.setFormRecord(t), this.$refs.editForm.open({
+              title: this.$i18nt(`Dynamics.${this.btnItems.transKey}`, this.btnItems.displayName)
+            }), this.statu = !1, s.close();
+          }
+        }, 0);
+      });
+    },
+    queriesRefresh(s) {
       console.log(s);
     },
-    edit(s) {
+    openQuery(s) {
+      const t = this.btnItems.btnDataAll.viewlist.filter((l) => l.id === this.btnItems.tableComponents)[0];
+      let a = [], r = {};
+      t.sysviewqueries.forEach((l) => {
+        const d = getQueries(l, this.getDictionary("time_longshort"), this.$i18nt("gd.placeholder.required", "\u5FC5\u586B\u9879")), u = this.fieldData.filter((h) => {
+          let p = d ? d.prop : "";
+          return h.columnname === p;
+        })[0], f = u ? u.isquery : !0;
+        d && f && a.push(d);
+      }), a.map((l) => (!l.disabled && !l.options.hidden && (r = Object.assign(r, hasDefaultVal(l))), l));
+      let o = this.btnItems.queryParam === void 0 ? {} : this.btnItems.queryParam === void 0;
+      this.btnItems.queryParam === void 0 && Object.assign(this.btnItems, {
+        queryParam: Object.assign(o, r),
+        tableQueries: a,
+        viewRecord: t
+      }), this.visible = !0, console.log(this.btnItems), this.$nextTick(() => {
+        setTimeout(() => {
+          this.$refs.queriesField && this.$refs.queriesField.init().then((l) => {
+            this.statu = !1, s.close();
+          });
+        }, 10);
+      });
+    },
+    colseQuery() {
+      this.visible = !1;
+    },
+    sysBaseAdd(s) {
+      this.statu = !0;
+      const t = this.$message({
+        message: this.$i18nt("gd.https.Loading", "\u52A0\u8F7D\u4E2D..."),
+        duration: 0,
+        iconClass: "el-icon-loading"
+      });
+      if (this.btnItems.btnDataAll !== void 0 && this.btnItems.fieldData !== void 0) {
+        this.fieldData = this.btnItems.fieldData, this.openForm(t);
+        return;
+      }
+      Promise.all([this.baseTableData(), this.baseGetLoadData()]).then((a) => {
+        a[0].code === 200 ? this.openForm(t) : (this.$message.warning(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25") + a[0].message), this.statu = !1, t.close());
+      });
+    },
+    sysBaseQuery() {
+      this.statu = !0;
+      const s = this.$message({
+        message: this.$i18nt("gd.https.Loading", "\u52A0\u8F7D\u4E2D..."),
+        duration: 0,
+        iconClass: "el-icon-loading"
+      });
+      if (this.btnItems.viewRecord) {
+        this.visible = !0, this.$nextTick(() => {
+          setTimeout(() => {
+            this.$refs.queriesField && this.$refs.queriesField.init().then((t) => {
+              this.statu = !1, s.close();
+            });
+          }, 10);
+        });
+        return;
+      }
+      Promise.all([this.baseTableData(), this.baseGetLoadData()]).then((t) => {
+        t[0].code === 200 ? this.openQuery(s) : (this.$message.warning(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25") + t[0].message), this.statu = !1, s.close());
+      });
+    },
+    baseTableData() {
+      return baseTableData({ tableId: this.tableData.id }).then((s) => (s.code === 200 && Object.assign(this.btnItems, { btnDataAll: s.data }), s));
+    },
+    baseGetLoadData() {
+      return onlineFormGetCodeGenerateList({
+        codeGenId: this.tableData.id
+      }).then((s) => (s.code === 200 && (Object.assign(this.btnItems, { fieldData: s.data }), this.fieldData = s.data), s));
+    },
+    changeTrigger() {
+    },
+    getDictionary(s) {
+      return this.$options.filters.dictData(s);
     },
     doEvent(s) {
-      let t = s.item.functionName;
-      this[t] && this[t]();
+      if (this.statu || this.develop === 1)
+        return;
+      const t = this.columns.filter((a) => a.id === s.item.id)[0];
+      if (console.log(s, t), !!t && (this.btnItems = t, t.formMode === "systemsMethod")) {
+        let a = t.sysFunctionName;
+        this[a] && this[a](t);
+      }
     }
   }
 };
 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 a("div", [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), t.develop == 2 ? [t.show ? a(t.componentForm, { ref: "editForm", tag: "component", attrs: { fieldData: t.fieldData, tableData: t.tableData, recordRelation: t.record, openMode: 1 }, on: { ok: t.refresh } }) : t._e(), a("el-drawer", { attrs: { visible: t.visible, "close-on-press-escape": !1, "append-to-body": !0, "modal-append-to-body": !1, size: "366px", "custom-class": "gd-drawer-form" }, on: { "update:visible": function(r) {
+    t.visible = r;
+  } } }, [a("template", { slot: "title" }, [a("div", { staticClass: "gd-dialog-head gd-dialog-heads" }, [a("div", { staticClass: "dialog-head-title" }, [t._v(t._s(t.$i18nt(`Dynamics.${this.btnItems.transKey}`, this.btnItems.displayName)))]), a("div", { staticClass: "dialog-head-btn" })])]), a("div", [a("gd-table-queries-field", { ref: "queriesField", attrs: { columns: t.btnItems.tableQueries, height: t.hig, queryParam: t.btnItems.queryParam, colse: t.colseQuery, visible: t.visible, openMode: 1, recordRelation: t.record, viewRecord: t.btnItems.viewRecord, openRules: !0, changeTrigger: t.changeTrigger }, on: { save: t.queriesRefresh } })], 1)], 2)] : t._e()], 2);
 }, _sfc_staticRenderFns$1F = [], __component__$1F = /* @__PURE__ */ normalizeComponent(
   _sfc_main$1F,
   _sfc_render$1F,
   _sfc_staticRenderFns$1F,
   !1,
   null,
-  "a7fd9e66",
+  "386edc6a",
   null,
   null
 );
@@ -118011,7 +118276,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_b98906d7_lang = "", _sfc_main$1z = {
   props: {
     record: {
       type: Object,
@@ -118139,11 +118404,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 = t || r, d)), this.record.fkData = [...this.fkData]);
       });
     },
     setData({ val: s, data: t, items: a, fkData: r }) {
@@ -118291,7 +118556,7 @@ var _sfc_render$1z = function s() {
   _sfc_staticRenderFns$1z,
   !1,
   null,
-  "426835f5",
+  "b98906d7",
   null,
   null
 );
@@ -118388,7 +118653,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 +118687,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 +118742,7 @@ var _sfc_render$1x = function s() {
   _sfc_staticRenderFns$1x,
   !1,
   null,
-  "608c4979",
+  "22e7f515",
   null,
   null
 );
@@ -118583,152 +118843,7 @@ var _sfc_render$1v = function s() {
   null,
   null
 );
-const FlexLayout = __component__$1v.exports;
-function getColumns(s, t, a) {
-  var h, p, v, g;
-  if (!s.syscodegenconfig && !s.syscodegenconfigfk)
-    return console.log("\u5B57\u6BB5:" + s.name + "\u6570\u636E\u9519\u8BEF!"), null;
-  const r = ["fk", "user"].includes(s.syscodegenconfig.effecttype) ? (h = s.syscodegenconfigfk) == null ? void 0 : h.effecttype : s.syscodegenconfig.effecttype, o = s.syscodegenconfig.effecttype, l = getColumnName(s).toLowerCase(), d = s.align ? s.align.split("&") : [], u = getScopedSlots(o, l, s);
-  let f = {
-    key: l,
-    transKey: `Dynamics.${s.transkey}`,
-    prop: l,
-    label: s.name,
-    width: String(s.width),
-    owidth: String(s.width),
-    columnName: s.syscodegenconfig.columnname,
-    fkEntityName: s.syscodegenconfig.fkentityname,
-    id: s.fieldid,
-    fkId: ["fk", "about", "user"].includes(o) ? (p = s.syscodegenconfigfk) == null ? void 0 : p.id : null,
-    align: d[0] ? d[0] : "center",
-    checked: d[1] ? d[1] == 1 : !0,
-    effectType: r,
-    fieldType: o,
-    gatherConfig: s.gatherconfig == 1,
-    fieldFormat: ["fk", "user"].includes(o) ? (v = s.syscodegenconfigfk) == null ? void 0 : v.fieldformat : s.syscodegenconfig.fieldformat,
-    dictTypeCode: ["fk", "user"].includes(o) ? (g = s.syscodegenconfigfk) == null ? void 0 : g.dicttypecode : s.syscodegenconfig.dicttypecode,
-    dictTypeList: [],
-    maxTagCount: s.maxtagcount ? Number(s.maxtagcount) : 2,
-    sourceFk: !!["fk", "about", "user"].includes(o),
-    displayMode: d[2] ? d[2] : "none",
-    displayPrefix: d[3] ? d[3] : "none",
-    preview: d[4] ? d[4] === "true" : !0,
-    download: d[5] ? d[5] === "true" : !0
-  };
-  return s.orderconfig === 1 && Object.assign(f, {
-    sortable: "custom"
-  }), t < a && Object.assign(f, {
-    fixed: "left"
-  }), ["participants"].includes(o) && Object.assign(f, {
-    showTooltip: !1
-  }), Object.assign(f, u);
-}
-function getColumnName(s) {
-  const t = s.syscodegenconfigfk ? s.syscodegenconfigfk.columnname : "";
-  switch (s.syscodegenconfig.effecttype) {
-    case "fk":
-      return t + s.syscodegenconfig.fkentityname + s.syscodegenconfig.columnname;
-    case "user":
-      return t + s.syscodegenconfig.fkentityname + s.syscodegenconfig.columnname;
-    case "about":
-      return s.syscodegenconfig.relations.toLowerCase();
-    default:
-      return s.syscodegenconfig.columnname;
-  }
-}
-function getScopedSlots(s, t, a) {
-  var o;
-  if (s == "input")
-    return {};
-  const r = ["fk", "user"].includes(s) ? (o = a.syscodegenconfigfk) == null ? void 0 : o.fieldformat : a.syscodegenconfig.fieldformat;
-  return ["datepicker"].includes(s) && r === 1 ? {} : {
-    type: "slot",
-    slotType: t
-  };
-}
-function getQueries(s, t, a) {
-  if (s.syscodegenconfig == null)
-    return !1;
-  let r = s.options ? JSON.parse(s.options) : {}, o = {
-    required: r.required,
-    message: a,
-    trigger: "blur"
-  };
-  return ["inputnumber", "double", "	currency"].includes(s.syscodegenconfig.effecttype) && Object.assign(o, {
-    type: "number"
-  }), {
-    id: s.syscodegenconfig.id,
-    transKey: s.syscodegenconfig.transkey,
-    prop: s.syscodegenconfig.columnname,
-    label: s.syscodegenconfig.columncomment,
-    effectType: getEffectType(s.syscodegenconfig.effecttype),
-    dictTypeCode: s.syscodegenconfig.dicttypecode,
-    fkEntityName: s.syscodegenconfig.fkentityname,
-    disabled: s.disabled === void 0 ? !1 : s.disabled,
-    options: r,
-    fieldFormat: s.syscodegenconfig.fieldformat,
-    valueFormat: getFieldFormat(s.syscodegenconfig.fieldformat, t),
-    rules: [o],
-    hasFiltered: !1,
-    filterList: [],
-    fkData: []
-  };
-}
-function getFieldFormat(s, t) {
-  if (s === null)
-    return s;
-  const a = t.filter((r) => String(r.code) === String(s))[0];
-  return a ? a.name.replace("DD", "dd") : "yyyy-MM-dd hh:mm:ss";
-}
-function getEffectType(s) {
-  let t = s;
-  return ["image", "file"].includes(s) ? t = "input" : ["select", "radio", "switch", "checkbox"].includes(s) ? t = "selectMultiple" : ["fk", "about", "participants", "user"].includes(s) && (t = "selectFkMultiple"), t;
-}
-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 u = dateProcessing(o, l);
-      u && (a.set(r + "Start", u[0]), a.set(r + "End", u[1]));
-    } else
-      Array.isArray(o) ? o.length > 0 && a.set(r, o.join(",")) : !o == "" && a.set(r, o);
-  }
-  return a.size == 0 ? {} : Object.fromEntries(a);
-}
-function dateProcessing(s, t) {
-  return s === "" ? !1 : typeof s == "array" || typeof s == "object" ? s[1] ? [s[0].split(" ")[0] + " 00:00:00", s[1].split(" ")[0] + " 23:59:59"] : !1 : t.fieldFormat == 1 ? [s, s] : [s + " 00:00:00", s + " 23:59:59"];
-}
-function hasDefaultVal(s) {
-  let t = /* @__PURE__ */ new Map(), a = getDatepickerVal(s);
-  return ["switch", "select", "radio", "checkbox", "selectMultiple"].includes(s.effectType) && s.options.defaultValueList.length > 0 ? t.set(s.prop, s.options.defaultValueList) : ["datepicker"].includes(s.effectType) && a ? t.set(s.prop, a) : (["input", "textarea", "editor"].includes(s.effectType) && s.options.defaultValue !== "" || ["inputnumber", "double", "	currency"].includes(s.effectType) && s.options.defaultValue !== "") && t.set(s.prop, s.options.defaultValue), Object.fromEntries(t);
-}
-function getDatepickerVal(s) {
-  if (!["datepicker"].includes(s.effectType))
-    return !1;
-  let t = s.options.displayStyle, a = s.options.defaultInterval.filter((d) => d.type === "interval")[0], r = s.options.defaultInterval.filter((d) => d.type === "equal")[0], o = r.value === "" ? s.options.defaultValue : getTimeDatas(r, t, s), l = a.value === "" ? s.options.defaultValueList : getTimeDatas(a, t, s);
-  return t == 1 ? o === "" ? !1 : o : l.length === 0 ? !1 : l;
-}
-function getTimeDatas(s, t, a) {
-  let r = Number(s.value), o = new Date().getTime(), l = o - r * 1e3 * 60 * 60 * 24, d = getFormatTime(o), u = getFormatTime(l), f = `${d.year}-${d.mon}-${d.day} ${d.hours}:${d.min}:${d.sec}`, h = `${u.year}-${u.mon}-${u.day} ${u.hours}:${u.min}:${u.sec}`;
-  return t == 1 ? a.valueFormat.replace("DD", "dd") === "YYYY-MM-dd" ? h.split(" ")[0] : h : [h, f];
-}
-function getFormatTime(s) {
-  let a = s.toString().length == 10 ? parseInt(s) * 1e3 : parseInt(s);
-  var r = new Date(a), o = r.getFullYear(), l = r.getMonth() + 1, d = r.getDate(), u = r.getHours(), f = r.getMinutes(), h = r.getSeconds();
-  return {
-    year: o,
-    mon: formatNumber(l),
-    day: formatNumber(d),
-    hours: formatNumber(u),
-    min: formatNumber(f),
-    sec: formatNumber(h)
-  };
-}
-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 FlexLayout = __component__$1v.exports, dataList_vue_vue_type_style_index_0_scoped_372a6426_lang = "", _sfc_main$1u = {
   props: {
     record: {
       type: Object,
@@ -118757,7 +118872,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 +119024,7 @@ var _sfc_render$1u = function s() {
   _sfc_staticRenderFns$1u,
   !1,
   null,
-  "e0a762ef",
+  "372a6426",
   null,
   null
 );
@@ -122090,7 +122205,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 +122217,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 +122248,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 +122331,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 +122365,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 +123098,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 +123512,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 +123584,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 +123593,7 @@ var _sfc_render$12 = function s() {
   _sfc_staticRenderFns$12,
   !1,
   null,
-  "5949ba54",
+  "b1a052f9",
   null,
   null
 );
@@ -136472,7 +136653,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 +137571,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 +137736,7 @@ var _sfc_render$m = function s() {
   _sfc_staticRenderFns$m,
   !1,
   null,
-  "a65a10df",
+  "885f5ae4",
   null,
   null
 );