gds-plus-design-vue 1.2.63 → 1.2.71

package/lib/table.definition..echartsconfig.625bce88.mjs

@@ -0,0 +1,2150 @@
+import { v as y, u as c, e as b } from "./utils.util.js.333daba2.mjs";
+import { o as p } from "./http.syscodegenerateconfigmanage.6d2e5da0.mjs";
+import { C as v, D as $, E as x, a as g, f as F, F as D } from "./http.tabledevelopment.3dcb3e97.mjs";
+import { m as u, n as m } from "./components.chartbi.571c5ff5.mjs";
+import { S as C } from "./http.main.aefea27d.mjs";
+import { t as k } from "./utils.mixins.js.be01e599.mjs";
+const S = {
+  props: {
+    table: {
+      type: Object,
+      default: () => ({})
+    },
+    holderType: {
+      type: [String, Number],
+      default: 1
+    }
+  },
+  data() {
+    return {
+      width: "80%",
+      record: null,
+      confirmLoading: !1,
+      visible: !1,
+      fullscreen: !1,
+      show: !1,
+      buttons: [
+        {
+          displayName: "\u786E\u5B9A",
+          functionName: "handleSubmit",
+          show: !0,
+          transKey: "gd.btn.confirm",
+          icon: "el-icon-document-checked"
+        }
+      ],
+      ruleFormData: {
+        tableName: "",
+        name: "",
+        transKey: "",
+        type: "1",
+        colorList: [],
+        code: "",
+        mode: "",
+        viewId: "",
+        columnName: "",
+        list: ""
+      },
+      list: [],
+      viewList: [],
+      loadFieldData: [],
+      loadCountData: [],
+      loadTableData: [],
+      selectedRowKeys: [],
+      selectedRows: [],
+      pid: [],
+      tableShow: !1,
+      transKey: null,
+      loadData: (l) => this.getLoadField(),
+      rules: {
+        tableName: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.select", "\u8BF7\u9009\u62E9"),
+            trigger: "change"
+          }
+        ],
+        name: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.input", "\u8BF7\u8F93\u5165"),
+            trigger: "change"
+          }
+        ],
+        code: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.input", "\u8BF7\u8F93\u5165"),
+            trigger: "change"
+          },
+          {
+            pattern: /^[a-zA-Z]([a-zA-Z0-9]+)?$/,
+            message: this.$i18nt("gd.view.viewNameTip", "\u8BF7\u8F93\u5165\u82F1\u6587\u5B57\u6BCD!")
+          }
+        ],
+        type: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.select", "\u8BF7\u9009\u62E9"),
+            trigger: "change"
+          }
+        ],
+        list: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.select", "\u8BF7\u9009\u62E9"),
+            trigger: "change"
+          }
+        ],
+        viewId: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.select", "\u8BF7\u9009\u62E9"),
+            trigger: "change"
+          }
+        ]
+      },
+      tableColumns: [
+        {
+          type: "selection",
+          width: "80"
+        },
+        {
+          type: "selection-radio",
+          width: "80"
+        },
+        {
+          transKey: "gd.field.describe",
+          prop: "columncomment",
+          label: "\u663E\u793A\u540D",
+          width: "160",
+          align: "left",
+          showOverflowTooltip: !0
+        },
+        {
+          transKey: "gd.field.field",
+          prop: "columnname",
+          label: "\u5B57\u6BB5\u540D",
+          width: "140",
+          align: "left",
+          showOverflowTooltip: !0
+        },
+        {
+          transKey: "gd.field.effectType",
+          prop: "effectType",
+          label: "\u7C7B\u578B",
+          width: "110",
+          align: "left",
+          type: "slot",
+          slotType: "effectType",
+          showOverflowTooltip: !0
+        }
+      ]
+    };
+  },
+  components: { EffectTypeIcon: () => import("./components.xlsximport.81df7841.mjs").then((l) => l.e) },
+  computed: {
+    megs() {
+      let l = "";
+      return this.list.forEach((e, t) => {
+        l += t == 0 ? e.alias : " ," + e.alias;
+      }), `${this.$i18nt("gd.echarts.selected", "\u5DF2\u9009")}: ${l}`;
+    },
+    getTableColumns() {
+      return this.tableColumns.filter((l) => {
+        let e = this.ruleFormData.mode === "1" || this.ruleFormData.columnName !== "" ? "radio" : "checkbox";
+        return l.type === "selection" ? e === "checkbox" : l.type === "selection-radio" ? e === "radio" : !0;
+      });
+    },
+    disabled() {
+      return !!this.record;
+    },
+    title() {
+      return this.record ? this.$i18nt("gd.https.edit", "\u7F16\u8F91") : this.$i18nt("gd.https.add", "\u65B0\u589E");
+    },
+    height() {
+      let l = this.fullscreen ? 190 : 340;
+      return this.screenHeight - l;
+    },
+    ...u(["screenHeight", "tableLists", "echartsColor", "primaryColor", "tablePageSize", "tableSize"])
+  },
+  methods: {
+    present() {
+      (this.list.length === 0 ? 0 : this.type) === 0 ? this.$refs.VEcharts.setType() : this.seeEcharts();
+    },
+    seeEcharts() {
+      const l = this.tableLists.filter((e) => e.tablename === this.ruleFormData.tableName)[0];
+      this.$nextTick(() => {
+        setTimeout(() => {
+          let e = {
+            tableId: l.id,
+            view: this.viewList.filter((t) => t.id == this.ruleFormData.viewId)[0],
+            viewId: this.ruleFormData.viewId,
+            mode: this.ruleFormData.mode,
+            type: this.ruleFormData.type,
+            columnName: this.ruleFormData.columnName,
+            list: this.list,
+            name: this.ruleFormData.name,
+            transKey: this.transKey
+          };
+          this.$refs.VEcharts.init(e);
+        }, 0);
+      });
+    },
+    save() {
+      let l = this.record ? this.holderType == 2 ? v : $ : x;
+      const e = this.tableLists.filter((a) => a.tablename === this.ruleFormData.tableName)[0];
+      let t = {
+        name: this.ruleFormData.name,
+        syscodegenid: e.id,
+        collectway: this.ruleFormData.mode,
+        echartstype: this.ruleFormData.type,
+        classlabel: JSON.stringify(this.list),
+        echartsorder: this.ruleFormData.columnName !== "" ? this.ruleFormData.columnName : null,
+        echartspreview: this.ruleFormData.viewId !== "" ? this.ruleFormData.viewId : null,
+        holdertype: this.holderType,
+        colour: this.ruleFormData.colorList.join(","),
+        code: this.ruleFormData.code
+      };
+      this.record && (t = Object.assign(this.record, t)), l(t).then((a) => {
+        a.success ? (this.$message.success(this.$i18nt("gd.https.addSucc", "\u65B0\u589E\u6210\u529F")), this.$emit("ok", a.data), this.closed()) : this.$message.error(this.$i18nt("gd.https.addFail", "\u65B0\u589E\u5931\u8D25:") + a.message), this.confirmLoading = !1;
+      });
+    },
+    handleSubmit() {
+      this.confirmLoading = !0, this.$refs.ruleForm.validate((l) => {
+        l ? this.save() : this.confirmLoading = !1;
+      });
+    },
+    hidePopover() {
+      let l = [];
+      this.loadFieldData.forEach((e) => {
+        this.selectedRowKeys.filter((a) => e.id === a)[0] && l.push({
+          dataIndex: e.dataindex,
+          alias: e.alias,
+          transKey: e.transkey,
+          id: e.id,
+          columnComment: e.columncomment,
+          dictTypeCode: e.dicttypecode
+        }), e.children && e.children.length > 0 && e.children.forEach((a) => {
+          if (this.selectedRowKeys.filter((s) => a.id === s)[0]) {
+            let s = this.$i18nt(`Dynamics.${e.transkey}`, e.columncomment), r = this.$i18nt(`Dynamics.${a.transkey}`, a.columncomment);
+            l.push({
+              dataIndex: a.dataindex,
+              alias: a.alias,
+              transKey: a.transkey,
+              id: a.id,
+              columnComment: `${r}(${s})`,
+              dictTypeCode: a.dicttypecode
+            });
+          }
+        });
+      }), this.list = [...l], this.ruleFormData.list = JSON.stringify(l), this.tableShow = !1, this.present();
+    },
+    showPopover() {
+      this.tableShow = !0, this.$nextTick(() => {
+        setTimeout(() => {
+          this.refresh(!1);
+        }, 300);
+      });
+    },
+    getLoadField() {
+      return new Promise((l, e) => {
+        let t = [...this.loadFieldData].filter((a) => !(a.effecttype == "about" && a.columnname == (a.relations + "_AboutTable").toLowerCase()));
+        t.forEach((a, i) => {
+          if (a.children && a.children.length > 0) {
+            let s = [];
+            a.children.forEach((r, o) => {
+              if (r.effecttype != "fk" && r.effecttype != "about") {
+                let n = this.$i18nt(`Dynamics.${a.transkey}`, a.columncomment), d = this.$i18nt(`Dynamics.${r.transkey}`, r.columncomment), h = Object.assign(
+                  { ...r },
+                  { id: r.id + "-" + a.id },
+                  {
+                    dataindex: y(r, a),
+                    alias: `${d}(${n})`,
+                    transkey: a.transkey ? a.transkey : null,
+                    transkeys: r.transkey ? r.transkey : null,
+                    columncommentd: `${d}`
+                  }
+                );
+                s.push(h);
+              }
+            }), s = s.filter((r) => !(r.effecttype == "about" && r.columnname == (r.relations + "_AboutTable").toLowerCase())), this.ruleFormData.mode !== "1" && this.ruleFormData.columnName === "" && (s = s.filter((r) => r.effecttype == "currency" || r.effecttype == "inputnumber" || r.effecttype == "double")), t[i].children = s.length == 0 ? null : [...s];
+          }
+          t[i].alias = this.$i18nt(`Dynamics.${a.transkey}`, a.columncomment), t[i].dataindex = y(a, a), t[i].transkey = a.transkey ? a.transkey : null, t[i].transkeys = null, t[i].columncommentd = this.$i18nt(`Dynamics.${a.transkey}`, a.columncomment);
+        }), this.ruleFormData.mode !== "1" && this.ruleFormData.columnName === "" && (t = t.filter((a) => a.effecttype == "currency" || a.effecttype == "inputnumber" || a.effecttype == "double" ? !0 : !!((a.effecttype == "fk" || a.effecttype == "about") && a.children && a.children.length > 0))), this.loadTableData = [...t], l({ pageNo: 1, pageSize: 200, totalRows: 0, rows: this.loadTableData });
+      });
+    },
+    changeMode() {
+      let l = this.show;
+      this.show = this.ruleFormData.mode !== "1", l != this.show && (this.ruleFormData.columnName = "", this.ruleFormData.list = "", this.list = [], this.selectedRowKeys = [], this.selectedRows = []), this.present();
+    },
+    changeColumnName() {
+      this.list.length > 1 && (this.list = [], this.selectedRowKeys = [], this.selectedRows = []), this.present();
+    },
+    changeTable() {
+      this.ruleFormData = Object.assign(this.ruleFormData, {
+        viewId: "",
+        columnName: "",
+        list: ""
+      }), this.list = [], this.selectedRowKeys = [], this.selectedRows = [], this.init();
+    },
+    okColor(l) {
+      this.ruleFormData.colorList = [...l];
+    },
+    editEchartsTheme() {
+      this.$refs.echartsTheme.open(this.ruleFormData.colorList);
+    },
+    init() {
+      this.confirmLoading = !0, Promise.all([this.getLoadData(), this.getViewList()]).then((l) => {
+        this.confirmLoading = !1, this.present();
+      });
+    },
+    open(l) {
+      this.record = l, this.visible = !0;
+      const e = this.tableLists.filter((t) => t.tablename === this.table.tablename)[0];
+      if (this.transKey = l && l.transkey ? l.transkey : null, this.list = l && l.classlabel ? JSON.parse(l.classlabel) : [], this.list.length > 0) {
+        let t = [];
+        this.list.forEach((a) => {
+          t.push(a.id);
+        }), this.selectedRowKeys = t;
+      }
+      this.ruleFormData = {
+        tableName: e ? e.tablename : "",
+        name: l ? l.name : "",
+        type: l ? String(l.echartstype) : "1",
+        colorList: l && l.colour ? l.colour.split(",") : [...this.echartsColor],
+        code: l ? l.code ? l.code : "" : c(8),
+        columnName: l && l.echartsorder ? l.echartsorder : "",
+        list: l ? JSON.parse(l.classlabel) : "",
+        viewId: l ? Number(l.echartspreview) : "",
+        mode: l ? String(l.collectway) : "1",
+        transKey: l ? l.transkey : ""
+      }, this.show = this.ruleFormData.mode !== "1", this.$nextTick(() => {
+        this.$refs.ruleForm.clearValidate(), this.init();
+      });
+    },
+    getViewList() {
+      const l = this.tableLists.filter((e) => e.tablename === this.ruleFormData.tableName)[0];
+      if (!l)
+        return new Promise((e, t) => {
+          e();
+        });
+      g({
+        SysCodeGenId: l.id
+      }).then((e) => {
+        if (e.success) {
+          let t = e.data.filter((a) => a.type == 1);
+          this.viewList = t;
+        }
+      });
+    },
+    getLoadData() {
+      const l = this.tableLists.filter((e) => e.tablename === this.ruleFormData.tableName)[0];
+      return l ? p({
+        codeGenId: l.id
+      }).then((e) => {
+        let t = [], a = e.data.filter((r) => (r.children && r.children.length > 0 && t.push(r.id), r.effecttype == "about" && r.columnname == (r.relations + "_AboutTable").toLowerCase() ? !1 : !(r.effecttype == "currency" && r.columnname == (r.relations + "_Currency_Base").toLowerCase())));
+        this.pid = t, this.loadFieldData = [...e.data];
+        let i = a.filter((r) => r.effecttype == "currency" || r.effecttype == "inputnumber" || r.effecttype == "double"), s = a.filter((r) => r.dicttypecode).filter((r) => !!this.isChecked(r.dicttypecode));
+        return this.loadCountData = i.concat(s), e.data;
+      }) : new Promise((e, t) => {
+        e();
+      });
+    },
+    isChecked(l) {
+      return this.$options.filters.dictData(l).every((t, a, i) => !isNaN(Number(t.name)));
+    },
+    refresh(l = !0) {
+      this.$refs.table.refresh(l);
+    },
+    closed() {
+      this.fullscreen = !1, this.visible = !1, this.selectedRowKeys = [], this.selectedRows = [];
+    },
+    toggleFullscreen() {
+      this.fullscreen = !this.fullscreen, this.present();
+    },
+    onSelectChange(l, e) {
+      this.selectedRowKeys = l, this.selectedRows = e;
+    },
+    doEvent(l) {
+      let e = l.item.functionName;
+      this[e] && this[e]();
+    },
+    getDictionary(l) {
+      return this.$options.filters.dictData(l);
+    },
+    lookupSeled(l) {
+      this.ruleFormData.name = l.defaulttext;
+    }
+  }
+};
+var _ = function() {
+  var e = this, t = e._self._c;
+  return t("div", [t("el-dialog", { directives: [{ name: "drag", rawName: "v-drag" }], ref: "dialog", class: e.fullscreen ? "gd-dialog gd-dialog-fangda" : "gd-dialog", attrs: { fullscreen: e.fullscreen, visible: e.visible, width: e.width, center: !0, "close-on-click-modal": !1, "append-to-body": !0, "modal-append-to-body": !1, top: "80px", "show-close": !1 }, on: { "update:visible": function(a) {
+    e.visible = a;
+  }, closed: e.closed } }, [t("template", { slot: "title" }, [t("gd-modal-title", { attrs: { title: e.title, fullscreen: e.fullscreen, buttons: e.buttons, confirmLoading: e.confirmLoading, showClose: !0 }, on: { changeEvent: e.doEvent, toggleFullscreen: e.toggleFullscreen } })], 1), t("div", { directives: [{ name: "loading", rawName: "v-loading", value: e.confirmLoading, expression: "confirmLoading" }], staticClass: "generator-form" }, [t("div", { staticClass: "view-config" }, [t("div", { staticClass: "config-item" }, [e.visible ? t("gd-echarts", { ref: "VEcharts", attrs: { loadData: e.loadFieldData, color: e.ruleFormData.colorList } }) : e._e()], 1), t("div", { staticClass: "config-item config-items" }, [t("div", { staticClass: "b" }, [t("el-form", { ref: "ruleForm", attrs: { "label-width": "110px", "label-position": "top", model: e.ruleFormData, size: "mini", rules: e.rules }, nativeOn: { submit: function(a) {
+    a.preventDefault();
+  } } }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.view.sourceTable", "\u6765\u6E90\u8868"), prop: "tableName" } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), filterable: "", disabled: !!e.table.tablename }, on: { change: e.changeTable }, model: { value: e.ruleFormData.tableName, callback: function(a) {
+    e.$set(e.ruleFormData, "tableName", a);
+  }, expression: "ruleFormData.tableName" } }, e._l(e.tableLists, function(a, i) {
+    return t("el-option", { key: a.tablename, attrs: { value: a.tablename, label: e.$i18nt(`Dynamics.${a.transkey}`, a.busname) } }, [e._v(" " + e._s(e.$i18nt(`Dynamics.${a.transkey}`, a.busname)) + " (" + e._s(a.tablename) + ") ")]);
+  }), 1)], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.name", "\u540D\u79F0"), prop: "name" } }, [e.record ? e._e() : t("el-input", { attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: e.ruleFormData.name, callback: function(a) {
+    e.$set(e.ruleFormData, "name", a);
+  }, expression: "ruleFormData.name" } }), e.record && e.visible ? t("gd-translation", { ref: "gdTranslation", attrs: { keyI18n: "transKey", recordData: e.ruleFormData, type: 2 }, on: { lookupSeled: e.lookupSeled } }) : e._e()], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.approval.code", "\u7F16\u7801"), prop: "code" } }, [t("el-input", { attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), disabled: e.disabled }, model: { value: e.ruleFormData.code, callback: function(a) {
+    e.$set(e.ruleFormData, "code", a);
+  }, expression: "ruleFormData.code" } })], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.viewId", "\u7528\u4E8E\u56FE\u8868\u9884\u89C8\u7684\u89C6\u56FE"), prop: "viewId" } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, on: { change: e.present }, model: { value: e.ruleFormData.viewId, callback: function(a) {
+    e.$set(e.ruleFormData, "viewId", a);
+  }, expression: "ruleFormData.viewId" } }, e._l(e.viewList, function(a, i) {
+    return t("el-option", { key: a.id, attrs: { value: a.id, label: e.$i18nt(`Dynamics.${a.transkey}`, a.name) } });
+  }), 1)], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.type", "\u56FE\u8868\u7C7B\u578B"), prop: "type" } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, on: { change: e.present }, model: { value: e.ruleFormData.type, callback: function(a) {
+    e.$set(e.ruleFormData, "type", a);
+  }, expression: "ruleFormData.type" } }, e._l(e.getDictionary("table_echarts_type"), function(a, i) {
+    return t("el-option", { key: a.code, attrs: { value: a.code, label: e.$i18nt(`Dynamics.${a.transkey}`, a.name) } }, [t("span", [a.code === "1" ? t("i", { staticClass: "gd-icons gd-icon-zhuzhuangtu" }) : e._e(), a.code === "2" ? t("i", { staticClass: "gd-icons gd-icon-bingtu" }) : e._e(), a.code === "3" ? t("i", { staticClass: "gd-icons gd-icon-loudoutu" }) : e._e(), a.code === "4" ? t("i", { staticClass: "gd-icons gd-icon-zhexiantu" }) : e._e()]), t("span", [e._v(" " + e._s(e.$i18nt(`Dynamics.${a.transkey}`, a.name)) + " ")])]);
+  }), 1)], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.settings.echartsColor", "\u56FE\u8868\u989C\u8272") } }, [t("div", { staticClass: "echarts-color" }, [e._l(e.ruleFormData.colorList, function(a) {
+    return [a == 0 ? t("div", { staticClass: "echarts-color-item", style: `background:${e.primaryColor}` }) : t("div", { staticClass: "echarts-color-item", style: `background:${a}` })];
+  }), t("div", { staticClass: "echarts-color-btn active-color", on: { click: e.editEchartsTheme } }, [e._v(" " + e._s(e.$i18nt("gd.btn.edit", "\u7F16\u8F91")) + " ")])], 2)]), t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.mode", "\u6C47\u603B\u65B9\u5F0F"), prop: "mode" } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, on: { change: e.changeMode }, model: { value: e.ruleFormData.mode, callback: function(a) {
+    e.$set(e.ruleFormData, "mode", a);
+  }, expression: "ruleFormData.mode" } }, e._l(e.getDictionary("table_echarts_mode"), function(a, i) {
+    return t("el-option", { key: a.code, attrs: { value: a.code, label: e.$i18nt(`Dynamics.${a.transkey}`, a.name) } });
+  }), 1)], 1), e.show ? t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.columnName", "\u56FE\u4F8B\u6761\u76EE(\u5E8F\u5217)"), prop: "columnName" } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, on: { change: e.changeColumnName }, model: { value: e.ruleFormData.columnName, callback: function(a) {
+    e.$set(e.ruleFormData, "columnName", a);
+  }, expression: "ruleFormData.columnName" } }, e._l(e.loadCountData, function(a, i) {
+    return t("el-option", { key: a.columnname, attrs: { value: a.columnname, label: e.$i18nt(`Dynamics.${a.transkey}`, a.columncomment) } }, [t("EffectTypeIcon", { attrs: { effectType: a.effecttype } }), t("span", [e._v(" " + e._s(e.$i18nt(`Dynamics.${a.transkey}`, a.columncomment)) + " (" + e._s(a.columnname) + ") ")])], 1);
+  }), 1), t("el-alert", { staticStyle: { "margin-top": "6px" }, attrs: { title: e.$i18nt(
+    "gd.echarts.columnNameTip",
+    "\u53EF\u9009\u62E9\u8BA1\u7B97\u5B57\u6BB5(\u6309\u9009\u62E9\u5B57\u6BB5\u8FD0\u7B97)\uFF1B\u5982\u9700\u9009\u62E9\u5B57\u6BB5\u542B\u6709\u5B57\u5178,\u8BF7\u6309\u5B57\u5178\u540D\u79F0\u8BBE\u7F6E\u503C(\u6309\u5B57\u5178\u503C\u540D\u79F0\u8FD0\u7B97)\u3002"
+  ), type: "info", "show-icon": "", closable: !1 } })], 1) : e._e(), t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.label", "\u6C34\u5E73(\u5206\u7C7B)\u8F74\u6807\u7B7E"), prop: "list" } }, [t("el-popover", { attrs: { placement: "top-end", trigger: "click" }, on: { hide: e.hidePopover, show: e.showPopover } }, [t("span", { staticClass: "el-dropdown-link", attrs: { slot: "reference" }, slot: "reference" }, [t("el-button", { attrs: { type: "primary", disabled: e.ruleFormData.tableName === "" } }, [e._v(" " + e._s(e.$i18nt("gd.echarts.addLabel", "\u6DFB\u52A0\u6C34\u5E73(\u5206\u7C7B)\u8F74\u6807\u7B7E")) + " ")])], 1), t("div", [e.tableShow ? t("gd-table-umy", { ref: "table", attrs: { dataSource: e.loadData, size: e.tableSize, pageSize: e.tablePageSize, columns: e.getTableColumns, selectedRowKeys: e.selectedRowKeys, height: e.height, showPagination: !1, disabledRowId: e.pid, initialLoading: !1, disabledRefresh: !0, tableTree: !0 }, on: { onChange: e.onSelectChange }, scopedSlots: e._u([{ key: "effectType", fn: function({ column: a, row: i }) {
+    return [e._v(" " + e._s(e._f("dictType")("code_gen_effect_type", i.effecttype)) + " ")];
+  } }], null, !1, 4060202120) }) : e._e()], 1)]), e.list.length == 0 ? t("el-alert", { staticStyle: { "margin-top": "6px" }, attrs: { title: e.$i18nt("gd.echarts.addsLabel", "\u8BF7\u6DFB\u52A0\u6C34\u5E73(\u5206\u7C7B)\u8F74\u6807\u7B7E"), type: "warning", "show-icon": "", closable: !1 } }) : t("el-alert", { staticStyle: { "margin-top": "6px" }, attrs: { title: e.megs, type: "success", "show-icon": "", closable: !1 } })], 1)], 1)], 1)])])])], 2), t("gd-color-editor", { ref: "echartsTheme", on: { ok: e.okColor } })], 1);
+}, w = [], T = /* @__PURE__ */ m(
+  S,
+  _,
+  w,
+  !1,
+  null,
+  "893f12cc",
+  null,
+  null
+);
+const L = T.exports, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: L
+}, Symbol.toStringTag, { value: "Module" }));
+const P = [
+  { code: 1, name: "\u5347\u5E8F", transKey: "gd.view.asc" },
+  { code: 2, name: "\u964D\u5E8F", transKey: "gd.view.desc" }
+];
+var f = null;
+const q = {
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    },
+    prefixKey: {
+      type: String,
+      default: ""
+    },
+    suffixKey: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      width: "80%",
+      record: {},
+      confirmLoading: !1,
+      visible: !1,
+      fullscreen: !1,
+      show: !1,
+      columnName: "",
+      buttons: [
+        {
+          displayName: "\u786E\u5B9A",
+          functionName: "handleSubmit",
+          show: !0,
+          transKey: "gd.btn.confirm",
+          icon: "el-icon-document-checked"
+        }
+      ],
+      ruleFormData: {
+        tableName: "",
+        name: "",
+        transKey: null,
+        colorList: [],
+        viewId: "",
+        columnName: "",
+        sequence: "",
+        classLabel: "",
+        langs: [],
+        labelShow: !1,
+        smooth: !1,
+        showSymbol: !0,
+        labelRotate: 45,
+        labelFontSize: 14,
+        overlayLineChart: !1,
+        labelTextPosition: "top",
+        legendPosition: ["", "", "", ""],
+        gridPosition: ["60", "4%", "3%", "3%"],
+        overlayStack: !1,
+        areaStyleStack: !1,
+        legendShow: !0,
+        labelFontColor: "#333",
+        textFontColor: "#333",
+        textFontSize: 14,
+        legendOrient: "horizontal",
+        legendTextColor: "#333",
+        xAxisLabelColor: "#333",
+        labelLineColor: "#333",
+        emphasisFocus: "series",
+        lineStyleWidth: 1,
+        numericalPrecision: 2,
+        numericalSummary: !1,
+        customApi: "",
+        dataType: "table"
+      },
+      classLabel: [],
+      sequence: [],
+      stackList: [],
+      viewList: [],
+      loadFieldData: [],
+      loadTableData: [],
+      ruleList: [],
+      tableShow: !1,
+      transKey: null,
+      rules: {
+        tableName: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.select", "\u8BF7\u9009\u62E9"),
+            trigger: "change"
+          }
+        ],
+        sequence: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.select", "\u8BF7\u9009\u62E9"),
+            trigger: "change"
+          }
+        ],
+        classLabel: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.select", "\u8BF7\u9009\u62E9"),
+            trigger: "change"
+          }
+        ],
+        viewId: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.select", "\u8BF7\u9009\u62E9"),
+            trigger: "change"
+          }
+        ],
+        customApi: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.input", "\u8BF7\u8F93\u5165"),
+            trigger: "change"
+          }
+        ]
+      },
+      uuidEcharts: "",
+      selShow: !0,
+      defaultSortList: P,
+      dateFilterRule: [],
+      columnNameFilter: "",
+      selShowFilter: !0,
+      customFieldData: [],
+      tableFieldData: []
+    };
+  },
+  components: {
+    EffectTypeIcon: () => import("./components.xlsximport.81df7841.mjs").then((l) => l.e),
+    ChartDisplayRules: () => import("./chartDisplayRules.370065e8.mjs")
+  },
+  computed: {
+    getDictionaryAll() {
+      return this.$options.filters.dictDataAll();
+    },
+    effectTypeList() {
+      return this.getDictionary("code_gen_effect_type").filter((e) => ["datepicker", "input", "inputnumber", "select", "double"].includes(e.code));
+    },
+    hasClassLabelConfig() {
+      return this.classLabel.filter((l) => l.effectType === "datepicker");
+    },
+    hasStackGroup() {
+      const l = this.sequence.filter((e) => ["1"].includes(e.type));
+      return this.ruleFormData.overlayStack && l.length === this.sequence.length;
+    },
+    hasOverlayStack() {
+      const l = this.sequence.filter((t) => ["4"].includes(t.type)), e = this.sequence.filter((t) => ["1"].includes(t.type));
+      return l.length === this.sequence.length || e.length === this.sequence.length;
+    },
+    hasAreaStyleStack() {
+      return this.sequence.filter((e) => ["4"].includes(e.type)).length === this.sequence.length;
+    },
+    predefine() {
+      return ["#F5222D", "#52C41A", "#FAAD14", "#13C2C2", "#1890FF", "#722ED1", "#eee", "#333", "#666", "#999"];
+    },
+    hasOverlay() {
+      const l = this.sequence.filter((e) => ["1"].includes(e.type));
+      return this.classLabel.length === 2 && this.hasSequenceConfig && l.length === this.sequence.length;
+    },
+    hasSequenceConfig() {
+      return this.sequence.filter((e) => ["2", "3"].includes(e.type))[0] ? [] : this.sequence;
+    },
+    displayModeList() {
+      return [
+        {
+          code: "none",
+          name: "\u7A7A\u767D",
+          transkey: "gd.echarts.none"
+        }
+      ].concat(this.getDictionary("statistical_value_unit"));
+    },
+    labelPositionList() {
+      return [
+        {
+          code: "top",
+          name: "\u9876\u90E8",
+          transkey: "gd.form.tabTop"
+        },
+        {
+          code: "left",
+          name: "\u5DE6",
+          transkey: "gd.form.tabLeft"
+        },
+        {
+          code: "right",
+          name: "\u53F3",
+          transkey: "gd.form.tabRight"
+        },
+        {
+          code: "bottom",
+          name: "\u5E95\u90E8",
+          transkey: "gd.form.tabBottom"
+        },
+        {
+          code: "inside",
+          name: "\u5185\u90E8",
+          transkey: "gd.page.inside"
+        }
+      ];
+    },
+    usedSequenceField() {
+      let l = [];
+      return this.ruleList.forEach((e) => {
+        l.push(e.columnName);
+      }), l;
+    },
+    getSequenceField() {
+      let l = [];
+      return this.sequence.forEach((e) => {
+        const t = e.columnName.split("&")[0], a = this.loadFieldData.filter((i) => i.columnname === t)[0];
+        if (a) {
+          const i = this.echartsMode.filter((s) => s.code == e.mode)[0];
+          l.push({
+            mode: e.mode,
+            effectType: a.effecttype,
+            columnName: `${e.columnName}&${e.mode}`,
+            transkey: a.transkey,
+            columncomment: a.columncomment,
+            columnNamed: a.columnname,
+            transkeyDict: i ? i.transkey : null,
+            transkeyName: i ? i.name : ""
+          });
+        }
+      }), l;
+    },
+    getClassLabelField() {
+      let l = [];
+      return this.hasClassLabelConfig.forEach((e) => {
+        const t = this.loadFieldData.filter((a) => a.columnname === e.columnName)[0];
+        t && l.push({
+          mode: e.mode,
+          effectType: t.effecttype,
+          columnName: e.columnName,
+          transkey: t.transkey,
+          columncomment: t.columncomment,
+          columnNamed: t.columnname
+        });
+      }), l;
+    },
+    getSize() {
+      let l = [];
+      for (let e = 0; e <= 36; e++)
+        l.push(6 + e);
+      return l;
+    },
+    tableData() {
+      const l = this.tableLists.filter((e) => e.tablename === this.ruleFormData.tableName)[0];
+      return l || {};
+    },
+    viewData() {
+      const l = this.viewList.filter((e) => e.id === this.ruleFormData.viewId)[0];
+      return l ? { id: l.id, name: l.name, transkey: l.transkey } : {};
+    },
+    hasAddSequence() {
+      return !(this.sequence.length > 4 || this.disabled || this.classLabel.length > 1 || this.sequence.filter((e) => ["2", "3"].includes(e.type))[0]);
+    },
+    hasAddClass() {
+      return !(this.classLabel.length > 1 || this.sequence.length > 1 || this.disabled || this.sequence.filter((e) => ["2", "3"].includes(e.type))[0]);
+    },
+    echartsMode() {
+      return this.getDictionary("table_echarts_mode");
+    },
+    echartType() {
+      return this.getDictionary("table_echarts_type");
+    },
+    languageMessages() {
+      return this.$i18n.messages;
+    },
+    getTransKey() {
+      let l = `${this.prefixKey}${c(10)}${this.suffixKey}`, e = [];
+      for (let t in this.languageMessages)
+        e.push({ name: b(t), val: "", code: t });
+      return JSON.stringify({ name: l, langs: e });
+    },
+    disabled() {
+      return this.ruleFormData.dataType === "table" ? !this.ruleFormData.tableName : !1;
+    },
+    title() {
+      return this.record.echartsId ? this.$i18nt("gd.https.edit", "\u7F16\u8F91") : this.$i18nt("gd.https.add", "\u65B0\u589E");
+    },
+    height() {
+      let l = this.fullscreen ? 190 : 340;
+      return this.screenHeight - l;
+    },
+    ...u(["screenHeight", "tableLists", "echartsColor", "primaryColor"])
+  },
+  methods: {
+    getFieldData() {
+      this.loadFieldData = this.customFieldData.filter((l) => l.statu === "edit");
+    },
+    saveCustomField(l) {
+      const e = this.customFieldData[l];
+      if (e.columnname === "") {
+        this.$message.error(this.$i18nt("gd.field.replenishData", "\u8BF7\u8865\u5145\u6570\u636E"));
+        return;
+      }
+      if (e.effecttype === "select" && e.dicttypecode === "") {
+        this.$message.error(this.$i18nt("gd.field.replenishData", "\u8BF7\u8865\u5145\u6570\u636E"));
+        return;
+      }
+      this.customFieldData[l].statu = "edit", this.getFieldData();
+    },
+    delCustomField(l) {
+      const e = this.customFieldData[l];
+      this.customFieldData = this.customFieldData.filter((t, a) => a !== l), this.sequence = this.sequence.filter((t) => t.columnName !== e.columnname), this.classLabel = this.classLabel.filter((t) => t.columnName !== e.columnname), this.ruleList = this.ruleList.filter((t) => t.columnName !== e.columnname), this.dateFilterRule = this.dateFilterRule.filter((t) => t.columnName !== e.columnname), this.loadFieldData = this.loadFieldData.filter((t) => t.columnname !== e.columnname), console.log(this.loadFieldData, e);
+    },
+    addCustomField() {
+      let l = [...this.customFieldData];
+      l.push({
+        columncomment: "",
+        columnname: "",
+        effecttype: "input",
+        dicttypecode: "",
+        statu: "add",
+        transkey: null
+      }), this.customFieldData = [...l];
+    },
+    clearData() {
+      this.sequence = [], this.classLabel = [], this.ruleList = [], this.dateFilterRule = [], this.loadFieldData = this.ruleFormData.dataType === "table" ? [...this.tableFieldData] : [...this.customFieldData], this.addSequence(), this.addClassLabel();
+    },
+    changeDataType(l) {
+      let e = this;
+      this.$confirm(this.$i18nt("gd.https.changeContent", "\u662F\u5426\u653E\u5F03\u66F4\u6539?"), this.$i18nt("gd.https.delTitle", "\u6E29\u99A8\u63D0\u793A"), {
+        confirmButtonText: this.$i18nt("gd.https.changeOk", "\u786E\u8BA4\u653E\u5F03"),
+        cancelButtonText: this.$i18nt("gd.https.delCancel", "\u53D6\u6D88"),
+        showClose: !1,
+        confirmButtonLoading: !1,
+        cancelButtonLoading: !1,
+        closeOnClickModal: !1,
+        type: "warning",
+        confirmButtonClass: "el-button--danger",
+        customClass: "custom-alert",
+        callback: () => {
+        },
+        beforeClose: (t, a, i) => {
+          if (i(), t === "confirm") {
+            this.clearData();
+            return;
+          }
+          e.ruleFormData.dataType = e.ruleFormData.dataType === "table" ? "custom" : "table";
+        }
+      });
+    },
+    okRules(l, e) {
+      let t = [...this.ruleList];
+      t.forEach((a, i) => {
+        a.columnName === l.columnName && (t[i].ruleSequence = e);
+      }), this.ruleList = [...t];
+    },
+    addSequenceRule(l) {
+      this.$refs.chartDisplayRules.open(l);
+    },
+    delRuleList(l) {
+      this.ruleList = this.ruleList.filter((e) => e.columnName !== l.columnName);
+    },
+    delRuleFilter(l) {
+      this.dateFilterRule = this.dateFilterRule.filter((e) => e.columnName !== l.columnName);
+    },
+    changeRule(l) {
+      const e = this.sequence.filter((i) => `${i.columnName}&${i.mode}` === l)[0];
+      this.echartsMode.filter((i) => i.code == e.mode)[0];
+      const t = this.loadFieldData.filter((i) => i.columnname === e.columnName)[0];
+      let a = [...this.ruleList];
+      a.push({
+        mode: e.mode,
+        effectType: t.effecttype,
+        columnName: l,
+        min: void 0,
+        max: void 0,
+        formatter: "none",
+        openPrefix: !1,
+        transKeyPrefix: null,
+        prefix: "",
+        ruleSequence: []
+      }), this.ruleList = [...a], this.selShow = !0, this.$nextTick(() => {
+        setTimeout(() => {
+          this.columnName = "";
+        }, 0);
+      });
+    },
+    changeRuleFilter(l) {
+      this.classLabel.filter((t) => t.columnName === l)[0];
+      let e = [...this.dateFilterRule];
+      e.push({
+        columnName: l,
+        position: "relative",
+        horizontal: "left",
+        vertical: "top",
+        offsetX: void 0,
+        offsetY: void 0
+      }), this.dateFilterRule = [...e], this.selShowFilter = !0, this.$nextTick(() => {
+        setTimeout(() => {
+          this.columnNameFilter = "";
+        }, 0);
+      });
+    },
+    mouseover(l) {
+      l === "selShow" ? this.selShow = !1 : this.selShowFilter = !1;
+    },
+    seeEcharts(l) {
+      let e = [], t = [];
+      this.sequence.forEach((r, o) => {
+        const n = `${r.columnName}${c(8)}`;
+        this.sequence[o].uuid = n;
+        const d = r.orderType !== void 0 ? r.orderType : "", h = d ? { orderType: d } : {};
+        t.push(Object.assign({ columnName: r.columnName, aggrOperator: r.mode, alias: n, order: o }, h));
+      }), this.classLabel.forEach((r, o) => {
+        const n = `${r.columnName}${c(8)}`;
+        this.classLabel[o].uuid = n;
+        const d = r.orderType !== void 0 ? r.orderType : 1;
+        r.effectType === "datepicker" ? e.push({
+          columnName: r.columnName,
+          groupbyOperator: r.mode,
+          alias: n,
+          order: o,
+          orderType: d
+        }) : e.push({ columnName: r.columnName, alias: n, order: o, orderType: d });
+      });
+      const a = this.stackList.filter((r) => r.columnName !== "");
+      this.hasOverlayStack && this.ruleFormData.overlayStack && a.length > 0 && a.forEach((r, o) => {
+        const n = `${r.columnName}${c(8)}`;
+        a[o].uuid = n;
+        const d = r.orderType !== void 0 ? r.orderType : 1;
+        r.effectType === "datepicker" ? e.push({
+          columnName: r.columnName,
+          groupbyOperator: r.mode,
+          alias: n,
+          order: o,
+          orderType: d
+        }) : e.push({ columnName: r.columnName, alias: n, order: o, orderType: d });
+      });
+      const i = this.ruleFormData.topCount ? { topCount: this.ruleFormData.topCount } : {}, s = Object.assign(i, {
+        tableId: this.tableData.id,
+        viewId: this.ruleFormData.viewId,
+        viewType: 1,
+        categories: e,
+        series: t
+      });
+      C(s).then((r) => {
+        r.code === 200 && l === this.uuidEcharts && this.$nextTick(() => {
+          setTimeout(() => {
+            const o = {
+              config: { categories: this.classLabel, series: this.sequence, stackList: a },
+              data: r.data.rows,
+              categorydata: r.data.categorydata,
+              options: Object.assign(
+                { ...this.ruleFormData },
+                {
+                  overlayStack: this.hasOverlayStack ? this.ruleFormData.overlayStack : !1,
+                  areaStyleStack: this.hasAreaStyleStack ? this.ruleFormData.areaStyleStack : !1
+                }
+              )
+            };
+            this.$refs.refCharts.init(o);
+          }, 0);
+        });
+      });
+    },
+    present() {
+      if (this.ruleFormData.dataType === "custom") {
+        this.confirmLoading = !1, this.$refs.refCharts.setType();
+        return;
+      }
+      let l = !0;
+      if (this.ruleFormData.tableName === "" || this.ruleFormData.viewId === "" ? l = !1 : this.isCheckedSequence() && this.isCheckedLabel() || (l = !1), !l) {
+        this.$refs.refCharts.setType();
+        return;
+      }
+      f && clearTimeout(f), f = setTimeout(() => {
+        const e = c();
+        this.uuidEcharts = e, this.seeEcharts(e);
+      }, 1e3);
+    },
+    changeColumnName(l) {
+      let e = {};
+      const t = this.loadFieldData.filter((i) => i.columnname === l.columnName)[0], a = t ? t.effecttype : "input";
+      ["inputnumber", "double", "currency"].includes(a) ? Object.assign(e, { mode: "2", disableMode: [] }) : Object.assign(e, { mode: "1", disableMode: ["2", "3", "4", "5"] }), Object.assign(l, e, {
+        transKey: t.transkey,
+        name: t.columncomment,
+        dictTypeCode: t.dicttypecode,
+        effectType: a
+      }), this.present();
+    },
+    changeColumnNames(l) {
+      const e = this.loadFieldData.filter((a) => a.columnname === l.columnName)[0], t = e ? e.effecttype : "input";
+      Object.assign(l, {
+        effectType: t,
+        mode: "3",
+        transKey: e ? e.transkey : null,
+        name: e ? e.columncomment : "",
+        dictTypeCode: e ? e.dicttypecode : null
+      }), this.present();
+    },
+    addSequence() {
+      if (!this.hasAddSequence)
+        return;
+      let l = [...this.sequence];
+      l.push({
+        mode: "",
+        type: "1",
+        columnName: "",
+        name: "",
+        dictTypeCode: null,
+        transKey: null,
+        disableMode: [],
+        disableType: [],
+        ruleOpen: !1,
+        ruleSequence: [],
+        orderType: "",
+        ruleFormatter: {
+          min: void 0,
+          max: void 0,
+          formatter: "none",
+          mode: "1",
+          effectType: "input",
+          openPrefix: !1,
+          transKeyPrefix: null,
+          prefix: ""
+        }
+      }), l.map((e) => (e.disableType = ["2", "3"], e)), this.sequence = [...l], this.present();
+    },
+    delSequence(l) {
+      const e = this.sequence[l], t = `${e.columnName}&${e.mode}`;
+      let a = this.sequence.filter((i, s) => s !== l);
+      a.forEach((i, s) => {
+        a[s] = Object.assign(i, {
+          disableType: a.length === 1 ? [] : ["2", "3"]
+        });
+      }), this.sequence = a, this.ruleList = this.ruleList.filter((i) => i.columnName !== t), this.present();
+    },
+    addClassLabel() {
+      if (!this.hasAddClass)
+        return;
+      let l = [...this.classLabel], e = [...this.sequence];
+      l.push({ columnName: "", effectType: "input", mode: "1", name: "", dictTypeCode: null, transKey: null, orderType: 1 }), e.map((t) => (t.disableType = ["2", "3"], t)), this.sequence = [...e], this.classLabel = [...l], this.present();
+    },
+    delClassLabel(l) {
+      this.classLabel = this.classLabel.filter((t, a) => a !== l);
+      let e = [...this.sequence];
+      e.map((t) => (t.disableType = [], t)), this.sequence = [...e], this.present();
+    },
+    lookupSeled(l, e) {
+      let t = [];
+      l.langs.forEach((a) => {
+        t.push({ name: a.languagename, val: a.description, code: a.languagecode });
+      }), Object.assign(e, {
+        transKeyPrefix: l.name,
+        prefix: l.defaulttext
+      }), this.data.addTransKey !== void 0 && (this.data.addTransKey = this.data.addTransKey.concat([l.name]));
+    },
+    save() {
+      if (!this.isCheckedSequence()) {
+        this.$message.error(this.$i18nt("gd.echarts.sequenceTip", "\u8BF7\u8865\u5145 [\u56FE\u4F8B\u6761\u76EE(\u5E8F\u5217)] \u4FE1\u606F")), this.confirmLoading = !1;
+        return;
+      }
+      if (!this.isCheckedLabel()) {
+        this.$message.error(this.$i18nt("gd.echarts.classLabelTip", "\u8BF7\u8865\u5145 [\u6C34\u5E73(\u5206\u7C7B)\u8F74\u6807\u7B7E] \u4FE1\u606F")), this.confirmLoading = !1;
+        return;
+      }
+      let l = [...this.sequence];
+      l.forEach((a, i) => {
+        const s = this.ruleList.filter((r) => r.columnName === `${a.columnName}&${a.mode}`)[0];
+        s ? l[i] = Object.assign(
+          { ...a },
+          {
+            ruleOpen: !0,
+            ruleSequence: s.ruleSequence,
+            ruleFormatter: Object.assign(
+              { ...a.ruleFormatter },
+              {
+                min: s.min,
+                max: s.max,
+                formatter: s.formatter,
+                mode: s.mode,
+                effectType: s.effectType,
+                openPrefix: s.openPrefix,
+                transKeyPrefix: s.transKeyPrefix,
+                prefix: s.prefix
+              }
+            )
+          }
+        ) : l[i] = Object.assign({ ...a }, { ruleOpen: !1 });
+      });
+      let e = this.classLabel.map((a) => {
+        const i = this.dateFilterRule.filter((s) => s.columnName === a.columnName)[0];
+        return i ? Object.assign({}, a, i, {
+          ruleOpen: !0
+        }) : Object.assign({}, a, {
+          ruleOpen: !1
+        });
+      });
+      const t = this.hasOverlayStack ? this.ruleFormData.overlayStack : !1;
+      this.$emit(
+        "ok",
+        {
+          tableName: this.ruleFormData.tableName,
+          colourList: this.ruleFormData.colorList.join(","),
+          echartsId: this.ruleFormData.echartsId,
+          view: this.viewData,
+          transKey: this.ruleFormData.transKey,
+          name: this.ruleFormData.name,
+          sequence: l,
+          classLabel: t ? this.classLabel.concat(this.stackList) : e,
+          labelShow: this.ruleFormData.labelShow,
+          smooth: this.ruleFormData.smooth,
+          showSymbol: this.ruleFormData.showSymbol,
+          labelRotate: this.ruleFormData.labelRotate,
+          labelFontSize: this.ruleFormData.labelFontSize,
+          overlayLineChart: this.ruleFormData.overlayLineChart,
+          labelTextPosition: this.ruleFormData.labelTextPosition,
+          legendPosition: this.ruleFormData.legendPosition,
+          gridPosition: this.ruleFormData.gridPosition,
+          overlayStack: t,
+          areaStyleStack: this.hasAreaStyleStack ? this.ruleFormData.areaStyleStack : !1,
+          legendShow: this.ruleFormData.legendShow,
+          labelFontColor: this.ruleFormData.labelFontColor,
+          textFontColor: this.ruleFormData.textFontColor,
+          textFontSize: this.ruleFormData.textFontSize,
+          legendOrient: this.ruleFormData.legendOrient,
+          legendTextColor: this.ruleFormData.legendTextColor,
+          xAxisLabelColor: this.ruleFormData.xAxisLabelColor,
+          labelLineColor: this.ruleFormData.labelLineColor,
+          emphasisFocus: this.ruleFormData.emphasisFocus,
+          lineStyleWidth: this.ruleFormData.lineStyleWidth,
+          numericalPrecision: this.ruleFormData.numericalPrecision,
+          topCount: this.ruleFormData.topCount,
+          numericalSummary: this.ruleFormData.numericalSummary,
+          customApi: this.ruleFormData.customApi,
+          dataType: this.ruleFormData.dataType
+        },
+        this.customFieldData
+      ), this.closed();
+    },
+    handleSubmit() {
+      this.confirmLoading = !0, this.$refs.ruleForm.validate((l) => {
+        l ? this.save() : this.confirmLoading = !1;
+      });
+    },
+    changeTable() {
+      this.sequence = [
+        {
+          mode: "",
+          type: "1",
+          columnName: "",
+          name: "",
+          dictTypeCode: null,
+          transKey: null,
+          disableMode: [],
+          disableType: [],
+          ruleOpen: !1,
+          ruleSequence: [],
+          ruleFormatter: {
+            min: void 0,
+            max: void 0,
+            formatter: "none",
+            mode: "1",
+            effectType: "input"
+          }
+        }
+      ], this.classLabel = [{ columnName: "", effectType: "input", mode: "1", name: "", dictTypeCode: null, transKey: null, orderType: 1 }], this.ruleFormData = Object.assign(this.ruleFormData, {
+        viewId: "",
+        sequence: JSON.stringify(this.sequence),
+        classLabel: JSON.stringify(this.classLabel)
+      }), this.init(), this.$nextTick(() => {
+        this.$refs.ruleForm.clearValidate();
+      });
+    },
+    okColor(l) {
+      this.ruleFormData.colorList = [...l];
+    },
+    editEchartsTheme() {
+      this.$refs.echartsTheme.open(this.ruleFormData.colorList);
+    },
+    getFormatter(l) {
+      if (["percent", "permil"].includes(l)) {
+        const e = l === "percent" ? "0.01" : "0.001", t = this.displayModeList.filter((a) => a.remark === e)[0];
+        return t ? t.code : l;
+      }
+      return l;
+    },
+    init() {
+      this.confirmLoading = !0, Promise.all([this.getLoadData(), this.getViewList()]).then((l) => {
+        let e = [], t = [];
+        this.sequence.forEach((a) => {
+          if (a.ruleOpen) {
+            const i = this.loadFieldData.filter((s) => s.columnname === a.columnName)[0];
+            e.push({
+              mode: a.ruleFormatter.mode,
+              effectType: i.effecttype,
+              columnName: `${a.columnName}&${a.mode}`,
+              min: a.ruleFormatter.min,
+              max: a.ruleFormatter.max,
+              formatter: this.getFormatter(a.ruleFormatter.formatter),
+              ruleSequence: a.ruleSequence,
+              openPrefix: a.ruleFormatter.openPrefix === void 0 ? !1 : a.ruleFormatter.openPrefix,
+              transKeyPrefix: a.ruleFormatter.transKeyPrefix === void 0 ? null : a.ruleFormatter.transKeyPrefix,
+              prefix: a.ruleFormatter.prefix === void 0 ? "" : a.ruleFormatter.prefix
+            });
+          }
+        }), this.classLabel.forEach((a) => {
+          a.ruleOpen && t.push({
+            columnName: a.columnName,
+            position: a.position,
+            horizontal: a.horizontal,
+            vertical: a.vertical,
+            offsetX: a.offsetX,
+            offsetY: a.offsetY
+          });
+        }), this.ruleList = [...e], this.dateFilterRule = [...t], this.confirmLoading = !1, this.present();
+      });
+    },
+    open(l, e) {
+      this.record = JSON.parse(JSON.stringify(l)), this.visible = !0, this.sequence = [...this.record.sequence];
+      let t = [], a = [];
+      const i = {
+        columnName: "",
+        effectType: "input",
+        mode: "1",
+        name: "",
+        dictTypeCode: null,
+        transKey: null,
+        orderType: 1,
+        stackType: 1,
+        offset: 0,
+        offsetCaudex: 20,
+        labelRotate: 0,
+        labelFontSize: 12,
+        xAxisLabelColor: "#333",
+        position: "bottom"
+      };
+      this.record.classLabel.forEach((s, r) => {
+        const o = s.stackType !== void 0 ? s.stackType : 0, n = s.orderType !== void 0 ? s.orderType : 1;
+        o === 1 && s.columnName !== "" && a.push(Object.assign({ ...s }, { orderType: n })), o !== 1 && t.push(Object.assign({ ...s }, { orderType: n }));
+      }), this.classLabel = [...t], this.stackList = a.length === 0 ? [i] : [...a], this.customFieldData = e.fieldData === void 0 ? [] : [...e.fieldData], this.ruleFormData = {
+        tableName: l.tableName,
+        colorList: l.colourList ? l.colourList.split(",") : [...this.echartsColor],
+        echartsId: l.echartsId ? l.echartsId : c(8),
+        sequence: l.sequence.length > 0 ? JSON.stringify(l.sequence) : "",
+        classLabel: l.classLabel.length > 0 ? JSON.stringify(l.classLabel) : "",
+        viewId: l.view.id ? l.view.id : "",
+        transKey: l.transkey ? l.transKey : null,
+        name: l.name,
+        labelShow: l.labelShow,
+        smooth: l.smooth,
+        showSymbol: l.showSymbol,
+        labelRotate: l.labelRotate ? l.labelRotate : 0,
+        labelFontSize: l.labelFontSize,
+        overlayLineChart: l.overlayLineChart,
+        labelTextPosition: l.labelTextPosition ? l.labelTextPosition : "top",
+        legendPosition: l.legendPosition ? l.legendPosition : ["", "", "", ""],
+        gridPosition: l.gridPosition ? l.gridPosition : ["60", "4%", "3%", "3%"],
+        overlayStack: l.overlayStack !== void 0 ? l.overlayStack : !1,
+        areaStyleStack: l.areaStyleStack !== void 0 ? l.areaStyleStack : !1,
+        legendShow: l.legendShow !== void 0 ? l.legendShow : !0,
+        labelFontColor: l.labelFontColor ? l.labelFontColor : "#333",
+        textFontColor: l.textFontColor ? l.textFontColor : "#333",
+        textFontSize: l.textFontSize ? l.textFontSize : 14,
+        legendOrient: l.legendOrient ? l.legendOrient : "horizontal",
+        legendTextColor: l.legendTextColor ? l.legendTextColor : "#333",
+        xAxisLabelColor: l.xAxisLabelColor ? l.xAxisLabelColor : "#333",
+        labelLineColor: l.labelLineColor ? l.labelLineColor : "#333",
+        emphasisFocus: l.emphasisFocus ? l.emphasisFocus : "series",
+        lineStyleWidth: l.lineStyleWidth !== void 0 ? l.lineStyleWidth : 1,
+        numericalPrecision: l.numericalPrecision !== void 0 ? l.numericalPrecision : 2,
+        topCount: l.topCount,
+        numericalSummary: l.numericalSummary !== void 0 ? l.numericalSummary : !1,
+        customApi: l.customApi !== void 0 ? l.customApi : "",
+        dataType: l.dataType !== void 0 ? l.dataType : "table"
+      }, this.$nextTick(() => {
+        this.$refs.ruleForm.clearValidate(), this.init();
+      });
+    },
+    getViewList() {
+      if (!this.tableData.id)
+        return new Promise((l, e) => {
+          l();
+        });
+      g({
+        SysCodeGenId: this.tableData.id
+      }).then((l) => {
+        if (l.success) {
+          let e = l.data.filter((t) => t.type == 1);
+          this.viewList = e;
+        }
+      });
+    },
+    getLoadData() {
+      return this.ruleFormData.dataType === "custom" || !this.tableData.id ? new Promise((l, e) => {
+        this.getFieldData(), l();
+      }) : p({
+        codeGenId: this.tableData.id
+      }).then((l) => {
+        let e = l.data.filter((t) => t.effecttype == "about" && t.columnname == (t.relations + "_AboutTable").toLowerCase() ? !1 : !(t.effecttype == "currency" && t.columnname == (t.relations + "_Currency_Base").toLowerCase()));
+        return this.tableFieldData = [...e], this.loadFieldData = [...e], l.data;
+      });
+    },
+    isCheckedSequence() {
+      return this.sequence.every((l, e, t) => l.columnName !== "" && l.mode !== "");
+    },
+    isCheckedLabel() {
+      return this.classLabel.every((l, e, t) => l.columnName !== "");
+    },
+    closed() {
+      this.fullscreen = !1, this.visible = !1;
+    },
+    toggleFullscreen() {
+      this.fullscreen = !this.fullscreen;
+    },
+    doEvent(l) {
+      let e = l.item.functionName;
+      this[e] && this[e]();
+    },
+    getDictionary(l) {
+      return this.$options.filters.dictData(l);
+    }
+  }
+};
+var K = function() {
+  var e = this, t = e._self._c;
+  return t("div", [t("el-dialog", { directives: [{ name: "drag", rawName: "v-drag" }], ref: "dialog", class: e.fullscreen ? "gd-dialog gd-dialog-fangda" : "gd-dialog", attrs: { fullscreen: e.fullscreen, visible: e.visible, width: e.width, center: !0, "close-on-click-modal": !1, "append-to-body": !0, "modal-append-to-body": !1, top: "80px", "show-close": !1 }, on: { "update:visible": function(a) {
+    e.visible = a;
+  }, closed: e.closed } }, [t("template", { slot: "title" }, [t("gd-modal-title", { attrs: { title: e.title, fullscreen: e.fullscreen, buttons: e.buttons, confirmLoading: e.confirmLoading, showClose: !0 }, on: { changeEvent: e.doEvent, toggleFullscreen: e.toggleFullscreen } })], 1), t("div", { directives: [{ name: "loading", rawName: "v-loading", value: e.confirmLoading, expression: "confirmLoading" }], staticClass: "generator-form" }, [t("div", { staticClass: "view-config" }, [t("div", { staticClass: "config-item" }, [e.visible ? t("gd-chart-bi", { ref: "refCharts", attrs: { color: e.ruleFormData.colorList } }) : e._e()], 1), t("div", { staticClass: "config-item config-items" }, [t("div", { staticClass: "b" }, [t("el-form", { ref: "ruleForm", attrs: { "label-width": "110px", "label-position": "top", model: e.ruleFormData, size: "mini", rules: e.rules }, nativeOn: { submit: function(a) {
+    a.preventDefault();
+  } } }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.field.dataSources", "\u6570\u636E\u6765\u6E90") } }, [t("el-radio-group", { on: { input: e.changeDataType }, model: { value: e.ruleFormData.dataType, callback: function(a) {
+    e.$set(e.ruleFormData, "dataType", a);
+  }, expression: "ruleFormData.dataType" } }, [t("el-radio-button", { attrs: { label: "table" } }, [e._v(e._s(e.$i18nt("gd.echarts.tableData", "\u8868\u6570\u636E")))]), t("el-radio-button", { attrs: { label: "custom" } }, [e._v(e._s(e.$i18nt("gd.application.custom", "\u81EA\u5B9A\u4E49")))])], 1)], 1), e.ruleFormData.dataType === "table" ? [t("el-form-item", { attrs: { label: e.$i18nt("gd.view.sourceTable", "\u6765\u6E90\u8868"), prop: "tableName" } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), filterable: "" }, on: { change: e.changeTable }, model: { value: e.ruleFormData.tableName, callback: function(a) {
+    e.$set(e.ruleFormData, "tableName", a);
+  }, expression: "ruleFormData.tableName" } }, e._l(e.tableLists, function(a, i) {
+    return t("el-option", { key: a.tablename, attrs: { value: a.tablename, label: e.$i18nt(`Dynamics.${a.transkey}`, a.busname) } }, [e._v(" " + e._s(e.$i18nt(`Dynamics.${a.transkey}`, a.busname)) + " (" + e._s(a.tablename) + ") ")]);
+  }), 1)], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.viewId", "\u7528\u4E8E\u56FE\u8868\u9884\u89C8\u7684\u89C6\u56FE"), prop: "viewId" } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: e.disabled }, on: { change: e.present }, model: { value: e.ruleFormData.viewId, callback: function(a) {
+    e.$set(e.ruleFormData, "viewId", a);
+  }, expression: "ruleFormData.viewId" } }, e._l(e.viewList, function(a, i) {
+    return t("el-option", { key: a.id, attrs: { value: a.id, label: e.$i18nt(`Dynamics.${a.transkey}`, a.name) } });
+  }), 1)], 1)] : [t("el-form-item", { attrs: { label: e.$i18nt("gd.page.interactiveMethodApi", "\u81EA\u5B9A\u4E49API"), prop: "customApi" } }, [t("el-input", { attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), clearable: "", type: "textarea" }, model: { value: e.ruleFormData.customApi, callback: function(a) {
+    e.$set(e.ruleFormData, "customApi", a);
+  }, expression: "ruleFormData.customApi" } })], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.customField", "\u81EA\u5B9A\u4E49\u5B57\u6BB5") } }, [t("div", { staticClass: "list" }, [e._l(e.customFieldData, function(a, i) {
+    return [t("div", { staticClass: "list-item" }, [t("div", { staticClass: "list-iteml" }, [t("div", { staticClass: "list-item-column list-item-lable" }, [t("div", { staticClass: "item-mode", attrs: { title: e.$i18nt("gd.field.describe", "\u63CF\u8FF0") } }, [t("el-input", { attrs: { placeholder: e.$i18nt("gd.field.describe", "\u63CF\u8FF0"), disabled: a.statu === "edit" }, model: { value: a.columncomment, callback: function(s) {
+      e.$set(a, "columncomment", s);
+    }, expression: "item.columncomment" } })], 1), t("div", { staticClass: "item-type", attrs: { title: e.$i18nt("gd.field.field", "\u5B57\u6BB5") } }, [t("el-input", { attrs: { placeholder: e.$i18nt("gd.field.field", "\u5B57\u6BB5"), disabled: a.statu === "edit" }, model: { value: a.columnname, callback: function(s) {
+      e.$set(a, "columnname", s);
+    }, expression: "item.columnname" } })], 1)]), t("div", { staticClass: "list-item-lable" }, [t("div", { staticClass: "item-mode", attrs: { title: e.$i18nt("gd.field.effectType", "\u4F5C\u7528\u7C7B\u578B") } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, model: { value: a.effecttype, callback: function(s) {
+      e.$set(a, "effecttype", s);
+    }, expression: "item.effecttype" } }, [e._l(e.effectTypeList, function(s) {
+      return [t("el-option", { attrs: { value: s.code, label: e.$i18nt(`Dynamics.${s.transkey}`, s.name) } })];
+    })], 2)], 1), a.effecttype === "select" || a.statu === "edit" ? t("div", { staticClass: "item-type", attrs: { title: e.$i18nt("gd.field.dictionaries", "\u5B57\u5178") } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: a.effecttype !== "select" || a.statu === "edit", filterable: "" }, model: { value: a.dicttypecode, callback: function(s) {
+      e.$set(a, "dicttypecode", s);
+    }, expression: "item.dicttypecode" } }, [e._l(e.getDictionaryAll, function(s) {
+      return [t("el-option", { attrs: { value: s.code, label: e.$i18nt(`Dynamics.${s.transkey}`, s.name) } })];
+    })], 2)], 1) : e._e()])]), t("div", { staticClass: "list-hand" }, [a.statu === "add" ? t("i", { staticClass: "el-icon-check", on: { click: function(s) {
+      return e.saveCustomField(i);
+    } } }) : e._e(), t("i", { staticClass: "el-icon-delete", on: { click: function(s) {
+      return e.delCustomField(i);
+    } } })])])];
+  }), e.customFieldData.length < 12 ? t("div", { staticClass: "list-add" }, [t("div", { staticClass: "list-add-item active-color", on: { click: e.addCustomField } }, [t("i", { staticClass: "el-icon-plus" }), t("span", [e._v(e._s(e.$i18nt("gd.flow.work.addField", "\u6DFB\u52A0\u5B57\u6BB5")))])])]) : e._e()], 2)])], t("el-form-item", { attrs: { label: e.$i18nt("gd.settings.echartsColor", "\u56FE\u8868\u989C\u8272") } }, [t("div", { staticClass: "echarts-color" }, [t("div", { staticClass: "echarts-color-list" }, [e._l(e.ruleFormData.colorList, function(a) {
+    return [a == 0 ? t("div", { staticClass: "echarts-color-item", style: `background:${e.primaryColor}` }) : t("div", { staticClass: "echarts-color-item", style: `background:${a}` })];
+  })], 2), t("div", { staticClass: "echarts-color-btn active-color", on: { click: e.editEchartsTheme } }, [e._v(" " + e._s(e.$i18nt("gd.btn.edit", "\u7F16\u8F91")) + " ")])])]), t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.columnName", "\u56FE\u4F8B\u6761\u76EE(\u5E8F\u5217)"), prop: "sequence" } }, [t("div", { staticClass: "list" }, [e._l(e.sequence, function(a, i) {
+    return [t("div", { staticClass: "list-item" }, [t("div", { staticClass: "list-iteml" }, [t("div", { staticClass: "list-item-column list-item-lable" }, [t("div", { staticClass: "item-mode" }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: e.disabled, filterable: "" }, on: { change: function(s) {
+      return e.changeColumnName(a);
+    } }, model: { value: a.columnName, callback: function(s) {
+      e.$set(a, "columnName", s);
+    }, expression: "item.columnName" } }, [e._l(e.loadFieldData, function(s) {
+      return [t("el-option", { attrs: { value: s.columnname, label: s.transkey ? e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment) : s.columncomment } }, [t("EffectTypeIcon", { attrs: { effectType: s.effecttype } }), s.transkey ? t("span", [e._v(" " + e._s(e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment)) + " (" + e._s(s.columnname) + ") ")]) : t("span", [e._v(e._s(s.columncomment) + " (" + e._s(s.columnname) + ")")])], 1)];
+    })], 2)], 1), t("div", { staticClass: "item-type" }, [t("el-select", { staticClass: "column-mode", attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: a.orderType, callback: function(s) {
+      e.$set(a, "orderType", s);
+    }, expression: "item.orderType" } }, [e._l(e.defaultSortList, function(s, r) {
+      return [t("el-option", { attrs: { value: s.code, label: e.$i18nt(`${s.transKey}`, s.name) } })];
+    })], 2)], 1)]), t("div", { staticClass: "list-item-lable" }, [t("div", { staticClass: "item-mode" }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: e.disabled }, on: { change: e.present }, model: { value: a.mode, callback: function(s) {
+      e.$set(a, "mode", s);
+    }, expression: "item.mode" } }, [e._l(e.echartsMode, function(s, r) {
+      return [t("el-option", { attrs: { value: s.code, label: e.$i18nt(`Dynamics.${s.transkey}`, s.name), disabled: a.disableMode.includes(s.code) } })];
+    })], 2)], 1), t("div", { staticClass: "item-type" }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: e.disabled }, on: { change: e.present }, model: { value: a.type, callback: function(s) {
+      e.$set(a, "type", s);
+    }, expression: "item.type" } }, [e._l(e.echartType, function(s, r) {
+      return [t("el-option", { attrs: { value: s.code, label: e.$i18nt(`Dynamics.${s.transkey}`, s.name), disabled: a.disableType.includes(s.code) } }, [t("span", [s.code === "1" ? t("i", { staticClass: "gd-icons gd-icon-zhuzhuangtu" }) : e._e(), s.code === "2" ? t("i", { staticClass: "gd-icons gd-icon-bingtu" }) : e._e(), s.code === "3" ? t("i", { staticClass: "gd-icons gd-icon-loudoutu" }) : e._e(), s.code === "4" ? t("i", { staticClass: "gd-icons gd-icon-zhexiantu" }) : e._e()]), t("span", [e._v(" " + e._s(e.$i18nt(`Dynamics.${s.transkey}`, s.name)) + " ")])])];
+    })], 2)], 1)])]), e.sequence.length > 1 ? t("i", { staticClass: "el-icon-delete", on: { click: function(s) {
+      return e.delSequence(i);
+    } } }) : e._e()])];
+  }), t("div", { staticClass: "list-add" }, [t("div", { staticClass: "list-add-item", class: e.hasAddSequence ? "active-color" : "", on: { click: e.addSequence } }, [t("i", { staticClass: "el-icon-plus" }), t("span", [e._v(e._s(e.$i18nt("gd.echarts.addSequence", "\u6DFB\u52A0\u7CFB\u5217")))])])])], 2)]), t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.label", "\u6C34\u5E73(\u5206\u7C7B)\u8F74\u6807\u7B7E"), prop: "classLabel" } }, [e._l(e.classLabel, function(a, i) {
+    return [t("div", { staticClass: "list-item list-label" }, [t("div", { staticClass: "list-label-column" }, [t("el-select", { staticClass: "column-name", attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: e.disabled, filterable: "" }, on: { change: function(s) {
+      return e.changeColumnNames(a);
+    } }, model: { value: a.columnName, callback: function(s) {
+      e.$set(a, "columnName", s);
+    }, expression: "item.columnName" } }, [e._l(e.loadFieldData, function(s, r) {
+      return [t("el-option", { attrs: { value: s.columnname, label: s.transkey ? e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment) : s.columncomment } }, [t("EffectTypeIcon", { attrs: { effectType: s.effecttype } }), s.transkey ? t("span", [e._v(" " + e._s(e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment)) + " (" + e._s(s.columnname) + ") ")]) : t("span", [e._v(e._s(s.columncomment) + " (" + e._s(s.columnname) + ")")])], 1)];
+    })], 2), a.effectType === "datepicker" ? t("el-select", { staticClass: "column-mode", attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, on: { change: e.present }, model: { value: a.mode, callback: function(s) {
+      e.$set(a, "mode", s);
+    }, expression: "item.mode" } }, [e._l(e.getDictionary("time_dimension"), function(s, r) {
+      return [t("el-option", { attrs: { value: s.code, label: e.$i18nt(`Dynamics.${s.transkey}`, s.name) } })];
+    })], 2) : e._e(), t("el-select", { staticClass: "column-mode", attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, model: { value: a.orderType, callback: function(s) {
+      e.$set(a, "orderType", s);
+    }, expression: "item.orderType" } }, [e._l(e.defaultSortList, function(s, r) {
+      return [t("el-option", { attrs: { value: s.code, label: e.$i18nt(`${s.transKey}`, s.name) } })];
+    })], 2)], 1), e.classLabel.length > 1 ? t("i", { staticClass: "el-icon-delete", on: { click: function(s) {
+      return e.delClassLabel(i);
+    } } }) : e._e()])];
+  }), t("div", { staticClass: "list-add" }, [t("div", { staticClass: "list-add-item", class: e.hasAddClass ? "active-color" : "", on: { click: e.addClassLabel } }, [t("i", { staticClass: "el-icon-plus" }), t("span", [e._v(e._s(e.$i18nt("gd.echarts.addClassLabel", "\u6DFB\u52A0\u7C7B\u522B")))])])])], 2), t("el-divider", [e._v(e._s(e.$i18nt("gd.echarts.otherConfig", "\u5176\u4ED6\u914D\u7F6E")))]), e.hasOverlay ? t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.overlayLineChart", "\u53E0\u52A0\u6298\u7EBF\u56FE") } }), t("el-switch", { attrs: { "active-color": e.primaryColor }, on: { change: e.present }, model: { value: e.ruleFormData.overlayLineChart, callback: function(a) {
+    e.$set(e.ruleFormData, "overlayLineChart", a);
+  }, expression: "ruleFormData.overlayLineChart" } })], 1) : e._e(), e.hasOverlayStack ? t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.overlayStack", "\u5806\u53E0") } }), t("el-switch", { attrs: { "active-color": e.primaryColor }, on: { change: e.present }, model: { value: e.ruleFormData.overlayStack, callback: function(a) {
+    e.$set(e.ruleFormData, "overlayStack", a);
+  }, expression: "ruleFormData.overlayStack" } })], 1) : e._e(), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.emphasisFocus", "\u9AD8\u4EAE\u805A\u7126\u6548\u679C") } }), t("el-select", { staticStyle: { width: "180px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, model: { value: e.ruleFormData.emphasisFocus, callback: function(a) {
+    e.$set(e.ruleFormData, "emphasisFocus", a);
+  }, expression: "ruleFormData.emphasisFocus" } }, [t("el-option", { attrs: { label: e.$i18nt("gd.echarts.emphasisFocusNone", "\u9ED8\u8BA4\uFF08\u4E0D\u6DE1\u51FA\u5176\u5B83\u56FE\u5F62\uFF09"), value: "none" } }), t("el-option", { attrs: { label: e.$i18nt("gd.echarts.emphasisFocusSelf", "\u53EA\u805A\u7126\uFF08\u4E0D\u6DE1\u51FA\uFF09\u5F53\u524D\u9AD8\u4EAE\u7684\u6570\u636E\u7684\u56FE\u5F62"), value: "self" } }), t("el-option", { attrs: { label: e.$i18nt("gd.echarts.emphasisFocusSeries", "\u805A\u7126\u5F53\u524D\u9AD8\u4EAE\u7684\u6570\u636E\u6240\u5728\u7684\u7CFB\u5217\u7684\u6240\u6709\u56FE\u5F62"), value: "series" } })], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.topNconfig", "TOP N \u914D\u7F6E") } }), t("el-input-number", { staticStyle: { width: "120px" }, attrs: { "controls-position": "right", max: 9999, size: "mini" }, model: { value: e.ruleFormData.topCount, callback: function(a) {
+    e.$set(e.ruleFormData, "topCount", a);
+  }, expression: "ruleFormData.topCount" } })], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.labelShow", "\u6570\u503C\u663E\u793A") } }), t("el-switch", { attrs: { "active-color": e.primaryColor }, model: { value: e.ruleFormData.labelShow, callback: function(a) {
+    e.$set(e.ruleFormData, "labelShow", a);
+  }, expression: "ruleFormData.labelShow" } })], 1), e.ruleFormData.labelShow ? [t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.labelPosition", "\u6570\u503C\u663E\u793A\u4F4D\u7F6E") } }), t("el-select", { staticStyle: { width: "120px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, model: { value: e.ruleFormData.labelTextPosition, callback: function(a) {
+    e.$set(e.ruleFormData, "labelTextPosition", a);
+  }, expression: "ruleFormData.labelTextPosition" } }, [e._l(e.labelPositionList, function(a) {
+    return [t("el-option", { attrs: { label: e.$i18nt(a.transkey, a.name), value: a.code } })];
+  })], 2)], 1), e.ruleFormData.overlayStack && e.ruleFormData.labelTextPosition === "inside" ? t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.numericalSummary", "\u6570\u503C\u6C47\u603B") } }), t("el-switch", { attrs: { "active-color": e.primaryColor }, model: { value: e.ruleFormData.numericalSummary, callback: function(a) {
+    e.$set(e.ruleFormData, "numericalSummary", a);
+  }, expression: "ruleFormData.numericalSummary" } })], 1) : e._e(), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.page.numericalAccuracy", "\u6570\u503C\u7CBE\u5EA6") } }), t("el-input-number", { staticStyle: { width: "120px" }, attrs: { "controls-position": "right", min: 0, size: "mini" }, model: { value: e.ruleFormData.numericalPrecision, callback: function(a) {
+    e.$set(e.ruleFormData, "numericalPrecision", a);
+  }, expression: "ruleFormData.numericalPrecision" } })], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.textFontSize", "\u6570\u503C\u5B57\u4F53\u5927\u5C0F") } }), t("el-select", { staticStyle: { width: "120px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, model: { value: e.ruleFormData.textFontSize, callback: function(a) {
+    e.$set(e.ruleFormData, "textFontSize", a);
+  }, expression: "ruleFormData.textFontSize" } }, e._l(e.getSize, function(a) {
+    return t("el-option", { key: a, attrs: { label: a, value: a } });
+  }), 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.textFontColor", "\u6570\u503C\u5B57\u4F53\u989C\u8272") } }), t("el-input", { staticStyle: { width: "120px" }, model: { value: e.ruleFormData.textFontColor, callback: function(a) {
+    e.$set(e.ruleFormData, "textFontColor", a);
+  }, expression: "ruleFormData.textFontColor" } }, [t("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", predefine: e.predefine, "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: e.ruleFormData.textFontColor, callback: function(a) {
+    e.$set(e.ruleFormData, "textFontColor", a);
+  }, expression: "ruleFormData.textFontColor" } })], 1)], 1)] : e._e(), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.labelLineColor", "\u8F74\u7EBF\u7EBF\u989C\u8272") } }), t("el-input", { staticStyle: { width: "120px" }, model: { value: e.ruleFormData.labelLineColor, callback: function(a) {
+    e.$set(e.ruleFormData, "labelLineColor", a);
+  }, expression: "ruleFormData.labelLineColor" } }, [t("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", predefine: e.predefine, "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: e.ruleFormData.labelLineColor, callback: function(a) {
+    e.$set(e.ruleFormData, "labelLineColor", a);
+  }, expression: "ruleFormData.labelLineColor" } })], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.labelFontColor", "\u8F74\u7EBF\u5B57\u4F53\u989C\u8272") } }), t("el-input", { staticStyle: { width: "120px" }, model: { value: e.ruleFormData.labelFontColor, callback: function(a) {
+    e.$set(e.ruleFormData, "labelFontColor", a);
+  }, expression: "ruleFormData.labelFontColor" } }, [t("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", predefine: e.predefine, "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: e.ruleFormData.labelFontColor, callback: function(a) {
+    e.$set(e.ruleFormData, "labelFontColor", a);
+  }, expression: "ruleFormData.labelFontColor" } })], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.labelRotate", "X\u8F74\u6587\u672C\u503E\u659C\u5EA6") } }), t("el-input-number", { staticStyle: { width: "120px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), min: 0, max: 90, size: "mini", "controls-position": "right" }, model: { value: e.ruleFormData.labelRotate, callback: function(a) {
+    e.$set(e.ruleFormData, "labelRotate", a);
+  }, expression: "ruleFormData.labelRotate" } })], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.labelFontSize", "X\u8F74\u5B57\u4F53\u5927\u5C0F") } }), t("el-select", { staticStyle: { width: "120px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, model: { value: e.ruleFormData.labelFontSize, callback: function(a) {
+    e.$set(e.ruleFormData, "labelFontSize", a);
+  }, expression: "ruleFormData.labelFontSize" } }, e._l(e.getSize, function(a) {
+    return t("el-option", { key: a, attrs: { label: a, value: a } });
+  }), 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.xAxisLabelColor", "X\u8F74\u7EBF\u5B57\u4F53\u989C\u8272") } }), t("el-input", { staticStyle: { width: "120px" }, model: { value: e.ruleFormData.xAxisLabelColor, callback: function(a) {
+    e.$set(e.ruleFormData, "xAxisLabelColor", a);
+  }, expression: "ruleFormData.xAxisLabelColor" } }, [t("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", predefine: e.predefine, "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: e.ruleFormData.xAxisLabelColor, callback: function(a) {
+    e.$set(e.ruleFormData, "xAxisLabelColor", a);
+  }, expression: "ruleFormData.xAxisLabelColor" } })], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.legendShow", "\u56FE\u4F8B\u663E\u793A") } }), t("el-switch", { attrs: { "active-color": e.primaryColor }, model: { value: e.ruleFormData.legendShow, callback: function(a) {
+    e.$set(e.ruleFormData, "legendShow", a);
+  }, expression: "ruleFormData.legendShow" } })], 1), e.hasStackGroup ? [t("el-divider", [e._v(e._s(e.$i18nt("gd.echarts.stackConfig", "\u5806\u53E0\u914D\u7F6E")))]), e._l(e.stackList, function(a, i) {
+    return [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.groupedFields", "\u5206\u7EC4\u5B57\u6BB5") } }, [t("div", { staticClass: "list-item list-label", staticStyle: { "margin-bottom": "0" } }, [t("div", { staticClass: "list-label-column" }, [t("el-select", { staticClass: "column-name", attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), filterable: "", clearable: "" }, on: { change: function(s) {
+      return e.changeColumnNames(a);
+    } }, model: { value: a.columnName, callback: function(s) {
+      e.$set(a, "columnName", s);
+    }, expression: "item.columnName" } }, [e._l(e.loadFieldData, function(s, r) {
+      return [t("el-option", { attrs: { value: s.columnname, label: s.transkey ? e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment) : s.columncomment } }, [t("EffectTypeIcon", { attrs: { effectType: s.effecttype } }), s.transkey ? t("span", [e._v(" " + e._s(e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment)) + " (" + e._s(s.columnname) + ") ")]) : t("span", [e._v(e._s(s.columncomment) + " (" + e._s(s.columnname) + ")")])], 1)];
+    })], 2), a.effectType === "datepicker" ? t("el-select", { staticClass: "column-mode", attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, on: { change: e.present }, model: { value: a.mode, callback: function(s) {
+      e.$set(a, "mode", s);
+    }, expression: "item.mode" } }, [e._l(e.getDictionary("time_dimension"), function(s, r) {
+      return [t("el-option", { attrs: { value: s.code, label: e.$i18nt(`Dynamics.${s.transkey}`, s.name) } })];
+    })], 2) : e._e(), t("el-select", { staticClass: "column-mode", attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, model: { value: a.orderType, callback: function(s) {
+      e.$set(a, "orderType", s);
+    }, expression: "item.orderType" } }, [e._l(e.defaultSortList, function(s, r) {
+      return [t("el-option", { attrs: { value: s.code, label: e.$i18nt(`${s.transKey}`, s.name) } })];
+    })], 2)], 1)])]), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.labelRotate", "X\u8F74\u6587\u672C\u503E\u659C\u5EA6") } }), t("el-input-number", { staticStyle: { width: "120px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), min: 0, max: 90, size: "mini", "controls-position": "right" }, model: { value: a.labelRotate, callback: function(s) {
+      e.$set(a, "labelRotate", s);
+    }, expression: "item.labelRotate" } })], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.labelFontSize", "X\u8F74\u5B57\u4F53\u5927\u5C0F") } }), t("el-select", { staticStyle: { width: "120px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, model: { value: a.labelFontSize, callback: function(s) {
+      e.$set(a, "labelFontSize", s);
+    }, expression: "item.labelFontSize" } }, e._l(e.getSize, function(s) {
+      return t("el-option", { key: s, attrs: { label: s, value: s } });
+    }), 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.xAxisLabelColor", "X\u8F74\u7EBF\u5B57\u4F53\u989C\u8272") } }), t("el-input", { staticStyle: { width: "120px" }, model: { value: a.xAxisLabelColor, callback: function(s) {
+      e.$set(a, "xAxisLabelColor", s);
+    }, expression: "item.xAxisLabelColor" } }, [t("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", predefine: e.predefine, "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: a.xAxisLabelColor, callback: function(s) {
+      e.$set(a, "xAxisLabelColor", s);
+    }, expression: "item.xAxisLabelColor" } })], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.xAxisLabelPosition", "X\u8F74\u7EBF\u4F4D\u7F6E") } }), t("el-select", { staticStyle: { width: "120px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, model: { value: a.position, callback: function(s) {
+      e.$set(a, "position", s);
+    }, expression: "item.position" } }, [t("el-option", { attrs: { label: e.$i18nt("gd.page.topDirection", "\u4E0A"), value: "top" } }), t("el-option", { attrs: { label: e.$i18nt("gd.page.bottomDirection", "\u4E0B"), value: "bottom" } })], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.xAxisOffset", "\u504F\u79FB\u503C(\u5F53\u524D\u8F74)") } }), t("el-input-number", { staticStyle: { width: "120px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), size: "mini", "controls-position": "right" }, model: { value: a.offset, callback: function(s) {
+      e.$set(a, "offset", s);
+    }, expression: "item.offset" } })], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.xAxisOffsetCaudex", "\u504F\u79FB\u503C(\u4E3B\u8F74)") } }), t("el-input-number", { staticStyle: { width: "120px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), size: "mini", "controls-position": "right" }, model: { value: a.offsetCaudex, callback: function(s) {
+      e.$set(a, "offsetCaudex", s);
+    }, expression: "item.offsetCaudex" } })], 1)];
+  })] : e._e(), e.ruleFormData.legendShow ? [t("el-divider", [e._v(e._s(e.$i18nt("gd.echarts.legendConfig", "\u56FE\u4F8B\u914D\u7F6E")))]), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.legendTextColor", "\u56FE\u4F8B\u5B57\u4F53\u989C\u8272") } }), t("el-input", { staticStyle: { width: "120px" }, model: { value: e.ruleFormData.legendTextColor, callback: function(a) {
+    e.$set(e.ruleFormData, "legendTextColor", a);
+  }, expression: "ruleFormData.legendTextColor" } }, [t("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", predefine: e.predefine, "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: e.ruleFormData.legendTextColor, callback: function(a) {
+    e.$set(e.ruleFormData, "legendTextColor", a);
+  }, expression: "ruleFormData.legendTextColor" } })], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.legendOrient", "\u56FE\u4F8B\u671D\u5411") } }), t("el-select", { staticStyle: { width: "120px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, model: { value: e.ruleFormData.legendOrient, callback: function(a) {
+    e.$set(e.ruleFormData, "legendOrient", a);
+  }, expression: "ruleFormData.legendOrient" } }, [t("el-option", { attrs: { label: e.$i18nt("gd.form.level", "\u6C34\u5E73"), value: "horizontal" } }), t("el-option", { attrs: { label: e.$i18nt("gd.form.vertical", "\u5782\u76F4"), value: "vertical" } })], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", [t("span", { attrs: { slot: "label" }, slot: "label" }, [t("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], attrs: { placement: "top", "open-delay": 150 } }, [t("span", { attrs: { slot: "content" }, domProps: { innerHTML: e._s(e.$i18nt("gd.echarts.legendPositionTip")) }, slot: "content" }), t("i", { staticClass: "el-icon-question" })]), t("span", [e._v(e._s(e.$i18nt("gd.echarts.legendPosition", "\u56FE\u4F8B\u4F4D\u7F6E")))])], 1)]), t("div", { staticStyle: { width: "180px" } }, [t("div", { staticClass: "padd-r" }, [t("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.page.topDirection", "\u4E0A"), placement: "top" } }, [t("el-input", { staticClass: "padd-x", attrs: { clearable: "" }, model: { value: e.ruleFormData.legendPosition[0], callback: function(a) {
+    e.$set(e.ruleFormData.legendPosition, 0, a);
+  }, expression: "ruleFormData.legendPosition[0]" } })], 1), t("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.page.rightDirection", "\u53F3"), placement: "top" } }, [t("el-input", { staticClass: "padd-w", attrs: { clearable: "" }, model: { value: e.ruleFormData.legendPosition[1], callback: function(a) {
+    e.$set(e.ruleFormData.legendPosition, 1, a);
+  }, expression: "ruleFormData.legendPosition[1]" } })], 1)], 1), t("div", { staticClass: "padd-r" }, [t("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.page.leftDirection", "\u5DE6"), placement: "bottom" } }, [t("el-input", { staticClass: "padd-x", attrs: { clearable: "" }, model: { value: e.ruleFormData.legendPosition[3], callback: function(a) {
+    e.$set(e.ruleFormData.legendPosition, 3, a);
+  }, expression: "ruleFormData.legendPosition[3]" } })], 1), t("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.page.bottomDirection", "\u4E0B"), placement: "bottom" } }, [t("el-input", { staticClass: "padd-w", attrs: { clearable: "" }, model: { value: e.ruleFormData.legendPosition[2], callback: function(a) {
+    e.$set(e.ruleFormData.legendPosition, 2, a);
+  }, expression: "ruleFormData.legendPosition[2]" } })], 1)], 1)])], 1)] : e._e(), t("el-divider", [e._v(e._s(e.$i18nt("gd.echarts.gridConfig", "\u7F51\u683C\u914D\u7F6E")))]), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", [t("span", { attrs: { slot: "label" }, slot: "label" }, [t("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], attrs: { placement: "top", "open-delay": 150 } }, [t("span", { attrs: { slot: "content" }, domProps: { innerHTML: e._s(e.$i18nt("gd.echarts.gridPositionTip")) }, slot: "content" }), t("i", { staticClass: "el-icon-question" })]), t("span", [e._v(e._s(e.$i18nt("gd.echarts.gridPosition", "\u7F51\u683C\u4F4D\u7F6E")))])], 1)]), t("div", { staticStyle: { width: "180px" } }, [t("div", { staticClass: "padd-r" }, [t("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.page.topDirection", "\u4E0A"), placement: "top" } }, [t("el-input", { staticClass: "padd-x", attrs: { clearable: "" }, model: { value: e.ruleFormData.gridPosition[0], callback: function(a) {
+    e.$set(e.ruleFormData.gridPosition, 0, a);
+  }, expression: "ruleFormData.gridPosition[0]" } })], 1), t("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.page.rightDirection", "\u53F3"), placement: "top" } }, [t("el-input", { staticClass: "padd-w", attrs: { clearable: "" }, model: { value: e.ruleFormData.gridPosition[1], callback: function(a) {
+    e.$set(e.ruleFormData.gridPosition, 1, a);
+  }, expression: "ruleFormData.gridPosition[1]" } })], 1)], 1), t("div", { staticClass: "padd-r" }, [t("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.page.leftDirection", "\u5DE6"), placement: "bottom" } }, [t("el-input", { staticClass: "padd-x", attrs: { clearable: "" }, model: { value: e.ruleFormData.gridPosition[3], callback: function(a) {
+    e.$set(e.ruleFormData.gridPosition, 3, a);
+  }, expression: "ruleFormData.gridPosition[3]" } })], 1), t("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: e.$i18nt("gd.page.bottomDirection", "\u4E0B"), placement: "bottom" } }, [t("el-input", { staticClass: "padd-w", attrs: { clearable: "" }, model: { value: e.ruleFormData.gridPosition[2], callback: function(a) {
+    e.$set(e.ruleFormData.gridPosition, 2, a);
+  }, expression: "ruleFormData.gridPosition[2]" } })], 1)], 1)])], 1), t("el-divider", [e._v(e._s(e.$i18nt("gd.echarts.lineConfig", "\u6298\u7EBF\u914D\u7F6E")))]), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.lineStyleWidth", "\u66F2\u7EBF\u5BBD\u5EA6") } }), t("el-select", { staticStyle: { width: "120px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, model: { value: e.ruleFormData.lineStyleWidth, callback: function(a) {
+    e.$set(e.ruleFormData, "lineStyleWidth", a);
+  }, expression: "ruleFormData.lineStyleWidth" } }, e._l(11, function(a, i) {
+    return t("el-option", { key: i, attrs: { label: `${i} px`, value: i } });
+  }), 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.smooth", "\u5E73\u6ED1\u66F2\u7EBF") } }), t("el-switch", { attrs: { "active-color": e.primaryColor }, on: { change: e.present }, model: { value: e.ruleFormData.smooth, callback: function(a) {
+    e.$set(e.ruleFormData, "smooth", a);
+  }, expression: "ruleFormData.smooth" } })], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.showSymbol", "\u7B26\u53F7\u70B9") } }), t("el-switch", { attrs: { "active-color": e.primaryColor }, on: { change: e.present }, model: { value: e.ruleFormData.showSymbol, callback: function(a) {
+    e.$set(e.ruleFormData, "showSymbol", a);
+  }, expression: "ruleFormData.showSymbol" } })], 1), e.hasAreaStyleStack ? t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.areaStyleStack", "\u9762\u79EF\u56FE") } }), t("el-switch", { attrs: { "active-color": e.primaryColor }, on: { change: e.present }, model: { value: e.ruleFormData.areaStyleStack, callback: function(a) {
+    e.$set(e.ruleFormData, "areaStyleStack", a);
+  }, expression: "ruleFormData.areaStyleStack" } })], 1) : e._e(), e.hasSequenceConfig.length > 0 ? t("div", [t("el-divider", [e._v(e._s(e.$i18nt("gd.echarts.sequenceConfig", "\u5E8F\u5217\u914D\u7F6E")))]), t("div", { staticClass: "list", staticStyle: { padding: "6px 0" } }, [e._l(e.ruleList, function(a, i) {
+    return [t("div", { staticClass: "list-item" }, [t("div", { staticClass: "list-iteml" }, [t("div", { staticClass: "list-item-column list-item-lable" }, [t("el-select", { staticStyle: { flex: "1" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: "" }, model: { value: a.columnName, callback: function(s) {
+      e.$set(a, "columnName", s);
+    }, expression: "item.columnName" } }, [e._l(e.getSequenceField, function(s) {
+      return [t("el-option", { attrs: { value: s.columnName, label: s.transkeyDict ? `${e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment)} (${e.$i18nt(
+        `Dynamics.${s.transkeyDict}`,
+        s.transkeyName
+      )})` : e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment) } }, [t("EffectTypeIcon", { attrs: { effectType: s.effecttype } }), t("span", [e._v(" " + e._s(e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment)) + " (" + e._s(s.columnNamed) + ") "), s.transkeyDict ? t("span", [e._v(" / " + e._s(e.$i18nt(`Dynamics.${s.transkeyDict}`, s.transkeyName)) + " ")]) : e._e()])], 1)];
+    })], 2), t("div", { staticClass: "item-formatter", attrs: { title: e.$i18nt("gd.form.suffix", "\u540E\u7F00") } }, [t("el-select", { attrs: { clearable: "", placeholder: e.$i18nt("gd.form.suffix", "\u540E\u7F00") }, model: { value: a.formatter, callback: function(s) {
+      e.$set(a, "formatter", s);
+    }, expression: "item.formatter" } }, e._l(e.displayModeList, function(s) {
+      return t("el-option", { key: s.code, attrs: { label: e.$i18nt(s.transkey, s.name), value: s.code } });
+    }), 1)], 1)], 1), t("div", { staticClass: "list-item-column list-item-lable" }, [t("div", { staticStyle: { flex: "1" } }, [a.transKeyPrefix ? e._e() : t("gd-translation", { ref: "gdTranslationSuffix", refInFor: !0, attrs: { transKey: e.getTransKey, keyI18n: "transKeyPrefix", name: "prefix", recordData: a, placeholderKey: ["gd.form.prefix", "\u524D\u7F00"], type: 3, disabled: !a.openPrefix }, on: { lookupSeled: (s) => e.lookupSeled(s, a) } }), a.transKeyPrefix ? t("gd-translation", { ref: "gdTranslationSuffix", refInFor: !0, attrs: { keyI18n: "transKeyPrefix", name: "prefix", recordData: a, type: 2, disabled: !a.openPrefix }, on: { lookupSeled: (s) => e.lookupSeled(s, a) } }) : e._e()], 1), t("div", { staticClass: "item-formatter", staticStyle: { "text-align": "right" } }, [t("el-switch", { attrs: { "active-color": e.primaryColor, "active-text": e.$i18nt("gd.form.prefix", "\u524D\u7F00") }, model: { value: a.openPrefix, callback: function(s) {
+      e.$set(a, "openPrefix", s);
+    }, expression: "item.openPrefix" } })], 1)]), t("div", { staticClass: "list-item-lable" }, [t("div", { staticClass: "item-mode" }, [t("el-input-number", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.form.minimum", "\u6700\u5C0F\u503C"), size: "mini", "controls-position": "right" }, model: { value: a.min, callback: function(s) {
+      e.$set(a, "min", s);
+    }, expression: "item.min" } })], 1), t("div", { staticClass: "item-type" }, [t("el-input-number", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.form.maximum", "\u6700\u5927\u503C"), size: "mini", "controls-position": "right" }, model: { value: a.max, callback: function(s) {
+      e.$set(a, "max", s);
+    }, expression: "item.max" } })], 1)]), t("div", { staticClass: "list-item-rule" }, [t("div", { staticClass: "item-display" }, [e._v(" " + e._s(e.$i18nt("gd.echarts.displayRules", "\u663E\u793A\u89C4\u5219")) + " "), a.ruleSequence.length == 0 ? t("span", { staticClass: "item-display-no" }, [e._v(" (" + e._s(e.$i18nt("gd.echarts.notConfigured", "\u672A\u914D\u7F6E")) + ") ")]) : t("span", { staticClass: "item-display-yes" }, [e._v("(" + e._s(e.$i18nt("gd.echarts.configured", "\u5DF2\u914D\u7F6E")) + ")")])]), t("el-divider", { attrs: { direction: "vertical" } }), t("i", { staticClass: "gd-icons gd-icon-bianji5 active-color", on: { click: function(s) {
+      return e.addSequenceRule(a);
+    } } })], 1)]), t("i", { staticClass: "el-icon-delete", on: { click: function(s) {
+      return e.delRuleList(a);
+    } } })])];
+  }), e.ruleList.length < e.hasSequenceConfig.length ? t("div", { staticClass: "add-rule" }, [e.selShow ? t("span", { staticClass: "active-color", on: { mouseover: function(a) {
+    return e.mouseover("selShow");
+  } } }, [e._v(" " + e._s(e.$i18nt("gd.btn.choice", "\u9009\u62E9")) + " ")]) : t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, on: { change: e.changeRule }, model: { value: e.columnName, callback: function(a) {
+    e.columnName = a;
+  }, expression: "columnName" } }, [e._l(e.getSequenceField, function(a) {
+    return [e.usedSequenceField.includes(a.columnName) ? e._e() : t("el-option", { attrs: { value: a.columnName, label: a.transkeyDict ? `${e.$i18nt(`Dynamics.${a.transkey}`, a.columncomment)} (${e.$i18nt(
+      `Dynamics.${a.transkeyDict}`,
+      a.transkeyName
+    )})` : e.$i18nt(`Dynamics.${a.transkey}`, a.columncomment) } }, [t("EffectTypeIcon", { attrs: { effectType: a.effecttype } }), t("span", [e._v(" " + e._s(e.$i18nt(`Dynamics.${a.transkey}`, a.columncomment)) + " (" + e._s(a.columnNamed) + ") "), a.transkeyDict ? t("span", [e._v("/ " + e._s(e.$i18nt(`Dynamics.${a.transkeyDict}`, a.transkeyName)))]) : e._e()])], 1)];
+  })], 2)], 1) : e._e()], 2)], 1) : e._e(), e.hasClassLabelConfig.length > 0 ? t("div", [t("el-divider", [e._v(e._s(e.$i18nt("gd.echarts.sequenceConfigd", "\u65E5\u671F\u7EDF\u8BA1\u7EF4\u5EA6")))]), t("div", { staticClass: "list", staticStyle: { padding: "6px 0" } }, [e._l(e.dateFilterRule, function(a, i) {
+    return [t("div", { staticClass: "list-item" }, [t("div", { staticClass: "list-iteml" }, [t("div", { staticClass: "list-item-column list-item-lable" }, [t("el-select", { staticStyle: { flex: "1" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: "" }, model: { value: a.columnName, callback: function(s) {
+      e.$set(a, "columnName", s);
+    }, expression: "item.columnName" } }, [e._l(e.getClassLabelField, function(s) {
+      return [t("el-option", { attrs: { value: s.columnName, label: s.transkeyDict ? `${e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment)} (${e.$i18nt(
+        `Dynamics.${s.transkeyDict}`,
+        s.transkeyName
+      )})` : e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment) } }, [t("EffectTypeIcon", { attrs: { effectType: s.effecttype } }), t("span", [e._v(" " + e._s(e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment)) + " (" + e._s(s.columnNamed) + ") "), s.transkeyDict ? t("span", [e._v(" / " + e._s(e.$i18nt(`Dynamics.${s.transkeyDict}`, s.transkeyName)) + " ")]) : e._e()])], 1)];
+    })], 2), t("div", { staticClass: "item-formatter" }, [t("el-select", { attrs: { clearable: "", placeholder: e.$i18nt("gd.drawer.positionMode", "\u5B9A\u4F4D\u6A21\u5F0F"), title: e.$i18nt("gd.drawer.positionMode", "\u5B9A\u4F4D\u6A21\u5F0F") }, model: { value: a.position, callback: function(s) {
+      e.$set(a, "position", s);
+    }, expression: "item.position" } }, [t("el-option", { attrs: { label: e.$i18nt("gd.form.relative", "\u56FA\u5B9A"), value: "relative" } }), t("el-option", { attrs: { label: e.$i18nt("gd.drawer.absolute", "\u6D6E\u52A8"), value: "absolute" } })], 1)], 1)], 1), t("div", { staticClass: "list-item-column list-item-lable" }, [t("div", { staticClass: "item-mode" }, [t("el-select", { attrs: { clearable: "", placeholder: e.$i18nt("gd.state.horizontal", "\u6C34\u5E73\u5BF9\u9F50"), title: e.$i18nt("gd.state.horizontal", "\u6C34\u5E73\u5BF9\u9F50") }, model: { value: a.horizontal, callback: function(s) {
+      e.$set(a, "horizontal", s);
+    }, expression: "item.horizontal" } }, [t("el-option", { attrs: { label: e.$i18nt("gd.state.alignLeft", "\u5DE6\u5BF9\u9F50"), value: "left" } }), t("el-option", { attrs: { label: e.$i18nt("gd.state.alignRight", "\u53F3\u5BF9\u9F50"), value: "right" } })], 1)], 1), t("div", { staticClass: "item-type" }, [t("el-select", { attrs: { clearable: "", placeholder: e.$i18nt("gd.state.vertical", "\u5782\u76F4\u5BF9\u9F50"), title: e.$i18nt("gd.state.vertical", "\u5782\u76F4\u5BF9\u9F50") }, model: { value: a.vertical, callback: function(s) {
+      e.$set(a, "vertical", s);
+    }, expression: "item.vertical" } }, [t("el-option", { attrs: { label: e.$i18nt("gd.state.alignBottom", "\u4E0B\u5BF9\u9F50"), value: "bottom" } }), t("el-option", { attrs: { label: e.$i18nt("gd.state.alignTop", "\u4E0A\u5BF9\u9F50"), value: "top" } })], 1)], 1)]), t("div", { staticClass: "list-item-lable" }, [t("div", { staticClass: "item-mode" }, [t("el-input-number", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.state.minimumd", "x\u8F74\u504F\u79FB\u503C"), size: "mini", "controls-position": "right", title: e.$i18nt("gd.state.offsetX", "x\u8F74\u504F\u79FB\u503C") }, model: { value: a.offsetX, callback: function(s) {
+      e.$set(a, "offsetX", s);
+    }, expression: "item.offsetX" } })], 1), t("div", { staticClass: "item-type" }, [t("el-input-number", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.state.offsetY", "y\u8F74\u504F\u79FB\u503C"), size: "mini", "controls-position": "right", title: e.$i18nt("gd.state.offsetY", "y\u8F74\u504F\u79FB\u503C") }, model: { value: a.offsetY, callback: function(s) {
+      e.$set(a, "offsetY", s);
+    }, expression: "item.offsetY" } })], 1)])]), t("i", { staticClass: "el-icon-delete", on: { click: function(s) {
+      return e.delRuleFilter(a);
+    } } })])];
+  }), e.dateFilterRule.length < 1 ? t("div", { staticClass: "add-rule" }, [e.selShowFilter ? t("span", { staticClass: "active-color", on: { mouseover: function(a) {
+    return e.mouseover("selShowFilter");
+  } } }, [e._v(" " + e._s(e.$i18nt("gd.btn.choice", "\u9009\u62E9")) + " ")]) : t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, on: { change: e.changeRuleFilter }, model: { value: e.columnNameFilter, callback: function(a) {
+    e.columnNameFilter = a;
+  }, expression: "columnNameFilter" } }, [e._l(e.getClassLabelField, function(a) {
+    return [e.usedSequenceField.includes(a.columnName) ? e._e() : t("el-option", { attrs: { value: a.columnName, label: a.transkeyDict ? `${e.$i18nt(`Dynamics.${a.transkey}`, a.columncomment)} (${e.$i18nt(
+      `Dynamics.${a.transkeyDict}`,
+      a.transkeyName
+    )})` : e.$i18nt(`Dynamics.${a.transkey}`, a.columncomment) } }, [t("EffectTypeIcon", { attrs: { effectType: a.effecttype } }), t("span", [e._v(" " + e._s(e.$i18nt(`Dynamics.${a.transkey}`, a.columncomment)) + " (" + e._s(a.columnNamed) + ") "), a.transkeyDict ? t("span", [e._v("/ " + e._s(e.$i18nt(`Dynamics.${a.transkeyDict}`, a.transkeyName)))]) : e._e()])], 1)];
+  })], 2)], 1) : e._e()], 2)], 1) : e._e()], 2)], 1)])])])], 2), t("gd-color-editor", { ref: "echartsTheme", attrs: { maxLength: 30 }, on: { ok: e.okColor } }), t("ChartDisplayRules", { ref: "chartDisplayRules", attrs: { fieldData: e.loadFieldData, echartsMode: e.echartsMode, size: e.getSize, sequenceField: e.getSequenceField }, on: { ok: e.okRules } })], 1);
+}, z = [], I = /* @__PURE__ */ m(
+  q,
+  K,
+  z,
+  !1,
+  null,
+  "206a698b",
+  null,
+  null
+);
+const Q = I.exports;
+const O = {
+  props: {
+    data: {
+      type: Object,
+      required: !0
+    },
+    id: {
+      type: [String, Number],
+      default: ""
+    },
+    config: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      width: "600px",
+      record: {},
+      confirmLoading: !1,
+      visible: !1,
+      fullscreen: !1,
+      show: !1,
+      columnName: "",
+      buttons: [
+        {
+          displayName: "\u786E\u5B9A",
+          functionName: "handleSubmit",
+          show: !0,
+          transKey: "gd.btn.confirm",
+          icon: "el-icon-document-checked"
+        }
+      ],
+      ruleFormData: {
+        langs: [],
+        tableName: "",
+        transKey: null,
+        viewId: "",
+        name: "",
+        textFontSize: 20,
+        textFontColor: "#333",
+        textFontWeight: "normal",
+        align: "center",
+        lineHeight: 32,
+        numericalPrecision: 2,
+        numericalFormat: "",
+        accessType: "sys",
+        sysFunctionApi: "",
+        sequence: "",
+        customEffectType: "inputnumber"
+      },
+      viewList: [],
+      loadFieldData: [],
+      sequence: [
+        {
+          effectType: "input",
+          mode: "",
+          type: "1",
+          columnName: "",
+          name: "",
+          transKey: null,
+          disableMode: [],
+          ruleOpen: !1,
+          ruleSequence: []
+        }
+      ],
+      titlePrefix: {
+        name: "",
+        transKey: null,
+        type: "text",
+        icon: ""
+      },
+      titleSuffix: {
+        name: "",
+        transKey: null,
+        type: "text",
+        icon: ""
+      },
+      rules: {
+        name: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.input", "\u8BF7\u8F93\u5165"),
+            trigger: "change"
+          }
+        ],
+        tableName: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.select", "\u8BF7\u9009\u62E9"),
+            trigger: "change"
+          }
+        ],
+        viewId: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.select", "\u8BF7\u9009\u62E9"),
+            trigger: "change"
+          }
+        ],
+        sequence: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.select", "\u8BF7\u9009\u62E9"),
+            trigger: "change"
+          }
+        ],
+        sysFunctionApi: [
+          {
+            required: !0,
+            message: this.$i18nt("gd.btn.input", "\u8BF7\u8F93\u5165"),
+            trigger: "change"
+          }
+        ]
+      },
+      selItem: {}
+    };
+  },
+  components: {
+    EffectTypeIcon: () => import("./components.xlsximport.81df7841.mjs").then((l) => l.e),
+    IconSelector: () => import("./components.iconselector.8940b1a9.mjs")
+  },
+  computed: {
+    effectTypeList() {
+      return this.getDictionary("code_gen_effect_type").filter((e) => ["datepicker", "input", "inputnumber"].includes(e.code));
+    },
+    getEffectType() {
+      return this.ruleFormData.accessType === "custom" ? this.ruleFormData.customEffectType : "input";
+    },
+    predefine() {
+      return ["#F5222D", "#52C41A", "#FAAD14", "#13C2C2", "#1890FF", "#722ED1", "#eee", "#333", "#666", "#999"];
+    },
+    languageMessages() {
+      return this.$i18n.messages;
+    },
+    tableData() {
+      const l = this.tableLists.filter((e) => e.tablename === this.ruleFormData.tableName)[0];
+      return l || {};
+    },
+    viewData() {
+      const l = this.viewList.filter((e) => e.id === this.ruleFormData.viewId)[0];
+      return l ? { id: l.id, name: l.name, transkey: l.transkey } : {};
+    },
+    title() {
+      return this.record.tableName ? this.$i18nt("gd.https.edit", "\u7F16\u8F91") : this.$i18nt("gd.https.add", "\u65B0\u589E");
+    },
+    disabled() {
+      return !this.ruleFormData.tableName;
+    },
+    height() {
+      let l = this.fullscreen ? 190 : 340;
+      return this.screenHeight - l;
+    },
+    getSize() {
+      let l = [];
+      for (let e = 0; e <= 100; e++)
+        l.push(6 + e);
+      return l;
+    },
+    ...u(["screenHeight", "tableLists", "primaryColor"])
+  },
+  methods: {
+    handleIcon(l) {
+      this.selItem = l, this.$refs.iconSelector.open();
+    },
+    save() {
+      if (!this.isCheckedSequence() && this.ruleFormData.accessType === "sys") {
+        this.$message.error(this.$i18nt("gd.echarts.sequenceTip", "\u8BF7\u8865\u5145 [\u56FE\u4F8B\u6761\u76EE(\u5E8F\u5217)] \u4FE1\u606F")), this.confirmLoading = !1;
+        return;
+      }
+      this.$emit("ok", {
+        statisticTitle: this.ruleFormData.name,
+        transKey: this.ruleFormData.transKey,
+        sequence: this.sequence,
+        textFontSize: this.ruleFormData.textFontSize,
+        textFontColor: this.ruleFormData.textFontColor,
+        textFontWeight: this.ruleFormData.textFontWeight,
+        align: this.ruleFormData.align,
+        lineHeight: this.ruleFormData.lineHeight,
+        tableName: this.ruleFormData.accessType === "sys" ? this.ruleFormData.tableName : c(8),
+        view: this.viewData,
+        numericalPrecision: this.ruleFormData.numericalPrecision,
+        numericalFormat: this.ruleFormData.numericalFormat,
+        accessType: this.ruleFormData.accessType,
+        sysFunctionApi: this.ruleFormData.sysFunctionApi,
+        customEffectType: this.ruleFormData.customEffectType,
+        titlePrefix: this.titlePrefix,
+        titleSuffix: this.titleSuffix
+      }), this.closed();
+    },
+    handleSubmit() {
+      this.confirmLoading = !0, this.$refs.ruleForm.validate((l) => {
+        l ? this.save() : this.confirmLoading = !1;
+      });
+    },
+    changeEffectType() {
+      Object.assign(this.ruleFormData, {
+        numericalFormat: ""
+      });
+    },
+    changeColumnName(l) {
+      let e = {};
+      const t = this.loadFieldData.filter((i) => i.columnname === l.columnName)[0], a = t ? t.effecttype : "input";
+      ["inputnumber", "double", "currency"].includes(a) ? Object.assign(e, { mode: "2", disableMode: [] }) : Object.assign(e, { mode: "1", disableMode: ["2", "3", "4", "5"] }), Object.assign(l, e, {
+        transKey: t.transkey,
+        name: t.columncomment,
+        effectType: a
+      }), Object.assign(this.ruleFormData, {
+        numericalFormat: ""
+      });
+    },
+    lookupSeled(l, e) {
+      let t = [];
+      l.langs.forEach((a) => {
+        t.push({ name: a.languagename, val: a.description, code: a.languagecode });
+      }), e === "name" ? (this.ruleFormData.name = l.defaulttext, this.ruleFormData.transKey = l.name, this.ruleFormData.langs = t) : e === "prefix" ? (this.titlePrefix.name = l.defaulttext, this.titlePrefix.transKey = l.name) : e === "suffix" && (this.titleSuffix.name = l.defaulttext, this.titleSuffix.transKey = l.name), this.data.addTransKey !== void 0 && (this.data.addTransKey = this.data.addTransKey.concat([l.name]));
+    },
+    getTransKey(l) {
+      let e = this.ruleFormData.name, t = `STF_SC_${c(10)}`;
+      this.id ? (t = `sf_${this.id}_SC_${c(10)}`, l !== "name" && (t = `sf_${this.id}_SC_${l}_${c(6)}`, e = "")) : this.config && (t = `sm_${this.config.id}_SC_${c(10)}`, l !== "name" && (t = `sm_${this.config.id}_SC_${l}_${c(6)}`, e = ""));
+      let a = [];
+      for (let i in this.languageMessages)
+        a.push({ name: b(i), val: e, code: i });
+      return JSON.stringify({ name: t, langs: a });
+    },
+    changeTable() {
+      this.sequence = [
+        {
+          mode: "",
+          type: "1",
+          columnName: "",
+          name: "",
+          transKey: null,
+          disableMode: [],
+          ruleOpen: !1,
+          ruleSequence: [],
+          orderType: 1
+        }
+      ], this.ruleFormData = Object.assign(this.ruleFormData, {
+        viewId: ""
+      }), this.init(), this.$nextTick(() => {
+        this.$refs.ruleForm.clearValidate();
+      });
+    },
+    init() {
+      this.confirmLoading = !0, Promise.all([this.getLoadData(), this.getViewList()]).then((l) => {
+        this.confirmLoading = !1;
+      });
+    },
+    open(l) {
+      this.record = JSON.parse(JSON.stringify(l)), this.visible = !0, this.ruleFormData = {
+        tableName: l.accessType === "sys" ? l.tableName : "",
+        transKey: l.transKey ? l.transKey : null,
+        viewId: l.view.id ? l.view.id : "",
+        name: l.statisticTitle,
+        textFontSize: l.textFontSize,
+        textFontColor: l.textFontColor,
+        textFontWeight: l.textFontWeight,
+        align: l.align,
+        lineHeight: l.lineHeight,
+        numericalPrecision: l.numericalPrecision,
+        numericalFormat: l.numericalFormat,
+        accessType: l.accessType,
+        sysFunctionApi: l.sysFunctionApi,
+        customEffectType: l.customEffectType,
+        langs: l.langs ? l.langs : [],
+        sequence: JSON.stringify(l.sequence)
+      }, this.titlePrefix = l.titlePrefix, this.titleSuffix = l.titleSuffix, this.sequence = l.sequence, this.$nextTick(() => {
+        this.$refs.ruleForm.clearValidate(), this.init();
+      });
+    },
+    getViewList() {
+      if (!this.tableData.id)
+        return new Promise((l, e) => {
+          l();
+        });
+      g({
+        SysCodeGenId: this.tableData.id
+      }).then((l) => {
+        if (l.success) {
+          let e = l.data.filter((t) => t.type == 1);
+          this.viewList = e;
+        }
+      });
+    },
+    getLoadData() {
+      return this.tableData.id ? p({
+        codeGenId: this.tableData.id
+      }).then((l) => {
+        let e = l.data.filter((t) => t.effecttype == "about" && t.columnname == (t.relations + "_AboutTable").toLowerCase() ? !1 : !(t.effecttype == "currency" && t.columnname == (t.relations + "_Currency_Base").toLowerCase()));
+        return this.loadFieldData = [...e], l.data;
+      }) : new Promise((l, e) => {
+        l();
+      });
+    },
+    closed() {
+      this.fullscreen = !1, this.visible = !1;
+    },
+    toggleFullscreen() {
+      this.fullscreen = !this.fullscreen;
+    },
+    isCheckedSequence() {
+      return this.sequence.every((l, e, t) => l.columnName !== "" && l.mode !== "");
+    },
+    doEvent(l) {
+      let e = l.item.functionName;
+      this[e] && this[e]();
+    },
+    getDictionary(l) {
+      return this.$options.filters.dictData(l);
+    }
+  }
+};
+var E = function() {
+  var e = this, t = e._self._c;
+  return t("div", [t("el-dialog", { directives: [{ name: "drag", rawName: "v-drag" }], ref: "dialog", class: e.fullscreen ? "gd-dialog gd-dialog-fangda" : "gd-dialog", attrs: { fullscreen: e.fullscreen, visible: e.visible, width: e.width, center: !0, "close-on-click-modal": !1, "append-to-body": !0, "modal-append-to-body": !1, top: "80px", "show-close": !1 }, on: { "update:visible": function(a) {
+    e.visible = a;
+  }, closed: e.closed } }, [t("template", { slot: "title" }, [t("gd-modal-title", { attrs: { title: e.title, fullscreen: e.fullscreen, buttons: e.buttons, confirmLoading: e.confirmLoading, showClose: !0 }, on: { changeEvent: e.doEvent, toggleFullscreen: e.toggleFullscreen } })], 1), t("div", { directives: [{ name: "loading", rawName: "v-loading", value: e.confirmLoading, expression: "confirmLoading" }], staticClass: "generator-form" }, [t("div", { staticClass: "view-config" }, [t("div", { staticClass: "config-item" }), t("div", { staticClass: "config-item config-items" }, [t("div", { staticClass: "b" }, [t("el-form", { ref: "ruleForm", attrs: { "label-width": "110px", "label-position": "top", model: e.ruleFormData, size: "mini", rules: e.rules }, nativeOn: { submit: function(a) {
+    a.preventDefault();
+  } } }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.page.statisticalHeading", "\u7EDF\u8BA1\u6807\u9898"), prop: "name" } }, [e.visible && !e.ruleFormData.transKey ? t("gd-translation", { ref: "gdTranslation", attrs: { transKey: e.getTransKey("name"), keyI18n: "transKey", recordData: e.ruleFormData, type: 3 }, on: { lookupSeled: (a) => e.lookupSeled(a, "name") } }) : e._e(), e.visible && e.ruleFormData.transKey ? t("gd-translation", { ref: "gdTranslation", attrs: { keyI18n: "transKey", recordData: e.ruleFormData, type: 2 }, on: { lookupSeled: (a) => e.lookupSeled(a, "name") } }) : e._e()], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.page.accessType", "\u6570\u636E\u83B7\u53D6\u65B9\u5F0F") } }, [t("el-radio-group", { attrs: { size: "small" }, on: { input: e.changeEffectType }, model: { value: e.ruleFormData.accessType, callback: function(a) {
+    e.$set(e.ruleFormData, "accessType", a);
+  }, expression: "ruleFormData.accessType" } }, [t("el-radio-button", { attrs: { label: "sys" } }, [e._v(" " + e._s(e.$i18nt("gd.pagecomponents.systemConfiguration", "\u7CFB\u7EDF\u914D\u7F6E")) + " ")]), t("el-radio-button", { attrs: { label: "custom" } }, [e._v(" " + e._s(e.$i18nt("gd.page.interactiveMethodApi", "\u81EA\u5B9A\u4E49API")) + " ")])], 1)], 1), e.ruleFormData.accessType === "sys" ? [t("el-form-item", { attrs: { label: e.$i18nt("gd.view.sourceTable", "\u6765\u6E90\u8868"), prop: "tableName" } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), filterable: "" }, on: { change: e.changeTable }, model: { value: e.ruleFormData.tableName, callback: function(a) {
+    e.$set(e.ruleFormData, "tableName", a);
+  }, expression: "ruleFormData.tableName" } }, e._l(e.tableLists, function(a, i) {
+    return t("el-option", { key: a.tablename, attrs: { value: a.tablename, label: e.$i18nt(`Dynamics.${a.transkey}`, a.busname) } }, [e._v(" " + e._s(e.$i18nt(`Dynamics.${a.transkey}`, a.busname)) + " (" + e._s(a.tablename) + ") ")]);
+  }), 1)], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.viewId", "\u7528\u4E8E\u56FE\u8868\u9884\u89C8\u7684\u89C6\u56FE"), prop: "viewId" } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: e.disabled }, model: { value: e.ruleFormData.viewId, callback: function(a) {
+    e.$set(e.ruleFormData, "viewId", a);
+  }, expression: "ruleFormData.viewId" } }, e._l(e.viewList, function(a, i) {
+    return t("el-option", { key: a.id, attrs: { value: a.id, label: e.$i18nt(`Dynamics.${a.transkey}`, a.name) } });
+  }), 1)], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.columnName", "\u56FE\u4F8B\u6761\u76EE(\u5E8F\u5217)"), prop: "sequence" } }, [t("div", { staticClass: "list" }, [e._l(e.sequence, function(a, i) {
+    return [t("div", { staticClass: "list-item-lable" }, [t("div", { staticClass: "item-mode" }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: e.disabled, filterable: "" }, on: { change: function(s) {
+      return e.changeColumnName(a);
+    } }, model: { value: a.columnName, callback: function(s) {
+      e.$set(a, "columnName", s);
+    }, expression: "item.columnName" } }, [e._l(e.loadFieldData, function(s) {
+      return [t("el-option", { attrs: { value: s.columnname, label: e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment) } }, [t("EffectTypeIcon", { attrs: { effectType: s.effecttype } }), t("span", [e._v(" " + e._s(e.$i18nt(`Dynamics.${s.transkey}`, s.columncomment)) + " (" + e._s(s.columnname) + ") ")])], 1)];
+    })], 2)], 1), t("div", { staticClass: "item-type" }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: e.disabled }, model: { value: a.mode, callback: function(s) {
+      e.$set(a, "mode", s);
+    }, expression: "item.mode" } }, [e._l(e.getDictionary("table_echarts_mode"), function(s) {
+      return [t("el-option", { attrs: { value: s.code, label: e.$i18nt(`Dynamics.${s.transkey}`, s.name), disabled: a.disableMode.includes(s.code) } })];
+    })], 2)], 1)])];
+  })], 2)])] : t("div", [t("el-form-item", { attrs: { label: e.$i18nt("gd.page.interactiveMethodApi", "\u81EA\u5B9A\u4E49API"), prop: "sysFunctionApi" } }, [t("el-input", { attrs: { placeholder: e.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), clearable: "", type: "textarea" }, model: { value: e.ruleFormData.sysFunctionApi, callback: function(a) {
+    e.$set(e.ruleFormData, "sysFunctionApi", a);
+  }, expression: "ruleFormData.sysFunctionApi" } })], 1), t("el-form-item", { attrs: { label: e.$i18nt("gd.page.backEffectType", "\u8FD4\u56DE\u6570\u503C\u7C7B\u578B") } }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, on: { change: e.changeEffectType }, model: { value: e.ruleFormData.customEffectType, callback: function(a) {
+    e.$set(e.ruleFormData, "customEffectType", a);
+  }, expression: "ruleFormData.customEffectType" } }, [e._l(e.effectTypeList, function(a) {
+    return [t("el-option", { attrs: { value: a.code, label: e.$i18nt(`Dynamics.${a.transkey}`, a.name) } }, [t("span", [e._v(e._s(e.$i18nt(`Dynamics.${a.transkey}`, a.name)) + " (" + e._s(a.code) + ")")])])];
+  })], 2)], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.form.prefix", "\u524D\u7F00") } }), t("el-switch", { attrs: { "active-color": e.primaryColor }, model: { value: e.titlePrefix.open, callback: function(a) {
+    e.$set(e.titlePrefix, "open", a);
+  }, expression: "titlePrefix.open" } })], 1), t("div", { staticClass: "list-item-lable" }, [t("div", { staticClass: "item-mode" }, [e.titlePrefix.type === "icon" ? t("div", { staticClass: "icon-flex" }, [t("el-input", { attrs: { placeholder: e.$i18nt("gd.placeholder.inputcontent", "\u8BF7\u8F93\u5165\u5185\u5BB9"), size: "mini", clearable: "", disabled: !e.titlePrefix.open }, model: { value: e.titlePrefix.icon, callback: function(a) {
+    e.$set(e.titlePrefix, "icon", a);
+  }, expression: "titlePrefix.icon" } }, [e.titlePrefix.icon ? t("i", { staticClass: "el-input__icon gd-icons active-color", class: e.titlePrefix.icon, staticStyle: { "font-size": "18px", "font-weight": "400" }, attrs: { slot: "prefix" }, slot: "prefix" }) : e._e()]), t("div", { staticClass: "item-operator-cao flex" }, [e.titlePrefix.open ? t("i", { staticClass: "el-icon-search", on: { click: function(a) {
+    return e.handleIcon(e.titlePrefix);
+  } } }) : t("i", { staticClass: "el-icon-search" })])], 1) : [e.visible && !e.titlePrefix.transKey ? t("gd-translation", { ref: "gdTranslationSuffix", attrs: { transKey: e.getTransKey("prefix"), keyI18n: "transKey", recordData: e.titlePrefix, type: 3, disabled: !e.titlePrefix.open }, on: { lookupSeled: (a) => e.lookupSeled(a, "prefix") } }) : e._e(), e.visible && e.titlePrefix.transKey ? t("gd-translation", { ref: "gdTranslationSuffix", attrs: { keyI18n: "transKey", recordData: e.titlePrefix, type: 2, disabled: !e.titlePrefix.open }, on: { lookupSeled: (a) => e.lookupSeled(a, "prefix") } }) : e._e()]], 2), t("div", { staticClass: "item-type" }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: !e.titlePrefix.open }, model: { value: e.titlePrefix.type, callback: function(a) {
+    e.$set(e.titlePrefix, "type", a);
+  }, expression: "titlePrefix.type" } }, [t("el-option", { attrs: { value: "text", label: e.$i18nt("gd.settings.text", "\u6587\u672C") } }), t("el-option", { attrs: { value: "icon", label: e.$i18nt("gd.layouts.fontIcon", "\u5B57\u4F53\u56FE\u6807") } })], 1)], 1)]), t("div", { staticClass: "list-item-lable", staticStyle: { "margin-top": "6px" } }, [t("div", { staticClass: "item-mode" }, [t("el-input", { staticStyle: { width: "100%" }, attrs: { disabled: !e.titlePrefix.open }, model: { value: e.titlePrefix.color, callback: function(a) {
+    e.$set(e.titlePrefix, "color", a);
+  }, expression: "titlePrefix.color" } }, [t("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", predefine: e.predefine, "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: e.titlePrefix.color, callback: function(a) {
+    e.$set(e.titlePrefix, "color", a);
+  }, expression: "titlePrefix.color" } })], 1)], 1), t("div", { staticClass: "item-mode" }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini", disabled: !e.titlePrefix.open }, model: { value: e.titlePrefix.fontSize, callback: function(a) {
+    e.$set(e.titlePrefix, "fontSize", a);
+  }, expression: "titlePrefix.fontSize" } }, e._l(e.getSize, function(a) {
+    return t("el-option", { key: a, attrs: { label: a, value: a } });
+  }), 1)], 1), t("div", { staticClass: "item-mode" }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini", disabled: !e.titlePrefix.open }, model: { value: e.titlePrefix.fontWeight, callback: function(a) {
+    e.$set(e.titlePrefix, "fontWeight", a);
+  }, expression: "titlePrefix.fontWeight" } }, [t("el-option", { attrs: { label: e.$i18nt("gd.page.lighter", "\u7EC6"), value: "lighter" } }), t("el-option", { attrs: { label: e.$i18nt("gd.page.fontNormal", "\u9ED8\u8BA4"), value: "normal" } }), t("el-option", { attrs: { label: e.$i18nt("gd.page.bolder", "\u7C97"), value: "bolder" } })], 1)], 1)]), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.form.suffix", "\u540E\u7F00") } }), t("el-switch", { attrs: { "active-color": e.primaryColor }, model: { value: e.titleSuffix.open, callback: function(a) {
+    e.$set(e.titleSuffix, "open", a);
+  }, expression: "titleSuffix.open" } })], 1), t("div", { staticClass: "list-item-lable" }, [t("div", { staticClass: "item-mode" }, [e.titleSuffix.type === "icon" ? t("div", { staticClass: "icon-flex" }, [t("el-input", { attrs: { placeholder: e.$i18nt("gd.placeholder.inputcontent", "\u8BF7\u8F93\u5165\u5185\u5BB9"), size: "mini", clearable: "", disabled: !e.titleSuffix.open }, model: { value: e.titleSuffix.icon, callback: function(a) {
+    e.$set(e.titleSuffix, "icon", a);
+  }, expression: "titleSuffix.icon" } }, [e.titleSuffix.icon ? t("i", { staticClass: "el-input__icon gd-icons active-color", class: e.titleSuffix.icon, staticStyle: { "font-size": "18px", "font-weight": "400" }, attrs: { slot: "prefix" }, slot: "prefix" }) : e._e()]), t("div", { staticClass: "item-operator-cao flex" }, [e.titleSuffix.open ? t("i", { staticClass: "el-icon-search", on: { click: function(a) {
+    return e.handleIcon(e.titleSuffix);
+  } } }) : t("i", { staticClass: "el-icon-search" })])], 1) : [e.visible && !e.titleSuffix.transKey ? t("gd-translation", { ref: "gdTranslationSuffix", attrs: { transKey: e.getTransKey("suffix"), keyI18n: "transKey", recordData: e.titleSuffix, type: 3, disabled: !e.titleSuffix.open }, on: { lookupSeled: (a) => e.lookupSeled(a, "suffix") } }) : e._e(), e.visible && e.titleSuffix.transKey ? t("gd-translation", { ref: "gdTranslationSuffix", attrs: { keyI18n: "transKey", recordData: e.titleSuffix, type: 2, disabled: !e.titleSuffix.open }, on: { lookupSeled: (a) => e.lookupSeled(a, "suffix") } }) : e._e()]], 2), t("div", { staticClass: "item-type" }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), disabled: !e.titleSuffix.open }, model: { value: e.titleSuffix.type, callback: function(a) {
+    e.$set(e.titleSuffix, "type", a);
+  }, expression: "titleSuffix.type" } }, [t("el-option", { attrs: { value: "text", label: e.$i18nt("gd.settings.text", "\u6587\u672C") } }), t("el-option", { attrs: { value: "icon", label: e.$i18nt("gd.layouts.fontIcon", "\u5B57\u4F53\u56FE\u6807") } })], 1)], 1)]), t("div", { staticClass: "list-item-lable", staticStyle: { "margin-top": "6px" } }, [t("div", { staticClass: "item-mode" }, [t("el-input", { staticStyle: { width: "100%" }, attrs: { disabled: !e.titleSuffix.open }, model: { value: e.titleSuffix.color, callback: function(a) {
+    e.$set(e.titleSuffix, "color", a);
+  }, expression: "titleSuffix.color" } }, [t("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", predefine: e.predefine, "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: e.titleSuffix.color, callback: function(a) {
+    e.$set(e.titleSuffix, "color", a);
+  }, expression: "titleSuffix.color" } })], 1)], 1), t("div", { staticClass: "item-mode" }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini", disabled: !e.titleSuffix.open }, model: { value: e.titleSuffix.fontSize, callback: function(a) {
+    e.$set(e.titleSuffix, "fontSize", a);
+  }, expression: "titleSuffix.fontSize" } }, e._l(e.getSize, function(a) {
+    return t("el-option", { key: a, attrs: { label: a, value: a } });
+  }), 1)], 1), t("div", { staticClass: "item-mode" }, [t("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini", disabled: !e.titleSuffix.open }, model: { value: e.titleSuffix.fontWeight, callback: function(a) {
+    e.$set(e.titleSuffix, "fontWeight", a);
+  }, expression: "titleSuffix.fontWeight" } }, [t("el-option", { attrs: { label: e.$i18nt("gd.page.lighter", "\u7EC6"), value: "lighter" } }), t("el-option", { attrs: { label: e.$i18nt("gd.page.fontNormal", "\u9ED8\u8BA4"), value: "normal" } }), t("el-option", { attrs: { label: e.$i18nt("gd.page.bolder", "\u7C97"), value: "bolder" } })], 1)], 1)]), t("el-divider", [e._v(e._s(e.$i18nt("gd.echarts.otherConfig", "\u5176\u4ED6\u914D\u7F6E")))]), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.textFontSize", "\u6570\u503C\u5B57\u4F53\u5927\u5C0F") } }), t("el-select", { staticStyle: { width: "220px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, model: { value: e.ruleFormData.textFontSize, callback: function(a) {
+    e.$set(e.ruleFormData, "textFontSize", a);
+  }, expression: "ruleFormData.textFontSize" } }, e._l(e.getSize, function(a) {
+    return t("el-option", { key: a, attrs: { label: a, value: a } });
+  }), 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.echarts.textFontColor", "\u6570\u503C\u5B57\u4F53\u989C\u8272") } }), t("el-input", { staticStyle: { width: "220px" }, model: { value: e.ruleFormData.textFontColor, callback: function(a) {
+    e.$set(e.ruleFormData, "textFontColor", a);
+  }, expression: "ruleFormData.textFontColor" } }, [t("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", predefine: e.predefine, "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: e.ruleFormData.textFontColor, callback: function(a) {
+    e.$set(e.ruleFormData, "textFontColor", a);
+  }, expression: "ruleFormData.textFontColor" } })], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.page.align", "\u5BF9\u9F50\u65B9\u5F0F") } }), t("el-select", { staticStyle: { width: "220px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, model: { value: e.ruleFormData.align, callback: function(a) {
+    e.$set(e.ruleFormData, "align", a);
+  }, expression: "ruleFormData.align" } }, [t("el-option", { attrs: { label: e.$i18nt("gd.page.alignLeft", "\u5DE6\u5BF9\u9F50"), value: "left" } }), t("el-option", { attrs: { label: e.$i18nt("gd.page.center", "\u5C45\u4E2D"), value: "center" } }), t("el-option", { attrs: { label: e.$i18nt("gd.page.alignRight", "\u53F3\u5BF9\u9F50"), value: "right" } })], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.page.fontWeight", "\u5B57\u4F53\u52A0\u7C97") } }), t("el-select", { staticStyle: { width: "220px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini" }, model: { value: e.ruleFormData.textFontWeight, callback: function(a) {
+    e.$set(e.ruleFormData, "textFontWeight", a);
+  }, expression: "ruleFormData.textFontWeight" } }, [t("el-option", { attrs: { label: e.$i18nt("gd.page.lighter", "\u7EC6"), value: "lighter" } }), t("el-option", { attrs: { label: e.$i18nt("gd.page.fontNormal", "\u9ED8\u8BA4"), value: "normal" } }), t("el-option", { attrs: { label: e.$i18nt("gd.page.bolder", "\u7C97"), value: "bolder" } })], 1)], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.page.rowHeight", "\u884C\u9AD8") } }), t("el-input-number", { staticStyle: { width: "220px" }, attrs: { min: 1, "controls-position": "right" }, model: { value: e.ruleFormData.lineHeight, callback: function(a) {
+    e.$set(e.ruleFormData, "lineHeight", a);
+  }, expression: "ruleFormData.lineHeight" } })], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.page.numericalAccuracy", "\u6570\u503C\u7CBE\u5EA6") } }), t("el-input-number", { staticStyle: { width: "220px" }, attrs: { "controls-position": "right", min: 0 }, model: { value: e.ruleFormData.numericalPrecision, callback: function(a) {
+    e.$set(e.ruleFormData, "numericalPrecision", a);
+  }, expression: "ruleFormData.numericalPrecision" } })], 1), t("div", { staticClass: "echarts-flex" }, [t("el-form-item", { attrs: { label: e.$i18nt("gd.page.numericalFormat", "\u6570\u503C\u683C\u5F0F\u5316") } }), t("el-select", { staticStyle: { width: "220px" }, attrs: { placeholder: e.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "mini", clearable: "" }, model: { value: e.ruleFormData.numericalFormat, callback: function(a) {
+    e.$set(e.ruleFormData, "numericalFormat", a);
+  }, expression: "ruleFormData.numericalFormat" } }, [e._l(e.getDictionary(e.getEffectType === "datepicker" ? "time_longshort" : "statistical_value_unit"), function(a) {
+    return [t("el-option", { attrs: { value: a.code, label: e.$i18nt(`Dynamics.${a.transkey}`, a.name) } })];
+  })], 2)], 1)], 2)], 1)])])])], 2), t("iconSelector", { ref: "iconSelector", model: { value: e.selItem.icon, callback: function(a) {
+    e.$set(e.selItem, "icon", a);
+  }, expression: "selItem.icon" } })], 1);
+}, R = [], A = /* @__PURE__ */ m(
+  O,
+  E,
+  R,
+  !1,
+  null,
+  "b078d82c",
+  null,
+  null
+);
+const U = A.exports, j = {
+  data() {
+    return {
+      tableColumns: [
+        {
+          type: "selection",
+          width: "60",
+          fixed: !0
+        },
+        {
+          transKey: "gd.form.name",
+          prop: "name",
+          label: "\u540D\u79F0",
+          width: "260",
+          type: "slot",
+          slotType: "name",
+          align: "left",
+          fixed: !0,
+          showOverflowTooltip: !0
+        },
+        {
+          transKey: "gd.echarts.type",
+          prop: "echartsType",
+          width: "160",
+          label: "\u56FE\u8868\u7C7B\u578B",
+          type: "slot",
+          slotType: "echartsType",
+          align: "left",
+          showOverflowTooltip: !0
+        },
+        {
+          transKey: "gd.echarts.mode",
+          prop: "collectWay",
+          width: "160",
+          label: "\u6C47\u603B\u65B9\u5F0F",
+          type: "slot",
+          slotType: "collectWay",
+          align: "left",
+          showOverflowTooltip: !0
+        },
+        {
+          transKey: "gd.settings.echartsColor",
+          prop: "colour",
+          minWidth: "360",
+          label: "\u989C\u8272",
+          type: "slot",
+          slotType: "colour",
+          align: "left",
+          showOverflowTooltip: !0
+        }
+      ],
+      formColumns: [],
+      tableButtons: [
+        {
+          displayName: "\u65B0\u589E",
+          functionName: "add",
+          show: !0,
+          transKey: "gd.btn.add",
+          icon: "el-icon-plus",
+          name: "sysTableEcharts:add"
+        },
+        {
+          displayName: "\u7F16\u8F91",
+          functionName: "edit",
+          show: !0,
+          transKey: "gd.btn.edit",
+          icon: "el-icon-edit",
+          name: "sysTableEcharts:edit"
+        },
+        {
+          displayName: "\u5220\u9664",
+          functionName: "del",
+          show: !0,
+          transKey: "gd.btn.del",
+          icon: "el-icon-delete",
+          btnType: "danger",
+          name: "sysTableEcharts:delete"
+        }
+      ],
+      formButtons: [{
+        displayName: "\u786E\u5B9A",
+        functionName: "handleSubmit",
+        show: !0,
+        transKey: "gd.btn.confirm",
+        icon: "el-icon-document-checked",
+        validate: !0
+      }]
+    };
+  }
+};
+const M = {
+  props: {
+    height: {
+      type: Number,
+      default: 100
+    },
+    record: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  mixins: [k, j],
+  data() {
+    return {
+      transKey: "gd.btn.add",
+      formLoading: !1,
+      loading: !0,
+      selectedRowKeys: [],
+      selectedRows: [],
+      queryParam: {},
+      loadData: (l) => this.record.id === void 0 ? new Promise((e, t) => {
+        e({ pageNo: 1, pageSize: 40, totalRows: 0, rows: [] });
+      }) : F({ sysCodeGenId: this.record.id }).then((e) => ({ pageNo: 1, pageSize: 40, totalRows: 0, rows: e.data }))
+    };
+  },
+  components: { EditForm: () => Promise.resolve().then(() => N) },
+  computed: {
+    ...u(["tablePageSize", "tableSize", "echartsColor", "primaryColor"])
+  },
+  methods: {
+    getColor(l) {
+      return l.colour ? l.colour.split(",") : [...this.echartsColor];
+    },
+    refresh() {
+      this.$refs.table.refresh();
+    },
+    editForm(l) {
+      this.transKey = "gd.btn.edit", this.$refs.editForm.open(l);
+    },
+    del() {
+      if (this.selectedRowKeys.length === 0) {
+        this.$message.warning(this.$i18nt("gd.https.delTip", "\u8BF7\u9009\u62E9\u8981\u5220\u9664\u7684\u6570\u636E!"));
+        return;
+      }
+      this.$confirm(this.$i18nt("gd.https.delContent", "\u662F\u5426\u5220\u9664\u9009\u4E2D\u6570\u636E?"), this.$i18nt("gd.https.delTitle", "\u6E29\u99A8\u63D0\u793A"), {
+        confirmButtonText: this.$i18nt("gd.https.delOk", "\u786E\u5B9A\u5220\u9664"),
+        cancelButtonText: this.$i18nt("gd.https.delCancel", "\u53D6\u6D88"),
+        showClose: !1,
+        confirmButtonLoading: !1,
+        cancelButtonLoading: !1,
+        closeOnClickModal: !1,
+        type: "warning",
+        confirmButtonClass: "el-button--danger",
+        customClass: "custom-alert",
+        callback: () => {
+        },
+        beforeClose: (l, e, t) => {
+          this.delHand(l, e, t);
+        }
+      });
+    },
+    delHand(l, e, t) {
+      if (l !== "confirm") {
+        t();
+        return;
+      }
+      e.confirmButtonLoading = !0, e.cancelButtonLoading = !0, e.showCancelButton = !1, D({
+        ids: this.selectedRowKeys.join(",")
+      }).then((a) => {
+        t(), e.confirmButtonLoading = !1, e.cancelButtonLoading = !1, e.showCancelButton = !0, a.success ? this.$message.success(this.$i18nt("gd.https.delSucc", "\u5220\u9664\u6210\u529F")) : this.$message.error(this.$i18nt("gd.https.delFail", "\u5220\u9664\u5931\u8D25") + a.message), this.handleOk();
+      });
+    },
+    add() {
+      this.transKey = "gd.btn.add", this.$refs.editForm.open(null);
+    },
+    edit() {
+      if (this.selectedRowKeys.length === 0) {
+        this.$message.warning(this.$i18nt("gd.https.editTip", "\u8BF7\u9009\u62E9\u9700\u8981\u7F16\u8F91\u7684\u6570\u636E!"));
+        return;
+      }
+      if (this.selectedRowKeys.length > 1) {
+        this.$message.warning(this.$i18nt("gd.https.editTipOne", "\u53EA\u80FD\u9009\u62E9\u4E00\u6761\u6570\u636E\u7F16\u8F91!"));
+        return;
+      }
+      this.editForm(this.selectedRows[0]);
+    },
+    handleOk() {
+      this.$refs.table.refresh();
+    },
+    onSelectChange(l, e) {
+      this.selectedRowKeys = l, this.selectedRows = e;
+    },
+    doEvent(l) {
+      let e = l.item.functionName;
+      this[e] && this[e]();
+    }
+  }
+};
+var W = function() {
+  var e = this, t = e._self._c;
+  return t("div", [t("div", [t("gd-tables", { ref: "table", attrs: { dataSource: e.loadData, size: e.tableSize, pageSize: e.tablePageSize, columns: e.tableColumns, selectedRowKeys: e.selectedRowKeys, "max-height": e.height, showPagination: !1, initialLoading: !1 }, on: { onChange: e.onSelectChange }, scopedSlots: e._u([{ key: "name", fn: function({ column: a, row: i }) {
+    return [t("gd-tooltip", { attrs: { rowKey: "name", row: i, highlight: "", transKey: `Dynamics.${i.transKey}` }, on: { click: e.editForm } })];
+  } }, { key: "echartsType", fn: function({ column: a, row: i }) {
+    return [i.echartstype == 1 ? t("i", { staticClass: "active-color gd-icons gd-icon-zhuzhuangtu" }) : i.echartstype == 2 ? t("i", { staticClass: "active-color gd-icons gd-icon-bingtu" }) : i.echartstype == 3 ? t("i", { staticClass: "active-color gd-icons gd-icon-loudoutu" }) : i.echartstype == 4 ? t("i", { staticClass: "active-color gd-icons gd-icon-zhexiantu" }) : e._e(), e._v(" " + e._s(e._f("dictType")("table_echarts_type", i.echartstype)) + " ")];
+  } }, { key: "collectWay", fn: function(a) {
+    return [e._v(" " + e._s(e._f("dictType")("table_echarts_mode", a.row.collectway)) + " ")];
+  } }, { key: "colour", fn: function({ column: a, row: i }) {
+    return [t("div", { staticClass: "follow-theme" }, [e._l(e.getColor(i), function(s, r) {
+      return [t("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], attrs: { content: s === "0" ? e.$i18nt("gd.settings.followTheme", "\u8DDF\u968F\u7CFB\u7EDF\u4E3B\u9898\u8272") : s, placement: "top", "open-delay": 50 } }, [s === "0" ? t("div", { style: `background:${e.primaryColor};width: 15px;height: 15px;margin-right: 4px;` }) : t("div", { style: `background:${s};width: 15px;height: 15px;margin-right: 4px;` })])];
+    })], 2)];
+  } }, { key: "operator", fn: function() {
+    return [t("div", { staticClass: "gd-table-operator" }, [t("div", { staticClass: "gd-table-operatorr" }, [t("gd-btn-list", { attrs: { sysViewButtons: e.tableButtons }, on: { functionName: e.doEvent } })], 1)])];
+  }, proxy: !0 }]) })], 1), t("EditForm", { ref: "editForm", attrs: { table: e.record }, on: { ok: e.refresh } })], 1);
+}, B = [], H = /* @__PURE__ */ m(
+  M,
+  W,
+  B,
+  !1,
+  null,
+  "7b5b14f8",
+  null,
+  null
+);
+const ee = H.exports;
+export {
+  L as E,
+  U as a,
+  N as b,
+  ee as e,
+  Q as g
+};