@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/dist/src/components/ViewFieldDefine.js

@@ -0,0 +1,747 @@
+import '../../style.css';
+import component from "@epxing/core/src/mixins/component";
+import draggable from "@epxing/core/src/components/draggable";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, Fragment, renderList, createBlock, toDisplayString, normalizeStyle, TransitionGroup, normalizeClass, createCommentVNode, withModifiers } from "vue";
+/* empty css                    */
+/* empty css                     */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-view-field-define",
+  mixins: [component],
+  components: {
+    draggable
+  },
+  props: {
+    formData: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      listFields: [],
+      viewInfo: {},
+      treeFieldStore: [],
+      viewFieldList: [],
+      showAddFieldDialog: false,
+      defaultExpandKeys: [],
+      selectViewField: {},
+      filterText: "",
+      selectFieldKeyword: "",
+      fieldsConfigs: [],
+      fieldRelation: [],
+      functionList: [],
+      order: {},
+      treeProps: {
+        children: "children",
+        label: "text"
+      },
+      selection: []
+    };
+  },
+  computed: {
+    showFlag() {
+      return !this.$configs.showCondition || this.$configs.showCondition.length === 0 || this.$util.runExpByScope.call(this, this.$configs.showCondition, this.formData);
+    },
+    searchViewFieldList() {
+      return this.viewFieldList.filter((item) => item.NAME.indexOf(this.selectFieldKeyword) !== -1);
+    },
+    getSubFileds() {
+      const meta = this.getFieldMeta(this.selectViewField.SEARCH_FIELD, this.treeFieldStore);
+      return meta.children;
+    },
+    fieldTypeShowOptions() {
+      if (this.selectViewField.FIELD_TYPE === "submeta") {
+        return ["COUNT"];
+      }
+      const isNum = this.selectViewField["FORM_FIELD|DATA_TYPE"] === "int" || this.selectViewField["FORM_FIELD|DATA_TYPE"] === "num";
+      if (isNum) {
+        return ["GROUP_CONCAT", "COUNT", "AVG", "SUM", "MIN", "MAX", "CONCAT_WS"];
+      }
+      return ["GROUP_CONCAT"];
+    }
+  },
+  watch: {
+    "selectViewField.SEARCH_FIELD"(v) {
+      if (v) {
+        const field = this.getField(v, this.treeFieldStore);
+        this.fieldsConfigs = this.fieldsConfigs.map((item) => {
+          if (item.attriName === "SCOPE") {
+            return { ...item, scopeEntity: field.metaId };
+          }
+          return item;
+        });
+      }
+    },
+    "selectViewField.SUB_QUERY_ORDER_RULE"(v) {
+      if (v) {
+        this.order = JSON.parse(v);
+      } else {
+        this.order = {};
+      }
+    },
+    filterText(val) {
+      this.$refs.tree.filter(val);
+    }
+  },
+  methods: {
+    initComponent() {
+      if (!this.showFlag) return;
+      this.getViewInfo();
+      this.getListFields();
+      this.getFieldsConfigs();
+      this.getFunctionList();
+      this.getFieldRelation();
+    },
+    handleSelectionChange(val) {
+      this.selection = val;
+    },
+    getListFields(fields) {
+      const listFields = ["NAME", "CODE", "DATA_TYPE", "FIELD_TYPE"];
+      this.$FieldFactory.createFields({
+        fields: listFields,
+        meta: this.$meta
+      }).then((data) => {
+        this.listFields = [...data];
+      });
+    },
+    getField(id, treeField) {
+      for (const item of treeField) {
+        if (item.id === id) return item;
+        else if (item.children) {
+          const field = this.getField(id, item.children);
+          if (field) return field;
+        }
+      }
+    },
+    getFieldMeta(id, treeField, parent) {
+      for (const item of treeField) {
+        if (item.id === id) return parent;
+        else if (item.children) {
+          const field = this.getFieldMeta(id, item.children, item);
+          if (field) return field;
+        }
+      }
+    },
+    getViewInfo() {
+      this.$http.get({
+        entityId: "FM_ENTITY",
+        id: this.$query.id
+      }).then((data) => {
+        this.viewInfo = data.data;
+        this.getViewFieldList();
+        this.getAllFieldList();
+      });
+    },
+    getViewFieldList() {
+      const { fields = [] } = this.$configs;
+      return this.$http.list({
+        entityId: "FM_VIEW_FIELD_DEFINITION",
+        "scope.VIEW_ID": this.$query.id,
+        columnFieldNames: fields.map((item) => item.attriName || item).join("#,") + "#,ID",
+        order_field: "ORDER_NUM",
+        order_mode: "asc"
+      }).then((data) => {
+        this.viewFieldList = data.entitys;
+      });
+    },
+    formatFields(arr, flag = "", metaText = "") {
+      arr.forEach((item) => {
+        if (!item.field) item.field = flag ? flag.toUpperCase() + "|" + item.code : item.code;
+        if (metaText) item.fieldText = metaText ? metaText + "-" + item.text : item.text;
+        if (!item.codeKey) item.codeKey = item.relatedEntity;
+        if (item.relationMeta) {
+          const { children, linkFlag, relationMetaList } = item.relationMeta;
+          item.children = children;
+          item.linkFlag = flag ? flag + "|" + linkFlag : linkFlag;
+          if (relationMetaList) {
+            relationMetaList.forEach((meta) => {
+              meta.isSub = true;
+              meta.type = "meta";
+              meta.linkFlag = item.linkFlag + "|" + meta.linkFlag;
+              meta.field = item.linkFlag;
+              meta.fieldText = metaText ? metaText + "-" + item.text : item.text;
+              meta.children = meta.children.map((child) => ({ ...child, metaId: meta.id, relationSort: "1" }));
+            });
+            item.children.push(...relationMetaList);
+          }
+        }
+        if (item.children) this.formatFields(item.children, item.linkFlag, item.linkFlag ? item.fieldText || item.text : "");
+      });
+    },
+    getAllFieldList(v) {
+      this.$http.get({
+        action: "getEntityMetaView",
+        entityId: "FM_ENTITY_VIEW",
+        metaId: this.viewInfo.VIEW_ENTITY,
+        depth: 3
+      }).then((data) => {
+        if (data) {
+          const formatData = (arr) => {
+            arr.forEach((item) => {
+              item.field = item.linkCode || item.code;
+              if (item.type === "meta" && item.relationType === "1") item.isSub = true;
+              if (item.children) formatData(item.children);
+            });
+          };
+          formatData(data);
+          this.defaultExpandKeys = [data[0].id];
+          this.treeFieldStore = [...data];
+        }
+      });
+    },
+    getFieldRelation() {
+      this.$http.$post({
+        action: "getFieldRelation",
+        entityId: "FM_ATTRIBUTE_RELATION",
+        metaId: this.$metaId
+      }).then((data) => {
+        this.fieldRelation = data.field_relation;
+      });
+    },
+    getFieldsConfigs() {
+      const { fields = [] } = this.$configs;
+      this.$FieldFactory.createFields({
+        defaultFieldConfigs: {},
+        metaId: "FM_VIEW_FIELD_DEFINITION",
+        fields,
+        pageType: "EDIT"
+      }).then((data) => {
+        this.fieldsConfigs = [...data];
+      });
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.text.indexOf(value) !== -1;
+    },
+    getFunctionList() {
+      this.$store.dispatch({
+        type: "ADD_LIST",
+        key: "FM_VIEW_FUNCTIONS"
+      }).then((data) => {
+        this.functionList = data.map((item) => ({ code: item.code, text: item.name, leaf: true }));
+      });
+    },
+    openAddFieldDialog() {
+      this.showAddFieldDialog = true;
+    },
+    editViewField(item) {
+      this.showAddFieldDialog = true;
+      this.selectViewField = { ...item };
+    },
+    nodeClick(data) {
+      if (data.isMain || data.type === "meta" && !data.isSub) return;
+      let code = data.field.replace(/\|/g, "_");
+      let index = 0;
+      let flag = true;
+      const initCode = code;
+      if (data.isSub) {
+        code = data.linkFlag.toUpperCase();
+      } else if (data.relationType !== "1") {
+        const isExistField = this.viewFieldList.find((item) => item.SEARCH_FIELD === data.id);
+        if (isExistField) {
+          this.$message.error("视图已添加该字段");
+          return;
+        }
+      }
+      while (flag) {
+        flag = this.viewFieldList.find((item) => item.CODE === code);
+        if (flag) code = initCode + ++index;
+      }
+      let formData = {};
+      if (data.isSub) {
+        formData = {
+          CLIENT: this.CLIENT,
+          SYSTEM: this.SYSTEM,
+          VIEW_ID: this.$query.id,
+          NAME: data.text,
+          CODE: code,
+          FLAG: data.linkFlag.toUpperCase(),
+          FUNCTIONS: "COUNT",
+          DATA_TYPE: "num",
+          FIELD_TYPE: "submeta",
+          ORDER_NUM: this.viewFieldList.length + 1
+        };
+      } else {
+        formData = {
+          CLIENT: this.CLIENT,
+          SYSTEM: this.SYSTEM,
+          VIEW_ID: this.$query.id,
+          NAME: data.fieldText || data.text,
+          CODE: code,
+          SEARCH_FIELD: data.id,
+          FIELD: data.code,
+          FLAG: data.field.includes("|") ? data.field.replace(/\|(\w+)$/, "").replace(/\|/g, ".") : "",
+          FUNCTIONS: "GROUP_CONCAT",
+          DATA_TYPE: data.dataType,
+          FIELD_TYPE: data.relationType === "1" ? "sub" : "field",
+          ORDER_NUM: this.viewFieldList.length + 1
+        };
+      }
+      if (this.isAddField) {
+        this.$message.warning("正在添加字段，请稍后...");
+        return;
+      }
+      this.isAddField = true;
+      this.$http.save({
+        entityId: "FM_VIEW_FIELD_DEFINITION",
+        ...formData
+      }).then((data2) => {
+        this.getViewFieldList().then(() => {
+          this.isAddField = false;
+          const item = this.viewFieldList.find((item2) => item2.ID === data2) || {};
+          this.selectViewField = {
+            ID: data2.id,
+            ...formData,
+            ...item
+          };
+        });
+      }).catch((err) => {
+        this.$message.error(err.message);
+        this.isAddField = false;
+      });
+    },
+    deleteViewField(item) {
+      let ids = "";
+      if (!item) {
+        ids = this.selection.map((item2) => item2.ID).join(",");
+      } else {
+        ids = item.ID;
+      }
+      if (!ids) {
+        this.$message.error("请选择要删除的字段");
+        return;
+      }
+      this.$confirm("确认删除?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.$http.removeMulti({
+          entityId: "FM_VIEW_FIELD_DEFINITION",
+          ids
+        }).then(() => {
+          this.$message.success("删除成功");
+          this.getViewFieldList();
+        }).catch((err) => {
+          this.$message.success(err.message);
+        });
+      }).catch(() => {
+      });
+    },
+    clickViewField(item) {
+      this.selectViewField = { ...item };
+    },
+    addCustomField() {
+      this.selectViewField = {
+        CLIENT: this.CLIENT,
+        SYSTEM: this.SYSTEM,
+        VIEW_ID: this.$query.id,
+        FIELD_TYPE: "custom",
+        ORDER_NUM: this.viewFieldList.length + 1
+      };
+    },
+    saveViewField() {
+      const formData = {};
+      if (this.selectViewField.ID) {
+        formData.action = "update";
+      }
+      for (const key in this.selectViewField) {
+        formData[`bean.${key}`] = this.selectViewField[key];
+      }
+      if (!this.$_.isEmpty(this.order)) {
+        formData["bean.SUB_QUERY_ORDER_RULE"] = JSON.stringify(this.order);
+      }
+      this.$http.save({
+        entityId: "FM_VIEW_FIELD_DEFINITION",
+        ...formData
+      }).then((data) => {
+        this.getViewFieldList();
+        this.selectViewField = {};
+      }).catch((err) => {
+        this.$message.error(err.message);
+      });
+    },
+    checkMove() {
+      if (this.selectFieldKeyword) {
+        return false;
+      }
+      return true;
+    },
+    moveFieldList() {
+      this.$http.get({
+        action: "moveTree",
+        entityId: this.$metaId,
+        id: this.$query.id,
+        selfAttriName: "ID",
+        newParentId: "root",
+        orderString: this.searchViewFieldList.map((item, index) => `${item.ID}:${index}`).join(","),
+        orderAtrriName: "ORDER_NUM"
+      }).then(() => this.getViewFieldList());
+    }
+  }
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "container"
+};
+const _hoisted_2 = { class: "operate-group" };
+const _hoisted_3 = { class: "field-setting" };
+const _hoisted_4 = { class: "field-setting-item" };
+const _hoisted_5 = { class: "field-setting__content" };
+const _hoisted_6 = { class: "field-setting-item" };
+const _hoisted_7 = { class: "field-setting__content" };
+const _hoisted_8 = { class: "field-setting__contentheader" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "view-field__item--tag" };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = { class: "field-setting-item" };
+const _hoisted_13 = { class: "field-setting__content" };
+const _hoisted_14 = { key: 0 };
+const _hoisted_15 = { class: "order-field" };
+const _hoisted_16 = { class: "button-group" };
+const _hoisted_17 = {
+  key: 1,
+  class: "no-data"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_table_column = resolveComponent("el-table-column");
+  const _component_el_table = resolveComponent("el-table");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_tree = resolveComponent("el-tree");
+  const _component_el_tag = resolveComponent("el-tag");
+  const _component_draggable = resolveComponent("draggable");
+  const _component_epx_table_form_item = resolveComponent("epx-table-form-item");
+  const _component_el_option = resolveComponent("el-option");
+  const _component_el_select = resolveComponent("el-select");
+  const _component_epx_table_form = resolveComponent("epx-table-form");
+  const _component_el_dialog = resolveComponent("el-dialog");
+  return $options.showFlag ? (openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createVNode(_component_el_button, {
+        type: "primary",
+        size: "default",
+        onClick: $options.openAddFieldDialog
+      }, {
+        default: withCtx(() => [..._cache[8] || (_cache[8] = [
+          createTextVNode("添加字段", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"]),
+      createVNode(_component_el_button, {
+        type: "danger",
+        size: "default",
+        onClick: _cache[0] || (_cache[0] = ($event) => $options.deleteViewField(null))
+      }, {
+        default: withCtx(() => [..._cache[9] || (_cache[9] = [
+          createTextVNode("删除", -1)
+        ])]),
+        _: 1
+      })
+    ]),
+    createVNode(_component_el_table, {
+      data: $data.viewFieldList,
+      border: true,
+      onSelectionChange: $options.handleSelectionChange
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_el_table_column, {
+          type: "selection",
+          width: "55"
+        }),
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.listFields, (field) => {
+          return openBlock(), createBlock(_component_el_table_column, {
+            key: field.attriName,
+            "column-key": field.attriName,
+            prop: field.attriName,
+            label: field.attriLabel,
+            "min-width": 120,
+            sortable: false,
+            resizable: "",
+            "show-overflow-tooltip": ""
+          }, {
+            default: withCtx((scope) => [
+              createTextVNode(toDisplayString(scope.row[field.attriName + "#"]), 1)
+            ]),
+            _: 2
+          }, 1032, ["column-key", "prop", "label"]);
+        }), 128)),
+        createVNode(_component_el_table_column, {
+          fixed: "right",
+          label: "操作",
+          width: "100"
+        }, {
+          default: withCtx((scope) => [
+            createVNode(_component_el_button, {
+              type: "primary",
+              link: "",
+              size: "small",
+              onClick: ($event) => $options.editViewField(scope.row)
+            }, {
+              default: withCtx(() => [..._cache[10] || (_cache[10] = [
+                createTextVNode("编辑", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["data", "onSelectionChange"]),
+    createVNode(_component_el_dialog, {
+      class: "epx-view-field-define__dialog",
+      modelValue: $data.showAddFieldDialog,
+      "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.showAddFieldDialog = $event),
+      title: "添加字段",
+      width: "1200px"
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
+            _cache[11] || (_cache[11] = createElementVNode("p", { class: "field-setting__header" }, [
+              createElementVNode("span", null, "选择字段")
+            ], -1)),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(_component_el_input, {
+                class: "field-setting__filter",
+                "suffix-icon": "el-icon-search",
+                size: "default",
+                modelValue: $data.filterText,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.filterText = $event),
+                placeholder: "请搜索"
+              }, null, 8, ["modelValue"]),
+              createVNode(_component_el_tree, {
+                ref: "tree",
+                class: "field-tree",
+                "node-key": "id",
+                "default-expanded-keys": $data.defaultExpandKeys,
+                data: $data.treeFieldStore,
+                "render-after-expand": false,
+                "auto-expand-parent": false,
+                props: $data.treeProps,
+                "highlight-current": true,
+                "filter-node-method": $options.filterNode,
+                onNodeClick: $options.nodeClick
+              }, {
+                default: withCtx(({ node, data }) => [
+                  createElementVNode("span", {
+                    style: normalizeStyle(data.isSub ? { color: "red" } : {})
+                  }, toDisplayString(node.label), 5)
+                ]),
+                _: 1
+              }, 8, ["default-expanded-keys", "data", "props", "filter-node-method", "onNodeClick"])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            _cache[16] || (_cache[16] = createElementVNode("p", { class: "field-setting__header" }, [
+              createElementVNode("span", null, "已选字段")
+            ], -1)),
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_8, [
+                createVNode(_component_el_input, {
+                  "suffix-icon": "el-icon-search",
+                  size: "default",
+                  modelValue: $data.selectFieldKeyword,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.selectFieldKeyword = $event),
+                  placeholder: "请搜索"
+                }, null, 8, ["modelValue"]),
+                createVNode(_component_el_button, {
+                  type: "primary",
+                  onClick: $options.addCustomField,
+                  size: "small"
+                }, {
+                  default: withCtx(() => [..._cache[12] || (_cache[12] = [
+                    createTextVNode("添加自定义字段", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["onClick"])
+              ]),
+              createVNode(_component_draggable, {
+                list: $data.viewFieldList,
+                class: "list-group",
+                "ghost-class": "ghost",
+                move: $options.checkMove,
+                onChange: $options.moveFieldList
+              }, {
+                default: withCtx(() => [
+                  createVNode(TransitionGroup, {
+                    type: "transition",
+                    name: "flip-list",
+                    class: "view-field-list"
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList($options.searchViewFieldList, (item) => {
+                        return openBlock(), createElementBlock("li", {
+                          class: normalizeClass({ "view-field__item": true, "active": $data.selectViewField.ID === item.ID }),
+                          key: item.ID,
+                          onClick: ($event) => $options.clickViewField(item)
+                        }, [
+                          createElementVNode("span", null, [
+                            createElementVNode("span", _hoisted_10, [
+                              item.FIELD_TYPE === "sub" ? (openBlock(), createBlock(_component_el_tag, {
+                                key: 0,
+                                size: "small",
+                                type: "warning"
+                              }, {
+                                default: withCtx(() => [..._cache[13] || (_cache[13] = [
+                                  createTextVNode("子查询", -1)
+                                ])]),
+                                _: 1
+                              })) : createCommentVNode("", true),
+                              item.FIELD_TYPE === "custom" ? (openBlock(), createBlock(_component_el_tag, {
+                                key: 1,
+                                size: "small"
+                              }, {
+                                default: withCtx(() => [..._cache[14] || (_cache[14] = [
+                                  createTextVNode("自定义", -1)
+                                ])]),
+                                _: 1
+                              })) : createCommentVNode("", true),
+                              item.FIELD_TYPE === "submeta" ? (openBlock(), createBlock(_component_el_tag, {
+                                key: 2,
+                                size: "small",
+                                type: "warning"
+                              }, {
+                                default: withCtx(() => [..._cache[15] || (_cache[15] = [
+                                  createTextVNode("子集", -1)
+                                ])]),
+                                _: 1
+                              })) : createCommentVNode("", true)
+                            ]),
+                            createElementVNode("span", null, toDisplayString(item.NAME), 1)
+                          ]),
+                          createElementVNode("i", {
+                            class: "view-field__item--close el-icon-close",
+                            onClick: withModifiers(($event) => $options.deleteViewField(item), ["stop"])
+                          }, null, 8, _hoisted_11)
+                        ], 10, _hoisted_9);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["list", "move", "onChange"])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_12, [
+            _cache[19] || (_cache[19] = createElementVNode("p", { class: "field-setting__header" }, [
+              createElementVNode("span", null, "字段属性")
+            ], -1)),
+            createElementVNode("div", _hoisted_13, [
+              !_ctx.$_.isEmpty($data.selectViewField) ? (openBlock(), createElementBlock("div", _hoisted_14, [
+                createVNode(_component_epx_table_form, {
+                  fieldsConfigs: $data.fieldsConfigs,
+                  modelValue: $data.selectViewField,
+                  "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.selectViewField = $event),
+                  column: 1,
+                  metaId: "FM_VIEW_FIELD_DEFINITION",
+                  fieldRelation: $data.fieldRelation
+                }, {
+                  default: withCtx(({ showLabel, fieldConfigs, metaId }) => [
+                    fieldConfigs.attriName === "CUSTOM_FIELD_RULE" ? (openBlock(), createBlock(_component_epx_table_form_item, {
+                      key: 0,
+                      "show-label": showLabel,
+                      label: fieldConfigs.attriLabel,
+                      metaId,
+                      ruleMetaId: $data.viewInfo.VIEW_ENTITY,
+                      functionList: $data.functionList,
+                      fieldConfigs: { ...fieldConfigs, functionType: "database" }
+                    }, null, 8, ["show-label", "label", "metaId", "ruleMetaId", "functionList", "fieldConfigs"])) : fieldConfigs.attriName === "FUNCTIONS" ? (openBlock(), createBlock(_component_epx_table_form_item, {
+                      key: 1,
+                      "show-label": showLabel,
+                      label: fieldConfigs.attriLabel,
+                      metaId,
+                      fieldConfigs: { ...fieldConfigs, showOptionCodes: $options.fieldTypeShowOptions, disabled: $options.fieldTypeShowOptions.length <= 1 }
+                    }, null, 8, ["show-label", "label", "metaId", "fieldConfigs"])) : fieldConfigs.attriName === "SUB_QUERY_ORDER_RULE" ? (openBlock(), createBlock(_component_epx_table_form_item, {
+                      key: 2,
+                      "show-label": showLabel,
+                      label: fieldConfigs.attriLabel,
+                      metaId,
+                      ruleMetaId: $data.viewInfo.ENTITY,
+                      fieldConfigs
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("div", _hoisted_15, [
+                          createVNode(_component_el_select, {
+                            modelValue: $data.order.ORDER_FIELD,
+                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.order.ORDER_FIELD = $event),
+                            placeholder: "请选择"
+                          }, {
+                            default: withCtx(() => [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList($options.getSubFileds, (item) => {
+                                return openBlock(), createBlock(_component_el_option, {
+                                  key: item.code,
+                                  label: item.text,
+                                  value: item.code
+                                }, null, 8, ["label", "value"]);
+                              }), 128))
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"]),
+                          createVNode(_component_el_select, {
+                            modelValue: $data.order.ORDER_MODE,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.order.ORDER_MODE = $event),
+                            placeholder: "请选择"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(_component_el_option, {
+                                label: "升序",
+                                value: "ASC"
+                              }),
+                              createVNode(_component_el_option, {
+                                label: "降序",
+                                value: "DESC"
+                              })
+                            ]),
+                            _: 1
+                          }, 8, ["modelValue"])
+                        ])
+                      ]),
+                      _: 1
+                    }, 8, ["show-label", "label", "metaId", "ruleMetaId", "fieldConfigs"])) : (openBlock(), createBlock(_component_epx_table_form_item, {
+                      key: 3,
+                      "show-label": showLabel,
+                      label: fieldConfigs.attriLabel,
+                      metaId,
+                      fieldConfigs
+                    }, null, 8, ["show-label", "label", "metaId", "fieldConfigs"]))
+                  ]),
+                  _: 1
+                }, 8, ["fieldsConfigs", "modelValue", "fieldRelation"]),
+                createElementVNode("div", _hoisted_16, [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    onClick: $options.saveViewField
+                  }, {
+                    default: withCtx(() => [..._cache[17] || (_cache[17] = [
+                      createTextVNode("保存", -1)
+                    ])]),
+                    _: 1
+                  }, 8, ["onClick"]),
+                  createVNode(_component_el_button, {
+                    onClick: _cache[6] || (_cache[6] = ($event) => $data.selectViewField = {})
+                  }, {
+                    default: withCtx(() => [..._cache[18] || (_cache[18] = [
+                      createTextVNode("取消", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ])) : (openBlock(), createElementBlock("div", _hoisted_17, " 请选择字段进行修改 "))
+            ])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ])) : createCommentVNode("", true);
+}
+const ViewFieldDefine = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e8937482"]]);
+export {
+  ViewFieldDefine as default
+};