ecinc-cloud-wappaio 9.7.107 → 9.7.109

package/lib/ecwappaio.common.js

@@ -55948,7 +55948,7 @@ var install = function install(Vue) {
 
 /***/ }),
 
-/***/ 34719:
+/***/ 71634:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -55960,13 +55960,13 @@ __webpack_require__.d(__webpack_exports__, {
   DataDictForm: function() { return /* binding */ DataDictForm; }
 });
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplat/DataDict/src/form.vue?vue&type=template&id=75222ba9
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplat/DataDict/src/form.vue?vue&type=template&id=6c8198bc&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     attrs: {
-      "id": "dcontent_data-dict"
+      "id": "dcontent_09339ee4749f44b092e460b48462046b"
     }
   }, [_c('el-form', {
     attrs: {
@@ -56016,16 +56016,16 @@ var render = function render() {
     ref: 'field-paramDesc',
     attrs: {
       "field": {
-        'textFormatter': 'textfield',
-        'elementType': 'input',
-        'propName': 'paramDesc',
-        'model': 'vo.paramDesc',
-        'emptyMessage': '请输入字典说明',
-        'isRequired': 1,
-        'elementCanEdit': '{${canEdit}}',
-        'elementReadonly': 0,
-        'valueMaxLength': '500',
-        'propComment': '字典说明'
+        textFormatter: 'textfield',
+        elementType: 'input',
+        propName: 'paramDesc',
+        model: 'vo.paramDesc',
+        emptyMessage: '请输入字典说明',
+        isRequired: 1,
+        elementCanEdit: '{${canEdit}}',
+        elementReadonly: 0,
+        valueMaxLength: '500',
+        propComment: '字典说明'
       },
       "vo": _vm.vo,
       "can-edit": _vm.canEdit
@@ -56055,16 +56055,16 @@ var render = function render() {
     ref: 'field-paramName',
     attrs: {
       "field": {
-        'textFormatter': 'textfield',
-        'elementType': 'input',
-        'propName': 'paramName',
-        'model': 'vo.paramNameInput',
-        'emptyMessage': '请输入字典编码',
-        'isRequired': 1,
-        'elementCanEdit': '{${canEdit}}',
-        'elementReadonly': 0,
-        'valueMaxLength': '500',
-        'propComment': '字典编码'
+        textFormatter: 'textfield',
+        elementType: 'input',
+        propName: 'paramName',
+        model: 'vo.paramNameInput',
+        emptyMessage: '请输入字典编码',
+        isRequired: 1,
+        elementCanEdit: '{${canEdit}}',
+        elementReadonly: 0,
+        valueMaxLength: '500',
+        propComment: '字典编码'
       },
       "vo": _vm.vo,
       "can-edit": _vm.canEdit
@@ -56075,7 +56075,7 @@ var render = function render() {
     staticStyle: {
       "text-align": "right"
     }
-  }, [_vm._v(" 列表选项配置")]), _c('td', {
+  }, [_vm._v("列表选项配置")]), _c('td', {
     staticClass: "el-table__cell tdcont tdw83",
     staticStyle: {
       "padding": "0 !important"
@@ -56098,41 +56098,69 @@ var render = function render() {
     staticClass: "el-table__cell tdlbl",
     staticStyle: {
       "text-align": "center",
-      "width": "41%",
+      "width": "40%",
       "color": "black",
       "font-weight": "600",
       "background-color": "#f5f7fa"
     }
-  }, [_vm._v(" 选项值")]), _c('td', {
+  }, [_vm._v("选项值")]), _c('td', {
     staticClass: "el-table__cell tdlbl",
     staticStyle: {
       "text-align": "center",
-      "width": "41%",
+      "width": "40%",
       "color": "black",
       "font-weight": "600",
       "background-color": "#f5f7fa"
     }
-  }, [_vm._v(" 显示文本")]), _c('td', {
+  }, [_vm._v("显示文本")]), _c('td', {
     staticClass: "el-table__cell tdlbl",
     staticStyle: {
       "text-align": "center",
-      "width": "18%",
+      "width": "20%",
       "color": "black",
       "font-weight": "600",
       "border-right": "none",
       "background-color": "#f5f7fa"
     }
-  }, [_vm._v(" 操作")])])]), _c('tbody', {
+  }, [_vm._v("操作")])])]), _c('tbody', {
     ref: "optionTbody"
-  }, _vm._l(_vm.optionList, function (opt, idx) {
+  }, _vm._l(_vm.displayRows, function (row) {
     return _c('tr', {
-      key: opt._dragKey
+      key: row.opt._dragKey
     }, [_c('td', {
       staticStyle: {
-        "text-align": "center",
+        "text-align": "left",
         "padding": "4px 8px"
       }
-    }, [_c('el-input', {
+    }, [_c('div', {
+      staticStyle: {
+        "display": "flex",
+        "align-items": "center"
+      },
+      style: {
+        paddingLeft: row.depth * 20 + 'px'
+      }
+    }, [_c('span', {
+      staticStyle: {
+        "flex": "0 0 18px",
+        "display": "inline-flex",
+        "align-items": "center",
+        "justify-content": "center"
+      }
+    }, [_vm.hasChildren(row.opt) ? _c('i', {
+      staticClass: "el-icon-caret-right expand-toggle",
+      class: {
+        'is-expanded': row.opt._expanded !== false
+      },
+      attrs: {
+        "title": "展开/收起"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.toggleExpand(row.opt);
+        }
+      }
+    }) : _vm._e()]), _c('el-input', {
       attrs: {
         "placeholder": "选项值",
         "disabled": !_vm.canEdit
@@ -56141,13 +56169,13 @@ var render = function render() {
         "input": _vm.syncOptionsToParamValue
       },
       model: {
-        value: opt.value,
+        value: row.opt.value,
         callback: function callback($$v) {
-          _vm.$set(opt, "value", $$v);
+          _vm.$set(row.opt, "value", $$v);
         },
-        expression: "opt.value"
+        expression: "row.opt.value"
       }
-    })], 1), _c('td', {
+    })], 1)]), _c('td', {
       staticStyle: {
         "text-align": "center",
         "padding": "4px 8px"
@@ -56161,11 +56189,11 @@ var render = function render() {
         "input": _vm.syncOptionsToParamValue
       },
       model: {
-        value: opt.text,
+        value: row.opt.text,
         callback: function callback($$v) {
-          _vm.$set(opt, "text", $$v);
+          _vm.$set(row.opt, "text", $$v);
         },
-        expression: "opt.text"
+        expression: "row.opt.text"
       }
     })], 1), _c('td', {
       staticStyle: {
@@ -56173,54 +56201,99 @@ var render = function render() {
         "padding": "4px 8px",
         "white-space": "nowrap"
       }
-    }, [_vm.canEdit ? _c('i', {
-      staticClass: "option-drag-handle el-icon-rank",
-      staticStyle: {
-        "cursor": "move",
-        "color": "#909399",
-        "margin-right": "8px",
-        "font-size": "16px",
-        "vertical-align": "middle"
-      },
+    }, [_vm.canEdit ? _c('el-button', {
+      staticClass: "option-drag-handle",
       attrs: {
-        "title": "拖拽排序"
+        "size": "mini",
+        "type": "text",
+        "icon": "el-icon-rank",
+        "title": "拖动排序（仅限同级）"
       }
-    }) : _vm._e(), _c('el-button', {
+    }, [_vm._v("排序")]) : _vm._e(), _c('el-button', {
       attrs: {
-        "type": "danger",
-        "plain": "",
-        "size": "small",
+        "size": "mini",
+        "type": "text",
+        "icon": "el-icon-plus",
+        "disabled": !_vm.canEdit,
+        "title": "在该选项下新增一个下级选项"
+      },
+      on: {
+        "click": function click($event) {
+          return _vm.addChild(row.opt);
+        }
+      }
+    }, [_vm._v("新增下级")]), _c('el-button', {
+      attrs: {
+        "size": "mini",
+        "type": "text",
         "icon": "el-icon-delete",
         "disabled": !_vm.canEdit
       },
       on: {
         "click": function click($event) {
-          return _vm.removeOption(idx);
+          return _vm.removeOption(row.opt);
         }
       }
     }, [_vm._v("删除")])], 1)]);
   }), 0)]), _c('div', {
     staticStyle: {
-      "padding": "8px"
+      "padding": "8px",
+      "text-align": "center"
     }
   }, [_c('el-button', {
     attrs: {
-      "type": "primary",
-      "plain": "",
       "size": "small",
+      "plain": "",
       "icon": "el-icon-plus",
       "disabled": !_vm.canEdit
     },
     on: {
       "click": _vm.addOption
     }
-  }, [_vm._v("添加选项")])], 1)])]),  false ? 0 : _vm._e()])])])])])], 1);
+  }, [_vm._v("添加选项")])], 1)])]), _c('tr', [_c('td', {
+    staticClass: "el-table__cell tdlbl tdw17",
+    staticStyle: {
+      "text-align": "right"
+    }
+  }, [_vm._v("级联配置")]), _c('td', {
+    staticClass: "el-table__cell tdcont tdw83",
+    staticStyle: {
+      "padding": "8px 8px 8px 12px"
+    },
+    attrs: {
+      "colspan": "5"
+    }
+  }, [_c('el-input', {
+    staticStyle: {
+      "width": "100%"
+    },
+    attrs: {
+      "placeholder": "如 city,district，逗号分隔，从第二级开始填（第一级为字典编码对应字段），留空不启用",
+      "disabled": !_vm.canEdit,
+      "clearable": ""
+    },
+    on: {
+      "input": _vm.syncOptionsToParamValue
+    },
+    model: {
+      value: _vm.chainFieldsInput,
+      callback: function callback($$v) {
+        _vm.chainFieldsInput = $$v;
+      },
+      expression: "chainFieldsInput"
+    }
+  }), _c('div', {
+    staticStyle: {
+      "color": "#909399",
+      "font-size": "12px",
+      "margin-top": "4px"
+    }
+  }, [_vm._v("通过\"新增下级\"逐级构建层级树；填写后按字段名逐级注入选项（链式级联），留空则子级按 children 存储")])], 1)]),  false ? 0 : _vm._e()])])])])])], 1);
 };
 var staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplat/DataDict/src/form.vue?vue&type=script&lang=js
 /* harmony default export */ var formvue_type_script_lang_js = ({
-  name: 'DataDictForm',
   props: {
     vo: {
       type: Object,
@@ -56242,26 +56315,30 @@ var staticRenderFns = [];
   data: function data() {
     return {
       loginUser: this.$store.getters.loginUser,
-      // 每行带稳定 _dragKey，供 v-for :key 与 Sortable 配合
+      // 每行带稳定 _dragKey，供 v-for :key 使用；_expanded 为树形展开状态（默认收起，回显时仅显示顶级）
       optionList: [{
         value: '',
         text: '',
-        _dragKey: 'opt_init_0'
+        parent: '',
+        _dragKey: 'opt_init_0',
+        _expanded: false
       }],
       syncing: false,
       // Sortable 实例，销毁时释放
       sortableInst: null,
-      // 生成唯一拖拽 key 的序号
+      // 生成唯一 key 的序号
       dragKeySeq: 1,
       // 字典编码前缀(来自路由 meta.params 的 paramType=xxx)，用于 paramName 前缀拼接
-      paramPrefix: ''
+      paramPrefix: '',
+      // 链式级联：字段列表输入值（逗号分隔，如 province,city,district）
+      chainFieldsInput: ''
     };
   },
   created: function created() {
     if (this.$parent.$vnode.context.activeTabIndex) {
       this.activeTabName = this.$parent.$vnode.context.activeTabIndex;
     }
-    this.$set(this.$vnode.context, "wfAttach", false);
+    this.$set(this.$vnode.context, 'wfAttach', false);
     // 提取路由 meta.params 中 paramType= 后面的前缀(如 rsgl.options)，供 paramName 前缀拼接使用
     this.paramPrefix = this.extractParamPrefix();
   },
@@ -56284,7 +56361,7 @@ var staticRenderFns = [];
     }
     // 解析选项配置到选项列表(兜底，防止 watch immediate 时序遗漏)
     this.parseParamValueToOptions();
-    // 等 DOM 按最新 optionList 渲染完成后再挂载 Sortable
+    // 等 DOM 按最新 displayRows 渲染完成后再挂载 Sortable
     var self = this;
     this.$nextTick(function () {
       self.initSortable();
@@ -56306,12 +56383,80 @@ var staticRenderFns = [];
         this.parseParamValueToOptions();
       },
       immediate: true
-    },
-    // canEdit 变化时同步 Sortable 的 disabled 状态（平台权限数字型）
-    canEdit: function canEdit(val) {
-      if (this.sortableInst) {
-        this.sortableInst.option('disabled', !val);
+    }
+  },
+  computed: {
+    /**
+     * 树形展示行：按父子关系深度优先展开，子级缩进（depth 为层级深度）
+     * 父子挂接优先用行对象引用 _parentRef（新增下级时建立，父行选项值未填写/后续修改均不断链），
+     * 回显数据按 parent 值匹配后固化为引用；父行被删后引用失联的子级归入顶级（与后端层级切分容错一致）
+     * 行收起（_expanded === false）时不渲染其后代；无法入树（环等）的行追加到末尾，避免丢失
+     * @returns {Array} 展示行数组 [{opt: 选项行对象, depth: 层级深度}]
+     */
+    displayRows: function displayRows() {
+      var rows = [];
+      var list = this.optionList;
+      // value → 行对象 索引；_children 每次重算重建（非响应辅助字段，不参与依赖收集）
+      var valueIndex = {};
+      list.forEach(function (opt) {
+        opt._children = [];
+        var v = opt.value != null ? String(opt.value).trim() : '';
+        if (v) {
+          valueIndex[v] = opt;
+        }
+      });
+      // 确定每行父行对象并挂接子级：_parentRef 优先（引用失联时回退按 parent 值匹配并重新固化）
+      var topLevels = [];
+      list.forEach(function (opt) {
+        var parentObj = null;
+        if (opt._parentRef && list.indexOf(opt._parentRef) !== -1) {
+          parentObj = opt._parentRef;
+        } else {
+          var p = opt.parent != null ? String(opt.parent).trim() : '';
+          parentObj = p && valueIndex[p] && valueIndex[p] !== opt ? valueIndex[p] : null;
+          opt._parentRef = parentObj;
+        }
+        if (parentObj) {
+          parentObj._children.push(opt);
+        } else {
+          topLevels.push(opt);
+        }
+      });
+      // 深度优先展开；已访问集合防环；hidden 表示该行因祖先收起而不渲染（仍标记已访问，
+      // 避免被末尾兜底逻辑当作未入树行强制追加显示）
+      var visited = {};
+      function walk(opt, depth, hidden) {
+        if (visited[opt._dragKey]) {
+          return;
+        }
+        visited[opt._dragKey] = true;
+        if (!hidden) {
+          rows.push({
+            opt: opt,
+            depth: depth
+          });
+        }
+        var childrenHidden = hidden || opt._expanded === false;
+        for (var i = 0; i < opt._children.length; i++) {
+          walk(opt._children[i], depth + 1, childrenHidden);
+        }
+      }
+      topLevels.forEach(function (opt) {
+        walk(opt, 0, false);
+      });
+      // 兜底：环状引用等原因未入树的行按顶级追加，避免丢失（收起隐藏的行已 visited，不会重复追加）
+      if (rows.length < list.length) {
+        list.forEach(function (opt) {
+          if (!visited[opt._dragKey]) {
+            visited[opt._dragKey] = true;
+            rows.push({
+              opt: opt,
+              depth: 0
+            });
+          }
+        });
       }
+      return rows;
     }
   },
   methods: {
@@ -56345,7 +56490,7 @@ var staticRenderFns = [];
         this.vo.paramName = inputVal;
         return;
       }
-      if (inputVal.indexOf(prefix) === 0) {
+      if (inputVal.indexOf(prefix) === 0 || inputVal.indexOf('.options') !== -1) {
         this.vo.paramName = inputVal;
       } else {
         this.vo.paramName = prefix + '.' + inputVal;
@@ -56353,7 +56498,7 @@ var staticRenderFns = [];
     },
     /**
      * 生成选项行稳定唯一 key
-     * @returns {string} 拖拽用 key
+     * @returns {string} 行唯一 key
      */
     nextDragKey: function nextDragKey() {
       this.dragKeySeq += 1;
@@ -56373,9 +56518,8 @@ var staticRenderFns = [];
       }
     },
     /**
-     * 初始化拖拽排序
+     * 初始化拖拽排序（仅限同级内排序，校验见 handleDragEnd）
      * 使用 window.Sortable（vue.config.js 已 external 为全局，public 已引入 Sortable.min.js）
-     * onEnd 里同步 optionList，保证 Vue 数据与 DOM 顺序一致
      */
     initSortable: function initSortable() {
       var self = this;
@@ -56399,88 +56543,357 @@ var staticRenderFns = [];
         // canEdit 为数字型权限，0 禁用，非 0 可拖
         disabled: !this.canEdit,
         onEnd: function onEnd(evt) {
-          if (evt.oldIndex === evt.newIndex) return;
-          // Sortable 已移动 DOM，同步到数据数组，Vue 按 _dragKey 复用节点
-          var moved = self.optionList.splice(evt.oldIndex, 1)[0];
-          self.optionList.splice(evt.newIndex, 0, moved);
-          self.syncOptionsToParamValue();
+          self.handleDragEnd(evt);
         }
       });
     },
-    // 解析 vo.paramValue 为 optionList；为空/解析失败/空数组时默认一条空选项
+    /**
+     * 拖拽落点处理：仅允许同一父级下的同级排序（下级不允许拖到上级或其它层级），违规回滚 DOM 并提示
+     * <p>
+     * 落点判定：取落点行（拖到最后时取尾行），沿其父链向上找与拖动行同父级的行 S——
+     * 找不到（跨级）或遇到拖动行自身（拖进自己子树）则回滚；
+     * 找到后按 S 在同级中的位置计算新顺序（落点在同级行上按拖动方向取其前/后，落点在某同级后代上取该同级之后），
+     * 重排同级顺序后按树形深度优先重建 optionList。
+     * </p>
+     * @param {Object} evt Sortable onEnd 事件（含 oldIndex/newIndex/item/from）
+     */
+    handleDragEnd: function handleDragEnd(evt) {
+      var oldIndex = evt.oldIndex;
+      var newIndex = evt.newIndex;
+      // 原地拖动（含被阻止的拖动）无变化
+      if (oldIndex === newIndex) {
+        return;
+      }
+      var rows = this.displayRows;
+      var dragRow = rows[oldIndex];
+      if (!dragRow) {
+        this.rollbackDragDom(evt);
+        return;
+      }
+      var dragOpt = dragRow.opt;
+      var dragParent = dragOpt._parentRef || null;
+      // 参照行：落点行（拖到列表末尾时取尾行）
+      var refRow = newIndex < rows.length ? rows[newIndex] : rows[rows.length - 1];
+      if (!refRow) {
+        this.rollbackDragDom(evt);
+        return;
+      }
+      // 沿参照行父链向上找同级行 S；insertAfter 标记参照行是某同级 S 的后代（落点应取 S 之后）
+      var s = refRow.opt;
+      var insertAfter = false;
+      var found = false;
+      var guard = 0;
+      while (s && guard < 10000) {
+        guard++;
+        if (s === dragOpt) {
+          // 落点在拖动行自己的子树内，视为无效
+          break;
+        }
+        if ((s._parentRef || null) === dragParent) {
+          found = true;
+          break;
+        }
+        s = s._parentRef;
+        insertAfter = true;
+      }
+      if (!found) {
+        this.rollbackDragDom(evt);
+        this.$message.warning('仅允许同级内拖动排序，不能拖到上级或其它层级');
+        return;
+      }
+      // 同级顺序列表：父级的 _children（displayRows 构建的同级顺序）或顶级行列表
+      var siblings;
+      if (dragParent) {
+        siblings = dragParent._children || [];
+      } else {
+        siblings = [];
+        rows.forEach(function (r) {
+          if (r.depth === 0) {
+            siblings.push(r.opt);
+          }
+        });
+      }
+      var sibIdx = siblings.indexOf(s);
+      var oldPos = siblings.indexOf(dragOpt);
+      if (sibIdx === -1 || oldPos === -1) {
+        this.rollbackDragDom(evt);
+        return;
+      }
+      // 计算新位置：参照行是同级时按拖动方向取其前/后（向下拖=其后），是某同级的后代时取该同级之后
+      var newPos;
+      if (insertAfter) {
+        newPos = sibIdx + 1;
+      } else {
+        newPos = oldIndex < newIndex ? sibIdx + 1 : sibIdx;
+      }
+      // 同级重排（newPos 为含拖动行语义的位置，移除后需校正）
+      siblings.splice(oldPos, 1);
+      if (oldPos < newPos) {
+        newPos -= 1;
+      }
+      siblings.splice(newPos, 0, dragOpt);
+      // 按树形深度优先重建 optionList（平铺顺序=树形顺序，收起的子树顺序同步更新）
+      var newList = [];
+      var inTree = {};
+      function collect(opt) {
+        if (inTree[opt._dragKey]) {
+          return;
+        }
+        inTree[opt._dragKey] = true;
+        newList.push(opt);
+        var children = opt._children || [];
+        for (var i = 0; i < children.length; i++) {
+          collect(children[i]);
+        }
+      }
+      if (dragParent) {
+        // 从根级开始收集：按顶级行列表深度优先（拖动行的父级所在树的根）
+        var topLevelOpts = [];
+        rows.forEach(function (r) {
+          if (r.depth === 0) {
+            topLevelOpts.push(r.opt);
+          }
+        });
+        topLevelOpts.forEach(collect);
+      } else {
+        siblings.forEach(collect);
+      }
+      // 兜底：未入树（环等）的行按原顺序追加，避免丢失
+      if (newList.length < this.optionList.length) {
+        this.optionList.forEach(function (opt) {
+          if (!inTree[opt._dragKey]) {
+            newList.push(opt);
+          }
+        });
+      }
+      this.optionList = newList;
+      this.syncOptionsToParamValue();
+    },
+    /**
+     * 回滚拖动产生的 DOM 位移（校验失败时数据未变，需手动把行放回原位置）
+     * @param {Object} evt Sortable onEnd 事件
+     */
+    rollbackDragDom: function rollbackDragDom(evt) {
+      var tbody = evt.from;
+      if (!tbody || !evt.item) {
+        return;
+      }
+      var children = tbody.children;
+      if (children[evt.oldIndex]) {
+        // 行已从原位置移走，原位置现为原下一个兄弟，插到它前面即回原位
+        tbody.insertBefore(evt.item, children[evt.oldIndex]);
+      } else {
+        tbody.appendChild(evt.item);
+      }
+    },
+    // 解析 vo.paramValue 为 optionList（平铺行）；为空/解析失败/空数组时默认一条空选项
+    // 支持嵌套存储格式：子级统一嵌在父选项的 children 键内；
+    // 父选项带 subFiled（下一级字段名）为链式级联，无 subFiled 为单字段级联；
+    // 解析时展平为平铺行并挂接父子引用；链式字段名（第二级起）从各级 subFiled 收集
     parseParamValueToOptions: function parseParamValueToOptions() {
       var val = this.vo.paramValue;
       var list = [];
       var self = this;
+      var parsed = null;
+      // 各级 subFiled 收集的链式字段名（第二级起，深度优先顺序）
+      var chainFieldKeys = [];
+      function isArray(obj) {
+        return Object.prototype.toString.call(obj) === '[object Array]';
+      }
       if (val && typeof val === 'string' && val.trim().charAt(0) === '[') {
         try {
-          // 兼容单引号JS对象字面量(如 [{ value: 'A型', text: 'A型' }])与标准JSON双引号格式
-          var parsed = new Function('return ' + val)();
-          if (parsed && Array.isArray(parsed)) {
-            list = parsed.map(function (item) {
-              return {
-                value: item && item.value != null ? String(item.value) : '',
-                text: item && item.text != null ? String(item.text) : '',
-                // 解析时补上稳定 key，避免 v-for 用 index 导致拖拽回弹
-                _dragKey: self.nextDragKey()
-              };
-            });
-          }
+          // 兼容单引号JS对象字面量与标准JSON双引号格式
+          parsed = new Function('return ' + val)();
         } catch (e) {
           // 解析失败（用户手动编辑未完成或格式错误），保留原状不覆盖 optionList
         }
       }
+      if (parsed && isArray(parsed)) {
+        // 递归展平：子级集合取 children 键；父选项的 subFiled 声明子级对应字段（链式级联）
+        ;
+        (function flatten(arr, parentRow) {
+          arr.forEach(function (item) {
+            var row = {
+              value: item && item.value != null ? String(item.value) : '',
+              text: item && item.text != null ? String(item.text) : '',
+              parent: parentRow && parentRow.value != null ? String(parentRow.value) : '',
+              _dragKey: self.nextDragKey(),
+              _expanded: false
+            };
+            // 行对象入 optionList 前挂接父行引用（父行选项值未填写/后续修改均不断链）
+            row._parentRef = parentRow || null;
+            list.push(row);
+            if (item && isArray(item.children)) {
+              var subFiled = item.subFiled != null ? String(item.subFiled).trim() : '';
+              if (subFiled && chainFieldKeys.indexOf(subFiled) === -1) {
+                chainFieldKeys.push(subFiled);
+              }
+              flatten(item.children, row);
+            }
+          });
+        })(parsed, null);
+      }
+      // 链式字段列表回显：从各级 subFiled 收集的第二级起字段名（第一级为字典编码对应字段，无需填写）
+      this.chainFieldsInput = chainFieldKeys.join(',');
       if (list.length === 0) {
         list = [{
           value: '',
           text: '',
-          _dragKey: this.nextDragKey()
+          parent: '',
+          _dragKey: this.nextDragKey(),
+          _expanded: false
         }];
       }
       this.optionList = list;
     },
-    // 将 optionList 序列化为 JSON 字符串写入 vo.paramValue(过滤 value 与 text 均为空的行)
+    // 将 optionList 构树序列化为 JSON 字符串写入 vo.paramValue
+    // 序列化规则（子级统一嵌在父选项的 children 键，便于解析直接用）：
+    // 级联字段列表有值（链式级联）→ 带子级的选项同时写 subFiled=下一级字段名（级联字段列表第 depth 项）；
+    // 无级联字段（单字段级联）→ 仅 children；
+    // 空行（选项值与显示文本均空）及其子树不落库
     syncOptionsToParamValue: function syncOptionsToParamValue() {
       this.syncing = true;
-      // 序列化时去掉内部 _dragKey，不落库
-      var filtered = this.optionList.filter(function (opt) {
+      var list = this.optionList;
+      // 构树（与 displayRows 相同的父子判定）：_parentRef 优先，parent 值匹配兜底并重新固化引用
+      var valueIndex = {};
+      list.forEach(function (opt) {
+        opt._children = [];
+        var v = opt.value != null ? String(opt.value).trim() : '';
+        if (v) {
+          valueIndex[v] = opt;
+        }
+      });
+      var topLevels = [];
+      list.forEach(function (opt) {
+        var parentObj = null;
+        if (opt._parentRef && list.indexOf(opt._parentRef) !== -1) {
+          parentObj = opt._parentRef;
+        } else {
+          var p = opt.parent != null ? String(opt.parent).trim() : '';
+          parentObj = p && valueIndex[p] && valueIndex[p] !== opt ? valueIndex[p] : null;
+          opt._parentRef = parentObj;
+        }
+        if (parentObj) {
+          parentObj._children.push(opt);
+        } else {
+          topLevels.push(opt);
+        }
+        // 回写 parent（取父行最新选项值，保持数据一致）
+        opt.parent = parentObj ? parentObj.value != null ? String(parentObj.value).trim() : '' : '';
+      });
+      // 级联字段列表：逗号分隔，过滤空段（从第二级开始的字段名；第一级默认为字典编码对应字段，无需填写）
+      var chainFields = (this.chainFieldsInput || '').split(',').map(function (s) {
+        return s.trim();
+      }).filter(function (s) {
+        return s !== '';
+      });
+      // 递归构建嵌套 JSON：depth 行的子级集合键取级联字段列表中第 depth 项（第二级起），
+      // 超出列表长度或未配置时用 children
+      function buildOpt(opt, depth) {
         var v = opt.value != null ? String(opt.value).trim() : '';
         var t = opt.text != null ? String(opt.text).trim() : '';
-        return v !== '' || t !== '';
-      }).map(function (opt) {
-        return {
+        // 空行及其子树不落库
+        if (v === '' && t === '') {
+          return null;
+        }
+        var json = {
           value: opt.value != null ? String(opt.value) : '',
           text: opt.text != null ? String(opt.text) : ''
         };
-      });
-      this.vo.paramValue = JSON.stringify(filtered);
+        var childJson = [];
+        if (opt._children) {
+          for (var i = 0; i < opt._children.length; i++) {
+            var child = buildOpt(opt._children[i], depth + 1);
+            if (child) {
+              childJson.push(child);
+            }
+          }
+        }
+        if (childJson.length > 0) {
+          json.children = childJson;
+          // 链式级联：声明下一级字段名（级联字段列表第 depth 项，第二级起）
+          if (depth < chainFields.length) {
+            json.subFiled = chainFields[depth];
+          }
+        }
+        return json;
+      }
+      var result = [];
+      for (var i = 0; i < topLevels.length; i++) {
+        var json = buildOpt(topLevels[i], 0);
+        if (json) {
+          result.push(json);
+        }
+      }
+      this.vo.paramValue = JSON.stringify(result);
       var self = this;
       this.$nextTick(function () {
         self.syncing = false;
       });
     },
     /**
-     * 新增一行选项
+     * 新增一行顶级选项
      */
     addOption: function addOption() {
       this.optionList.push({
         value: '',
         text: '',
-        _dragKey: this.nextDragKey()
+        parent: '',
+        _dragKey: this.nextDragKey(),
+        _expanded: false
       });
     },
     /**
-     * 删除指定行选项
-     * @param {number} idx 行下标
+     * 在指定选项下新增一个下级选项
+     * 通过行对象引用 _parentRef 挂接父子（父行选项值未填写也可先建结构），
+     * 序列化时动态取父行最新选项值写入 parent；新增后自动展开父行以便看到新子行
+     * @param {Object} parentOpt 父选项行对象
+     */
+    addChild: function addChild(parentOpt) {
+      var child = {
+        value: '',
+        text: '',
+        parent: '',
+        _dragKey: this.nextDragKey(),
+        _expanded: false
+      };
+      child._parentRef = parentOpt;
+      this.optionList.push(child);
+      // 展开父行（父行处于收起状态时新子行不可见）
+      this.$set(parentOpt, '_expanded', true);
+      this.syncOptionsToParamValue();
+    },
+    /**
+     * 判断选项行是否有下级（依据 displayRows 挂接的 _children）
+     * @param {Object} opt 选项行对象
+     * @returns {boolean} 有下级返回 true
      */
-    removeOption: function removeOption(idx) {
+    hasChildren: function hasChildren(opt) {
+      return !!(opt._children && opt._children.length > 0);
+    },
+    /**
+     * 切换选项行的展开/收起状态（收起时不渲染其后代）
+     * @param {Object} opt 选项行对象
+     */
+    toggleExpand: function toggleExpand(opt) {
+      this.$set(opt, '_expanded', opt._expanded === false);
+    },
+    /**
+     * 删除指定选项行（按对象定位；其后代因引用失联自动归入顶级展示）
+     * @param {Object} opt 选项行对象
+     */
+    removeOption: function removeOption(opt) {
+      var idx = this.optionList.indexOf(opt);
+      if (idx === -1) return;
       this.optionList.splice(idx, 1);
       // 删光后保留一行空选项，便于继续录入
       if (this.optionList.length === 0) {
         this.optionList.push({
           value: '',
           text: '',
-          _dragKey: this.nextDragKey()
+          parent: '',
+          _dragKey: this.nextDragKey(),
+          _expanded: false
         });
       }
       this.syncOptionsToParamValue();
@@ -56489,9 +56902,9 @@ var staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./packages/ecwplat/DataDict/src/form.vue?vue&type=script&lang=js
  /* harmony default export */ var src_formvue_type_script_lang_js = (formvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplat/DataDict/src/form.vue?vue&type=style&index=0&id=75222ba9&prod&lang=css
-var formvue_type_style_index_0_id_75222ba9_prod_lang_css = __webpack_require__(58936);
-;// CONCATENATED MODULE: ./packages/ecwplat/DataDict/src/form.vue?vue&type=style&index=0&id=75222ba9&prod&lang=css
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwplat/DataDict/src/form.vue?vue&type=style&index=0&id=6c8198bc&prod&scoped=true&lang=scss
+var formvue_type_style_index_0_id_6c8198bc_prod_scoped_true_lang_scss = __webpack_require__(69291);
+;// CONCATENATED MODULE: ./packages/ecwplat/DataDict/src/form.vue?vue&type=style&index=0&id=6c8198bc&prod&scoped=true&lang=scss
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(81656);
@@ -56510,7 +56923,7 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  null,
+  "6c8198bc",
   null
   
 )
@@ -171169,27 +171582,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".svg-icon[data-v-5d08e6e2]{width:1em;h
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ 55119:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(31601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".option-config-table{border-collapse:collapse}.option-config-table td{border:1px solid #ebeef5}.option-config-table .option-header td{background-color:#f5f7fa!important}.option-config-table .sortable-ghost{opacity:.5;background:#f0f9ff}.option-config-table .sortable-fallback{opacity:.9;background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.12);box-shadow:0 2px 8px rgba(0,0,0,.12)}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 8943:
@@ -171318,7 +171710,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".CodeMirror-hints,.CodeMirror-lint-too
 
 /***/ }),
 
-/***/ 24239:
+/***/ 50138:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -171339,7 +171731,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".form_item .el-date-editor .el-input__
 
 /***/ }),
 
-/***/ 39119:
+/***/ 12570:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -171353,7 +171745,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "span[data-v-4e8271fe]{white-space:pre-wrap}[data-v-4e8271fe] .el-upload--text{width:100%}[data-v-4e8271fe] .el-divider--horizontal{margin:10px 0}.form_item .el-link[data-v-4e8271fe]{margin-left:6px}.form_item[data-v-4e8271fe] .el-radio__label{display:inline-block;padding:3px 5px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "span[data-v-324e710e]{white-space:pre-wrap}[data-v-324e710e] .el-upload--text{width:100%}[data-v-324e710e] .el-divider--horizontal{margin:10px 0}.form_item .el-link[data-v-324e710e]{margin-left:6px}.form_item[data-v-324e710e] .el-radio__label{display:inline-block;padding:3px 5px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
@@ -172492,6 +172884,27 @@ ___CSS_LOADER_EXPORT___.push([module.id, "[data-v-9cb5d68a] .el-dialog__body{min
 /* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 87817:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(31601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".option-config-table[data-v-6c8198bc]{border-collapse:collapse}.option-config-table td[data-v-6c8198bc]{border:1px solid #ebeef5}.option-config-table .option-header td[data-v-6c8198bc]{background-color:#f5f7fa!important}.option-config-table .expand-toggle[data-v-6c8198bc]{cursor:pointer;color:#909399;font-size:14px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.option-config-table .expand-toggle.is-expanded[data-v-6c8198bc]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.option-config-table .sortable-ghost[data-v-6c8198bc]{opacity:.5;background:#f0f9ff}.option-config-table .sortable-fallback[data-v-6c8198bc]{opacity:.9;background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.12);box-shadow:0 2px 8px rgba(0,0,0,.12)}[data-v-6c8198bc] .el-button--mini{margin-right:0!important}[data-v-6c8198bc] .el-button+.el-button{margin-left:2px!important}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 317:
@@ -257936,22 +258349,6 @@ var update = add("2de18074", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 58936:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(55119);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(99548)/* ["default"] */ .A)
-var update = add("24175b53", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ 98760:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -258048,35 +258445,35 @@ var update = add("f9ee0d56", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 4885:
+/***/ 10392:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(24239);
+var content = __webpack_require__(50138);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(99548)/* ["default"] */ .A)
-var update = add("281973c6", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("1ca98e10", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
-/***/ 72569:
+/***/ 28452:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(39119);
+var content = __webpack_require__(12570);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(99548)/* ["default"] */ .A)
-var update = add("59ef4469", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("6b62c6c4", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -258944,6 +259341,22 @@ var update = add("843ecf6e", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ 69291:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(87817);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(99548)/* ["default"] */ .A)
+var update = add("3a04fba4", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ 97071:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -269231,8 +269644,8 @@ var DynamicFormvue_type_template_id_2bb3f766_render = function render() {
 };
 var DynamicFormvue_type_template_id_2bb3f766_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwapp/Basicform/src/FormItem.vue?vue&type=template&id=4e8271fe&scoped=true
-var FormItemvue_type_template_id_4e8271fe_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwapp/Basicform/src/FormItem.vue?vue&type=template&id=324e710e&scoped=true
+var FormItemvue_type_template_id_324e710e_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.formItem.propName ? _c('div', {
@@ -269878,7 +270291,7 @@ var FormItemvue_type_template_id_4e8271fe_scoped_true_render = function render()
     }], null, false, 2443300086)
   })], 1) : _vm._e();
 };
-var FormItemvue_type_template_id_4e8271fe_scoped_true_staticRenderFns = [];
+var FormItemvue_type_template_id_324e710e_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./src/global/filters/index.js
 
@@ -270271,11 +270684,25 @@ var FormItemvue_type_script_lang_js_moment = __webpack_require__(95093);
       this.initFormItem();
     }
     this.$bus.on('autoSetFieldValue', this.autoSetFieldValue);
+    this.$bus.on('setSubFiledOptions', this.setSubFiledOptions);
   },
   beforeDestroy: function beforeDestroy() {
     this.$bus.off('autoSetFieldValue', this.autoSetFieldValue);
+    this.$bus.off('setSubFiledOptions', this.setSubFiledOptions);
   },
   methods: {
+    setSubFiledOptions: function setSubFiledOptions(subFiled, options) {
+      if (subFiled === this.formItem.propName) {
+        this.formItem.value = '';
+        this.valueChange('');
+        this.field.formatterMap = options;
+        this.formItem.formatterMap = options;
+        // 级联字段禁用 remote 模式，确保 options 为空时 el-select 显示“无数据”
+        // 同时清 field 和 formItem，防止 vo watcher 触发 formatElementValue(field) 后从 field 恢复原值
+        this.field.remoteMethod = null;
+        this.formItem.remoteMethod = null;
+      }
+    },
     // 阿拉伯数字转换成大写汉字
     numberParseChina: function numberParseChina(money) {
       // 汉字的数字
@@ -270389,6 +270816,20 @@ var FormItemvue_type_script_lang_js_moment = __webpack_require__(95093);
             this.formItem.remoteMethod = null;
           }
         }
