imeik-bizui 2.3.8 → 2.4.0

package/dist/bizui/src/CommonDepartmentCascader/index.vue

@@ -23,6 +23,7 @@
   specificOrgCode: 指定某个部门节点 如果要制定展示某个部门的数据 通过制定这个属性 比如市场发展中心为virtual-A03
   hasRoot: 指定某个部门节点以后是否展示根节点 有时候根节点只有一项 不想展示可以指定为false
   noVirtual: 不展示虚拟父节点，方便放在其他场景里使用
+  showAllLevelsWhenView: 查看的时候是否展示完整路径（如：公司 / 部门 / 子部门）
 
   使用示例：
   <CommonDepartmentCascader
@@ -195,6 +196,14 @@ export default {
     }
   },
   computed: {
+    /**
+     * 查看时每条是否展示完整路径（如：公司 / 部门 / 子部门）
+     * 默认不展示
+     */
+    showAllLevelsWhenView() {
+      return !!this.$attrs.showAllLevelsWhenView
+    },
+
     /**
      * 不展示虚拟父节点
      * 默认展示，方便部门选择器使用，如果不展示虚拟父节点，方便放在其他场景里使用
@@ -249,22 +258,31 @@ export default {
     /**
      * 展示的文本
      * 根据选中的值从optionMap中获取对应的部门名称
+     * showAllLevelsWhenView 为 true 时每条展示完整路径（如：公司 / 部门 / 子部门）
      */
     plantText() {
       const list = []
+      const getDisplayName = (value) => {
+        const item = this.optionMap[value]
+        if (!item) return ''
+        if (this.showAllLevelsWhenView) {
+          const pathNames = this.getDepartmentPath(this.options, value)
+          return pathNames.length ? pathNames.join(' / ') : item.departmentName
+        }
+        return item.departmentName
+      }
 
       if (Array.isArray(this.myValue)) {
+        // emitPath 时 myValue 可能是路径数组的数组，取最后一项为当前节点
         this.myValue.forEach((i) => {
-          const item = this.optionMap[i]
-          if (item) {
-            list.push(item.departmentName)
-          }
+          const value = Array.isArray(i) ? i[i.length - 1] : i
+          const name = getDisplayName(value)
+          if (name) list.push(name)
         })
       } else {
-        const item = this.optionMap[this.myValue]
-        if (item) {
-          list.push(item.departmentName)
-        }
+        const value = Array.isArray(this.myValue) ? this.myValue[this.myValue.length - 1] : this.myValue
+        const name = getDisplayName(value)
+        if (name) list.push(name)
       }
 
       return list.join(', ')
@@ -384,6 +402,32 @@ export default {
         })
     },
 
+    /**
+     * 从根节点到目标节点的部门名称路径
+     * @param {Array} options - 当前层级的节点列表
+     * @param {String|Number} targetValue - 目标节点的值
+     * @param {Array} pathNames - 已收集的路径名称
+     * @returns {Array} 从根到目标节点的名称数组，未找到返回 []
+     */
+    getDepartmentPath(options, targetValue, pathNames = []) {
+      if (!options || !options.length) return []
+      const field = this.childField
+      const valueKey = this.valueField
+      for (let i = 0; i < options.length; i++) {
+        const item = options[i]
+        const name = item.departmentName
+        const nextPath = [...pathNames, name]
+        if (item[valueKey] === targetValue || item.orgCode === targetValue) {
+          return nextPath
+        }
+        if (item[field] && item[field].length) {
+          const found = this.getDepartmentPath(item[field], targetValue, nextPath)
+          if (found.length) return found
+        }
+      }
+      return []
+    },
+
     /**
      * 处理选项
      * 递归处理部门列表,生成optionMap映射表

package/dist/bizui/src/FieldContentDescription/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="page-view">
-    <p v-if="isView">{{ descript }}</p>
+    <p v-if="isView">{{ descript || '-' }}</p>
     <div v-else>
       <p class="bottomText">{{ bottomTextMap }}</p>
       <FieldInput v-model="descript" :attrs="{ ...myAttrs, isView }" @input="onInput"></FieldInput>