oa/public/static/assets/gougu/module/oaWork.js

layui.define(['tool','oaPicker'], function (exports) {
	const layer = layui.layer;
	const form = layui.form;
	const tool = layui.tool;
	const laydate = layui.laydate;
	const oaPicker = layui.oaPicker;
	// 定义工作时间段
	const workPeriods = [
		{ start: 8, end: 12 }, // 早上工作时间段
		{ start: 14, end: 18 } // 下午工作时间段
	];	
	const obj = {
		//计算工时
		calculateWorkHours:function(startTimeStr, endTimeStr) {
			if(startTimeStr == '' || endTimeStr==''){
				return 0;
			}
			// 解析时间字符串为Date对象
			const startTime = new Date(startTimeStr);
			const endTime = new Date(endTimeStr);

			// 确保结束时间晚于或等于开始时间
			if (endTime < startTime) {
				layer.msg('结束时间必须晚于或等于开始时间');
				return 0;
			}
			let totalWorkHours = 0;

			// 遍历每一天
			let currentDay = new Date(startTime);
			let nextDay = new Date(currentDay);
			//nextDay.setDate(nextDay.getDate() + 1); // 设置为下一天的同一时间

			while (currentDay <= endTime) {
				// 计算当前天的工作时间
				for (const period of workPeriods) {
					// 获取当前天的工作时间段开始和结束时间
					let dayStart = new Date(currentDay.getFullYear(), currentDay.getMonth(), currentDay.getDate(), period.start, 0, 0);
					let dayEnd = new Date(currentDay.getFullYear(), currentDay.getMonth(), currentDay.getDate(), period.end, 0, 0);

					// 检查是否在当前天的工作时间段内
					if (currentDay <= dayEnd && (dayStart <= endTime || dayStart <= currentDay)) {
						// 计算重叠的时间段
						let overlapStart = Math.max(dayStart, Math.max(currentDay, startTime));
						let overlapEnd = Math.min(dayEnd, endTime);

						// 计算重叠时间段的时长（以毫秒为单位）
						let overlapDuration = overlapEnd - overlapStart;

						// 将时长转换为小时，并累加到总工时
						totalWorkHours += overlapDuration / (1000 * 60 * 60);
					}
				}

				// 移到下一天
				currentDay = nextDay;
				nextDay.setDate(nextDay.getDate() + 1);
			}
			// 保留两位小数
			return totalWorkHours.toFixed(2);
		},
		count_total:function(detail){
			let amount=0,work_total=0;
			if(detail.fee==''){
				detail.fee=0;
			}
			if(detail.hours==0){
				amount = detail.fee;
			}
			else{
				work_total = detail.hours*detail.work_price;
				amount = (detail.fee*100+work_total*100)/100;
			}
			let total = {amount:amount.toFixed(2),work_total:work_total.toFixed(2)}
			return total;
		},
		//保存
		save: function (postData) {
			let callback = function (e) {
				if (e.code == 0) {
					layer.closeAll();
					layer.msg(e.msg);
					if(layui.workTable){
						layui.workTable.reload();
					}
					else{
						setTimeout(function(){
							location.reload();
						},1000);	
					}					
				} else {
					layer.msg(e.msg);
				}
			}
			tool.post("/task/work/add", postData, callback);
		},
		//查看
		view: function (detail) {
			let demand = '',problems = '',task = '';
			if(detail.demand_id>0){
				demand = `<tr><td class="layui-td-gray">关联请求</td><td colspan="3">${detail.demand}</td></tr>`;
			}
			if(detail.problems_id>0){
				problems = `<tr><td class="layui-td-gray">关联问题</td><td colspan="3">${detail.problems}</td></tr>`;
			}
			if(detail.task_id>0){
				task = `<tr><td class="layui-td-gray">关联任务</td><td colspan="3">${detail.task}</td></tr>`;
			}
			let content = `<div class="p-2">
					<table class="layui-table" style="margin:0">
						${demand}
						${problems}
						${task}
						<tr>
							<td class="layui-td-gray-2">开始时间</td>
							<td>${detail.start_time}</td>
							<td class="layui-td-gray-2">结束时间</td>
							<td>${detail.end_time}</td>
						</tr>
						<tr>
							<td class="layui-td-gray">所有者</td>
							<td>${detail.director_name}</td>
							<td class="layui-td-gray">工时费用(元)</td>
							<td>${detail.work_price}</td>
						</tr>
						<tr>
							<td class="layui-td-gray">所用工时(小时)</td>
							<td>${detail.hours}</td>
							<td class="layui-td-gray">技术费用(元)</td>
							<td>${detail.work_total}</td>
						</tr>
						<tr>
							<td class="layui-td-gray">其他费用(元)</td>
							<td>${detail.fee}</td>
							<td class="layui-td-gray">总费用(元)</td>
							<td>${detail.amount}</td>
						</tr>
						<tr>
							<td class="layui-td-gray">工作内容</td>
							<td colspan="3">${detail.title}</td>
						</tr>
						<tr>
							<td class="layui-td-gray">补充描述</td>
							<td colspan="3">${detail.remark}</td>
						</tr>
					</table>
				</div>`;
			layer.open({
				type: 1,
				title: '工作记录详情',
				area: ['692px', '432px'],
				content: content,
				success: function () {

				},
				btn: ['关闭'],
				btnAlign: 'c',
				yes: function (idx) {
					layer.close(idx);
				}
			})
		},
		add: function (schedule) {
			let that = this, detail = {}, title = '添加工作记录',timestamp = new Date().getTime();;
			let html_time = '';
			if (schedule['id'] > 0) {
				title = '编辑工作记录';
				detail['id'] = schedule['id'];
				detail['title'] = schedule['title'];
				detail['start_time'] = schedule['start_time'];
				detail['end_time'] = schedule['end_time'];
				detail['director_name'] = schedule['director_name'];
				detail['director_id'] = schedule['director_id'];
				detail['hours'] = schedule['hours'];
				detail['work_price'] = schedule['work_price'];
				detail['fee'] = schedule['fee'];
				detail['work_total'] = schedule['work_total'];
				detail['amount'] = schedule['amount'];
				detail['remark'] = schedule['remark'];
			} else {
				detail['task_id'] = schedule['task_id'];
				detail['problems_id'] = schedule['problems_id'];
				detail['demand_id'] = schedule['demand_id'];
				detail['title'] = '';
				detail['start_time'] = '';
				detail['end_time'] = '';
				detail['director_name'] = '';
				detail['director_id'] = 0;
				detail['hours'] = 0;
				detail['work_price'] = 0;
				detail['fee'] = 0;
				detail['work_total'] = 0;
				detail['amount'] = 0;
				detail['remark'] = '';
			}			
			let content = `<form class="layui-form p-2">
					<table class="layui-table" style="margin:0" id="table${timestamp}">
						<tr>
							<td class="layui-td-gray-2">开始时间 <span style="color: red">*</span></td>
							<td><input id="start_time" name="start_time" class="layui-input" value="${detail.start_time}" readonly lay-verify="required" lay-reqText="请选择"></td>
							<td class="layui-td-gray-2">结束时间 <span style="color: red">*</span></td>
							<td><input id="end_time" name="end_time" class="layui-input" value="${detail.end_time}" readonly lay-verify="required" lay-reqText="请选择"></td>
						</tr>
						<tr>
							<td class="layui-td-gray">所有者<font>*</font></td>
							<td>
								<input type="text" name="director_name" lay-verify="required" readonly placeholder="请选择" lay-reqText="请完善所有者" class="layui-input picker-diy" value="${detail.director_name}">
								<input type="hidden" name="director_id" value="${detail.director_id}">
							</td>
							<td class="layui-td-gray">工时费用(元)</td>
							<td><input name="work_price" class="layui-input layui-input-readonly" value="${detail.work_price}" readonly lay-verify="number"></td>
						</tr>
						<tr>
							<td class="layui-td-gray">所用工时(小时)</td>
							<td><input name="hours" class="layui-input layui-input-readonly" readonly value="${detail.hours}" lay-verify="number"></td>
							<td class="layui-td-gray">技术费用(元)</td>
							<td><input name="work_total" class="layui-input layui-input-readonly" value="${detail.work_total}" readonly lay-verify="number"></td>
						</tr>
						<tr>
							<td class="layui-td-gray">其他费用(元)</td>
							<td><input name="fee" class="layui-input" value="${detail.fee}" lay-verify="number"></td>
							<td class="layui-td-gray">总费用(元)</td>
							<td><input name="amount" class="layui-input layui-input-readonly" value="${detail.amount}" readonly lay-verify="number"></td>
						</tr>
						<tr>
							<td class="layui-td-gray">工作内容 <span style="color: red">*</span></td>
							<td colspan="3"><input name="title" class="layui-input" value="${detail.title}" lay-verify="required" lay-reqText="请完成工作内容"></td>
						</tr>
						<tr>
							<td class="layui-td-gray">补充描述</td>
							<td colspan="3">
								<textarea name="remark" form-input="remark" class="layui-textarea" style="min-height:92px;">${detail.remark}</textarea>
								<input name="tid" type="hidden" value="${detail.tid}">
							</td>
						</tr>
					</table>
				</form>`;					
			layer.open({
				type: 1,
				title: title,
				area: ['800px', '500px'],
				content: content,
				success: function () {	
					//选择员工弹窗        
					$('#table'+timestamp).on('click','.picker-diy',function () {
						let self = $(this);
						let ids=self.next().val()+'',names = self.val()+'';
						oaPicker.employeeInit({
							ids:ids,
							names:names,
							type:1,//1是单选，2是多选
							callback:function(data){
								self.val(data[0].name);
								self.next().val(data[0].id);
								detail.director_id = data[0].id;
								if(data[0].id==0){
									data[0].work_price=0.00;
								}
								detail.work_price = data[0].work_price;
								$('[name="work_price"]').val(data[0].work_price);
								let total = that.count_total(detail);
								$('[name="amount"]').val(total.amount);
								$('[name="work_total"]').val(total.work_total);
								detail.amount = total.amount;
								detail.work_total = total.work_total;
							}
						});
					});				
					//日期时间范围
					laydate.render({
						elem: '#start_time',
						max: 0,
						type: 'datetime',
						format: 'yyyy-MM-dd HH:mm',
						fullPanel: true,
						done: function (a, b, c) {
							detail.start_time = a;
							detail.hours = that.calculateWorkHours(detail.start_time,detail.end_time);
							$('[name="hours"]').val(detail.hours);
							let total = that.count_total(detail);
							$('[name="amount"]').val(total.amount);
							$('[name="work_total"]').val(total.work_total);
							detail.amount = total.amount;
							detail.work_total = total.work_total;
						}
					});

					//日期时间范围
					laydate.render({
						elem: '#end_time',
						max: 0,
						type: 'datetime',
						format: 'yyyy-MM-dd HH:mm',
						fullPanel: true,
						done: function (a, b, c) {
							detail.end_time = a;
							that.calculateWorkHours(detail.start_time,detail.end_time);
							detail.hours = that.calculateWorkHours(detail.start_time,detail.end_time);
							$('[name="hours"]').val(detail.hours);
							let total = that.count_total(detail);
							$('[name="amount"]').val(total.amount);
							$('[name="work_total"]').val(total.work_total);
							detail.amount = total.amount;
							detail.work_total = total.work_total;
						}
					});
					
					form.render();
					
					$('[name="title"]').on('input', function () {
						var _val = $(this).val();
						detail.title = _val;
					});
					$('[name="fee"]').on('input', function () {
						this.value = this.value.replace(/[^0-9]/g,'');
						var _val = $(this).val();
						detail.fee = _val;
						let total = that.count_total(detail);
						$('[name="amount"]').val(total.amount);
						$('[name="work_total"]').val(total.work_total);
						detail.amount = total.amount;
						detail.work_total = total.work_total;
					});
					$('[form-input="remark"]').on('input', function () {
						var _val = $(this).val();
						detail.remark = _val;
					});
				},
				btn: ['确定提交'],
				btnAlign: 'c',
				yes: function (idx) {
					if (detail.start_time == '') {
						layer.msg('请选择开始时间');
						return;
					}
					if (detail.end_time == '') {
						layer.msg('请选择结束时间');
						return;
					}
					if(detail.hours*100<=0){
						layer.msg('请选择工作时间有问题');
						return;
					}
					if(detail.director_id==0){
						layer.msg('请完善所有者');
						return;
					}
					if (detail.title == '') {
						layer.msg('请填写工作内容');
						return;
					}
					console.log(detail);
					that.save(detail);
				}
			})
		}
	};
	exports('oaWork', obj);
});