import { toLabel } from '../../../common/dataSceneTypes';
|
import {
|
fetchSelfPatrolType,
|
fetchPublish,
|
} from '../../../services/patrol/fetchSelfPatrol';
|
import dayjs from 'dayjs';
|
|
const app = getApp();
|
|
Page({
|
data: {
|
taskTag: '应急自巡查',
|
publishUnit: app.globalData.userInfo.name,
|
popupRefresh: false,
|
popupVisible: false,
|
receiver: [],
|
receiverText: '点击选择企业',
|
timeText: dayjs().add(1, 'day').format('YYYY-MM-DD HH时'),
|
startTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
|
endTime: dayjs().add(1, 'month').format('YYYY-MM-DD HH:mm:ss'),
|
|
selectedSceneTypes: [],
|
selectedSceneTypesText: [],
|
selectedPatrolTypes: [],
|
|
patrolPopupVisible: false,
|
patrolPopupIndex: 0,
|
},
|
|
onLoad(options) {},
|
|
ontimePickerChange(e) {
|
const { timeText, timeValue } = e.detail;
|
this.setData({ timeText, timeValue });
|
},
|
|
bindInputChange(e) {
|
const { type } = e;
|
const { tag } = e.currentTarget.dataset;
|
const { value } = e.detail;
|
switch (type) {
|
case 'clear':
|
this.setData({
|
[`${tag}`]: '',
|
});
|
break;
|
case 'change':
|
this.setData({
|
[`${tag}`]: value,
|
});
|
break;
|
default:
|
break;
|
}
|
},
|
|
/** UserPopupWindow-start *************************************************/
|
openUserList() {
|
const { popupRefresh } = this.data;
|
this.setData({
|
popupVisible: true,
|
// popupRefresh: !popupRefresh,
|
});
|
},
|
|
onVisibleChange(e) {
|
const { visible } = e.detail;
|
this.setData({ popupVisible: visible });
|
},
|
|
popupConfirm(e) {
|
console.log(e);
|
const receiver = e.detail;
|
let receiverText = '';
|
let receiverIds = '';
|
for (let i = 0; i < receiver.length; i++) {
|
const r = receiver[i];
|
receiverText += r.realname + '、';
|
receiverIds += r.guid + ';';
|
}
|
// this.setData({
|
// ['notice.receiverId']: receiverIds,
|
// });
|
if (receiverText == '') {
|
receiverText = '点击选择企业';
|
} else if (receiverText.length > 4) {
|
receiverText = receiverText.substring(0, 5);
|
receiverText += `...等${receiver.length}个企业`;
|
// break;
|
}
|
this.setData({
|
popupVisible: false,
|
receiver,
|
receiverText,
|
});
|
this.onSceneTypeConfirm();
|
},
|
|
popupCancel() {
|
this.setData({ popupVisible: false });
|
},
|
|
/** PatrolPopupWindow-start *************************************************/
|
openPatrolList(e) {
|
const { index } = e.currentTarget.dataset;
|
let { sceneType, patrolTypes } = this.data.selectedPatrolTypes[index];
|
this.setData({ patrolPopupIndex: index });
|
if (patrolTypes.length == 0) {
|
fetchSelfPatrolType({ sceneType: parseInt(sceneType) }).then(res => {
|
patrolTypes = res;
|
this.setData({
|
[`selectedPatrolTypes[${index}].patrolTypes`]: patrolTypes,
|
patrolPopupVisible: true,
|
});
|
});
|
} else {
|
this.setData({ patrolPopupVisible: true });
|
}
|
},
|
|
// 取消并关闭自巡查类别选择弹出框
|
closePatrolList() {
|
const { selectedPatrolTypes, patrolPopupIndex } = this.data;
|
const { patrolTypes, patrolTasks } = selectedPatrolTypes[patrolPopupIndex];
|
patrolTypes.forEach(p => {
|
if (patrolTasks.indexOf(p.ledgerSubTypeId) == -1) {
|
p.selected = false;
|
} else {
|
p.selected = {
|
color: 'green',
|
count: '✓',
|
shape: 'square',
|
};
|
}
|
});
|
this.setData({
|
[`selectedPatrolTypes[${patrolPopupIndex}].patrolTypes`]: patrolTypes,
|
patrolPopupVisible: false,
|
});
|
this._isCheckAll();
|
},
|
|
// 根据所选用户确定有多少种场景类型
|
onSceneTypeConfirm() {
|
const { receiver } = this.data;
|
const selectedSceneTypes = [],
|
selectedPatrolTypes = [];
|
let selectedSceneTypesText = [];
|
receiver.forEach(r => {
|
const sceneTypeText = toLabel(r.extension2);
|
if (selectedSceneTypes.indexOf(sceneTypeText) == -1) {
|
selectedSceneTypes.push(sceneTypeText);
|
selectedPatrolTypes.push({
|
sceneType: r.extension2,
|
sceneTypeText,
|
patrolText: '点击选择',
|
patrolTasks: [],
|
patrolTypes: [],
|
checkAll: false,
|
selectedCount: 0,
|
});
|
}
|
});
|
selectedSceneTypesText.push(
|
`已选企业为${selectedSceneTypes.join('、')}等${
|
selectedSceneTypes.length
|
}种行业`,
|
);
|
selectedSceneTypesText.push(`请分别选择行业所需提交自巡查类别。`);
|
this.setData({
|
selectedSceneTypes,
|
selectedPatrolTypes,
|
selectedSceneTypesText,
|
});
|
},
|
|
// 对应场景类型下的自巡查任务选择事件
|
onSelfPatrolPickerChange() {
|
const { selectedPatrolTypes, patrolPopupIndex } = this.data;
|
const { patrolTypes, patrolTasks } = selectedPatrolTypes[patrolPopupIndex];
|
let patrolText = '';
|
patrolTypes.forEach(p => {
|
const i = patrolTasks.indexOf(p.ledgerSubTypeId);
|
if (p.selected) {
|
if (i == -1) {
|
patrolTasks.push(p.ledgerSubTypeId);
|
}
|
patrolText += p.ledgerName + '、';
|
} else {
|
if (i != -1) {
|
patrolTasks.splice(i, 1);
|
}
|
}
|
});
|
if (patrolText == '') {
|
patrolText = '点击选择';
|
} else if (patrolTasks.length == patrolTypes.length) {
|
patrolText = '已选全部类别';
|
} else if (patrolText.length > 4) {
|
patrolText = patrolText.substring(0, 5);
|
patrolText += `...等${patrolTasks.length}个类别`;
|
}
|
this.setData({
|
[`selectedPatrolTypes[${patrolPopupIndex}].patrolTasks`]: patrolTasks,
|
[`selectedPatrolTypes[${patrolPopupIndex}].patrolText`]: patrolText,
|
patrolPopupVisible: false,
|
});
|
},
|
|
onPatrolTaskVisibleChange(e) {
|
const { visible } = e.detail;
|
this.setData({ patrolPopupVisible: visible });
|
},
|
|
chosePatrolTask(e) {
|
const { index } = e.currentTarget.dataset;
|
const { selectedPatrolTypes, patrolPopupIndex } = this.data;
|
const { patrolTypes, patrolTasks } = selectedPatrolTypes[patrolPopupIndex];
|
let { selected, ledgerSubTypeId } = patrolTypes[index];
|
if (selected) {
|
selected = null;
|
// const i = patrolTasks.indexOf(ledgerSubTypeId);
|
// if (i != -1) {
|
// patrolTasks.splice(i, 1);
|
// }
|
} else {
|
selected = {
|
color: 'green',
|
count: '✓',
|
shape: 'square',
|
};
|
// patrolTasks.push(ledgerSubTypeId);
|
}
|
this.setData({
|
[`selectedPatrolTypes[${patrolPopupIndex}].patrolTypes[${index}].selected`]:
|
selected,
|
// [`selectedPatrolTypes[${patrolPopupIndex}].patrolTasks`]: patrolTasks,
|
});
|
this._isCheckAll();
|
},
|
|
onCheckAll(e) {
|
const { checked } = e.detail;
|
const { selectedPatrolTypes, patrolPopupIndex } = this.data;
|
const { patrolTypes } = selectedPatrolTypes[patrolPopupIndex];
|
// let patrolTasks = [];
|
patrolTypes.forEach(p => {
|
if (checked) {
|
p.selected = {
|
color: 'green',
|
count: '✓',
|
shape: 'square',
|
};
|
// patrolTasks.push(p.ledgerSubTypeId);
|
} else {
|
p.selected = null;
|
// patrolTasks = [];
|
}
|
});
|
this.setData({
|
// [`selectedPatrolTypes[${patrolPopupIndex}].checkAll`]: checked,
|
[`selectedPatrolTypes[${patrolPopupIndex}].patrolTypes`]: patrolTypes,
|
// [`selectedPatrolTypes[${patrolPopupIndex}].patrolTasks`]: patrolTasks,
|
});
|
this._isCheckAll();
|
},
|
|
_isCheckAll() {
|
const { selectedPatrolTypes, patrolPopupIndex } = this.data;
|
const { patrolTypes } = selectedPatrolTypes[patrolPopupIndex];
|
// 判断是否全选中
|
const p = patrolTypes.filter(v => {
|
return (
|
v.selected == undefined || v.selected == null || v.selected == false
|
);
|
});
|
this.setData({
|
[`selectedPatrolTypes[${patrolPopupIndex}].selectedCount`]:
|
patrolTypes.length - p.length,
|
[`selectedPatrolTypes[${patrolPopupIndex}].checkAll`]: p.length == 0,
|
});
|
},
|
|
/** bottom-btn-start *************************************************/
|
onConfirmCheck(e) {
|
const [result, tips] = this._editCheck();
|
if (result) {
|
this.showDialog(e);
|
} else {
|
wx.showToast({
|
title: tips,
|
duration: 1000,
|
icon: 'none',
|
});
|
}
|
},
|
|
// 检查是否填写完成
|
_editCheck() {
|
const { taskTag, publishUnit, receiver, selectedPatrolTypes } = this.data;
|
//任务标签
|
if (taskTag.trim() == '') return [false, '请填写任务标签'];
|
//发布单位
|
if (publishUnit.trim() == '') return [false, '请填写发布单位'];
|
//巡查企业
|
if (receiver.length == 0) return [false, '请选择巡查企业'];
|
//巡查清单
|
let pass = true;
|
for (let i = 0; i < selectedPatrolTypes.length; i++) {
|
const t = selectedPatrolTypes[i];
|
if (t.patrolTasks.length == 0) {
|
pass = false;
|
break;
|
}
|
}
|
if (!pass) return [false, '请选择巡查清单'];
|
|
return [true, 'pass'];
|
},
|
|
onCancelCheck(e) {
|
const { receiver } = this.data;
|
if (receiver.length == 0) {
|
this.onCancel();
|
} else {
|
this.showDialog(e);
|
}
|
},
|
|
showDialog(e) {
|
const { key } = e.currentTarget.dataset;
|
this.setData({ [key]: true, dialogKey: key });
|
},
|
|
closeDialog() {
|
const { dialogKey } = this.data;
|
this.setData({ [dialogKey]: false });
|
},
|
|
parseTask() {
|
const { selectedPatrolTypes, receiver } = this.data;
|
const map = new Map();
|
selectedPatrolTypes.forEach(p => {
|
map.set(p.sceneType, p.patrolTasks);
|
});
|
const task = [];
|
const [year, month, day] = this.data.timeText.split('-');
|
const deadline = dayjs(this.data.timeText.replace('时', ':00:00'));
|
receiver.forEach(r => {
|
task.push({
|
spToUserId: r.guid,
|
spFromUserId: app.globalData.accessToken.userId,
|
spSceneTypeId: parseInt(r.extension2),
|
spLedgerTypeId: map.get(r.extension2).join(';'),
|
spTaskYear: year,
|
spTaskMonth: month,
|
spDeadline: deadline,
|
spTag: this.data.taskTag,
|
spPublishUnit: this.data.publishUnit,
|
});
|
});
|
return task;
|
},
|
|
onConfirm() {
|
this.closeDialog();
|
const tasks = this.parseTask();
|
fetchPublish(tasks).then(res => {
|
this.getOpenerEventChannel().emit('uploadOver');
|
wx.navigateBack({
|
delta: 1,
|
});
|
});
|
},
|
|
onCancel() {
|
this.closeDialog();
|
wx.navigateBack({
|
delta: 1,
|
});
|
},
|
});
|
