Skip to content

A
attendance-performance-platform
Commit 59695446 authored by 姬鋆屾's avatar 姬鋆屾
Browse files
Options

tui

parent 28f210c9
Hide whitespace changes
Inline Side-by-side
Showing with 488 additions and 446 deletions
attendance-performance-manager-ui/admin/src/assets/utils/dateFormat.js
View file @ 59695446
export const timestampToTime = (timestamp,transLength) => { export const timestampToTime = (timestamp, transLength) => {
// 时间戳为10位需*1000，时间戳为13位不需乘1000 // 时间戳为10位需*1000，时间戳为13位不需乘1000
let date = null let date = null;
if(timestamp.length<13){ if (timestamp.length < 13) {
date= new Date(timestamp * 1000); date = new Date(timestamp * 1000);
}else{ } else {
date= new Date(timestamp); date = new Date(timestamp);
}
let Y = date.getFullYear() + "-";
let M =
(date.getMonth() + 1 < 10
? "0" + (date.getMonth() + 1)
: date.getMonth() + 1) + "-";
let D = (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
let h = " "+(date.getHours()<10?'0'+date.getHours():date.getHours()) + ":";
let m = (date.getMinutes()<10?'0'+date.getMinutes():date.getMinutes()) + ":";
let s = (date.getSeconds()<10?'0'+date.getSeconds():date.getSeconds());
switch(transLength){
case 3:
return Y + M + D;
case 6:
return Y + M + D + h + m + s;
}
} }
// 小时：分钟 ==》 转分钟 let Y = date.getFullYear() + "-";
let M =
(date.getMonth() + 1 < 10
? "0" + (date.getMonth() + 1)
: date.getMonth() + 1) + "-";
let D = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
let h =
" " +
(date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) +
":";
let m =
(date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
":";
let s = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
switch (transLength) {
case 3:
return Y + M + D;
case 6:
return Y + M + D + h + m + s;
}
};
// 小时：分钟 ==》 转分钟
export const transFormMinut = (String) => { export const transFormMinut = (String) => {
if(typeof(String) === 'number'){ if (typeof String === "number") {
return return;
} }
if(!String){ if (!String) {
return 0 return 0;
} }
let arr = String.split(':') let arr = String.split(":");
let hour = arr[0].indexOf('0') === 0? arr[0].substring(1,arr[0].length):arr[0] let hour =
let minu = arr[1].indexOf('0') === 0? arr[1].substring(1,arr[1].length):arr[1] arr[0].indexOf("0") === 0 ? arr[0].substring(1, arr[0].length) : arr[0];
return hour*60 + minu*1 let minu =
} arr[1].indexOf("0") === 0 ? arr[1].substring(1, arr[1].length) : arr[1];
return hour * 60 + minu * 1;
// return JSON.stringify(hour * 60 + minu * 1);
};
// // 分钟 ==》 小时 // // 分钟 ==》 小时
export const transFormTime = (num) => { export const transFormTime = (num) => {
if (typeof(num) != 'string' && num !== 0) { if (typeof num != "string" && num !== 0) {
return (Math.floor(num / 60)).toString() + ":" + (num % 60).toString() return Math.floor(num / 60).toString() + ":" + (num % 60).toString();
} } else {
else { return "0:00";
return "0:00"; }
} };
}
//当前月第一天 //当前月第一天
export const getFirstDay = () => { export const getFirstDay = () => {
let y = new Date().getFullYear(); //获取年份 let y = new Date().getFullYear(); //获取年份
let m = new Date().getMonth() + 1; //获取月份 let m = new Date().getMonth() + 1; //获取月份
let d = '01'; let d = "01";
m = m < 10 ? '0' + m : m; //月份补 0 m = m < 10 ? "0" + m : m; //月份补 0
return [y,m,d].join("-") return [y, m, d].join("-");
} };
//当前月最后一天 //当前月最后一天
export const getLastDay = () =>{ export const getLastDay = () => {
let y = new Date().getFullYear(); //获取年份 let y = new Date().getFullYear(); //获取年份
let m = new Date().getMonth() + 1; //获取月份 let m = new Date().getMonth() + 1; //获取月份
let d = new Date(y, m, 0).getDate(); //获取当月最后一日 let d = new Date(y, m, 0).getDate(); //获取当月最后一日
m = m < 10 ? '0' + m : m; //月份补 0 m = m < 10 ? "0" + m : m; //月份补 0
d = d < 10 ? '0' + d : d; //日数补 0 d = d < 10 ? "0" + d : d; //日数补 0
return [y,m,d].join("-") return [y, m, d].join("-");
} };
//获取两日期之间日期列表函数 //获取两日期之间日期列表函数
export const getdiffdate = (stime,etime) =>{ export const getdiffdate = (stime, etime) => {
//初始化日期列表，数组 //初始化日期列表，数组
let diffdate = new Array(); let diffdate = new Array();
let i=0; let i = 0;
//开始日期小于等于结束日期,并循环 //开始日期小于等于结束日期,并循环
while(stime<=etime){ while (stime <= etime) {
diffdate[i] = stime; diffdate[i] = stime;
//获取开始日期时间戳 //获取开始日期时间戳
let stime_ts = new Date(stime).getTime(); let stime_ts = new Date(stime).getTime();
//增加一天时间戳后的日期 //增加一天时间戳后的日期
let next_date = stime_ts + (24*60*60*1000); let next_date = stime_ts + 24 * 60 * 60 * 1000;
//拼接年月日，这里的月份会返回（0-11），所以要+1 //拼接年月日，这里的月份会返回（0-11），所以要+1
let next_dates_y = new Date(next_date).getFullYear()+'-'; let next_dates_y = new Date(next_date).getFullYear() + "-";
let next_dates_m = (new Date(next_date).getMonth()+1 < 10)?'0'+(new Date(next_date).getMonth()+1)+'-':(new Date(next_date).getMonth()+1)+'-'; let next_dates_m =
let next_dates_d = (new Date(next_date).getDate() < 10)?'0'+new Date(next_date).getDate():new Date(next_date).getDate(); new Date(next_date).getMonth() + 1 < 10
? "0" + (new Date(next_date).getMonth() + 1) + "-"
stime = next_dates_y+next_dates_m+next_dates_d; : new Date(next_date).getMonth() + 1 + "-";
let next_dates_d =
//增加数组key new Date(next_date).getDate() < 10
i++; ? "0" + new Date(next_date).getDate()
} : new Date(next_date).getDate();
return diffdate;
} stime = next_dates_y + next_dates_m + next_dates_d;
//增加数组key
i++;
}
return diffdate;
};
// 获取某个日期是周几 // 获取某个日期是周几
export const getMyDay = (date) => { export const getMyDay = (date) => {
let week; let week;
if (date.getDay() == 0) week = "周日" if (date.getDay() == 0) week = "周日";
if (date.getDay() == 1) week = "周一" if (date.getDay() == 1) week = "周一";
if (date.getDay() == 2) week = "周二" if (date.getDay() == 2) week = "周二";
if (date.getDay() == 3) week = "周三" if (date.getDay() == 3) week = "周三";
if (date.getDay() == 4) week = "周四" if (date.getDay() == 4) week = "周四";
if (date.getDay() == 5) week = "周五" if (date.getDay() == 5) week = "周五";
if (date.getDay() == 6) week = "周六" if (date.getDay() == 6) week = "周六";
return week; return week;
} };
// 求两个日期的 分钟差 // 求两个日期的 分钟差
export const getMinu = (s1, s2) => { export const getMinu = (s1, s2) => {
var reDate = /\d{4}-\d{1,2}-\d{1,2} /; var reDate = /\d{4}-\d{1,2}-\d{1,2} /;
s1 = new Date((reDate.test(s1) ? s1 : '2023-01-01 ' + s1).replace(/-/g, '/')); s1 = new Date((reDate.test(s1) ? s1 : "2023-01-01 " + s1).replace(/-/g, "/"));
s2 = new Date((reDate.test(s2) ? s2 : '2023-01-01 ' + s2).replace(/-/g, '/')); s2 = new Date((reDate.test(s2) ? s2 : "2023-01-01 " + s2).replace(/-/g, "/"));
var ms = s2.getTime() - s1.getTime(); var ms = s2.getTime() - s1.getTime();
if (ms < 0) return 0; if (ms < 0) return 0;
return Math.floor(ms / 1000 / 60); //分钟 return Math.floor(ms / 1000 / 60); //分钟
} };
\ No newline at end of file
attendance-performance-manager-ui/admin/src/views/attendance/class/dialogshow.vue
View file @ 59695446
<template> <template>
<!-- 班次表单 --> <!-- 班次表单 -->
<el-drawer :title="title" :visible.sync="open" size="55%"> <el-drawer :title="title" :visible.sync="open" size="55%">
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> <el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row> <el-row>
<Field label="班次名称" prop="className" v-model="form.className" placeholder="请输入班次名称" :maxLength="20"/> <Field
<Field label="班次负责人" prop="classResponsiblePersonId" type="select" :enumData="dict.workManId" label="班次名称"
v-model="form.classResponsiblePersonId" placeholder="请选择班次负责人"/> prop="className"
</el-row> v-model="form.className"
<el-form-item label="上下班考勤时间" prop="attendanceClassDetailList"> placeholder="请输入班次名称"
<el-button type="text" @click="handleAddAttendanceClassDetail">添加</el-button> :maxLength="20"
<div class="bancifor" v-for="(item,index) in attendanceClassDetailList" :key="index"> />
<div class="title flex flex-align-center flex-pack-justify"> <Field
<span> label="班次负责人"
第{{index+1}}次上班 prop="classResponsiblePersonId"
</span> type="select"
<el-button type="danger" size="mini" @click="handleDeleteAttendanceClassDetail(index)">删除</el-button> :enumData="dict.workManId"
</div> v-model="form.classResponsiblePersonId"
<div> placeholder="请选择班次负责人"
<span>上班考勤时间</span> />
<el-time-picker </el-row>
size="mini" <el-form-item label="上下班考勤时间" prop="attendanceClassDetailList">
style="width:150px" <el-button type="text" @click="handleAddAttendanceClassDetail"
class="ml20" >添加</el-button
value-format="HH:mm" >
format="HH:mm" <div
v-model="item.goWorkDate" class="bancifor"
placeholder="上班考勤时间"> v-for="(item, index) in attendanceClassDetailList"
</el-time-picker> :key="index"
</div> >
<div> <div class="title flex flex-align-center flex-pack-justify">
<span>打开时段： </span> <span> 第{{ index + 1 }}次上班 </span>
<span>上班前签到</span> <el-button
<el-time-picker type="danger"
size="mini" size="mini"
style="width:150px" @click="handleDeleteAttendanceClassDetail(index)"
class="ml20" >删除</el-button
v-model="item.goWorkDateBefore" >
value-format="H:mm" </div>
format="H小时mm分钟" <div>
placeholder="未设置"> <span>上班考勤时间</span>
</el-time-picker> <el-time-picker
<span class="ml20">——</span> size="mini"
<span class="ml20">上班后签到</span> style="width:150px"
<el-time-picker class="ml20"
size="mini" value-format="HH:mm"
style="width:150px" format="HH:mm"
class="ml20" v-model="item.goWorkDate"
v-model="item.goWorkDateAfter" placeholder="上班考勤时间"
value-format="HH:mm" >
format="H小时mm分钟" </el-time-picker>
placeholder="未设置"> </div>
</el-time-picker> <div>
</div> <span>打开时段： </span>
<div> <span>上班前签到</span>
<span>下班考勤时间</span> <el-time-picker
<el-time-picker size="mini"
size="mini" style="width:150px"
style="width:150px" class="ml20"
class="ml20" v-model="item.goWorkDateBefore"
format="HH:mm" value-format="H:mm"
value-format="HH:mm" format="H小时mm分钟"
v-model="item.offWorkDate" placeholder="未设置"
placeholder="下班考勤时间"> >
</el-time-picker> </el-time-picker>
</div> <span class="ml20">——</span>
<div> <span class="ml20">上班后签到</span>
<span>打开时段：</span> <el-time-picker
<span>下班前签退</span> size="mini"
<el-time-picker style="width:150px"
size="mini" class="ml20"
style="width:150px" v-model="item.goWorkDateAfter"
class="ml20" value-format="HH:mm"
v-model="item.offWorkDateBefore" format="H小时mm分钟"
value-format="H:mm" placeholder="未设置"
format="H小时mm分钟" >
placeholder="未设置"> </el-time-picker>
</el-time-picker> </div>
<span class="ml20">——</span> <div>
<span class="ml20">下班后签退</span> <span>下班考勤时间</span>
<el-time-picker <el-time-picker
size="mini" size="mini"
style="width:150px" style="width:150px"
class="ml20" class="ml20"
v-model="item.offWorkDateAfter" format="HH:mm"
value-format="H:mm" value-format="HH:mm"
format="H小时mm分钟" v-model="item.offWorkDate"
placeholder="未设置"> placeholder="下班考勤时间"
</el-time-picker> >
</div> </el-time-picker>
</div> </div>
</el-form-item> <div>
</el-form> <span>打开时段：</span>
<div class="dialog-footer ml20"> <span>下班前签退</span>
<!-- submitForm --> <el-time-picker
<el-button type="primary" size="mini" v-if="pageInfo.type !== 'view'" @click="formatData">确 定</el-button> size="mini"
<el-button @click="cancel" size="mini">取 消</el-button> style="width:150px"
class="ml20"
v-model="item.offWorkDateBefore"
value-format="H:mm"
format="H小时mm分钟"
placeholder="未设置"
>
</el-time-picker>
<span class="ml20">——</span>
<span class="ml20">下班后签退</span>
<el-time-picker
size="mini"
style="width:150px"
class="ml20"
v-model="item.offWorkDateAfter"
value-format="H:mm"
format="H小时mm分钟"
placeholder="未设置"
>
</el-time-picker>
</div>
</div> </div>
</el-drawer> </el-form-item>
</el-form>
<div class="dialog-footer ml20">
<!-- submitForm -->
<el-button
type="primary"
size="mini"
v-if="pageInfo.type !== 'view'"
@click="formatData"
>确 定</el-button
>
<el-button @click="cancel" size="mini">取 消</el-button>
</div>
</el-drawer>
</template> </template>
<script> <script>
import form from "@/assets/mixins/formdialog"; import form from "@/assets/mixins/formdialog";
import dialogShow from "./dialogshow"; import dialogShow from "./dialogshow";
import {transFormMinut,transFormTime} from '@/assets/utils/dateFormat.js' import { transFormMinut, transFormTime } from "@/assets/utils/dateFormat.js";
export default { export default {
mixins: [form], mixins: [form],
components: { components: {
dialogShow , dialogShow,
}, },
data() { data() {
return { return {
// 子表选中数据 // 子表选中数据
checkedAttendanceClassDetail: [], checkedAttendanceClassDetail: [],
// 考勤班次详细信息表格数据 // 考勤班次详细信息表格数据
attendanceClassDetailList: [], attendanceClassDetailList: [],
// 遮罩层 // 遮罩层
loading: true, loading: true,
// 弹出层标题 // 弹出层标题
title: "考勤班次信息", title: "考勤班次信息",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
toString:[ toString: [],
], // 表单校验
// 表单校验 rules: {
rules: { className: [{ required: true, message: "请输入班次名称" }],
className: [ classResponsiblePersonId: [
{required: true,message: "请输入班次名称" }, { required: true, message: "请选择班次负责人" },
], ],
classResponsiblePersonId:[ attendanceClassDetailList: [{ required: true, message: "请添加" }],
{required: true,message: "请选择班次负责人" }, },
], currentIndex: 0, //当前索引值
attendanceClassDetailList:[ };
{required: true,message: "请添加" } },
] created() {},
}, methods: {
currentIndex:0//当前索引值 formatData() {
} let value = true;
},
created(){
},
methods: {
formatData(){
let value = true
if(this.attendanceClassDetailList.length < 1){
this.$message.error('请完整打卡时间填写')
value = false
return
}else{
console.log(this.attendanceClassDetailList.length,'执行了')
this.attendanceClassDetailList.forEach((item,index) => {
let valueres = this.judgeStatus(this.attendanceClassDetailList,index)
if(!valueres){
value = false
return
}
})
}
if(value){ if (this.attendanceClassDetailList.length < 1) {
console.log('测试') this.$message.error("请完整打卡时间填写");
this.attendanceClassDetailList.forEach(item => { value = false;
item.goWorkDateBefore = transFormMinut(item.goWorkDateBefore) return;
item.goWorkDateAfter = transFormMinut(item.goWorkDateAfter) } else {
item.offWorkDateBefore = transFormMinut(item.offWorkDateBefore) console.log(this.attendanceClassDetailList.length, "执行了");
item.offWorkDateAfter = transFormMinut(item.offWorkDateAfter) this.attendanceClassDetailList.forEach((item, index) => {
}) let valueres = this.judgeStatus(
this.submitForm() this.attendanceClassDetailList,
}else{ index
);
this.$message.error('打卡时间填写有误') if (!valueres) {
} value = false;
return;
}, }
/** 考勤班次详细信息序号 */ });
rowAttendanceClassDetailIndex({ row, rowIndex }) { }
row.index = rowIndex + 1;
},
/** 考勤班次详细信息添加按钮操作 */
handleAddAttendanceClassDetail() {
let obj = {};
obj.goWorkDate = "";
obj.goWorkDateBefore = "";
obj.goWorkDateAfter = "";
obj.offWorkDate = "";
obj.offWorkDateBefore = "";
obj.offWorkDateAfter = "";
obj.remark = "";
this.attendanceClassDetailList.push(obj);
},
// 判断添加上下班考勤时间
judgeStatus(arr,index){
console.log(arr,index,'ces')
let status = true
if(arr.length == 0){
}else{
if(arr[index].goWorkDate === ''){
this.$message.error('请选择上班考勤时间')
status = false
return
}
if(arr[index].goWorkDateBefore === ''){
this.$message.error('请选择允许上班前签到打卡时间')
status = false
return
}
if(arr[index].goWorkDateAfter === ''){
this.$message.error('请选择允许上班后签到打卡时间')
status = false
return
}
if(arr[index].offWorkDate === ''){ if (value) {
this.$message.error('请选择下班考勤时间') this.attendanceClassDetailList.forEach((item) => {
status = false item.goWorkDateBefore = transFormMinut(item.goWorkDateBefore);
return item.goWorkDateAfter = transFormMinut(item.goWorkDateAfter);
} item.offWorkDateBefore = transFormMinut(item.offWorkDateBefore);
if(arr[index].offWorkDateBefore === ''){ item.offWorkDateAfter = transFormMinut(item.offWorkDateAfter);
this.$message.error('请选择允许下班前签退打卡时间') });
status = false this.submitForm();
return } else {
} this.$message.error("打卡时间填写有误");
if(arr[index].offWorkDateAfter === ''){ }
this.$message.error('请选择允许下班后签退打卡时间') },
status = false /** 考勤班次详细信息序号 */
return rowAttendanceClassDetailIndex({ row, rowIndex }) {
} row.index = rowIndex + 1;
//当前比较下班和上班 },
let workTime = transFormMinut(arr[index].goWorkDate)+ /** 考勤班次详细信息添加按钮操作 */
transFormMinut(arr[index].goWorkDateAfter) handleAddAttendanceClassDetail() {
let obj = {};
obj.goWorkDate = "";
obj.goWorkDateBefore = "";
obj.goWorkDateAfter = "";
obj.offWorkDate = "";
obj.offWorkDateBefore = "";
obj.offWorkDateAfter = "";
obj.remark = "";
this.attendanceClassDetailList.push(obj);
},
// 判断添加上下班考勤时间
judgeStatus(arr, index) {
console.log(arr, index, "ces");
let status = true;
if (arr.length == 0) {
} else {
if (arr[index].goWorkDate === "") {
this.$message.error("请选择上班考勤时间");
status = false;
return;
}
if (arr[index].goWorkDateBefore === "") {
this.$message.error("请选择允许上班前签到打卡时间");
status = false;
return;
}
if (arr[index].goWorkDateAfter === "") {
this.$message.error("请选择允许上班后签到打卡时间");
status = false;
return;
}
let offworkTime = transFormMinut(arr[index].offWorkDate)- if (arr[index].offWorkDate === "") {
transFormMinut(arr[index].offWorkDateBefore) this.$message.error("请选择下班考勤时间");
status = false;
return;
}
if (arr[index].offWorkDateBefore === "") {
this.$message.error("请选择允许下班前签退打卡时间");
status = false;
return;
}
if (arr[index].offWorkDateAfter === "") {
this.$message.error("请选择允许下班后签退打卡时间");
status = false;
return;
}
//当前比较下班和上班
let workTime =
transFormMinut(arr[index].goWorkDate) +
transFormMinut(arr[index].goWorkDateAfter);
if(offworkTime <= workTime){ let offworkTime =
this.$message.error('下班打卡时间不能小于上班打卡时间') transFormMinut(arr[index].offWorkDate) -
status = false transFormMinut(arr[index].offWorkDateBefore);
return
}
if(arr.length > 1 && index>0){
// 上一次比较
let lastoffTime = transFormMinut(arr[index-1].offWorkDate) +
transFormMinut(arr[index - 1 ].offWorkDateAfter)
let currentwokeTime = transFormMinut(arr[index].goWorkDate) - if (offworkTime <= workTime) {
transFormMinut(arr[index].goWorkDateBefore) this.$message.error("下班打卡时间不能小于上班打卡时间");
status = false;
return;
}
if (arr.length > 1 && index > 0) {
// 上一次比较
let lastoffTime =
transFormMinut(arr[index - 1].offWorkDate) +
transFormMinut(arr[index - 1].offWorkDateAfter);
if(currentwokeTime <= lastoffTime){ let currentwokeTime =
this.$message.error(`第${index}上班考勤时间需大于第${index-1}上班考勤时间`) transFormMinut(arr[index].goWorkDate) -
status = false transFormMinut(arr[index].goWorkDateBefore);
return
}
}
}
return status
},
/** 考勤班次详细信息删除按钮操作 */
handleDeleteAttendanceClassDetail(index) {
this.$alert('确定要删除这条设置吗', '删除提醒', {
confirmButtonText: '确定',
callback: action => {
this.attendanceClassDetailList.splice(index,1)
this.currentIndex --
}
})
},
/** 单选框选中数据 */
handleAttendanceClassDetailSelectionChange(selection) {
if (selection.length > 1) {
this.$refs.attendanceClassDetail.clearSelection();
this.$refs.attendanceClassDetail.toggleRowSelection(selection.pop());
} else {
this.checkedAttendanceClassDetail = selection;
}
},
// 渲染前置处理
beforeRender(data) {
if(data.entity.attendanceClassDetailList) {
this.attendanceClassDetailList = data.entity.attendanceClassDetailList;
}
return data
},
/** 编辑 */
edit(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl ="attendance/class/edit";
this.getData();
this.pageInfo.type="edit"
this.title = "修改考勤班次信息";
}, if (currentwokeTime <= lastoffTime) {
/** 新增 */ this.$message.error(
add(row) { `第${index}上班考勤时间需大于第${index - 1}上班考勤时间`
this.reset() );
this.urls.currUrl = "attendance/class/add"; status = false;
this.getData(); return;
this.pageInfo.type="add" }
this.title = "新增考勤班次信息"; }
}, }
/** 查看*/ return status;
view(row) { },
this.reset() /** 考勤班次详细信息删除按钮操作 */
this.query = { id: row.id }; handleDeleteAttendanceClassDetail(index) {
this.urls.currUrl ="attendance/class/view"; this.$alert("确定要删除这条设置吗", "删除提醒", {
this.getData(); confirmButtonText: "确定",
this.pageInfo.type="view" callback: (action) => {
this.title = "考勤班次信息详细"; this.attendanceClassDetailList.splice(index, 1);
}, this.currentIndex--;
/**取消按钮 */ },
cancel() { });
this.open = false; },
}, /** 单选框选中数据 */
/**获取数据后弹框 */ handleAttendanceClassDetailSelectionChange(selection) {
afterRender(data) { if (selection.length > 1) {
if(this.attendanceClassDetailList.length>0){ this.$refs.attendanceClassDetail.clearSelection();
this.attendanceClassDetailList.forEach(item => { this.$refs.attendanceClassDetail.toggleRowSelection(selection.pop());
item.goWorkDateBefore = transFormTime(item.goWorkDateBefore) } else {
item.goWorkDateAfter = transFormTime(item.goWorkDateAfter) this.checkedAttendanceClassDetail = selection;
item.offWorkDateBefore = transFormTime(item.offWorkDateBefore) }
item.offWorkDateAfter = transFormTime(item.offWorkDateAfter) },
}) // 渲染前置处理
this.currentIndex = this.attendanceClassDetailList.length - 1 beforeRender(data) {
this.form.classResponsiblePersonId = this.form.classResponsiblePersonId.toString() if (data.entity.attendanceClassDetailList) {
console.log(this.currentIndex,'执行了') this.attendanceClassDetailList = data.entity.attendanceClassDetailList;
} }
this.open = true; return data;
}, },
/** 编辑 */
edit(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "attendance/class/edit";
this.getData();
this.pageInfo.type = "edit";
this.title = "修改考勤班次信息";
},
/** 新增 */
add(row) {
this.reset();
this.urls.currUrl = "attendance/class/add";
this.getData();
this.pageInfo.type = "add";
this.title = "新增考勤班次信息";
},
/** 查看*/
view(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "attendance/class/view";
this.getData();
this.pageInfo.type = "view";
this.title = "考勤班次信息详细";
},
/**取消按钮 */
cancel() {
this.open = false;
},
/**获取数据后弹框 */
afterRender(data) {
if (this.attendanceClassDetailList.length > 0) {
this.attendanceClassDetailList.forEach((item) => {
item.goWorkDateBefore = transFormTime(item.goWorkDateBefore);
item.goWorkDateAfter = transFormTime(item.goWorkDateAfter);
item.offWorkDateBefore = transFormTime(item.offWorkDateBefore);
item.offWorkDateAfter = transFormTime(item.offWorkDateAfter);
});
this.currentIndex = this.attendanceClassDetailList.length - 1;
this.form.classResponsiblePersonId = this.form.classResponsiblePersonId.toString();
console.log(this.currentIndex, "执行了");
}
this.open = true;
},
afterSubmit(data) { afterSubmit(data) {
this.open = false; this.open = false;
this.$emit("ok"); this.$emit("ok");
}, },
// 表单重置 // 表单重置
reset() { reset() {
this.form = { this.form = {
className : "", className: "",
classResponsiblePersonId : null, classResponsiblePersonId: null,
classResponsiblePersonName : "", classResponsiblePersonName: "",
remark : "", remark: "",
}; };
this.resetForm("form"); this.resetForm("form");
}, },
resetForm(refName) { resetForm(refName) {
if (this.$refs[refName]) { if (this.$refs[refName]) {
this.$refs[refName].resetFields(); this.$refs[refName].resetFields();
} }
}, },
}, },
}; };
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.bancifor{ .bancifor {
background-color: #f5f5f5; background-color: #f5f5f5;
padding: 10px; padding: 10px;
margin-bottom: 15px; margin-bottom: 15px;
.title{ .title {
border-bottom: 1px solid rgb(206, 206, 206); border-bottom: 1px solid rgb(206, 206, 206);
} }
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment