import lookUp from '@salesforce/apex/otherLookUp.lookUp';
|
import getRecordForLwc from '@salesforce/apex/ControllerUtil.getRecordForLwc';
|
import { getRecord } from 'lightning/uiRecordApi';
|
import { NavigationMixin } from 'lightning/navigation';
|
import { api, LightningElement, track, wire } from 'lwc';
|
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
|
import { refreshApex } from '@salesforce/apex';
|
|
export default class OtherLookUp extends NavigationMixin(LightningElement) {
|
AWSService;
|
@track theContact = {};
|
@track showModal = false;
|
//记录id
|
@api valueId;
|
@api objName;
|
@api visitPlaceId ='';
|
@api iconName;
|
@api disabled;
|
@api filter = '';
|
@api uniqueKey;
|
@api fields;
|
@api searchLabel;
|
@track searchTerm;
|
@track valueObj;
|
@track href;
|
@track options;
|
//是否展示pill
|
@track isValue = false;
|
isCanCanle = true;
|
@track blurTimeout;
|
isOpen = false;
|
get boxClass() {
|
let classes = "slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click slds-has-focus";
|
if (this.isOpen) {
|
return classes + " slds-is-open";
|
}
|
return classes;
|
}
|
_passFilter;
|
@api
|
get passFilter() {
|
return this._passFilter;
|
}
|
|
set passFilter(newValue) {
|
this._passFilter = newValue;
|
this.filter = newValue;
|
}
|
@track inputClass = '';
|
|
@wire(lookUp, { searchTerm: '$searchTerm', objName: '$objName', filter: '$filter',visitPlaceId:'$visitPlaceId'})
|
wiredRecords({ error, data }) {
|
console.log('searchTerm = '+ this.searchTerm);
|
console.log('objName = '+ this.objName);
|
console.log('filter = '+ this.filter);
|
console.log('visitPlaceId,'+this.visitPlaceId);
|
|
if(this.visitPlaceId) {
|
console.log('lookUp,visitPlaceId,'+this.visitPlaceId);
|
}
|
|
if (data) {
|
this.record = data;
|
this.error = undefined;
|
this.options = this.record;
|
console.log("common this.options", JSON.stringify(this.options));
|
} else if (error) {
|
this.error = error;
|
this.record = undefined;
|
console.log("wire.error",this.error);
|
}
|
|
|
}
|
|
//To get preselected or selected record
|
// @wire(getRecord, { recordId: '$valueId', fields: '$fields' })
|
// wiredOptions({ error, data }) {
|
// console.log('otherlookup wiredOptions:recordId:'+this.valueId);
|
// if(this.visitPlaceId) {
|
// console.log('getRecord,visitPlaceId,'+this.visitPlaceId);
|
// }
|
|
// console.log('getRecord start:');
|
// if (data) {
|
// console.log('execute1');
|
// this.record = data;
|
// this.error = undefined;
|
// this.valueObj = this.record.fields.Name.value;
|
// this.href = '/'+this.record.id;
|
// this.isValue = true;
|
// let selectedId = this.record.id;
|
// let selectedName = this.valueObj;
|
// let key = this.uniqueKey;
|
|
// console.log("this.href", this.href);
|
// console.log("this.record", JSON.stringify(this.record));
|
|
// } else if (error) {
|
// console.log('execute2');
|
// this.error = error;
|
// this.record = undefined;
|
// console.log("this.error", this.error);
|
// }
|
// }
|
|
@wire(getRecordForLwc, { recordId: '$valueId', fields: '$fields' })
|
wiredOptions({ error, data }) {
|
if(!this.valueId) {
|
return;
|
}
|
console.log('otherlookup wiredOptions:recordId:'+this.valueId);
|
if(this.visitPlaceId) {
|
console.log('getRecord,visitPlaceId,'+this.visitPlaceId);
|
}
|
|
console.log('getRecord start:');
|
console.log('getRecord start:fields' +this.fields);
|
if (data) {
|
console.log('execute1');
|
this.record = data;
|
this.error = undefined;
|
this.valueObj = this.record.Name;
|
this.href = '/'+this.record.Id;
|
this.isValue = true;
|
let selectedId = this.record.Id;
|
let selectedName = this.valueObj;
|
let key = this.uniqueKey;
|
|
console.log("this.href", this.href);
|
console.log("this.record", JSON.stringify(this.record));
|
|
} else if (error) {
|
console.log('execute2');
|
this.error = error;
|
this.record = undefined;
|
console.log("this.error", this.error);
|
}
|
}
|
renderedCallback(){
|
console.log('otherlookup renderedCallback:recordId:'+this.valueId);
|
console.log('otherlookup renderedCallback');
|
if(this.disabled) {
|
const allInputsAndButtons = this.template.querySelectorAll('button');
|
|
allInputsAndButtons.forEach(element => {
|
console.log('---------zzzz-------')
|
console.log(element);
|
// if(!element.id.includes('cancleApply')) {
|
element.variant = "plain";
|
// }
|
});
|
}
|
}
|
handleClick() {
|
console.log("In handleClick");
|
if(this.disabled){
|
return;
|
}
|
this.searchTerm = '';
|
this.inputClass = 'slds-has-focus';
|
this.isOpen = true;
|
//deloitte-zhj refresh wiredRecords start
|
this.searchTerm = 'refresh';
|
this.searchTerm = '';
|
refreshApex(this.wiredRecords);
|
//deloitte-zhj refresh wiredRecords end
|
// this.boxClass = 'slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click slds-has-focus slds-is-open';
|
}
|
|
onSelect(event) {
|
|
console.log("In onSelect");
|
let ele = event.currentTarget;
|
let selectedId = ele.dataset.id;
|
let selectedName = this.valueObj;
|
let key = this.uniqueKey;
|
console.log("key = " + key);
|
console.log("selectedId = " + selectedId);
|
|
const valueSelectedEvent = new CustomEvent('valueselect', {
|
detail: { selectedId, key },
|
});
|
this.dispatchEvent(valueSelectedEvent);
|
this.isOpen = false;
|
// this.boxClass = 'slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click slds-has-focus';
|
}
|
|
searchChange(event) {
|
this.searchTerm = event.target.value;
|
}
|
|
onBlur() {
|
if (!this.isCanCanle) {
|
return;
|
}
|
this.isOpen = false;
|
// this.boxClass = 'slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click slds-has-focus';
|
}
|
onHover() {
|
// alert(this.disabled);
|
}
|
@api
|
handleRemovePill() {
|
console.log("In handleRemovePill");
|
if(this.disabled){
|
return;
|
}
|
this.isValue = false;
|
let selectedId = '';
|
let key = this.uniqueKey;
|
const valueSelectedEvent = new CustomEvent('valueselect', {
|
detail: { selectedId, key },
|
});
|
this.dispatchEvent(valueSelectedEvent);
|
}
|
closeModal() {
|
console.log('closeModal');
|
this.showModal = false;
|
}
|
handleMouseleave() {
|
this.isCanCanle = true;
|
}
|
handleMouseenter(event) {
|
this.isCanCanle = false;
|
}
|
stringIsEmpty(str) {
|
if (str === '' || str === undefined || str === null) {
|
return true;
|
} else {
|
return false;
|
}
|
}
|
showToast(variant, mes) {
|
const event = new ShowToastEvent({
|
message: mes,
|
variant: variant,
|
});
|
this.dispatchEvent(event);
|
}
|
}
|
