vue2-client 1.6.4 → 1.6.6

package/src/base-client/components/common/XForm/XFormItem.vue

@@ -406,12 +406,22 @@ export default {
       if (this.attr.keyName && this.attr.keyName.indexOf('logic@') !== -1) {
         this.getData({}, res => {
           this.option = res
+          // 修改时恢复树形选择框选中状态
+          if (this.attr.type === 'treeSelect' && this.attr.queryType !== 'RIGHT_LIKE') {
+            const value = this.form[this.attr.model]
+            if (value) {
+              // 如果数据源中值含'-'，代表是由多个数据源组成的树，需要重新组织新增/编辑时的表单值
+              if (this.option.length > 0 && this.option[0].value.indexOf('-') !== -1) {
+                this.treeSelectValue = this.attr.model + '-' + value
+              } else {
+                this.treeSelectValue = value
+              }
+            } else {
+              this.treeSelectValue = undefined
+            }
+          }
         })
       }
-      // 修改时恢复树形选择框选中状态
-      if (this.attr.type === 'treeSelect' && this.attr.queryType !== 'RIGHT_LIKE') {
-        this.treeSelectValue = this.form[this.attr.model]
-      }
     },
     openChangeOne (status) {
       if (status) {
@@ -503,8 +513,70 @@ export default {
         }
         this.form[this.attr.model] = label
       } else {
-        this.form[this.attr.model] = value
+        // 如果选中值含'-'，代表是由多个数据源组成的树，需要重新组织查询或新增/编辑时的表单
+        if ((value instanceof Array && value.length > 0 && value[0].indexOf('-') !== -1) || (value && value.indexOf('-') !== -1)) {
+          const treeDatas = {}
+          // 单选情况用于新增.修改表单场景，使用extra.triggerNode获取选中节点信息
+          if (!extra.allCheckedNodes) {
+            this.setNodeData(treeDatas, extra.triggerNode)
+          } else {
+            // 多选情况用于查询表单场景，使用extra.allCheckedNodes获取选中节点集合
+            const nodes = extra.allCheckedNodes
+            // 获取任意选中节点的叶子节点的字段名，用于查询时组织查询项的key
+            const name = this.getNodeDataProps(nodes[0])
+            // 获取所有选中节点的叶子节点的value,用于查询时组织查询项的value
+            const values = []
+            for (const node of nodes) {
+              const ref = this.setDataRef(node)
+              if (ref instanceof Array) {
+                for (const nodeRef of ref) {
+                  const keyValue = nodeRef.node.key
+                  values.push(keyValue.substring(keyValue.lastIndexOf('-') + 1))
+                }
+              } else {
+                const keyValue = ref.node.key
+                values.push(keyValue.substring(keyValue.lastIndexOf('-') + 1))
+              }
+            }
+            treeDatas[name] = values
+          }
+          // 移除默认的表单项，将组织好后的表单项合并进表单
+          this.form[this.attr.model] = undefined
+          Object.assign(this.form, treeDatas)
+        } else {
+          // 从单一数据源组成的树可以直接赋值
+          this.form[this.attr.model] = value
+        }
+      }
+    },
+    setDataRef (node) {
+      if (node.children) {
+        return this.setDataRef(node.children)
+      }
+      return node
+    },
+    /**
+     * 组织节点和每层父节点的数据，用于新增/修改时更新表单数据
+     * @param data 组织完成的数据
+     * @param node 节点
+     * @return 返回示例： { parentId: 1, childId: 2 }
+     */
+    setNodeData (data, node) {
+      if (node.value) {
+        const value = node.value
+        const columnsName = value.substring(0, value.indexOf('-'))
+        data[columnsName] = value.substring(value.lastIndexOf('-') + 1)
+        if (node.$parent) {
+          this.setNodeData(data, node.$parent)
+        }
+      }
+    },
+    getNodeDataProps (node) {
+      if (node.children && node.children.length > 0) {
+        return this.getNodeDataProps(node.children[0])
       }
+      const value = node.node.key
+      return value.substring(0, value.indexOf('-'))
     }
   }
 }
@@ -513,7 +585,7 @@ export default {
 <style lang="less" scoped>
 .tree-select {
   /deep/ .ant-select-selection.ant-select-selection--multiple {
-    max-height: 48px;
+    max-height: 32px;
     overflow-y: auto;
   }
 }