import { LightningElement,api, track } from 'lwc';
|
|
export default class jzlookup extends LightningElement {
|
|
|
connectedCallback(){
|
this.changeSearchData();
|
|
setInterval(()=>{
|
this.searchchangeRefresh();
|
},400);
|
}
|
|
renderedCallback(){
|
if (this.disabled == true) {
|
var inputs = this.template.querySelectorAll('lightning-input');
|
inputs.forEach(fileInput=>{
|
fileInput.disabled = true;
|
})
|
}
|
}
|
//加载
|
IsLoading = false;
|
OnLoading(flag){
|
this.IsLoading = flag;
|
}
|
@api name=''
|
@api option = []
|
@api searchdata=[];
|
@api label = ''
|
@api placeholder = ''
|
@track InputValue = '';
|
|
@api disabled= false;
|
ShowData = []
|
|
isShow = false;
|
searchClick(event)
|
{
|
this.isShow= true;
|
}
|
onblurFn(event)
|
{
|
const getSearchParamsEvent = new CustomEvent('clear', {
|
detail: {}
|
});
|
this.dispatchEvent(getSearchParamsEvent);
|
setTimeout(()=>{
|
this.isShow= false;
|
if (!this.isClick) {
|
this.InputValue = '';
|
}
|
},300)
|
|
}
|
|
changeSearchData()
|
{
|
var TempShowData= [];
|
this.searchdata.forEach(item=>{
|
var temp = {};
|
this.option.forEach(option=>{
|
temp.value1 = item[option.lableOne];
|
temp.value2 = item[option.lableTwo];
|
})
|
temp.Id = item.Id;
|
TempShowData.push(temp);
|
})
|
|
this.ShowData = [...[],...TempShowData];
|
|
setTimeout(()=>{
|
this.OnLoading(false);
|
},1000);
|
}
|
|
|
ifFlag = false;
|
//搜索输入
|
searchchange(event)
|
{
|
|
this.OnLoading(true);
|
var values = event.target.value;
|
this.InputValue = values;
|
this.isClick = false;
|
|
}
|
|
oldSearchContent = '';
|
searchchangeRefresh()
|
{
|
if (this.oldSearchContent === this.InputValue ) {
|
return;
|
}else{
|
this.oldSearchContent = this.InputValue ;
|
}
|
|
const getSearchParamsEvent = new CustomEvent('searchchange', {
|
detail: {searchContent:this.InputValue}
|
});
|
this.dispatchEvent(getSearchParamsEvent);
|
|
|
}
|
|
|
isClick = false;
|
//选项列表点击
|
itemclick(event)
|
{
|
var Id = event.target.dataset.id;
|
var tempData = {};
|
this.searchdata.forEach(item=>{
|
if (item.Id == Id) {
|
tempData = {...{},...item};
|
}
|
})
|
this.InputValue = tempData[this.option[0].lableOne] == undefined?"":tempData[this.option[0].lableOne];
|
const getSearchParamsEvent = new CustomEvent('selected', {
|
detail: {selectdata:tempData,name:this.name}
|
});
|
this.dispatchEvent(getSearchParamsEvent);
|
|
this.isShow= false;
|
this.isClick = true;
|
|
}
|
|
@api refreshdata(data){
|
if (data!=undefined) {
|
this.IsZero = false;
|
this.searchdata = [...[],...data];
|
this.changeSearchData();
|
}
|
}
|
|
@api setvalue(data){
|
this.InputValue=data;
|
}
|
@api getvalue(){
|
return this.InputValue;
|
}
|
|
IsZero = false;
|
|
@api iszero(){
|
this.OnLoading(false);
|
this.IsZero = true;
|
}
|
|
}
|
