{"remainingRequest":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Manage\\components\\SelectTree.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Manage\\components\\SelectTree.vue","mtime":1667545182708},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n name: 'EbsTreeSelect',\r\n props: {\r\n /* 配置项 */\r\n props: {\r\n type: Object,\r\n default: () => {\r\n return {\r\n value: 'id', // ID字段名\r\n label: 'name', // 显示名称\r\n children: 'children', // 子级字段名\r\n parentId: 'parentId',\r\n code: 'demId'\r\n }\r\n }\r\n },\r\n /* 选项列表数据(树形结构的对象数组) */\r\n options: {\r\n type: Array,\r\n default: () => { return [] }\r\n },\r\n /* 初始值 */\r\n value: {\r\n type: String,\r\n default: () => { return null }\r\n },\r\n /* 可清空选项 */\r\n clearable: {\r\n type: Boolean,\r\n default: () => { return true }\r\n },\r\n /* 自动收起 */\r\n accordion: {\r\n type: Boolean,\r\n default: () => { return false }\r\n },\r\n disabled: {\r\n type: Boolean,\r\n default: () => { return false }\r\n }\r\n },\r\n data() {\r\n return {\r\n valueId: this.value, // 初始值\r\n valueTitle: '',\r\n defaultExpandedKey: []\r\n }\r\n },\r\n watch: {\r\n value() {\r\n this.valueId = this.value\r\n this.initHandle()\r\n }\r\n },\r\n mounted() {\r\n this.initHandle()\r\n },\r\n methods: {\r\n // 初始化值\r\n initHandle() {\r\n // alert('this.valueId=' + this.valueId)\r\n const that = this\r\n // 这里要延迟执行,否则有BUG\r\n setTimeout(function() {\r\n if (that.valueId) {\r\n that.valueTitle = that.$refs.selectTree.getNode(that.valueId).data[that.props.label] // 初始化显示\r\n that.$refs.selectTree.setCurrentKey(that.valueId) // 设置默认选中\r\n that.defaultExpandedKey = [that.valueId] // 设置默认展开\r\n } else {\r\n that.valueTitle = null // 初始化显示\r\n that.$refs.selectTree.setCurrentKey(null) // 设置默认选中\r\n }\r\n }, 200)\r\n this.$nextTick(() => {\r\n const scrollWrap = document.querySelectorAll('.el-scrollbar .el-select-dropdown__wrap')[0]\r\n const scrollBar = document.querySelectorAll('.el-scrollbar .el-scrollbar__bar')\r\n scrollWrap.style.cssText = 'margin: 0px; max-height: none; overflow: hidden;'\r\n scrollBar.forEach(ele => ele.style.width = 0)\r\n })\r\n },\r\n // 切换选项\r\n handleNodeClick(node) {\r\n this.valueTitle = node[this.props.label]\r\n this.valueId = node[this.props.value]\r\n // this.$emit('getValue',this.valueId)\r\n this.$emit('input', this.valueId)\r\n this.defaultExpandedKey = []\r\n },\r\n // 清除选中\r\n clearHandle() {\r\n this.valueTitle = ''\r\n this.valueId = null\r\n this.defaultExpandedKey = []\r\n this.clearSelected()\r\n // this.$emit('getValue',null)\r\n this.$emit('input', null)\r\n },\r\n /* 清空选中样式 */\r\n clearSelected() {\r\n const allNode = document.querySelectorAll('#tree-option .el-tree-node')\r\n allNode.forEach((element) => element.classList.remove('is-current'))\r\n }\r\n }\r\n}\r\n",null]}