bri-components 1.5.22 → 1.6.1

package/src/components/controls/mixins/userAndDepartMixin.js

@@ -1,260 +1,260 @@
-import controlMixin from "./controlMixin.js";
-
-export default {
-    mixins: [
-        controlMixin
-    ],
-    components: {},
-    props: {},
-    data () {
-        return {
-            itemTipRender: undefined,
-            showTipModal: false,
-
-            // 弹框
-            showModal: false,
-            modalInited: false, // 是否是点击过的，第一次点击才开始渲染
-            showModalContent: false,
-
-            loading: false,
-            loadinged: false,
-            departList: [],
-            tmpValList: [],
-
-            // 筛选
-            searchData: {
-                name: ""
-            },
-            // 分页
-            total: 0,
-            pagePropsObj: {
-                page: 1,
-                pagesize: 500
-            },
-
-            operationMap: {
-                canCancel: {
-                    name: "取消",
-                    type: "canCancel",
-                    btnType: "cancel",
-                    event: "clickCancel"
-                },
-                canConfirm: {
-                    name: "确定",
-                    type: "canConfirm",
-                    btnType: "primary",
-                    event: "clickConfirm"
-                }
-            }
-        };
-    },
-    computed: {
-        selfPropsObj () {
-            return {
-                _highSearch: false,
-                _searchString: "",
-
-                _reverseFilter: false, // 反向过滤
-                _userDepartFilterVals: [], // 过滤的数据的第一级选项
-                _cascaderDepartSelectVals: [], // 过滤的数据的级联选项
-                ...(this.selfBasePropsObj || {}),
-
-                ...this.propsObj,
-                ...this.commonDealPropsObj
-            };
-        },
-
-        highSearch () {
-            return this.isInAnySearch ? true : this.selfPropsObj._highSearch;
-        },
-        searchString () {
-            return this.selfPropsObj._searchString;
-        },
-        reverseFilter () {
-            return this.selfPropsObj._reverseFilter;
-        },
-        filterVals () {
-            return this.selfPropsObj._userDepartFilterVals || [];
-        },
-        cascaderVals () {
-            return this.selfPropsObj._cascaderDepartSelectVals || [];
-        },
-
-        selfDepartList () {
-            const loop = (arr = [], filterVals = [], cascaderVals = [], reverseFilter = false) => {
-                arr = cascaderVals.length
-                    ? arr.filter(item => {
-                        return reverseFilter
-                            ? !cascaderVals.some(cascaderItem =>
-                                item.code && cascaderItem.code
-                                    ? item.code.length < cascaderItem.code.length
-                                        ? false
-                                        : item.code.startsWith(cascaderItem.code)
-                                    : false
-                            )
-                            : cascaderVals.some(cascaderItem =>
-                                item.code && cascaderItem.code
-                                    ? item.code.length < cascaderItem.code.length
-                                        ? cascaderItem.code.startsWith(item.code)
-                                        : item.code.startsWith(cascaderItem.code)
-                                    : false
-                        );
-                    })
-                    : filterVals.length
-                        ? arr.filter(item =>
-                            reverseFilter
-                                ? !filterVals.includes(item._key)
-                                : filterVals.includes(item._key)
-                        )
-                        : arr;
-
-                return arr.reduce((newArr, item) => {
-                    return [
-                        ...newArr,
-                        {
-                            ...item,
-                            children: loop(item.children, [], cascaderVals, reverseFilter)
-                        }
-                    ];
-                }, []);
-            };
-
-            return loop(this.departList, this.filterVals, this.cascaderVals, this.reverseFilter);
-            // return loop(this.$deepCopy(this.departList), this.filterVals, this.cascaderVals, this.reverseFilter);
-        },
-        tmpValKeys () {
-            return this.tmpValList.map(item => item._key);
-        },
-        showVal () {
-            return this.$isEmptyData(this.curValShowList)
-                ? this.emptyShowVal
-                : this.curValShowList
-                    .map(item => this.getShowName(item))
-                    .join("、");
-        }
-    },
-    watch: {
-        showModal (newBool) {
-            if (newBool) {
-                this.modalInited = true;
-                this.showModalContent = true;
-                this.tmpValList = this.$deepCopy(this.curValShowList);
-
-                if (this.loadinged !== true) {
-                    this.getData();
-                }
-            } else {
-                // setTimeout(() => {
-                //     this.showModalContent = false;
-                // }, 500);
-            }
-        }
-    },
-    created () { },
-    methods: {
-        // 点击删除某项
-        clickDeleteItem (selectItem) {
-            this.curValList = this.curValList.filter(item => item._key !== selectItem._key);
-        },
-        clickItem (item, index) {
-            this.itemTipRender = this.getItemTipRender(item, index);
-        },
-        getItemTipRender (item, index) {
-            if (this.selfPropsObj._getItemTipRender) {
-                return this.selfPropsObj._getItemTipRender.call(this, item, index, this.selfPropsObj, this.value, this.parentObj);
-            } else {
-                this.showTipModal = true;
-
-                return this.selfPropsObj._openItemTip
-                    ? (h) => {
-                        return h("dsh-modal", {
-                            class: "selectUsers-tip-modal",
-                            props: {
-                                value: this.showTipModal,
-                                mode: "large",
-                                propsObj: {
-                                    title: "温馨提示",
-                                    showSlotClose: false,
-                                    maskClosable: true
-                                }
-                            },
-                            on: {
-                                input: bool => {
-                                    this.showTipModal = bool;
-                                }
-                            }
-                        }, [
-                            h("div", {
-                                class: "wrap"
-                            }, [
-                                h("div", {
-                                    class: "wrap-content",
-                                    domProps: {
-                                        innerHTML: item._tipContent
-                                    }
-                                }),
-
-                                h("div", {
-                                    class: "wrap-btns"
-                                }, [
-                                    h("Button", {
-                                        props: {
-                                            type: "primary"
-                                        },
-                                        on: {
-                                            click: () => {
-                                                this.showTipModal = false;
-                                            }
-                                        }
-                                    }, "我知道了")
-                                ])
-                            ])
-                        ]);
-                    }
-                    : undefined;
-            }
-        },
-
-        /* ---------- 弹框里 --------- */
-        // 搜索
-        search () {
-            this.pagePropsObj.page = 1;
-            this.getListData();
-        },
-        // 弹窗 -选项变化
-        changeSelect (selectItem) {
-            this.tmpValList = this.multipleMode
-                ? this.tmpValKeys.includes(selectItem._key)
-                    ? this.tmpValList.filter(item => item._key !== selectItem._key)
-                    : [...this.tmpValList, selectItem]
-                : selectItem.checked
-                    ? [selectItem]
-                    : [];
-        },
-        // 弹窗 -删除选择项
-        clickDeleteTmpItem (selectItem, selectIndex, list) {
-            list.splice(selectIndex, 1);
-        },
-        // 弹框 -点击取消
-        clickCancel () {
-            this.closeModal();
-        },
-        // 弹框 -点击确认选择
-        clickConfirm () {
-            this.closeModal();
-
-            this.curValList = this.$deepCopy(this.tmpValList);
-        },
-
-        // 处理数据
-        transformShowList (data = [], selectedKeys = []) {
-            return data.map(item => ({
-                ...item,
-                title: item.name,
-                checked: selectedKeys.includes(item._key),
-                expand: !!(item.children && item.children.length && item.level < this.expandLevel),
-                children: this.transformShowList(item.children, selectedKeys)
-            }));
-        }
-    }
-};
+import controlMixin from "./controlMixin.js";
+
+export default {
+    mixins: [
+        controlMixin
+    ],
+    components: {},
+    props: {},
+    data () {
+        return {
+            itemTipRender: undefined,
+            showTipModal: false,
+
+            // 弹框
+            showModal: false,
+            modalInited: false, // 是否是点击过的，第一次点击才开始渲染
+            showModalContent: false,
+
+            loading: false,
+            loadinged: false,
+            departList: [],
+            tmpValList: [],
+
+            // 筛选
+            searchData: {
+                name: ""
+            },
+            // 分页
+            total: 0,
+            pagePropsObj: {
+                page: 1,
+                pagesize: 500
+            },
+
+            operationMap: {
+                canCancel: {
+                    name: "取消",
+                    type: "canCancel",
+                    btnType: "cancel",
+                    event: "clickCancel"
+                },
+                canConfirm: {
+                    name: "确定",
+                    type: "canConfirm",
+                    btnType: "primary",
+                    event: "clickConfirm"
+                }
+            }
+        };
+    },
+    computed: {
+        selfPropsObj () {
+            return {
+                _highSearch: false,
+                _searchString: "",
+
+                _reverseFilter: false, // 反向过滤
+                _userDepartFilterVals: [], // 过滤的数据的第一级选项
+                _cascaderDepartSelectVals: [], // 过滤的数据的级联选项
+                ...(this.selfBasePropsObj || {}),
+
+                ...this.propsObj,
+                ...this.commonDealPropsObj
+            };
+        },
+
+        highSearch () {
+            return this.isInAnySearch ? true : this.selfPropsObj._highSearch;
+        },
+        searchString () {
+            return this.selfPropsObj._searchString;
+        },
+        reverseFilter () {
+            return this.selfPropsObj._reverseFilter;
+        },
+        filterVals () {
+            return this.selfPropsObj._userDepartFilterVals || [];
+        },
+        cascaderVals () {
+            return this.selfPropsObj._cascaderDepartSelectVals || [];
+        },
+
+        selfDepartList () {
+            const loop = (arr = [], filterVals = [], cascaderVals = [], reverseFilter = false) => {
+                arr = cascaderVals.length
+                    ? arr.filter(item => {
+                        return reverseFilter
+                            ? !cascaderVals.some(cascaderItem =>
+                                item.code && cascaderItem.code
+                                    ? item.code.length < cascaderItem.code.length
+                                        ? false
+                                        : item.code.startsWith(cascaderItem.code)
+                                    : false
+                            )
+                            : cascaderVals.some(cascaderItem =>
+                                item.code && cascaderItem.code
+                                    ? item.code.length < cascaderItem.code.length
+                                        ? cascaderItem.code.startsWith(item.code)
+                                        : item.code.startsWith(cascaderItem.code)
+                                    : false
+                        );
+                    })
+                    : filterVals.length
+                        ? arr.filter(item =>
+                            reverseFilter
+                                ? !filterVals.includes(item._key)
+                                : filterVals.includes(item._key)
+                        )
+                        : arr;
+
+                return arr.reduce((newArr, item) => {
+                    return [
+                        ...newArr,
+                        {
+                            ...item,
+                            children: loop(item.children, [], cascaderVals, reverseFilter)
+                        }
+                    ];
+                }, []);
+            };
+
+            return loop(this.departList, this.filterVals, this.cascaderVals, this.reverseFilter);
+            // return loop(this.$deepCopy(this.departList), this.filterVals, this.cascaderVals, this.reverseFilter);
+        },
+        tmpValKeys () {
+            return this.tmpValList.map(item => item._key);
+        },
+        showVal () {
+            return this.$isEmptyData(this.curValShowList)
+                ? this.emptyShowVal
+                : this.curValShowList
+                    .map(item => this.getShowName(item))
+                    .join("、");
+        }
+    },
+    watch: {
+        showModal (newBool) {
+            if (newBool) {
+                this.modalInited = true;
+                this.showModalContent = true;
+                this.tmpValList = this.$deepCopy(this.curValShowList);
+
+                if (this.loadinged !== true) {
+                    this.getData();
+                }
+            } else {
+                // setTimeout(() => {
+                //     this.showModalContent = false;
+                // }, 500);
+            }
+        }
+    },
+    created () { },
+    methods: {
+        // 点击删除某项
+        clickDeleteItem (selectItem) {
+            this.curValList = this.curValList.filter(item => item._key !== selectItem._key);
+        },
+        clickItem (item, index) {
+            this.itemTipRender = this.getItemTipRender(item, index);
+        },
+        getItemTipRender (item, index) {
+            if (this.selfPropsObj._getItemTipRender) {
+                return this.selfPropsObj._getItemTipRender.call(this, item, index, this.selfPropsObj, this.value, this.parentObj);
+            } else {
+                this.showTipModal = true;
+
+                return this.selfPropsObj._openItemTip
+                    ? (h) => {
+                        return h("dsh-modal", {
+                            class: "selectUsers-tip-modal",
+                            props: {
+                                value: this.showTipModal,
+                                mode: "large",
+                                propsObj: {
+                                    title: "温馨提示",
+                                    showSlotClose: false,
+                                    maskClosable: true
+                                }
+                            },
+                            on: {
+                                input: bool => {
+                                    this.showTipModal = bool;
+                                }
+                            }
+                        }, [
+                            h("div", {
+                                class: "wrap"
+                            }, [
+                                h("div", {
+                                    class: "wrap-content",
+                                    domProps: {
+                                        innerHTML: item._tipContent
+                                    }
+                                }),
+
+                                h("div", {
+                                    class: "wrap-btns"
+                                }, [
+                                    h("Button", {
+                                        props: {
+                                            type: "primary"
+                                        },
+                                        on: {
+                                            click: () => {
+                                                this.showTipModal = false;
+                                            }
+                                        }
+                                    }, "我知道了")
+                                ])
+                            ])
+                        ]);
+                    }
+                    : undefined;
+            }
+        },
+
+        /* ---------- 弹框里 --------- */
+        // 搜索
+        search () {
+            this.pagePropsObj.page = 1;
+            this.getListData();
+        },
+        // 弹窗 -选项变化
+        changeSelect (selectItem) {
+            this.tmpValList = this.multipleMode
+                ? this.tmpValKeys.includes(selectItem._key)
+                    ? this.tmpValList.filter(item => item._key !== selectItem._key)
+                    : [...this.tmpValList, selectItem]
+                : selectItem.checked
+                    ? [selectItem]
+                    : [];
+        },
+        // 弹窗 -删除选择项
+        clickDeleteTmpItem (selectItem, selectIndex, list) {
+            list.splice(selectIndex, 1);
+        },
+        // 弹框 -点击取消
+        clickCancel () {
+            this.closeModal();
+        },
+        // 弹框 -点击确认选择
+        clickConfirm () {
+            this.closeModal();
+
+            this.curValList = this.$deepCopy(this.tmpValList);
+        },
+
+        // 处理数据
+        transformShowList (data = [], selectedKeys = []) {
+            return data.map(item => ({
+                ...item,
+                title: item.name,
+                checked: selectedKeys.includes(item._key),
+                expand: !!(item.children && item.children.length && item.level < this.expandLevel),
+                children: this.transformShowList(item.children, selectedKeys)
+            }));
+        }
+    }
+};