组件优化
This commit is contained in:
parent
a7573998d1
commit
220bb5a3c6
|
|
@ -98,6 +98,7 @@
|
||||||
|
|
||||||
//展开选项
|
//展开选项
|
||||||
openOptions() {
|
openOptions() {
|
||||||
|
if (this.disabled) return
|
||||||
if(this.showLabel==""){
|
if(this.showLabel==""){
|
||||||
this.selectData=this.options
|
this.selectData=this.options
|
||||||
}else{
|
}else{
|
||||||
|
|
@ -121,16 +122,15 @@
|
||||||
},
|
},
|
||||||
//输入框查询
|
//输入框查询
|
||||||
inputChange(e){
|
inputChange(e){
|
||||||
console.log(e)
|
// console.log(e)
|
||||||
if(e==""){
|
if(e==""){
|
||||||
this.selectData=this.options
|
this.selectData=this.options
|
||||||
}else{
|
}else{
|
||||||
this.selectData=this.mapTree(e,this.options)
|
this.selectData=this.mapTree(e,this.options)
|
||||||
}
|
}
|
||||||
console.log(this.selectData)
|
// console.log(this.selectData)
|
||||||
},
|
},
|
||||||
mapTree(value,arr){
|
mapTree(value,arr){
|
||||||
console.log("sssssss")
|
|
||||||
let newarr = [];
|
let newarr = [];
|
||||||
arr.forEach(element => {
|
arr.forEach(element => {
|
||||||
if (element.name.indexOf(value) > -1) { // 判断条件
|
if (element.name.indexOf(value) > -1) { // 判断条件
|
||||||
|
|
@ -141,7 +141,8 @@
|
||||||
if (redata && redata.length > 0) {
|
if (redata && redata.length > 0) {
|
||||||
let obj = {
|
let obj = {
|
||||||
...element,
|
...element,
|
||||||
children: redata
|
children: redata,
|
||||||
|
expanded: true // 展开子节点
|
||||||
};
|
};
|
||||||
newarr.push(obj);
|
newarr.push(obj);
|
||||||
}
|
}
|
||||||
|
|
@ -207,7 +208,7 @@
|
||||||
|
|
||||||
/* 下拉容器样式 外层 */
|
/* 下拉容器样式 外层 */
|
||||||
.ep-picker-content-wrap {
|
.ep-picker-content-wrap {
|
||||||
max-height: 30vh;
|
max-height: 48vh;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 88rpx;
|
top: 88rpx;
|
||||||
|
|
@ -223,7 +224,7 @@
|
||||||
padding: 3px 0;
|
padding: 3px 0;
|
||||||
box-shadow: 0 0 20rpx 5rpx rgb(0 0 0 / 30%);
|
box-shadow: 0 0 20rpx 5rpx rgb(0 0 0 / 30%);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
max-height: 181px;
|
max-height: 46vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 下拉项通用样式 */
|
/* 下拉项通用样式 */
|
||||||
|
|
|
||||||
|
|
@ -30,7 +30,12 @@
|
||||||
inject: ['defaultProps', 'onClickItem'],
|
inject: ['defaultProps', 'onClickItem'],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
show: false
|
show: !!this.item.expanded
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
'item.expanded'(val) {
|
||||||
|
this.show = !!val;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue