import { LightningElement,api, track } from 'lwc';
|
|
export default class jzlookup extends LightningElement {
|
|
|
connectedCallback(){
|
this.changeSearchData();
|
|
setInterval(()=>{
|
this.time++;
|
this.searchchangeRefresh();
|
},1000);
|
}
|
time =0;
|
//加载
|
IsLoading = false;
|
OnLoading(flag){
|
this.IsLoading = flag;
|
}
|
@api name=''
|
@api option = []
|
@api searchdata=[];
|
@api label = ''
|
@api placeholder = ''
|
@track InputValue = '';
|
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 = '';
|
}
|
},3000)
|
|
}
|
|
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);
|
},3000);
|
}
|
|
|
ifFlag = false;
|
//搜索输入
|
searchchange(event)
|
{
|
|
this.OnLoading(true);
|
var values = event.target.value;
|
this.InputValue = values;
|
this.isClick = false;
|
|
this.time = 0;
|
this.inputTiem = 0;
|
this.ifFlag = false;
|
}
|
|
|
inputTiem = 0;
|
// oldSearchContent = '';
|
searchchangeRefresh()
|
{
|
// if (this.oldSearchContent === this.InputValue ) {
|
// return;
|
// }else{
|
// this.oldSearchContent = this.InputValue ;
|
// }
|
if (this.time - this.inputTiem >= 1) {
|
this.ifFlag = true;
|
this.inputTiem = this.time;
|
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];
|
debugger;
|
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.searchdata = [...[],...data];
|
if (this.ifFlag) {
|
console.warn("isTrue");
|
|
this.ifFlag = false;
|
this.time = -1;
|
this.inputTiem = 0;
|
this.changeSearchData();
|
|
|
}
|
}
|
|
}
|
|
@api setvalue(data){
|
this.InputValue=data;
|
}
|
@api getvalue(){
|
return this.InputValue;
|
}
|
|
|
|
|
}
|
