| 1 |
- {"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"]}]}
|
