{"remainingRequest":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js??ref--0-2!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\organTree.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\organTree.vue","mtime":1663828782926},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js","mtime":1540864632000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    name: 'organTree',\r\n    props: ['buildingType', 'clearRoom'],\r\n    data() {\r\n        return {\r\n            filterText: '',\r\n            organList: [],\r\n            defaultProps: {\r\n                children: 'children',\r\n                label: 'name'\r\n            }\r\n        };\r\n    },\r\n    watch: {\r\n        filterText(val) {\r\n            this.$refs.tree.filter(val);\r\n        }\r\n    },\r\n    methods: {\r\n        getOrgTreeList() {\r\n            this.$http\r\n                .get('/sc-community/assets/tree/community/find', { buildingType: this.buildingType })\r\n                .then(({ status, data, msg }) => {\r\n                    if (status === 0 && data) {\r\n                        this.dimension(data);\r\n                        this.organList = data;\r\n                        // 过滤房间\r\n                        if (this.clearRoom) {\r\n                            this.clearRoomToggle(data);\r\n                        }\r\n                        this.$nextTick().then(() => {\r\n                            const firstNode = document.querySelector('.el-tree-node');\r\n                            firstNode.click();\r\n                        });\r\n                    }\r\n                });\r\n        },\r\n        dimension(arr) {\r\n            arr.map((item, index) => {\r\n                if (!!item.children) {\r\n                    this.dimension(item.children);\r\n                    if (item.type == 'unit') {\r\n                        item.name = this.CheckChinese(item.name, '单元');\r\n                    } else if (item.type == 'building') {\r\n                        item.name = this.CheckChinese(item.name, '楼栋');\r\n                    }\r\n                }\r\n            });\r\n        },\r\n        clearRoomToggle(arr) {\r\n            arr.map((item, index) => {\r\n                if (item.type == 'unit') {\r\n                    item.children = null;\r\n                    return;\r\n                } else if (item.type !== 'room') {\r\n                    this.clearRoomToggle(item.children);\r\n                } else if (item.type == 'room') {\r\n                    arr.splice(index, 1);\r\n                }\r\n            });\r\n        },\r\n        filterNode(value, data) {\r\n            if (!value) return true;\r\n            return data.name.indexOf(value) !== -1;\r\n        },\r\n        treeClick(e) {\r\n            let unitPa = {\r\n                id: e.id,\r\n                communityName: '',\r\n                communityId: '',\r\n                buildingName: '',\r\n                buildingId: '',\r\n                unitName: '',\r\n                unitId: '',\r\n                houseName: '',\r\n                houseId: '',\r\n                type: e.type\r\n            };\r\n            let newValueIds = e.id.split('-');\r\n            let thisObj = this.$refs.tree.getNode(e);\r\n            if (e.type == 'building') {\r\n                unitPa.communityName = thisObj.parent.data.name;\r\n                unitPa.communityId = thisObj.parent.data.value;\r\n                unitPa.buildingName = e.name;\r\n                unitPa.buildingId = e.value;\r\n            } else if (e.type == 'unit') {\r\n                unitPa.communityName = thisObj.parent.parent.data.name;\r\n                unitPa.communityId = thisObj.parent.parent.data.value;\r\n                unitPa.buildingName = thisObj.parent.data.name;\r\n                unitPa.buildingId = thisObj.parent.data.value;\r\n                unitPa.unitName = e.name;\r\n                unitPa.unitId = e.value;\r\n            } else if (e.type == 'room') {\r\n                unitPa.communityName = newValueIds.length == 4 ? thisObj.parent.parent.parent.data.name : thisObj.parent.parent.data.name;\r\n                unitPa.communityId = newValueIds.length == 4 ? thisObj.parent.parent.parent.data.value : thisObj.parent.parent.data.value;\r\n                unitPa.buildingName = newValueIds.length == 4 ? thisObj.parent.parent.data.name : thisObj.parent.data.name;\r\n                unitPa.buildingId = newValueIds.length == 4 ? thisObj.parent.parent.data.value : thisObj.parent.data.value;\r\n                unitPa.unitName = newValueIds.length == 4 ? thisObj.parent.data.name : '';\r\n                unitPa.unitId = newValueIds.length == 4 ? thisObj.parent.data.value : '';\r\n                unitPa.houseName = e.name;\r\n                unitPa.houseId = e.value;\r\n            } else {\r\n                unitPa.communityName = e.name;\r\n                unitPa.communityId = e.value;\r\n            }\r\n\r\n            this.$emit('organId', unitPa);\r\n        },\r\n        CheckChinese(val, name) {\r\n            var reg = new RegExp('[\\\\u4E00-\\\\u9FFF]+', 'g');\r\n            let newVal = val;\r\n            if (!reg.test(val)) {\r\n                newVal = val + name;\r\n            }\r\n            return newVal;\r\n        }\r\n    },\r\n    created() {\r\n        this.getOrgTreeList();\r\n    }\r\n};\r\n",{"version":3,"sources":["organTree.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"organTree.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n    <div class=\"organ-tree\">\r\n        <el-input v-model=\"filterText\" placeholder=\"请输入关键字\" suffix-icon=\"el-icon-search\"></el-input>\r\n        <div class=\"tree-style-box no-scrollbar\">\r\n            <el-tree\r\n                class=\"tree-style\"\r\n                :data=\"organList\"\r\n                ref=\"tree\"\r\n                node-key=\"id\"\r\n                :highlight-current=\"true\"\r\n                :props=\"defaultProps\"\r\n                :expand-on-click-node=\"false\"\r\n                @node-click=\"treeClick\"\r\n                accordion\r\n                :filter-node-method=\"filterNode\"\r\n            >\r\n            </el-tree>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'organTree',\r\n    props: ['buildingType', 'clearRoom'],\r\n    data() {\r\n        return {\r\n            filterText: '',\r\n            organList: [],\r\n            defaultProps: {\r\n                children: 'children',\r\n                label: 'name'\r\n            }\r\n        };\r\n    },\r\n    watch: {\r\n        filterText(val) {\r\n            this.$refs.tree.filter(val);\r\n        }\r\n    },\r\n    methods: {\r\n        getOrgTreeList() {\r\n            this.$http\r\n                .get('/sc-community/assets/tree/community/find', { buildingType: this.buildingType })\r\n                .then(({ status, data, msg }) => {\r\n                    if (status === 0 && data) {\r\n                        this.dimension(data);\r\n                        this.organList = data;\r\n                        // 过滤房间\r\n                        if (this.clearRoom) {\r\n                            this.clearRoomToggle(data);\r\n                        }\r\n                        this.$nextTick().then(() => {\r\n                            const firstNode = document.querySelector('.el-tree-node');\r\n                            firstNode.click();\r\n                        });\r\n                    }\r\n                });\r\n        },\r\n        dimension(arr) {\r\n            arr.map((item, index) => {\r\n                if (!!item.children) {\r\n                    this.dimension(item.children);\r\n                    if (item.type == 'unit') {\r\n                        item.name = this.CheckChinese(item.name, '单元');\r\n                    } else if (item.type == 'building') {\r\n                        item.name = this.CheckChinese(item.name, '楼栋');\r\n                    }\r\n                }\r\n            });\r\n        },\r\n        clearRoomToggle(arr) {\r\n            arr.map((item, index) => {\r\n                if (item.type == 'unit') {\r\n                    item.children = null;\r\n                    return;\r\n                } else if (item.type !== 'room') {\r\n                    this.clearRoomToggle(item.children);\r\n                } else if (item.type == 'room') {\r\n                    arr.splice(index, 1);\r\n                }\r\n            });\r\n        },\r\n        filterNode(value, data) {\r\n            if (!value) return true;\r\n            return data.name.indexOf(value) !== -1;\r\n        },\r\n        treeClick(e) {\r\n            let unitPa = {\r\n                id: e.id,\r\n                communityName: '',\r\n                communityId: '',\r\n                buildingName: '',\r\n                buildingId: '',\r\n                unitName: '',\r\n                unitId: '',\r\n                houseName: '',\r\n                houseId: '',\r\n                type: e.type\r\n            };\r\n            let newValueIds = e.id.split('-');\r\n            let thisObj = this.$refs.tree.getNode(e);\r\n            if (e.type == 'building') {\r\n                unitPa.communityName = thisObj.parent.data.name;\r\n                unitPa.communityId = thisObj.parent.data.value;\r\n                unitPa.buildingName = e.name;\r\n                unitPa.buildingId = e.value;\r\n            } else if (e.type == 'unit') {\r\n                unitPa.communityName = thisObj.parent.parent.data.name;\r\n                unitPa.communityId = thisObj.parent.parent.data.value;\r\n                unitPa.buildingName = thisObj.parent.data.name;\r\n                unitPa.buildingId = thisObj.parent.data.value;\r\n                unitPa.unitName = e.name;\r\n                unitPa.unitId = e.value;\r\n            } else if (e.type == 'room') {\r\n                unitPa.communityName = newValueIds.length == 4 ? thisObj.parent.parent.parent.data.name : thisObj.parent.parent.data.name;\r\n                unitPa.communityId = newValueIds.length == 4 ? thisObj.parent.parent.parent.data.value : thisObj.parent.parent.data.value;\r\n                unitPa.buildingName = newValueIds.length == 4 ? thisObj.parent.parent.data.name : thisObj.parent.data.name;\r\n                unitPa.buildingId = newValueIds.length == 4 ? thisObj.parent.parent.data.value : thisObj.parent.data.value;\r\n                unitPa.unitName = newValueIds.length == 4 ? thisObj.parent.data.name : '';\r\n                unitPa.unitId = newValueIds.length == 4 ? thisObj.parent.data.value : '';\r\n                unitPa.houseName = e.name;\r\n                unitPa.houseId = e.value;\r\n            } else {\r\n                unitPa.communityName = e.name;\r\n                unitPa.communityId = e.value;\r\n            }\r\n\r\n            this.$emit('organId', unitPa);\r\n        },\r\n        CheckChinese(val, name) {\r\n            var reg = new RegExp('[\\\\u4E00-\\\\u9FFF]+', 'g');\r\n            let newVal = val;\r\n            if (!reg.test(val)) {\r\n                newVal = val + name;\r\n            }\r\n            return newVal;\r\n        }\r\n    },\r\n    created() {\r\n        this.getOrgTreeList();\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@assets/css/public-style.scss';\r\n.organ-tree {\r\n    width: rem(260);\r\n    background: #ffffff;\r\n    padding: rem(20);\r\n    box-sizing: border-box;\r\n    float: left;\r\n    height: calc(100vh - #{rem(100)});\r\n    overflow: auto;\r\n    &::before {\r\n        clear: both;\r\n    }\r\n    .tree-style-box {\r\n        margin-top: rem(20);\r\n        max-height: calc(100vh - #{rem(200)});\r\n        overflow: scroll;\r\n    }\r\n    /deep/ .el-tree-node {\r\n        .is-leaf + .el-checkbox .el-checkbox_inner {\r\n            display: inline-block;\r\n        }\r\n        .el-checkbox .el-checkbox_inner {\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n</style>\r\n"]}]}