Skip to content

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

tui

parent 5332d7a4
Expand all Show whitespace changes
Inline Side-by-side
Showing with 393 additions and 333 deletions
attendance-performance-manager-ui/admin/src/views/attendance/record/error/drawershow.vue
View file @ d5b2b8bc
...@@ -4,46 +4,62 @@ ...@@ -4,46 +4,62 @@
title="批量处理" title="批量处理"
:visible.sync="open" :visible.sync="open"
:direction="direction" :direction="direction"
size="50%"> size="50%"
>
<div style="padding:20px;font-size:15px"> <div style="padding:20px;font-size:15px">
<div> <div>已选择{{ selection.length }}个：</div>
已选择{{selection.length}}个：
</div>
<div class="staffList mt20"> <div class="staffList mt20">
<div v-for="item in selection" :key="item" class="mt10"> <div v-for="item in selection" :key="item" class="mt10">
将<span> {{item.staffName}} </span> 将<span> {{ item.staffName }} </span>
<span>的 {{item.goOrOff}} 时间 {{item.goOffDateTime}} 打卡异常状态</span> <span
>的 {{ item.goOrOff }} 时间
{{ item.goOffDateTime }} 打卡异常状态</span
>
<span class="ml10" style="color:#f56c6c"> <span class="ml10" style="color:#f56c6c">
{{dict['errorStatus'][item.errorStatus]}} {{ dict["errorStatus"][item.errorStatus] }}
</span> </span>
<span class="ml10">修改为</span> <span class="ml10">修改为</span>
</div> </div>
<div class="mt10"> <div class="mt10">
<!--
<!--
<Field label="" v-model="dealParams.processResult" type="select" :enumData="dict.errorStatus"/> <Field label="" v-model="dealParams.processResult" type="select" :enumData="dict.errorStatus"/>
--> -->
<!-- 处理异常状态 --> <!-- 处理异常状态 -->
<el-select v-model="dealParams.processResult"> <el-select v-model="dealParams.errorStatus">
<el-option <el-option
v-for='($label, $value) in dict.errorStatus' v-for="($label, $value) in dict.errorStatus"
:key="$value" :key="$value"
:label="$label" :label="$label"
:value="$value"> :value="$value"
>
</el-option> </el-option>
</el-select> </el-select>
<!-- 早退/迟到 --> <!-- 早退/迟到 -->
<el-input style="width:220px" placeholder="请输入数字" :maxlength="4" v-model="duration" <el-input
v-if="dealParams.processResult == '1'|| dealParams.processResult == '2'" style="width:220px"
class="ml20" type="number"> placeholder="请输入数字"
:maxlength="4"
v-model="duration"
v-if="
dealParams.errorStatus == '1' || dealParams.errorStatus == '2'
"
class="ml20"
type="number"
>
<template slot="append">分钟</template> <template slot="append">分钟</template>
</el-input> </el-input>
</div> </div>
<div class="mt10"> <div class="mt10">
<span>备注：</span> <span>备注：</span>
<el-input placeholder="请输入备注" type="textarea" show-word-limit class="mt10" <el-input
:maxlength="50" v-model="dealParams.remark"></el-input> placeholder="请输入备注"
type="textarea"
show-word-limit
class="mt10"
:maxlength="50"
v-model="dealParams.processResult"
></el-input>
</div> </div>
</div> </div>
<div class="mt20"> <div class="mt20">
...@@ -51,16 +67,13 @@ ...@@ -51,16 +67,13 @@
<el-button @click="cancleFn">取消</el-button> <el-button @click="cancleFn">取消</el-button>
</div> </div>
</div> </div>
</el-drawer> </el-drawer>
</template> </template>
<script> <script>
export default { export default {
name: "AttendanceRecordDetail", name: "AttendanceRecordDetail",
created() { created() {},
},
data() { data() {
return { return {
// 遮罩层 // 遮罩层
...@@ -69,100 +82,105 @@ ...@@ -69,100 +82,105 @@
title: "考勤打卡记录信息", title: "考勤打卡记录信息",
// 是否显示弹出层 // 是否显示弹出层
open: false, open: false,
direction:"rtl", direction: "rtl",
toString: ["processResult"], toString: ["processResult"],
// 表单校验 // 表单校验
rules: { rules: {
staffName: [ staffName: [
{required: true,message: "请输入员工姓名", trigger: "blur" }, { required: true, message: "请输入员工姓名", trigger: "blur" },
{max: 64,message: "最多只能录入64个字符",trigger: "blur",}, { max: 64, message: "最多只能录入64个字符", trigger: "blur" },
],
createTime: [
{required: true,message: "请选择创建时间" },
], ],
createTime: [{ required: true, message: "请选择创建时间" }],
}, },
dealParams:{ dealParams: {
remark:'', remark: "",
errorStatus:null, errorStatus: null,
durtion:0, durtion: 0,
processResult:'', processResult: "",
recordErrorEntities:[],//处理员工 recordErrorEntities: [], //处理员工
processStatus:1//处理状态 processStatus: 1, //处理状态
}, },
selection:[], selection: [],
query:{}, query: {},
urls:{ urls: {
currUrl:'', currUrl: "",
saveUrl:'attendance/record/error/save' saveUrl: "attendance/record/error/save",
}, },
dict:{ dict: {
errorStatus:'' errorStatus: "",
}, },
duration:'' duration: "",
} };
}, },
methods: { methods: {
// 渲染前置处理 // 渲染前置处理
beforeRender(data) { beforeRender(data) {
return data return data;
}, },
/** 编辑 */ /** 编辑 */
edit(row,selection) { edit(row, selection) {
if(selection.length<1){ if (selection.length < 1) {
this.selection = [row] this.selection = [row];
this.query = { id: row.id }; this.query = { id: row.id };
}else{ } else {
this.selection = selection this.selection = selection;
this.query = {id:this.selection[0].id} this.query = { id: this.selection[0].id };
} }
this.dealParams.recordErrorEntities = this.selection this.dealParams.recordErrorEntities = this.selection;
this.urls.currUrl ="attendance/record/error/edit"; this.urls.currUrl = "attendance/record/error/edit";
this.getInital(this.query.id) this.getInital(this.query.id);
}, },
/**获取数据后弹框 */ /**获取数据后弹框 */
afterRender(data) { afterRender(data) {
this.open = true; this.open = true;
}, },
getInital(id){ getInital(id) {
this.$post(this.urls.currUrl+'?id='+id).then(res => { this.$post(this.urls.currUrl + "?id=" + id).then((res) => {
if(res.code == 1){ if (res.code == 1) {
this.afterRender() this.afterRender();
this.dict = res.data.dict this.dict = res.data.dict;
} }
}) });
}, },
// 保存 // 保存
saveForm(){ saveForm() {
if(this.dealParams.processResult == ''){ if (this.dealParams.errorStatus == "") {
this.$message.error('请选择处理结果') this.$message.error("请选择处理结果");
return return;
} }
this.dealParams.errorStatus=this.dealParams.processResult this.dealParams.errorStatus = this.dealParams.errorStatus;
if(this.duration && (this.dealParams.processResult == '1' || this.dealParams.processResult == '2')){ if (
this.dealParams.processResult =this.dict.errorStatus[this.dealParams.processResult] + this.duration +'分钟' this.duration &&
this.dealParams.durtion=this.duration (this.dealParams.errorStatus == "1" ||
this.dealParams.errorStatus == "2")
) {
this.dealParams.errorStatus =
this.dict.errorStatus[this.dealParams.errorStatus] +
this.duration +
"分钟";
this.dealParams.durtion = this.duration;
} }
// 保存结果处理 // 保存结果处理
this.$post(this.urls.saveUrl,this.dealParams).then(res => { this.$post(this.urls.saveUrl, this.dealParams).then((res) => {
if(res.code == 1){ if (res.code == 1) {
this.cancleFn() this.cancleFn();
} }
}) });
}, },
cancleFn(){ cancleFn() {
this.open = false this.open = false;
this.dealParams = { this.dealParams = {
remark:'', remark: "",
errorStatus:null, errorStatus: null,
durtion:0, durtion: 0,
processResult:'', processResult: "",
recordErrorEntities:[],//处理员工 recordErrorEntities: [], //处理员工
processStatus:1//处理状态 processStatus: 1, //处理状态
} };
this.$emit("ok") this.$emit("ok");
} },
} },
} };
</script> </script>
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