imeik-bizui 2.3.6 → 2.3.8

package/dist/bizui/api/permission.js

@@ -22,4 +22,4 @@ export function listDepartmentWithVirtual(params) {
     method: 'get',
     params
   })
-}
+}

package/dist/bizui/api/user.js

@@ -10,6 +10,17 @@ export function courseSelector(data) {
   })
 }
 
+/**
+ * 部门列表
+ */
+export function qxcollegeDepartmentList(params) {
+  return request({
+    url: '/qxcollege/admin/department/list',
+    method: 'get',
+    params
+  })
+}
+
 // 部门选择器
 export function departmentSelector(data) {
   return request({

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

@@ -1,5 +1,5 @@
 <!--
-  部门级联选择器组件
+  部门级联选择器组件，默认会有虚拟父节点，方便部门选择器使用，通过noVirtual属性不展示虚拟父节点，方便放在其他场景里使用
 
   用途：
   1. 支持企业微信移动端和PC端展示
@@ -22,6 +22,7 @@
   onlyMainCompany: 是否只展示主公司 爱美客信息技术 这个为true可以提高性能，很多数据可以不用处理了
   specificOrgCode: 指定某个部门节点 如果要制定展示某个部门的数据 通过制定这个属性 比如市场发展中心为virtual-A03
   hasRoot: 指定某个部门节点以后是否展示根节点 有时候根节点只有一项 不想展示可以指定为false
+  noVirtual: 不展示虚拟父节点，方便放在其他场景里使用
 
   使用示例：
   <CommonDepartmentCascader
@@ -92,6 +93,7 @@
 <script>
 import emitter from 'element-ui/src/mixins/emitter'
 import { listDepartmentWithVirtual } from '../../api/permission'
+import { qxcollegeDepartmentList } from '../../api/user'
 
 /**
  * 部门级联选择器组件
@@ -193,6 +195,14 @@ export default {
     }
   },
   computed: {
+    /**
+     * 不展示虚拟父节点
+     * 默认展示，方便部门选择器使用，如果不展示虚拟父节点，方便放在其他场景里使用
+     */
+    noVirtual() {
+      return !!this.$attrs.noVirtual
+    },
+
     /**
      * 判断当前环境是否为企业微信移动端，企微移动端禁止了浏览器的下载功能
      * 这时候不展示下载按钮即可
@@ -204,6 +214,23 @@ export default {
       return result
     },
 
+    /**
+     * 子节点字段
+     */
+    childField() {
+      return this.noVirtual ? 'childList' : 'childDepartments'
+    },
+
+    /**
+     * 值字段
+     */
+    valueField() {
+      if (this.propValue !== 'departmentCode') {
+        return this.propValue
+      }
+      return this.noVirtual ? 'objectCode' : 'departmentCode'
+    },
+
     /**
      * 级联选择器配置
      */
@@ -211,8 +238,8 @@ export default {
       return {
         multiple: this.multiple,
         label: 'departmentName',
-        value: this.propValue,
-        children: 'childDepartments',
+        value: this.valueField,
+        children: this.childField,
         emitPath: this.emitPath,
         expandTrigger: this.expandTrigger,
         checkStrictly: this.checkStrictly
@@ -260,8 +287,8 @@ export default {
      * 如果hasRoot为false且只有一个根节点,则展示其子节点
      */
     filteredOptions() {
-      if (!this.hasRoot && this.specificOptions && this.specificOptions.length === 1 && this.specificOptions[0] && this.specificOptions[0].childDepartments) {
-        return this.specificOptions[0].childDepartments || []
+      if (!this.hasRoot && this.specificOptions && this.specificOptions.length === 1 && this.specificOptions[0] && this.specificOptions[0][this.childField]) {
+        return this.specificOptions[0][this.childField] || []
       } else {
         return this.specificOptions || []
       }
@@ -332,7 +359,8 @@ export default {
         ...this.extra
       }
       this.optionsLoading = true
-      listDepartmentWithVirtual(params)
+      const requestFn = this.noVirtual ? qxcollegeDepartmentList : listDepartmentWithVirtual
+      requestFn(params)
         .then((res) => {
           if (res.code === 200) {
             if (!res.data) {
@@ -341,6 +369,9 @@ export default {
             let resData = res.data || []
             if (this.onlyMainCompany) {
               resData = resData.filter((item) => {
+                if (this.noVirtual) {
+                  return item.orgCode === '201'
+                }
                 return item.orgCode === 'virtual-201'
               })
             }
@@ -362,13 +393,13 @@ export default {
         if (item.orgCode) {
           this.$set(this.optionMap, item.orgCode, item)
         }
-        if (item[this.propValue]) {
-          this.$set(this.optionMap, item[this.propValue], item)
+        if (item[this.valueField]) {
+          this.$set(this.optionMap, item[this.valueField], item)
         }
-        if (item.childDepartments && item.childDepartments.length) {
-          this.dealList(item.childDepartments)
+        if (item && item[this.childField] && item[this.childField].length) {
+          this.dealList(item[this.childField])
         } else {
-          delete item.childDepartments
+          delete item[this.childField]
         }
         return item
       })