| 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\\treeHouse.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\components\\common\\treeHouse.vue","mtime":1663828782927},{"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.number.constructor\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: 'treeHouse',\n props: {\n buildingType: {\n type: String,\n default: 'buildingType'\n },\n showCheckboxTree: {\n //显示多选框\n type: Boolean,\n default: false\n },\n disabledHouse: {\n type: Boolean,\n default: true\n },\n disabledPeople: {\n type: Boolean,\n default: true\n },\n defaultExpandAllTree: {\n //是否默认展开所有节点\n type: Boolean,\n default: true\n },\n showHouseTree: {\n //显示房间树\n type: Boolean,\n default: true\n },\n accordion: {\n //房间展开手风琴\n type: Boolean,\n default: false\n },\n accordionPeople: {\n //人员展开手风琴\n type: Boolean,\n default: false\n },\n prevDetailData: {\n type: Array,\n default: function _default() {\n return [];\n }\n }\n },\n data: function data() {\n return {\n //输入框获得焦点\n inputFocueHouse: false,\n inputFocuePeople: false,\n index: 99,\n filterText: '',\n selectHouse: '',\n selectPeople: '',\n organList: [],\n dataPeopleList: [],\n defaultSelectAll: [],\n defaultProps: {\n children: 'children',\n label: 'name'\n },\n defaultPropsPeople: {\n children: 'children',\n label: 'label'\n }\n };\n },\n watch: {\n selectHouse: function selectHouse(val) {// this.$refs.tree.filter(val);\n } // dataPeopleList(val) {\n // console.log('====================================');\n // console.log('dataPeopleList', val);\n // console.log('====================================');\n // this.$refs.tree.filter(val);\n // }\n\n },\n computed: {},\n methods: {\n // 输入框获得焦点\n inputFocue: function inputFocue(val) {\n this.index++;\n console.log('输入框获得焦点', val);\n this.inputFocueHouse = true;\n this.inputFocuePeople = false;\n },\n inputFocues: function inputFocues() {\n this.index++;\n console.log('输入框获得焦点inputFocues');\n this.inputFocueHouse = false;\n this.inputFocuePeople = true;\n },\n endBtn: function endBtn() {\n this.inputFocueHouse = false;\n this.inputFocuePeople = false;\n },\n // 过滤选中的社区下的房间\n filterhouse: function filterhouse(val, datas) {\n var array = datas;\n var data;\n\n for (var index = 0; index < array.length; index++) {\n var element = array[index];\n\n if (element.id == val && element.children) {\n data = element.children;\n }\n }\n\n this.organList = data; // this.defaultSelectAll = data;\n // this.selectAllHouse();\n // this.clickCheckTree();\n\n console.log('this.$refs.tree.setCheckedNodes(this.organList);', this.organList);\n },\n // 选中所有房间\n selectAllHouse: function selectAllHouse() {\n var _this = this;\n\n this.$nextTick(function () {\n _this.$refs.tree.setCheckedNodes(_this.organList);\n\n _this.clickCheckTree();\n });\n },\n // 选中指定房间\n selectHouseOr: function selectHouseOr() {\n var _this2 = this;\n\n this.$nextTick(function () {\n _this2.$refs.tree.setCheckedKeys([]);\n\n _this2.clickCheckTree();\n });\n },\n // 选中所有人员\n selectAllPeople: function selectAllPeople() {\n var _this3 = this;\n\n this.$nextTick(function () {\n _this3.$refs.treePeople.setCheckedNodes(_this3.dataPeopleList);\n\n _this3.clickCheckTreePeople();\n });\n },\n // 选中指定人员\n selectPeopleOr: function selectPeopleOr() {\n var _this4 = this;\n\n this.$nextTick(function () {\n _this4.$refs.treePeople.setCheckedKeys([]);\n\n _this4.clickCheckTreePeople();\n });\n },\n // 获取房间\n getOrgTreeList: function getOrgTreeList() {\n var _this5 = this;\n\n this.houseNames = [];\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 _this5.organList = data;\n }\n });\n },\n // 获取人员\n getPeopleList: function getPeopleList() {\n var _this6 = this;\n\n this.$http.get('/sc-user-center/user/findUserList').then(function (_ref2) {\n var status = _ref2.status,\n data = _ref2.data,\n msg = _ref2.msg;\n\n if (status === 0) {\n _this6.dataPeopleList = data;\n\n _this6.$emit('dataPeople', data);\n } else {\n _this6.$message(warning, msg);\n } // console.log('获取人员', data);\n\n });\n },\n getSelect: function getSelect(data) {\n var str = [];\n\n var getStr = function getStr(list) {\n list.forEach(function (row) {\n if (row.children) {\n getStr(row.children);\n } else {\n str.push(row.value);\n }\n });\n };\n\n getStr(data);\n return str;\n console.log('getStr', str);\n },\n // 多选框返回选中房间的数据\n clickCheckTree: function clickCheckTree(val) {\n var tree = this.$refs.tree;\n var nameArr = [];\n var array = tree.getCheckedNodes();\n\n for (var index = 0; index < array.length; index++) {\n var element = array[index];\n nameArr.push(element.name);\n\n if (Array.isArray(element) && element.length > 0) {\n nameArr.push(element.name);\n }\n } // 输入框显示的房间\n\n\n this.selectHouse = nameArr;\n var arr = [];\n array.forEach(function (item) {\n if (item.type === 'room' && Number(item.value) !== String) {\n arr.push(Number(item.value));\n }\n });\n var obj = {};\n obj.userList = arr;\n obj.checkData = array; // console.log('多选框返回选中房间的数据', array);\n // 选中的房间id\n\n this.$emit('selectData', obj);\n },\n // 多选框返回选中人员的数据\n clickCheckTreePeople: function clickCheckTreePeople(val) {\n var nameArr = [];\n var tree = this.$refs.treePeople;\n var array = tree.getCheckedNodes();\n\n for (var index = 0; index < array.length; index++) {\n var element = array[index];\n nameArr.push(element.label);\n\n if (Array.isArray(element) && element.length > 0) {\n nameArr.push(element.label);\n }\n }\n\n var checkDatas = tree.getCheckedNodes();\n var a = [];\n\n for (var i in checkDatas) {\n if (checkDatas[i].children == null) {\n a.push(checkDatas[i].id);\n }\n }\n\n var obj = {};\n obj.userList = a;\n obj.checkData = array; // console.log('多选框返回选中人员的数据', JSON.stringify(checkDatas));\n // 输入框显示的人员\n\n this.selectPeople = nameArr.toString(); // 选中的人员id\n\n this.$emit('selectPeople', obj);\n },\n filterNode: function filterNode(value, data) {\n if (!value) return true;\n return data.name.indexOf(value) !== -1;\n },\n filterNodePeople: function filterNodePeople(value, data) {\n if (!value) return true;\n return data.label.indexOf(value) !== -1;\n }\n },\n created: function created() {\n this.getOrgTreeList();\n this.getPeopleList();\n }\n};",{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EA;AACAA,mBADA;AAEAC;AACAC;AAAAC;AAAAC;AAAA,KADA;AAEAC;AACA;AACAF,mBAFA;AAGAC;AAHA,KAFA;AAOAE;AACAH,mBADA;AAEAC;AAFA,KAPA;AAWAG;AACAJ,mBADA;AAEAC;AAFA,KAXA;AAeAI;AACA;AACAL,mBAFA;AAGAC;AAHA,KAfA;AAoBAK;AACA;AACAN,mBAFA;AAGAC;AAHA,KApBA;AA0BAM;AACA;AACAP,mBAFA;AAGAC;AAHA,KA1BA;AA+BAO;AACA;AACAR,mBAFA;AAGAC;AAHA,KA/BA;AAoCAQ;AACAT,iBADA;AAEAC,aAFA,sBAEA;AACA;AACA;AAJA;AApCA,GAFA;AA6CAS,MA7CA,kBA6CA;AACA;AACA;AACAC,4BAFA;AAGAC,6BAHA;AAIAC,eAJA;AAKAC,oBALA;AAMAC,qBANA;AAOAC,sBAPA;AAQAC,mBARA;AASAC,wBATA;AAUAC,0BAVA;AAWAC;AACAC,4BADA;AAEAC;AAFA,OAXA;AAeAC;AACAF,4BADA;AAEAC;AAFA;AAfA;AAoBA,GAlEA;AAmEAE;AACAT,eADA,uBACAU,GADA,EACA,CACA;AACA,KAHA,CAIA;AACA;AACA;AACA;AACA;AACA;;AATA,GAnEA;AA8EAC,cA9EA;AA+EAC;AACA;AACAC,cAFA,sBAEAH,GAFA,EAEA;AACA;AACAI;AACA;AACA;AACA,KAPA;AAQAC,eARA,yBAQA;AACA;AACAD;AACA;AACA;AACA,KAbA;AAcAE,UAdA,oBAcA;AACA;AACA;AACA,KAjBA;AAkBA;AACAC,eAnBA,uBAmBAP,GAnBA,EAmBAQ,KAnBA,EAmBA;AACA;AACA;;AACA;AACA;;AACA;AACAvB;AACA;AACA;;AACA,4BATA,CAUA;AACA;AACA;;AACAmB;AACA,KAjCA;AAmCA;AACAK,kBApCA,4BAoCA;AAAA;;AACA;AACA;;AACA;AACA,OAHA;AAIA,KAzCA;AA0CA;AACAC,iBA3CA,2BA2CA;AAAA;;AACA;AACA;;AACA;AACA,OAHA;AAIA,KAhDA;AAiDA;AACAC,mBAlDA,6BAkDA;AAAA;;AACA;AACA;;AACA;AACA,OAHA;AAIA,KAvDA;AAwDA;AACAC,kBAzDA,4BAyDA;AAAA;;AACA;AACA;;AACA;AACA,OAHA;AAIA,KA9DA;AA+DA;AACAC,kBAhEA,4BAgEA;AAAA;;AACA;AACA,iBACAC,GADA,CACA,0CADA,EACA;AAAAxC;AAAA,OADA,EAEAyC,IAFA,CAEA;AAAA;AAAA;AAAA;;AACA;AACA;AACA;AACA,OANA;AAOA,KAzEA;AA0EA;AACAC,iBA3EA,2BA2EA;AAAA;;AACA;AAAA;AAAA;AAAA;;AACA;AACA;;AACA;AACA,SAHA,MAGA;AACA;AACA,SANA,CAOA;;AACA,OARA;AASA,KArFA;AAsFAC,aAtFA,qBAsFAhC,IAtFA,EAsFA;AACA;;AACA;AACAiC;AACA;AACAC;AACA,WAFA,MAEA;AACAC;AACA;AACA,SANA;AAOA,OARA;;AASAD;AACA;AACAf;AACA,KApGA;AAqGA;AACAiB,kBAtGA,0BAsGArB,GAtGA,EAsGA;AACA;AACA;AACA;;AACA;AACA;AACAsB;;AACA;AACAA;AACA;AACA,OAVA,CAWA;;;AACA;AACA;AACAC;AACA;AACAC;AACA;AACA,OAJA;AAKA;AACAC;AACAA,4BArBA,CAsBA;AACA;;AACA;AACA,KA/HA;AAgIA;AACAC,wBAjIA,gCAiIA1B,GAjIA,EAiIA;AACA;AACA;AACA;;AACA;AACA;AACAsB;;AACA;AACAA;AACA;AACA;;AACA;AACA;;AACA;AACA;AACAK;AACA;AACA;;AACA;AACAF;AACAA,4BApBA,CAqBA;AACA;;AACA,6CAvBA,CAwBA;;AACA;AACA,KA3JA;AA4JAG,cA5JA,sBA4JAC,KA5JA,EA4JA5C,IA5JA,EA4JA;AACA;AACA;AACA,KA/JA;AAgKA6C,oBAhKA,4BAgKAD,KAhKA,EAgKA5C,IAhKA,EAgKA;AACA;AACA;AACA;AAnKA,GA/EA;AAoPA8C,SApPA,qBAoPA;AACA;AACA;AACA;AAvPA","names":["name","props","buildingType","type","default","showCheckboxTree","disabledHouse","disabledPeople","defaultExpandAllTree","showHouseTree","accordion","accordionPeople","prevDetailData","data","inputFocueHouse","inputFocuePeople","index","filterText","selectHouse","selectPeople","organList","dataPeopleList","defaultSelectAll","defaultProps","children","label","defaultPropsPeople","watch","val","computed","methods","inputFocue","console","inputFocues","endBtn","filterhouse","datas","selectAllHouse","selectHouseOr","selectAllPeople","selectPeopleOr","getOrgTreeList","get","then","getPeopleList","getSelect","list","getStr","str","clickCheckTree","nameArr","array","arr","obj","clickCheckTreePeople","a","filterNode","value","filterNodePeople","created"],"sourceRoot":"src/components/common","sources":["treeHouse.vue"],"sourcesContent":["<template>\r\n <div class=\"organ-trees-view\">\r\n <div v-if=\"showHouseTree\">\r\n <div>\r\n <el-input v-model=\"filterText\" v-if=\"!showCheckboxTree\" placeholder=\"请输入关键字\" suffix-icon=\"el-icon-search\"></el-input>\r\n <el-input\r\n v-model=\"selectHouse\"\r\n placeholder=\"选择的房间\"\r\n @focus=\"inputFocue('house')\"\r\n maxlength=\"10\"\r\n suffix-icon=\"el-icon-search\"\r\n v-else\r\n ></el-input>\r\n </div>\r\n <div class=\"tree-house-style-box\" v-show=\"inputFocueHouse\" :style=\"{ 'z-index': inputFocueHouse ? index : 0 }\">\r\n <GeminiScrollbar class=\"my-scroll-bar\" :autoshow=\"true\">\r\n <el-tree\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 @check=\"clickCheckTree\"\r\n :default-expand-all=\"defaultExpandAllTree\"\r\n :filter-node-method=\"filterNode\"\r\n :show-checkbox=\"showCheckboxTree\"\r\n :accordion=\"accordion\"\r\n :prevDetailData=\"prevDetailData\"\r\n :default-expanded-keys=\"defaultSelectAll\"\r\n :check-on-click-node=\"true\"\r\n >\r\n </el-tree>\r\n </GeminiScrollbar>\r\n <div class=\"end-btn\">\r\n <el-button type=\"plain\" @click=\"endBtn\" size=\"mini\">取消</el-button>\r\n <el-button type=\"primary\" @click=\"endBtn\" size=\"mini\">确定</el-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div>\r\n <el-input\r\n v-show=\"!showHouseTree\"\r\n v-model=\"selectPeople\"\r\n placeholder=\"选择的人员\"\r\n maxlength=\"10\"\r\n @focus=\"inputFocues()\"\r\n suffix-icon=\"el-icon-search\"\r\n ></el-input>\r\n <div class=\"transfer-style-box\" v-show=\"inputFocuePeople\" :style=\"{ 'z-index': inputFocuePeople ? index : 0 }\">\r\n <GeminiScrollbar class=\"my-scroll-bar\" :autoshow=\"true\">\r\n <el-tree\r\n :data=\"dataPeopleList\"\r\n ref=\"treePeople\"\r\n node-key=\"id\"\r\n :highlight-current=\"true\"\r\n :props=\"defaultPropsPeople\"\r\n :expand-on-click-node=\"false\"\r\n @check=\"clickCheckTreePeople\"\r\n :default-expand-all=\"defaultExpandAllTree\"\r\n :filter-node-method=\"filterNodePeople\"\r\n :show-checkbox=\"showCheckboxTree\"\r\n :accordion=\"accordionPeople\"\r\n :selectAll=\"selectAll\"\r\n :prevDetailData=\"prevDetailData\"\r\n :check-on-click-node=\"true\"\r\n >\r\n </el-tree>\r\n </GeminiScrollbar>\r\n <div class=\"end-btn\">\r\n <el-button type=\"plain\" @click=\"endBtn\" size=\"mini\">取消</el-button>\r\n <el-button type=\"primary\" @click=\"endBtn\" size=\"mini\">确定</el-button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'treeHouse',\r\n props: {\r\n buildingType: { type: String, default: 'buildingType' },\r\n showCheckboxTree: {\r\n //显示多选框\r\n type: Boolean,\r\n default: false\r\n },\r\n disabledHouse: {\r\n type: Boolean,\r\n default: true\r\n },\r\n disabledPeople: {\r\n type: Boolean,\r\n default: true\r\n },\r\n defaultExpandAllTree: {\r\n //是否默认展开所有节点\r\n type: Boolean,\r\n default: true\r\n },\r\n showHouseTree: {\r\n //显示房间树\r\n type: Boolean,\r\n default: true\r\n },\r\n\r\n accordion: {\r\n //房间展开手风琴\r\n type: Boolean,\r\n default: false\r\n },\r\n accordionPeople: {\r\n //人员展开手风琴\r\n type: Boolean,\r\n default: false\r\n },\r\n prevDetailData: {\r\n type: Array,\r\n default() {\r\n return [];\r\n }\r\n }\r\n },\r\n data() {\r\n return {\r\n //输入框获得焦点\r\n inputFocueHouse: false,\r\n inputFocuePeople: false,\r\n index: 99,\r\n filterText: '',\r\n selectHouse: '',\r\n selectPeople: '',\r\n organList: [],\r\n dataPeopleList: [],\r\n defaultSelectAll: [],\r\n defaultProps: {\r\n children: 'children',\r\n label: 'name'\r\n },\r\n defaultPropsPeople: {\r\n children: 'children',\r\n label: 'label'\r\n }\r\n };\r\n },\r\n watch: {\r\n selectHouse(val) {\r\n // this.$refs.tree.filter(val);\r\n }\r\n // dataPeopleList(val) {\r\n // console.log('====================================');\r\n // console.log('dataPeopleList', val);\r\n // console.log('====================================');\r\n // this.$refs.tree.filter(val);\r\n // }\r\n },\r\n computed: {},\r\n methods: {\r\n // 输入框获得焦点\r\n inputFocue(val) {\r\n this.index++;\r\n console.log('输入框获得焦点', val);\r\n this.inputFocueHouse = true;\r\n this.inputFocuePeople = false;\r\n },\r\n inputFocues() {\r\n this.index++;\r\n console.log('输入框获得焦点inputFocues');\r\n this.inputFocueHouse = false;\r\n this.inputFocuePeople = true;\r\n },\r\n endBtn() {\r\n this.inputFocueHouse = false;\r\n this.inputFocuePeople = false;\r\n },\r\n // 过滤选中的社区下的房间\r\n filterhouse(val, datas) {\r\n let array = datas;\r\n let data;\r\n for (let index = 0; index < array.length; index++) {\r\n const element = array[index];\r\n if (element.id == val && element.children) {\r\n data = element.children;\r\n }\r\n }\r\n this.organList = data;\r\n // this.defaultSelectAll = data;\r\n // this.selectAllHouse();\r\n // this.clickCheckTree();\r\n console.log('this.$refs.tree.setCheckedNodes(this.organList);', this.organList);\r\n },\r\n\r\n // 选中所有房间\r\n selectAllHouse() {\r\n this.$nextTick(() => {\r\n this.$refs.tree.setCheckedNodes(this.organList);\r\n this.clickCheckTree();\r\n });\r\n },\r\n // 选中指定房间\r\n selectHouseOr() {\r\n this.$nextTick(() => {\r\n this.$refs.tree.setCheckedKeys([]);\r\n this.clickCheckTree();\r\n });\r\n },\r\n // 选中所有人员\r\n selectAllPeople() {\r\n this.$nextTick(() => {\r\n this.$refs.treePeople.setCheckedNodes(this.dataPeopleList);\r\n this.clickCheckTreePeople();\r\n });\r\n },\r\n // 选中指定人员\r\n selectPeopleOr() {\r\n this.$nextTick(() => {\r\n this.$refs.treePeople.setCheckedKeys([]);\r\n this.clickCheckTreePeople();\r\n });\r\n },\r\n // 获取房间\r\n getOrgTreeList() {\r\n this.houseNames = [];\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.organList = data;\r\n }\r\n });\r\n },\r\n // 获取人员\r\n getPeopleList() {\r\n this.$http.get('/sc-user-center/user/findUserList').then(({ status, data, msg }) => {\r\n if (status === 0) {\r\n this.dataPeopleList = data;\r\n this.$emit('dataPeople', data);\r\n } else {\r\n this.$message(warning, msg);\r\n }\r\n // console.log('获取人员', data);\r\n });\r\n },\r\n getSelect(data) {\r\n var str = [];\r\n const getStr = function (list) {\r\n list.forEach(function (row) {\r\n if (row.children) {\r\n getStr(row.children);\r\n } else {\r\n str.push(row.value);\r\n }\r\n });\r\n };\r\n getStr(data);\r\n return str;\r\n console.log('getStr', str);\r\n },\r\n // 多选框返回选中房间的数据\r\n clickCheckTree(val) {\r\n let tree = this.$refs.tree;\r\n let nameArr = [];\r\n let array = tree.getCheckedNodes();\r\n for (let index = 0; index < array.length; index++) {\r\n const element = array[index];\r\n nameArr.push(element.name);\r\n if (Array.isArray(element) && element.length > 0) {\r\n nameArr.push(element.name);\r\n }\r\n }\r\n // 输入框显示的房间\r\n this.selectHouse = nameArr;\r\n var arr = [];\r\n array.forEach(function (item) {\r\n if (item.type === 'room' && Number(item.value) !== String) {\r\n arr.push(Number(item.value));\r\n }\r\n });\r\n let obj = {};\r\n obj.userList = arr;\r\n obj.checkData = array;\r\n // console.log('多选框返回选中房间的数据', array);\r\n // 选中的房间id\r\n this.$emit('selectData', obj);\r\n },\r\n // 多选框返回选中人员的数据\r\n clickCheckTreePeople(val) {\r\n let nameArr = [];\r\n let tree = this.$refs.treePeople;\r\n let array = tree.getCheckedNodes();\r\n for (let index = 0; index < array.length; index++) {\r\n const element = array[index];\r\n nameArr.push(element.label);\r\n if (Array.isArray(element) && element.length > 0) {\r\n nameArr.push(element.label);\r\n }\r\n }\r\n let checkDatas = tree.getCheckedNodes();\r\n var a = [];\r\n for (let i in checkDatas) {\r\n if (checkDatas[i].children == null) {\r\n a.push(checkDatas[i].id);\r\n }\r\n }\r\n let obj = {};\r\n obj.userList = a;\r\n obj.checkData = array;\r\n // console.log('多选框返回选中人员的数据', JSON.stringify(checkDatas));\r\n // 输入框显示的人员\r\n this.selectPeople = nameArr.toString();\r\n // 选中的人员id\r\n this.$emit('selectPeople', obj);\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 filterNodePeople(value, data) {\r\n if (!value) return true;\r\n return data.label.indexOf(value) !== -1;\r\n }\r\n },\r\n created() {\r\n this.getOrgTreeList();\r\n this.getPeopleList();\r\n }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .gm-scroll-view {\r\n width: 568px !important;\r\n height: 510px !important;\r\n // /deep/ .gm-scrollbar.-horizontal .thumb {\r\n // height: 0;\r\n // }\r\n}\r\n.organ-trees-view {\r\n box-sizing: border-box;\r\n float: left;\r\n &::before {\r\n clear: both;\r\n }\r\n .tree-house-style-box {\r\n position: absolute;\r\n top: 38px;\r\n left: 0%;\r\n background: #fff;\r\n width: 568px;\r\n height: 510px;\r\n z-index: 999;\r\n padding: 10px 10px 50px 10px;\r\n z-index: 99;\r\n box-shadow: 0px 2px 10px 0px #e6ebf4;\r\n }\r\n .transfer-style-box {\r\n position: absolute;\r\n top: 68px;\r\n left: 0%;\r\n background: #fff;\r\n width: 568px;\r\n height: 480px;\r\n z-index: 999;\r\n padding: 10px 10px 50px 10px;\r\n z-index: 99;\r\n box-shadow: 0px 2px 10px 0px #e6ebf4;\r\n }\r\n .end-btn {\r\n position: absolute;\r\n right: 30px;\r\n bottom: 10px;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