+        if (this.formItem.formatterMap) {
+          setTimeout(function () {
+            _this5.formItem.formatterMap.forEach(function (item) {
+              if (item.subFiled && item.children) {
+                _this5.$bus.emit('setSubFiledOptions', item.subFiled, []);
+              }
+            });
+            _this5.formItem.formatterMap.forEach(function (item) {
+              if (item.subFiled && item.children && item.value == _this5.formItem.value) {
+                _this5.$bus.emit('setSubFiledOptions', item.subFiled, item.children);
+              }
+            });
+          }, 100);
+        }
       }
       if (this.formItem.elementType === 'file' && this.vo[this.formItem.nameField]) {
         var attachHtml = '';
@@ -270970,6 +271411,7 @@ var FormItemvue_type_script_lang_js_moment = __webpack_require__(95093);
       }
     },
     valueChange: function valueChange(val) {
+      var _this8 = this;
       if (this.formItem.isNumber) {
         val = val.trim();
       }
@@ -270978,6 +271420,19 @@ var FormItemvue_type_script_lang_js_moment = __webpack_require__(95093);
           val = parseInt(val);
         }
       }
+      if (this.formItem.formatterMap && (this.formItem.elementType === 'select' || this.formItem.elementType === 'selectMulti')) {
+        this.formItem.formatterMap.forEach(function (item) {
+          if (item.subFiled && item.children) {
+            if (item.value == val) {
+              _this8.$bus.emit('setSubFiledOptions', item.subFiled, item.children);
+              _this8.$vnode.context.$set(_this8.$vnode.context.vo.passenger, item.subFiled, item.children);
+            } else {
+              _this8.$bus.emit('setSubFiledOptions', item.subFiled, []);
+              _this8.$vnode.context.$set(_this8.$vnode.context.vo.passenger, item.subFiled, []);
+            }
+          }
+        });
+      }
       if (this.formItem.elementType === 'checkbox') {
         for (var i = 0; i < val.length; i++) {
           if (val[i] === '') val.splice(i--, 1);
@@ -271162,7 +271617,7 @@ var FormItemvue_type_script_lang_js_moment = __webpack_require__(95093);
       });
     },
     removeFormfile: function removeFormfile(id) {
-      var _this8 = this;
+      var _this9 = this;
       this.$confirm(this.$tx('ecwapp.Basicform.deleteUploadedFile', '您是否确认删除已上传的文件？'), this.$tx('common.confirmOperate', '确认操作'), {
         type: 'warning'
       }).then( /*#__PURE__*/FormItemvue_type_script_lang_js_asyncToGenerator( /*#__PURE__*/FormItemvue_type_script_lang_js_regeneratorRuntime().mark(function _callee() {
@@ -271170,12 +271625,12 @@ var FormItemvue_type_script_lang_js_moment = __webpack_require__(95093);
         return FormItemvue_type_script_lang_js_regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              document.querySelector('.removeBodyfileIcon_' + id).innerHTML = _this8.$tx('ecwapp.Common.deleting', ' 正在删除...');
-              wfAttachUrl = _this8.formItem.downloadUrl.replace('/downloadById', '').replace('/download', '') + '/deleteAttach';
-              if (_this8.$vnode.context.$vnode.context.wfAttachUrl) {
-                wfAttachUrl = _this8.$vnode.context.$vnode.context.wfAttachUrl + '/delete';
+              document.querySelector('.removeBodyfileIcon_' + id).innerHTML = _this9.$tx('ecwapp.Common.deleting', ' 正在删除...');
+              wfAttachUrl = _this9.formItem.downloadUrl.replace('/downloadById', '').replace('/download', '') + '/deleteAttach';
+              if (_this9.$vnode.context.$vnode.context.wfAttachUrl) {
+                wfAttachUrl = _this9.$vnode.context.$vnode.context.wfAttachUrl + '/delete';
               }
-              _this8.$http({
+              _this9.$http({
                 method: 'DELETE',
                 contentType: 'application/x-www-form-urlencoded',
                 params: {
@@ -271184,17 +271639,17 @@ var FormItemvue_type_script_lang_js_moment = __webpack_require__(95093);
                 url: wfAttachUrl
               }).then(function (res) {
                 if (res.code === 'success') {
-                  if (_this8.$vnode.context.$vnode.context.attachments) {
-                    for (var i = 0; i < _this8.$vnode.context.$vnode.context.attachments.length; i++) {
-                      if (_this8.$vnode.context.$vnode.context.attachments[i].id === id) {
-                        _this8.$vnode.context.$vnode.context.attachments.splice(i--, 1);
+                  if (_this9.$vnode.context.$vnode.context.attachments) {
+                    for (var i = 0; i < _this9.$vnode.context.$vnode.context.attachments.length; i++) {
+                      if (_this9.$vnode.context.$vnode.context.attachments[i].id === id) {
+                        _this9.$vnode.context.$vnode.context.attachments.splice(i--, 1);
                       }
                     }
                   }
-                  delete _this8.formItem.attachHtml;
-                  _this8.$forceUpdate();
+                  delete _this9.formItem.attachHtml;
+                  _this9.$forceUpdate();
                 } else {
-                  _this8.$alert(res.message, _this8.$tx('common.operationTip', '操作提示'), {
+                  _this9.$alert(res.message, _this9.$tx('common.operationTip', '操作提示'), {
                     type: 'error'
                   });
                 }
@@ -271211,7 +271666,7 @@ var FormItemvue_type_script_lang_js_moment = __webpack_require__(95093);
       window.open(downloadUrl, '_blank');
     },
     openListitemDialog: function openListitemDialog() {
-      var _this9 = this;
+      var _this10 = this;
       var reqParam = {
         method: this.formItem.optionGenerateMethod,
         params: {
@@ -271230,43 +271685,43 @@ var FormItemvue_type_script_lang_js_moment = __webpack_require__(95093);
         if (res.code === 'success') {
           var options = null;
           var _func2 = 'onOptionsGenerateCompleted';
-          if (_this9.$vnode.context[_func2] !== undefined) {
-            options = _this9.$vnode.context[_func2](res.body.listdata, {
-              name: _this9.formItem.propName
+          if (_this10.$vnode.context[_func2] !== undefined) {
+            options = _this10.$vnode.context[_func2](res.body.listdata, {
+              name: _this10.formItem.propName
             });
           }
-          _this9.$bus.emit('openListitemDialog', _this9.formItem.dialogTitle || _this9.formItem.propComment, options || res.body.listdata, function (rst) {
+          _this10.$bus.emit('openListitemDialog', _this10.formItem.dialogTitle || _this10.formItem.propComment, options || res.body.listdata, function (rst) {
             if (rst.code === 'success') {
               var _func3 = 'onSelectListitemCompleted';
-              if (_this9.$vnode.context[_func3] !== undefined) {
-                _this9.$vnode.context[_func3](rst.value, {
-                  name: _this9.formItem.propName
+              if (_this10.$vnode.context[_func3] !== undefined) {
+                _this10.$vnode.context[_func3](rst.value, {
+                  name: _this10.formItem.propName
                 });
               } else {
-                if (FormItemvue_type_script_lang_js_typeof(_this9.selected) === 'object') {
-                  _this9.formItem.value = rst.value.join(',');
+                if (FormItemvue_type_script_lang_js_typeof(_this10.selected) === 'object') {
+                  _this10.formItem.value = rst.value.join(',');
                 } else {
-                  _this9.formItem.value = rst.value;
+                  _this10.formItem.value = rst.value;
                 }
-                _this9.$set(_this9.vo, _this9.formItem.propName, _this9.formItem.value);
+                _this10.$set(_this10.vo, _this10.formItem.propName, _this10.formItem.value);
               }
             }
-          }, _this9.formItem.value, _this9.formItem.propComment, null, _this9.formItem.dialogMultiple);
+          }, _this10.formItem.value, _this10.formItem.propComment, null, _this10.formItem.dialogMultiple);
         } else {
-          _this9.$alert(res.message, _this9.$tx('common.operationTip', '操作提示'), {
+          _this10.$alert(res.message, _this10.$tx('common.operationTip', '操作提示'), {
             type: 'error'
           });
         }
       });
     },
     decryptData: function decryptData(model) {
-      var _this10 = this;
+      var _this11 = this;
       this.$app.decryptData(this.vo[model]).then(function (res) {
         if (res.code === 'success') {
-          _this10.$set(_this10.vo, model, res.body.data);
-          _this10.encrypted = false;
+          _this11.$set(_this11.vo, model, res.body.data);
+          _this11.encrypted = false;
         } else {
-          _this10.$alert(res.message, {
+          _this11.$alert(res.message, {
             type: 'error'
           });
         }
@@ -271277,15 +271732,15 @@ var FormItemvue_type_script_lang_js_moment = __webpack_require__(95093);
       this.onFileItemClick(this.formItem);
     },
     autoSetFieldValue: function autoSetFieldValue() {
-      var _this11 = this;
+      var _this12 = this;
       this.vo.passenger.saveNoValidation = true;
       if (this.formItem.isRequired === 1 && this.vo[this.formItem.propName] === null) {
         if (this.formItem.propType === 'String') {
           this.vo[this.formItem.propName] = '';
         } else if (this.formItem.elementType === 'radio' || this.formItem.elementType === 'select' || this.formItem.elementType === 'checkbox') {
           this.formItem.formatterMap.forEach(function (item) {
-            if (_this11.vo[_this11.formItem.propName] === null) {
-              _this11.vo[_this11.formItem.propName] = item.value;
+            if (_this12.vo[_this12.formItem.propName] === null) {
+              _this12.vo[_this12.formItem.propName] = item.value;
             }
           });
         }
@@ -271295,13 +271750,13 @@ var FormItemvue_type_script_lang_js_moment = __webpack_require__(95093);
 });
 ;// CONCATENATED MODULE: ./packages/ecwapp/Basicform/src/FormItem.vue?vue&type=script&lang=js
  /* harmony default export */ var src_FormItemvue_type_script_lang_js = (FormItemvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwapp/Basicform/src/FormItem.vue?vue&type=style&index=0&id=4e8271fe&prod&lang=scss
-var FormItemvue_type_style_index_0_id_4e8271fe_prod_lang_scss = __webpack_require__(4885);
-;// CONCATENATED MODULE: ./packages/ecwapp/Basicform/src/FormItem.vue?vue&type=style&index=0&id=4e8271fe&prod&lang=scss
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwapp/Basicform/src/FormItem.vue?vue&type=style&index=0&id=324e710e&prod&lang=scss
+var FormItemvue_type_style_index_0_id_324e710e_prod_lang_scss = __webpack_require__(10392);
+;// CONCATENATED MODULE: ./packages/ecwapp/Basicform/src/FormItem.vue?vue&type=style&index=0&id=324e710e&prod&lang=scss
 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwapp/Basicform/src/FormItem.vue?vue&type=style&index=1&id=4e8271fe&prod&lang=scss&scoped=true
-var FormItemvue_type_style_index_1_id_4e8271fe_prod_lang_scss_scoped_true = __webpack_require__(72569);
-;// CONCATENATED MODULE: ./packages/ecwapp/Basicform/src/FormItem.vue?vue&type=style&index=1&id=4e8271fe&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./packages/ecwapp/Basicform/src/FormItem.vue?vue&type=style&index=1&id=324e710e&prod&lang=scss&scoped=true
+var FormItemvue_type_style_index_1_id_324e710e_prod_lang_scss_scoped_true = __webpack_require__(28452);
+;// CONCATENATED MODULE: ./packages/ecwapp/Basicform/src/FormItem.vue?vue&type=style&index=1&id=324e710e&prod&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./packages/ecwapp/Basicform/src/FormItem.vue
 
@@ -271315,11 +271770,11 @@ var FormItemvue_type_style_index_1_id_4e8271fe_prod_lang_scss_scoped_true = __we
 
 var FormItem_component = (0,componentNormalizer/* default */.A)(
   src_FormItemvue_type_script_lang_js,
-  FormItemvue_type_template_id_4e8271fe_scoped_true_render,
-  FormItemvue_type_template_id_4e8271fe_scoped_true_staticRenderFns,
+  FormItemvue_type_template_id_324e710e_scoped_true_render,
+  FormItemvue_type_template_id_324e710e_scoped_true_staticRenderFns,
   false,
   null,
-  "4e8271fe",
+  "324e710e",
   null
   
 )
@@ -283226,7 +283681,7 @@ var asyncComponents = [
     return m.EditorConfig;
   });
 }], ['DataDictForm', function () {
-  return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 34719)).then(function (m) {
+  return Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 71634)).then(function (m) {
     return m.DataDictForm;
   });
 }],