| 1 |
- {"remainingRequest":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!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\\babel.config.js","mtime":1663828782900},{"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":["import \"core-js/modules/es6.regexp.constructor\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: 'organTree',\n props: ['buildingType', 'clearRoom'],\n data: function data() {\n return {\n filterText: '',\n organList: [],\n defaultProps: {\n children: 'children',\n label: 'name'\n }\n };\n },\n watch: {\n filterText: function filterText(val) {\n this.$refs.tree.filter(val);\n }\n },\n methods: {\n getOrgTreeList: function getOrgTreeList() {\n var _this = this;\n\n this.$http.get('/sc-community/assets/tree/community/find', {\n buildingType: this.buildingType\n }).then(function (_ref) {\n var status = _ref.status,\n data = _ref.data,\n msg = _ref.msg;\n\n if (status === 0 && data) {\n _this.dimension(data);\n\n _this.organList = data; // 过滤房间\n\n if (_this.clearRoom) {\n _this.clearRoomToggle(data);\n }\n\n _this.$nextTick().then(function () {\n var firstNode = document.querySelector('.el-tree-node');\n firstNode.click();\n });\n }\n });\n },\n dimension: function dimension(arr) {\n var _this2 = this;\n\n arr.map(function (item, index) {\n if (!!item.children) {\n _this2.dimension(item.children);\n\n if (item.type == 'unit') {\n item.name = _this2.CheckChinese(item.name, '单元');\n } else if (item.type == 'building') {\n item.name = _this2.CheckChinese(item.name, '楼栋');\n }\n }\n });\n },\n clearRoomToggle: function clearRoomToggle(arr) {\n var _this3 = this;\n\n arr.map(function (item, index) {\n if (item.type == 'unit') {\n item.children = null;\n return;\n } else if (item.type !== 'room') {\n _this3.clearRoomToggle(item.children);\n } else if (item.type == 'room') {\n arr.splice(index, 1);\n }\n });\n },\n filterNode: function filterNode(value, data) {\n if (!value) return true;\n return data.name.indexOf(value) !== -1;\n },\n treeClick: function treeClick(e) {\n var unitPa = {\n id: e.id,\n communityName: '',\n communityId: '',\n buildingName: '',\n buildingId: '',\n unitName: '',\n unitId: '',\n houseName: '',\n houseId: '',\n type: e.type\n };\n var newValueIds = e.id.split('-');\n var thisObj = this.$refs.tree.getNode(e);\n\n if (e.type == 'building') {\n unitPa.communityName = thisObj.parent.data.name;\n unitPa.communityId = thisObj.parent.data.value;\n unitPa.buildingName = e.name;\n unitPa.buildingId = e.value;\n } else if (e.type == 'unit') {\n unitPa.communityName = thisObj.parent.parent.data.name;\n unitPa.communityId = thisObj.parent.parent.data.value;\n unitPa.buildingName = thisObj.parent.data.name;\n unitPa.buildingId = thisObj.parent.data.value;\n unitPa.unitName = e.name;\n unitPa.unitId = e.value;\n } else if (e.type == 'room') {\n unitPa.communityName = newValueIds.length == 4 ? thisObj.parent.parent.parent.data.name : thisObj.parent.parent.data.name;\n unitPa.communityId = newValueIds.length == 4 ? thisObj.parent.parent.parent.data.value : thisObj.parent.parent.data.value;\n unitPa.buildingName = newValueIds.length == 4 ? thisObj.parent.parent.data.name : thisObj.parent.data.name;\n unitPa.buildingId = newValueIds.length == 4 ? thisObj.parent.parent.data.value : thisObj.parent.data.value;\n unitPa.unitName = newValueIds.length == 4 ? thisObj.parent.data.name : '';\n unitPa.unitId = newValueIds.length == 4 ? thisObj.parent.data.value : '';\n unitPa.houseName = e.name;\n unitPa.houseId = e.value;\n } else {\n unitPa.communityName = e.name;\n unitPa.communityId = e.value;\n }\n\n this.$emit('organId', unitPa);\n },\n CheckChinese: function CheckChinese(val, name) {\n var reg = new RegExp(\"[\\\\u4E00-\\\\u9FFF]+\", 'g');\n var newVal = val;\n\n if (!reg.test(val)) {\n newVal = val + name;\n }\n\n return newVal;\n }\n },\n created: function created() {\n this.getOrgTreeList();\n }\n};",{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAsBA;AACAA,mBADA;AAEAC,sCAFA;AAGAC,MAHA,kBAGA;AACA;AACAC,oBADA;AAEAC,mBAFA;AAGAC;AACAC,4BADA;AAEAC;AAFA;AAHA;AAQA,GAZA;AAaAC;AACAL,cADA,sBACAM,GADA,EACA;AACA;AACA;AAHA,GAbA;AAkBAC;AACAC,kBADA,4BACA;AAAA;;AACA,iBACAC,GADA,CACA,0CADA,EACA;AAAAC;AAAA,OADA,EAEAC,IAFA,CAEA;AAAA;AAAA;AAAA;;AACA;AACA;;AACA,iCAFA,CAGA;;AACA;AACA;AACA;;AACA;AACA;AACAC;AACA,WAHA;AAIA;AACA,OAfA;AAgBA,KAlBA;AAmBAC,aAnBA,qBAmBAC,GAnBA,EAmBA;AAAA;;AACAA;AACA;AACA;;AACA;AACAC;AACA,WAFA,MAEA;AACAA;AACA;AACA;AACA,OATA;AAUA,KA9BA;AA+BAC,mBA/BA,2BA+BAF,GA/BA,EA+BA;AAAA;;AACAA;AACA;AACAC;AACA;AACA,SAHA,MAGA;AACA;AACA,SAFA,MAEA;AACAD;AACA;AACA,OATA;AAUA,KA1CA;AA2CAG,cA3CA,sBA2CAC,KA3CA,EA2CAnB,IA3CA,EA2CA;AACA;AACA;AACA,KA9CA;AA+CAoB,aA/CA,qBA+CAC,CA/CA,EA+CA;AACA;AACAC,gBADA;AAEAC,yBAFA;AAGAC,uBAHA;AAIAC,wBAJA;AAKAC,sBALA;AAMAC,oBANA;AAOAC,kBAPA;AAQAC,qBARA;AASAC,mBATA;AAUAC;AAVA;AAYA;AACA;;AACA;AACAC;AACAA;AACAA;AACAA;AACA,OALA,MAKA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACA,OAPA,MAOA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACA,OATA,MASA;AACAA;AACAA;AACA;;AAEA;AACA,KAzFA;AA0FAC,gBA1FA,wBA0FA1B,GA1FA,EA0FAT,IA1FA,EA0FA;AACA;AACA;;AACA;AACAoC;AACA;;AACA;AACA;AAjGA,GAlBA;AAqHAC,SArHA,qBAqHA;AACA;AACA;AAvHA","names":["name","props","data","filterText","organList","defaultProps","children","label","watch","val","methods","getOrgTreeList","get","buildingType","then","firstNode","dimension","arr","item","clearRoomToggle","filterNode","value","treeClick","e","id","communityName","communityId","buildingName","buildingId","unitName","unitId","houseName","houseId","type","unitPa","CheckChinese","newVal","created"],"sourceRoot":"src/components/common","sources":["organTree.vue"],"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"]}]}
|
