import { api, LightningElement, track, wire } from 'lwc';
|
import init from '@salesforce/apex/LwcDailyReportController.init';
|
import saveAllData from '@salesforce/apex/LwcDailyReportController.saveAllData';
|
import getDailyReport from '@salesforce/apex/LwcDailyReportController.getDailyReport';
|
import cancleApply from '@salesforce/apex/LwcDailyReportController.cancleApply';
|
import { ShowToastEvent } from 'lightning/platformShowToastEvent';
|
import { label } from 'c/labelUtility';
|
import { NavigationMixin } from 'lightning/navigation';
|
import lwcCSS from '@salesforce/resourceUrl/lwcCSS';
|
import {loadStyle} from 'lightning/platformResourceLoader';
|
// import { RefreshEvent } from 'lightning/refresh';
|
import { updateRecord } from 'lightning/uiRecordApi';
|
|
|
|
|
|
export default class LwcDailyReport extends NavigationMixin(LightningElement) {
|
@track customLabel = label;
|
@api recordId;
|
reporter = '用户';
|
@track report={};
|
@track reportOwner={};
|
@track profileName;
|
@track batchUser;
|
@track ativities=[];
|
@track reportStatusFlg;
|
@track reportReportFlg;
|
@track statusMes;
|
@track timeValid;
|
@track currentUserId;
|
@track allDisableFlg=true;
|
@track cancelRequestFlg;
|
@track beforeHour;
|
@track beforeMinute;
|
@track afterHour;
|
@track afterMinute;
|
@track reportedDate;
|
@track isSalesService;
|
@track showModal = true;
|
@track showSpinner = false;
|
@track reportOwnerUrl;
|
//点击新建按钮的活动内容组件的下标
|
@track contentIndex;
|
//点击新建按钮的活动内容组件下面的lookUp组件的key
|
@track lookUpKey;
|
//点击新建按钮后成功创建返回的id
|
@track conId;
|
@track cancleApplyDis =true;
|
//修改日报状态
|
@track isChangeStatus = false;
|
@track readReportFlag = false;
|
@track Job_Category ;
|
@track newLeadRecordType ;
|
@track Submit_DateTime_New;
|
@track Approved_DateTime;
|
businessTrip = 'No';
|
@track saveAndCloseDis=false;
|
reportDateRead ;
|
get businessTripOptions() {
|
return [
|
{ label: 'Yes', value: 'Yes' },
|
{ label: 'No', value: 'No' }
|
];
|
}
|
connectedCallback(){
|
Promise.all([
|
loadStyle(this, lwcCSS)
|
]);
|
console.log('父组件connectedCallback');
|
this.dispatchEvent(new CustomEvent('recordChange'));
|
this.initPage();
|
|
}
|
dateFormatUtils(dateTmp) {
|
var year = dateTmp.getFullYear();
|
var month =dateTmp.getMonth()+1;
|
if(month < 10 ) {
|
month = "0" +month;
|
}
|
var days =dateTmp.getDate();
|
if(days < 10 ) {
|
days = "0" +days;
|
}
|
var hours =dateTmp.getHours();
|
if(hours < 10 ) {
|
hours = "0" +hours;
|
}
|
var minutes =dateTmp.getMinutes();
|
if(minutes < 10 ) {
|
minutes = "0" +minutes;
|
}
|
var dateFormat = year +'/' +month +'/' +days + ' ' + hours +":" +minutes;
|
|
console.log("dateTmp:" +dateFormat);
|
return dateFormat;
|
}
|
initPage() {
|
// this.dispatchEvent(new RefreshEvent());
|
const inputPaddingRight = document.createElement('style');
|
inputPaddingRight.innerText = ".input-padding-right input { padding-right: 8px !important ;adding-left: 8px !important ;}";
|
document.body.appendChild(inputPaddingRight);
|
|
init({ recordId: this.recordId})
|
.then(result => {
|
console.log('init ');
|
console.log(JSON.stringify(result));
|
this.report = JSON.parse(JSON.stringify(result)).report;
|
this.currentUserId = JSON.parse(JSON.stringify(result)).currentUserId;
|
this.reportedDate = this.report.Reported_Date__c;
|
this.reportOwner = JSON.parse(JSON.stringify(result)).reportOwner;
|
this.profileName = JSON.parse(JSON.stringify(result)).profileName;
|
console.log('reportOwner = ' + JSON.stringify(this.reportOwner));
|
this.batchUser = JSON.parse(JSON.stringify(result)).batchUser;
|
this.reportOwnerUrl = '/lightning/r/User/'+this.reportOwner.Id+'/view';
|
this.reportStatusFlg = JSON.parse(JSON.stringify(result)).reportStatusFlg;
|
// this.reportStatusFlg = true;
|
this.reportReportFlg = JSON.parse(JSON.stringify(result)).reportReportFlg;
|
this.Job_Category = JSON.parse(JSON.stringify(result)).Job_Category;
|
this.newLeadRecordType = JSON.parse(JSON.stringify(result)).newLeadRecordType;
|
|
// this.reportReportFlg = true;
|
if(this.reportOwner.Job_Category__c==='销售服务'){
|
this.isNotSalesService = false;
|
}else{
|
this.isNotSalesService = true;
|
}
|
if(this.report.Submit_DateTime_New__c) {
|
this.Submit_DateTime_New = this.dateFormatUtils(new Date(this.report.Submit_DateTime_New__c));
|
}
|
if(this.report.Approved_DateTime__c) {
|
this.Approved_DateTime = this.dateFormatUtils(new Date(this.report.Approved_DateTime__c));
|
}
|
console.log('--------------'+this.isNotSalesService);
|
this.ativities = JSON.parse(JSON.stringify(result)).returnEvents;
|
this.beforeHour = JSON.parse(JSON.stringify(result)).beforeHour;
|
this.beforeMinute = JSON.parse(JSON.stringify(result)).beforeMinute;
|
this.afterHour = JSON.parse(JSON.stringify(result)).afterHour;
|
this.afterMinute = JSON.parse(JSON.stringify(result)).afterMinute;
|
if(this.report.Status__c == '申請中') {
|
this.cancleApplyDis = false;
|
}
|
this.setAllDisableFlg();
|
this.reportDateRead = this.report.Reported_Date__c;
|
})
|
.catch(error => {
|
console.error('Error loading report: ', error);
|
});
|
}
|
renderedCallback(){
|
console.log('父组件renderedCallback');
|
this.setAllDisableFlg();
|
|
}
|
setAllDisableFlg(){
|
var today = new Date();
|
var reportDate = new Date(this.report.Reported_Date__c);
|
reportDate.setHours(0);
|
var reportDateRead = new Date(this.reportDateRead);
|
reportDateRead.setHours(0);
|
console.log('setAllDisableFlg:' +reportDateRead);
|
console.log('setAllDisableFlg:'+today);
|
if(this.report.Status__c === '承認' || (this.report.Status__c === '申請中' && this.currentUserId !== this.reportOwner.ManagerId)){
|
console.log('1');
|
if(!this.isChangeStatus) {
|
this.allDisableFlg = true;
|
}
|
}else if (reportDateRead > today&&this.report.Daily_Report_Data_Type__c!='一日休假'&&this.report.Daily_Report_Data_Type__c!='全天培训') {
|
// }else if (this.report.Daily_Report_Data_Type__c!='一日休假'&&this.report.Daily_Report_Data_Type__c!='全天培训') {
|
console.log('2');
|
this.allDisableFlg = true;
|
// }else if (this.stringIsEmpty(this.report.Id)) {
|
// console.log('3');
|
// console.log(JSON.stringify(this.report));
|
// this.allDisableFlg = true;
|
}else if(!this.recordId){
|
this.allDisableFlg = true;
|
} else {
|
console.log('allDisableFlg 4');
|
this.allDisableFlg = false;
|
}
|
console.log('this.allDisableFlg:'+this.allDisableFlg);
|
if(this.allDisableFlg){
|
this.setNotVisible();
|
}else{
|
console.log('setAllDisableFlg setVisible start');
|
this.setVisible();
|
}
|
|
this.showModal = false;
|
}
|
setVisible(){
|
console.log('setVisible');
|
const allInputsAndButtons = this.template.querySelectorAll('lightning-input, lightning-button,lightning-input-field');
|
allInputsAndButtons.forEach(element => {
|
if(!element.id.includes('cancleApply')) {
|
element.disabled = false;
|
}
|
});
|
|
//处理子组件的显示
|
|
const childComponents = this.template.querySelectorAll('c-active-content');
|
if (childComponents.length > 0) {
|
childComponents.forEach(childComponent => {
|
childComponent.setVisible();
|
childComponent.setVisitorPlaceDisabled();
|
});
|
}
|
if(this.report.Status__c == '申請中' && !this.isChangeStatus) {
|
this.cancleApplyDis = false;
|
} else {
|
this.cancleApplyDis = true;
|
}
|
|
console.log('----------zzzzz-----'+ this.report.Reported_Date__c);
|
console.log('结束');
|
}
|
setNotVisible(){
|
console.log('setNotVisible');
|
const allInputsAndButtons = this.template.querySelectorAll('lightning-input, lightning-button,lightning-input-field');
|
allInputsAndButtons.forEach(element => {
|
if(element.id.includes('reportDateId')){
|
}else if(element.id.includes('readDailyReportId')){
|
}else if(element.id.includes('DailyReportDataType')){
|
}else if(element.id.includes('cancleBtn')){ //返回首页按钮一直可点击 zzm 230805
|
}else if(element.id.includes('cancleApply')) { //取消申请按钮单独处理
|
}else{
|
element.disabled = true;
|
}
|
});
|
//处理子组件的显示
|
console.log('this.allDisableFlg:'+this.allDisableFlg);
|
const childComponents = this.template.querySelectorAll('c-active-content');
|
console.log('childComponents.lenth:' +childComponents.length);
|
if (childComponents.length > 0) {
|
childComponents.forEach(childComponent => {
|
childComponent.setNotVisible();
|
});
|
}
|
console.log('setNotVisible 结束');
|
}
|
//读取日报
|
readDailyReport(){
|
console.log('readDailyReport');
|
this.showSpinner = true;
|
if (this.report.Reporter__c) {
|
}else{
|
console.log('2'+this.customLabel.Error_Message19);
|
|
// 報告者を設定してください。
|
this.showToast('error',this.customLabel.Error_Message19);
|
this.showSpinner = false;
|
return;
|
}
|
|
if (this.report.Reported_Date__c) {
|
}else{
|
console.log('1'+this.customLabel.Error_Message20);
|
// 日付を設定してください。
|
this.showToast('error',this.customLabel.Error_Message20);
|
this.showSpinner = false;
|
return;
|
}
|
console.log('----getDailyReport' + this.report.Reported_Date__c +':' +this.report.Reporter__c);
|
console.log('----getDailyReport' + this.reportedDate+':' +this.report.Reporter__c);
|
getDailyReport({reportDate:this.report.Reported_Date__c,reporter:this.report.Reporter__c})
|
.then(result => {
|
this.readReportFlag = true;
|
console.log(result);
|
console.log(result.code);
|
console.log(result.msg);
|
if(result.code===200){
|
this.recordId = result.msg;
|
|
// this[NavigationMixin.Navigate]({
|
// type: 'standard__webPage',
|
// attributes: {
|
// // url: '/lightning/cmp/c__AuraDailyReport?c__passId='+result.msg
|
// url: '/lightning/r/Daily_Report__c/'+result.msg+ '/view'
|
// }
|
// });
|
// location.reload();
|
window.location.href ='/lightning/r/Daily_Report__c/'+this.recordId+ '/view'
|
// this.initPage();
|
// window.location.href = '/lightning/cmp/c__AuraDailyReport?c__passId='+result.msg;
|
this.showSpinner = false;
|
}else{
|
this.showSpinner = false;
|
this.showToast('error',result.msg);
|
}
|
})
|
.catch(error => {
|
this.showSpinner = false;
|
this.showToast('error',error);
|
});
|
}
|
//字段变更
|
fieldChange(event){
|
|
const {value} = event.detail;
|
const {fieldName} = event.target||event.currentTarget;
|
let checked = event.target.value||event.currentTarget.value;
|
if (value == undefined && checked != undefined) {
|
this.report[fieldName] = checked;
|
} else {
|
this.report[fieldName] = value instanceof Array ? value[0] : value;
|
}
|
if(fieldName==='Reported_Date__c'){
|
this.reportedDate = value instanceof Array ? value[0] : value;
|
}
|
if(fieldName==='Status__c') {
|
this.isChangeStatus = true;
|
this.statusMes = '';
|
this.saveAndCloseDis = false;
|
}
|
if(fieldName==='Status__c'&&(this.report[fieldName]==='承認'||this.report[fieldName]==='非承認')){
|
if(this.reportOwner.ManagerId !==this.currentUserId&&
|
this.reportOwner.BuchangApprovalManager__c !== this.currentUserId&&
|
this.reportOwner.BuchangApprovalManagerSales__c !== this.currentUserId){
|
this.statusMes = this.customLabel.Error_Message4;
|
this.saveAndCloseDis = true;
|
}
|
}
|
|
console.log('fieldChange:fieldName:' +fieldName);
|
// if(fieldName==='Reported_Date__c'){
|
// this.setNotVisible();
|
// }
|
if(fieldName==='Daily_Report_Data_Type__c'){
|
this.setAllDisableFlg();
|
}
|
}
|
//行追加
|
addEvent(){
|
console.log('addEvent');
|
let newActivity = {};
|
// 向集合中添加新对象
|
var today = new Date();
|
newActivity = {
|
...newActivity,
|
['ActivityDateTime__c']: new Date(today.getFullYear(), today.getMonth(), today.getDate(), 8, 45, 0)
|
};
|
newActivity = {
|
...newActivity,
|
['Daily_Report__c']: this.reportedId
|
};
|
this.ativities.push(newActivity);
|
}
|
handleOpenPage(event){
|
console.log("父组件handleOpenPage");
|
this.showModal = true;
|
this.contentIndex = event.detail.activeContentIndex;
|
this.lookUpKey = event.detail.lookUpKey;
|
}
|
handleCloseModal(){
|
this.showModal = false;
|
}
|
handleReturnId(event){
|
console.log('父组件拿到返回的Id了');
|
this.conId = event.detail.conId;
|
}
|
@track isValid;
|
validFromEvnent(event){
|
console.log('validFromEvnent');
|
//验证父组件
|
let isAllValid = true;
|
let requiredFieldList = this.template.querySelectorAll('lightning-input-field');
|
requiredFieldList.forEach(ele => {
|
if ( ele.required == true && this.stringIsEmpty(ele.value)) {
|
ele.reportValidity();
|
isAllValid = false;
|
}
|
});
|
console.log(isAllValid);
|
if(isAllValid===false){
|
this.showSpinner = false;
|
this.isValid = false;
|
}else{
|
var flag = this.validTime();
|
if(flag===false){
|
this.showSpinner = false;
|
this.isValid = false;
|
}else{
|
this.isValid = true;
|
}
|
}
|
console.log('isValid:'+this.isValid);
|
console.log('11111111111');
|
var type = event.detail.type;
|
// alert(value instanceof String);
|
// if(type !== 'newOPDPlan' && type !== 'checkReport' &&
|
// type !== 'OPDOrSIS' && type !== 'NTCOrCDS' && type !== 'addLeadNew') {
|
// type = '';
|
// }
|
|
var index = event.detail.index;
|
console.log('index:'+type);
|
console.log('index:'+index);
|
if(this.isValid){
|
const childComponents = this.template.querySelectorAll('c-active-content');
|
if (childComponents.length > 0) {
|
childComponents.forEach(childComponent => {
|
let isValid = true;
|
//没有填写内容的报告一览 就不进行校验和保存操作
|
let isSave = childComponent.validSaveReport();
|
if(isSave) {
|
if(childComponent.theIndex===index){
|
childComponent.save(type);
|
}
|
}
|
|
});
|
}
|
}
|
setTimeout(() => {
|
updateRecord({fields: { Id: this.recordId }});
|
}, 3000);
|
|
}
|
validTime(){
|
console.log('validTime');
|
var sHour = this.beforeHour;
|
var sMinute = this.beforeMinute;
|
var eHour = this.afterHour;
|
var eMinute = this.afterMinute;
|
if(this.stringIsEmpty(sHour)||this.stringIsEmpty(sMinute)||this.stringIsEmpty(eHour)||this.stringIsEmpty(eMinute)){
|
// 勤務時間を設定してください。
|
//请输入日期
|
this.showToast('error','请输入日期');
|
// this.timeValid = this.customLabel.Error_Message22;
|
return false;
|
}else{
|
console.log("sHour:" +sHour);
|
console.log("eHour:" +eHour);
|
console.log("sMinute:" +sMinute);
|
console.log("eMinute:" +eMinute);
|
const regexPattern = /^[0-9]+$/;
|
if (!regexPattern.test(sHour) || !regexPattern.test(sMinute) || !regexPattern.test(eHour) || !regexPattern.test(eMinute)) {
|
// this.timeValid = this.customLabel.Error_Message39;//不正确的日期。
|
this.showToast('error','不正确的日期。');
|
return false;
|
}
|
// 範囲チェック
|
if (sHour < 0 || sHour > 23 || sMinute < 0 || sMinute > 59 || eHour < 0 || eHour > 23 || eMinute < 0 || eMinute > 59) {
|
// this.timeValid = this.customLabel.Error_Message39;
|
this.showToast('error','不正确的日期。');
|
return false;
|
}
|
// 逆転チェック 请设定开始日期之后的日期。
|
|
else if (sHour > eHour || (sHour == eHour && sMinute > eMinute)) {
|
// this.timeValid = this.customLabel.Error_Message2;
|
this.showToast('error','请输入开始时间后的时间。');
|
return false;
|
}
|
this.timeValid = '';
|
}
|
}
|
saveAll(event) {
|
let alertFlag = false;
|
const childComponents = this.template.querySelectorAll('c-active-content');
|
if (childComponents.length > 0) {
|
childComponents.forEach(childComponent => {
|
let childFlag = childComponent.setColor();
|
if(childFlag) {
|
alertFlag = true;
|
}
|
});
|
}
|
|
if(alertFlag) {
|
this.showToast('warning','拜访H层客户时，请注意收集病例数信息，按"更新客户信息"按钮登录');
|
}
|
console.log('saveAll');
|
// const buttonName1 = event.currentTarget.name;
|
const buttonName = event.target.name;
|
console.log(buttonName);
|
this.showSpinner = true;
|
let allEvents = [];
|
let isAllValid = true;
|
//验证父组件
|
let requiredFieldList = this.template.querySelectorAll('lightning-input-field');
|
requiredFieldList.forEach(ele => {
|
if ( ele.required == true && this.stringIsEmpty(ele.value)) {
|
ele.reportValidity();
|
isAllValid = false;
|
}
|
});
|
if(isAllValid===false){
|
this.showSpinner = false;
|
return;
|
}else{
|
var flag = this.validTime();
|
if(flag===false){
|
this.showSpinner = false;
|
return;
|
}
|
}
|
//验证子组件以及获取子组件里面的值
|
|
// const childComponents = this.template.querySelectorAll('c-active-content');
|
if (childComponents.length > 0) {
|
childComponents.forEach(childComponent => {
|
const childProperty = childComponent.getActivityObj();
|
console.log("c-active-content data:")
|
// console.log(JSON.stringify(childProperty));
|
let isValid = true;
|
//没有填写内容的报告一览 就不进行校验和保存操作
|
let isSave = childComponent.validSaveReport();
|
console.log('event 是否需要保存。' +isSave);
|
if(isSave && this.report.Status__c == '申請中') {
|
isValid = childComponent.validRequired();
|
}
|
if(isValid===false){
|
isAllValid = false;
|
}
|
if(isSave && isValid) {
|
allEvents.push(childProperty);
|
}
|
|
});
|
}
|
console.log("c-active-content allEvents data:");
|
console.log(JSON.stringify(allEvents));
|
console.log('saveAll is allValid:' +isAllValid);
|
|
if(isAllValid){
|
saveAllData({ eventsStr: JSON.stringify(allEvents),reportStr:JSON.stringify(this.report),
|
beforeHour:this.beforeHour,beforeMinute:this.beforeMinute
|
,afterHour:this.afterHour,afterMinute:this.afterMinute,reportedId:this.report.Id})
|
.then(result => {
|
if(result.code===200){
|
this.showToast('success','保存成功');
|
this.showSpinner = false;
|
if(buttonName==='cancle'){
|
this.notSave();
|
}else{
|
//刷新页面
|
window.location.href ='/lightning/r/Daily_Report__c/'+this.recordId+ '/view'
|
// location.reload();
|
}
|
}else{
|
this.showSpinner = false;
|
this.showToast('error','保存失败，'+result.msg);
|
}
|
})
|
.catch(error => {
|
this.showSpinner = false;
|
this.showToast('error','保存失败..'+error);
|
});
|
}else{
|
this.showSpinner = false;
|
this.showToast('error','请检查页面是否有必填字段未填写！');
|
}
|
}
|
beforeHourChange(event) {
|
this.beforeHour = event.detail.value;
|
}
|
beforeMinuteChange(event) {
|
this.beforeMinute = event.detail.value;
|
}
|
afterHourChange(event) {
|
this.afterHour = event.detail.value;
|
}
|
afterMinuteChange(event) {
|
this.afterMinute = event.detail.value;
|
}
|
cancleApply(){
|
// if(this.showSpinner===true){
|
// this.showSpinner = false;
|
// }else{
|
// this.showSpinner = true;
|
// }
|
}
|
notSave(){
|
window.location = '/lightning/o/Daily_Report__c/list?filterName=Recent';
|
}
|
// showToast(variant,mes) {
|
// const event = new ShowToastEvent({
|
// message: mes,
|
// variant: variant,
|
// });
|
// this.dispatchEvent(event);
|
// }
|
|
showToast(type,msg) {
|
if(type == 'success'){
|
const event = new ShowToastEvent({
|
message: msg,
|
variant: type
|
});
|
this.dispatchEvent(event);
|
}else{
|
const event = new ShowToastEvent({
|
message: msg,
|
variant: type,
|
mode: 'sticky'
|
});
|
this.dispatchEvent(event);
|
}
|
}
|
stringIsEmpty(str) {
|
if (str === '' || str === undefined || str === null) {
|
return true;
|
} else {
|
return false;
|
}
|
}
|
cancleApplyJs() {
|
this.showSpinner = true;
|
cancleApply({recordId:this.recordId}).then(result=>{
|
if(result === '1') {
|
this.showToast('success','取消成功。');
|
location.reload();
|
} else {
|
this.showToast('error','取消失败'+result);
|
}
|
this.showSpinner = false;
|
//刷新页面
|
|
});
|
|
}
|
updateRecordView(recordId) {
|
updateRecord({fields: { Id: recordId }});
|
}
|
}
|
