zzyuan
/
gz-att-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

考勤明细修改提交

This commit is contained in:
zzyuan 2024-10-14 14:33:48 +08:00
parent dad02bb66a
commit 5559e66568
2 changed files with 161 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/api/report/attReport.js
View File

@ -10,6 +10,15 @@ export function getDetailsList(query) {
})
}
// 查询列表
export function updateAttDetails(data) {
return request({
url: '/system/attDetails',
method: 'put',
data: data
})
}
// 查询考勤明细修改记录列表
export function getDetailsRecordList(query) {
return request({

168
src/views/report/attReport/index.vue
View File

@ -42,20 +42,21 @@
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
<el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
<el-button type="primary" size="mini" @click="openDialog">批量修改</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<!-- <el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:dict:export']"
@click="handleExport"
>导出</el-button>
</el-col>
</el-col> -->
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
@ -73,7 +74,18 @@
<el-table-column label="上班打卡时间" align="center" prop="toWorkAttCurrentTime" width="180"></el-table-column>
<el-table-column label="上班状态" align="center" prop="toWorkAttStatus">
<template slot-scope="scope">
<dict-tag :options="dict.type.att_status" :value="scope.row.toWorkAttStatus"/>
<div v-if="scope.row.toWorkAttStatus==0">未打卡</div>
<div v-if="scope.row.toWorkAttStatus==1">正常</div>
<div style="color: #F1A4AD" v-if="scope.row.toWorkAttStatus==2">迟到</div>
<div style="color: #29C9C9" v-if="scope.row.toWorkAttStatus==3">旷工</div>
<div v-if="scope.row.toWorkAttStatus==4">早退</div>
<div v-if="scope.row.toWorkAttStatus==5">轮休</div>
<div style="color: #14ACF0" v-if="scope.row.toWorkAttStatus==6">请假</div>
<div v-if="scope.row.toWorkAttStatus==7">临时外出</div>
<div style="color: #DD1E36" v-if="scope.row.toWorkAttStatus==8">出入异常</div>
<div v-if="scope.row.toWorkAttStatus==9">打卡地异常</div>
<div v-if="scope.row.toWorkAttStatus==10">出差</div>
<div v-if="scope.row.toWorkAttStatus==11">法定节假日</div>
</template>
</el-table-column>
<el-table-column label="打卡地址" align="center" prop="toWorkAttAddress" :show-overflow-tooltip="true" />
@ -81,7 +93,18 @@
<el-table-column label="下班打卡时间" align="center" prop="offWorkAttCurrentTime" width="180"></el-table-column>
<el-table-column label="下班状态" align="center" prop="offWorkAttStatus">
<template slot-scope="scope">
<dict-tag :options="dict.type.att_status" :value="scope.row.offWorkAttStatus"/>
<div v-if="scope.row.offWorkAttStatus==0">未打卡</div>
<div v-if="scope.row.offWorkAttStatus==1">正常</div>
<div style="color: #F1A4AD" v-if="scope.row.offWorkAttStatus==2">迟到</div>
<div style="color: #29C9C9" v-if="scope.row.offWorkAttStatus==3">旷工</div>
<div v-if="scope.row.offWorkAttStatus==4">早退</div>
<div v-if="scope.row.offWorkAttStatus==5">轮休</div>
<div style="color: #14ACF0" v-if="scope.row.offWorkAttStatus==6">请假</div>
<div v-if="scope.row.offWorkAttStatus==7">临时外出</div>
<div style="color: #DD1E36" v-if="scope.row.offWorkAttStatus==8">出入异常</div>
<div v-if="scope.row.offWorkAttStatus==9">打卡地异常</div>
<div v-if="scope.row.offWorkAttStatus==10">出差</div>
<div v-if="scope.row.offWorkAttStatus==11">法定节假日</div>
</template>
</el-table-column>
<el-table-column label="打卡地址" align="center" prop="offWorkAttAddress" :show-overflow-tooltip="true" />
@ -96,15 +119,84 @@
@pagination="getList"
/>
<el-dialog title="批量修改" :visible.sync="open" width="1200px" append-to-body>
<el-table v-loading="loading" :data="dialogList" width="100%" height="500px">
<el-table-column label="序号" type="index" width="55" align="center" fixed/>
<el-table-column label="姓名" align="center" prop="userName" fixed/>
<el-table-column label="所属部门" align="center" prop="orgName" :show-overflow-tooltip="true" width="150" fixed/>
<el-table-column label="考勤日期" align="center" prop="attCurrentDay" :show-overflow-tooltip="true" width="150" fixed/>
<el-table-column label="修改上班时间" align="center" prop="toWorkAttCurrentTime" width="240">
<template slot-scope="scope">
<el-date-picker
v-model="scope.row.toWorkAttCurrentTime" :clearable="false"
type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width: 95%"
placeholder="选择上班时间">
</el-date-picker>
</template>
</el-table-column>
<el-table-column label="修改上班状态" align="center" prop="toWorkAttStatus" width="180">
<template slot-scope="scope">
<el-select
v-model="scope.row.toWorkAttStatus"
placeholder="修改后上班状态" style="width: 95%">
<el-option
v-for="dict in dict.type.att_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</template>
</el-table-column>
<el-table-column label="打卡地址" align="center" prop="toWorkAttAddress" :show-overflow-tooltip="true" width="180"/>
<el-table-column label="原因说明" align="center" prop="toErrorRemake" width="200">
<template slot-scope="scope">
<el-input type="textarea" v-model="scope.row.toErrorRemake" maxlength="100"></el-input>
</template>
</el-table-column>
<el-table-column label="修改下班时间" align="center" prop="offWorkAttCurrentTime" width="240">
<template slot-scope="scope">
<el-date-picker
v-model="scope.row.offWorkAttCurrentTime" :clearable="false"
type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width: 95%"
placeholder="选择下班时间">
</el-date-picker>
</template>
</el-table-column>
<el-table-column label="修改下班状态" align="center" prop="offWorkAttStatus" width="180">
<template slot-scope="scope">
<el-select
v-model="scope.row.offWorkAttStatus"
placeholder="修改后下班状态" style="width: 95%">
<el-option
v-for="dict in dict.type.att_status"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</template>
</el-table-column>
<el-table-column label="打卡地址" align="center" prop="offWorkAttAddress" :show-overflow-tooltip="true" width="180"></el-table-column>
<el-table-column label="原因说明" align="center" prop="offErrorRemake" width="200">
<template slot-scope="scope">
<el-input type="textarea" v-model="scope.row.offErrorRemake" maxlength="100"></el-input>
</template>
</el-table-column>
</el-table>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitEdit">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listType, getType, delType, addType, updateType, refreshCache } from "@/api/system/dict/type";
import { getDetailsList } from "@/api/report/attReport";
import { getDetailsList,updateAttDetails } from "@/api/report/attReport";
import { listDept } from "@/api/system/dept";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
@ -132,8 +224,9 @@
title: "",
// 是否显示弹出层
open: false,
dialogList:[],
// 日期范围
dateRange: ['2024-10-06','2024-10-12'],
dateRange: [],
deptOptions: [],
// 查询参数
queryParams: {
@ -209,15 +302,58 @@
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.dictId)
this.single = selection.length!=1
this.multiple = !selection.length
this.dialogList = selection;
},
openDialog(){
console.log(this.dialogList)
if(this.dialogList.length>0){
this.open=true;
}else{
this.$message({ message: '请先勾选数据！', type: 'warning' })
}
},
submitEdit(){
let paramList = []
var index = this.dialogList.findIndex(item => {return !item.toErrorRemake||item.toErrorRemake==""||!item.offErrorRemake||item.offErrorRemake==""})
console.log(index)
this.$modal.msgSuccess("修改申请提交成功,耐心等待审批，请勿重复提交！");
if(index>-1){
// this.$modal.msgSuccess("原因说明不可为空！");
this.$message({ message: '原因说明不可为空！', type: 'warning' })
}else{
this.dialogList.forEach(item=>{
let obj = {
userId:item.userId,
orgId:item.orgId,
attCurrentDay:item.attCurrentDay,
toWorkAttCurrentTime:item.toWorkAttCurrentTime,
toWorkAttStatus:item.toWorkAttStatus,
toErrorRemake:item.toErrorRemake,
offWorkAttCurrentTime:item.offWorkAttCurrentTime,
offWorkAttStatus:item.offWorkAttStatus,
offErrorRemake:item.offErrorRemake,
}
paramList.push(obj)
})
// console.log(paramList)
updateAttDetails(paramList).then(response => {
if(response.code==200){
this.$modal.msgSuccess("修改申请提交成功,耐心等待审批，请勿重复提交！");
this.dialogList=[]
this.open = false;
this.getList();
}else{
this.$message({ message: '修改申请提交失败！', type: 'warning' })
}
});
}
},
cancel(){
this.open=false;
},
/** 导出按钮操作 */
handleExport() {
this.download('system/dict/type/export', {