Skip to content

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

推

parent 2f5522da
Hide whitespace changes
Inline Side-by-side
Showing with 1216 additions and 359 deletions
attendance-performance-manager-ui/admin/src/components/DataTable.vue
View file @ d43795af
......@@ -12,6 +12,7 @@
:empty-text="emptytxt ? emptytxt : emptyText"
border
style="width: 100%"
height="520"
>
<el-table-column
v-for="column in columns"
......
attendance-performance-manager-ui/admin/src/components/DataTreeTable.vue
View file @ d43795af
......@@ -8,7 +8,7 @@
:row-class-name="tableRowClassName"
:default-expand-all="expand"
:tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
height="620"
height="520"
>
<el-table-column
......
attendance-performance-manager-ui/admin/src/views/perform/attend/appeal/drawershow.vue
View file @ d43795af
<template>
<!-- 弹出框表单 -->
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
:destroy-on-close="true"
size="50%">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field label="核查记录Id" prop="checkRecordId" v-model="form.checkRecordId" placeholder="请输入核查记录Id"/>
<Field label="员工ID" prop="staffId" v-model="form.staffId" placeholder="请输入员工ID"/>
<Field label="员工姓名" prop="staffName" v-model="form.staffName" placeholder="请输入员工姓名"/>
<Field label="工号" prop="workNum" v-model="form.workNum" placeholder="请输入工号"/>
<Field label="所属部门" prop="deptId" v-model="form.deptId" placeholder="请输入所属部门"/>
<Field label="所属部门名称" prop="deptName" v-model="form.deptName" placeholder="请输入所属部门名称"/>
<Field label="所属考勤组ID" prop="attendanceGroupId" v-model="form.attendanceGroupId" placeholder="请输入所属考勤组ID"/>
<Field label="所属考勤组名称" prop="attendanceGroupName" v-model="form.attendanceGroupName" placeholder="请输入所属考勤组名称"/>
<Field label="考勤时间" prop="attendanceDate" v-model="form.attendanceDate" type="date" />
<Field label="绩效规则id" prop="ruleId" v-model="form.ruleId" placeholder="请输入绩效规则id"/>
<Field label="规则名称" prop="ruleName" v-model="form.ruleName" placeholder="请输入规则名称"/>
<Field label="扣分方式" prop="subMethod" v-model="form.subMethod" type="select" :enumData="dict.subMethod" placeholder="请选择扣分方式"/>
<Field label="增减类型" prop="subAddType" v-model="form.subAddType" type="select" :enumData="dict.subAddType" placeholder="请选择增减类型"/>
<Field label="扣分或增加分值" prop="score" v-model="form.score" placeholder="请输入扣分或增加分值"/>
<Field label="上下班时间" prop="goOffTimeStr" v-model="form.goOffTimeStr" placeholder="请输入上下班时间"/>
<Field label="异常时间" prop="errorTime" v-model="form.errorTime" type="date" />
<Field label="实际打卡时间" prop="actualAttendTime" v-model="form.actualAttendTime" type="date" />
<Field label="异常处理结果" prop="errorResult" v-model="form.errorResult" placeholder="请输入异常处理结果"/>
<Field label="核查人员" prop="checkPerson" v-model="form.checkPerson" placeholder="请输入核查人员"/>
<Field label="核查时间" prop="checkTime" v-model="form.checkTime" type="date" />
<Field label="核查说明" prop="checkDesc" v-model="form.checkDesc" type="textarea" placeholder="请输入核查说明"/>
<Field label="核查结果" prop="checkResult" v-model="form.checkResult" placeholder="请输入核查结果"/>
<Field label="处理状态" prop="processStatus" v-model="form.processStatus" type="select" :enumData="dict.processStatus" placeholder="请选择处理状态"/>
<Field label="申诉说明" prop="appealDesc" v-model="form.appealDesc" placeholder="请输入申诉说明"/>
<Field label="申诉时间" prop="appealTime" v-model="form.appealTime" type="date" />
<Field label="申诉结果" prop="appealResult" v-model="form.appealResult" type="select" :enumData="dict.appealResult" placeholder="请选择申诉结果"/>
<Field label="说明" prop="remark" v-model="form.remark" type="textarea" placeholder="请输入说明"/>
<!-- 弹出框表单 -->
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
:destroy-on-close="true"
size="50%"
>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field
label="核查记录Id"
prop="checkRecordId"
v-model="form.checkRecordId"
placeholder="请输入核查记录Id"
/>
<Field
label="员工ID"
prop="staffId"
v-model="form.staffId"
placeholder="请输入员工ID"
/>
<Field
label="员工姓名"
prop="staffName"
v-model="form.staffName"
placeholder="请输入员工姓名"
/>
<Field
label="工号"
prop="workNum"
v-model="form.workNum"
placeholder="请输入工号"
/>
<Field
label="所属部门"
prop="deptId"
v-model="form.deptId"
placeholder="请输入所属部门"
/>
<Field
label="所属部门名称"
prop="deptName"
v-model="form.deptName"
placeholder="请输入所属部门名称"
/>
<Field
label="所属考勤组ID"
prop="attendanceGroupId"
v-model="form.attendanceGroupId"
placeholder="请输入所属考勤组ID"
/>
<Field
label="所属考勤组名称"
prop="attendanceGroupName"
v-model="form.attendanceGroupName"
placeholder="请输入所属考勤组名称"
/>
<Field
label="考勤时间"
prop="attendanceDate"
v-model="form.attendanceDate"
type="date"
/>
<Field
label="绩效规则id"
prop="ruleId"
v-model="form.ruleId"
placeholder="请输入绩效规则id"
/>
<Field
label="规则名称"
prop="ruleName"
v-model="form.ruleName"
placeholder="请输入规则名称"
/>
<Field
label="扣分方式"
prop="subMethod"
v-model="form.subMethod"
type="select"
:enumData="dict.subMethod"
placeholder="请选择扣分方式"
/>
<Field
label="增减类型"
prop="subAddType"
v-model="form.subAddType"
type="select"
:enumData="dict.subAddType"
placeholder="请选择增减类型"
/>
<Field
label="扣分或增加分值"
prop="score"
v-model="form.score"
placeholder="请输入扣分或增加分值"
/>
<Field
label="上下班时间"
prop="goOffTimeStr"
v-model="form.goOffTimeStr"
placeholder="请输入上下班时间"
/>
<Field
label="异常时间"
prop="errorTime"
v-model="form.errorTime"
type="date"
/>
<Field
label="实际打卡时间"
prop="actualAttendTime"
v-model="form.actualAttendTime"
type="date"
/>
<Field
label="异常处理结果"
prop="errorResult"
v-model="form.errorResult"
placeholder="请输入异常处理结果"
/>
<Field
label="核查人员"
prop="checkPerson"
v-model="form.checkPerson"
placeholder="请输入核查人员"
/>
<Field
label="核查时间"
prop="checkTime"
v-model="form.checkTime"
type="date"
/>
<Field
label="核查说明"
prop="checkDesc"
v-model="form.checkDesc"
type="textarea"
placeholder="请输入核查说明"
/>
<Field
label="核查结果"
prop="checkResult"
v-model="form.checkResult"
placeholder="请输入核查结果"
/>
<Field
label="处理状态"
prop="processStatus"
v-model="form.processStatus"
type="select"
:enumData="dict.processStatus"
placeholder="请选择处理状态"
/>
<Field
label="申诉说明"
prop="appealDesc"
v-model="form.appealDesc"
placeholder="请输入申诉说明"
/>
<Field
label="申诉时间"
prop="appealTime"
v-model="form.appealTime"
type="date"
/>
<Field
label="申诉结果"
prop="appealResult"
v-model="form.appealResult"
type="select"
:enumData="dict.appealResult"
placeholder="请选择申诉结果"
/>
<Field
label="说明"
prop="remark"
v-model="form.remark"
type="textarea"
placeholder="请输入说明"
/>
</el-row>
<el-divider content-position="center"
>绩效记录申诉附件信息信息</el-divider
>
<br />
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-plus"
size="mini"
@click="handleAddPerformAttendAppealFiles"
>添加</el-button
>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
@click="handleDeletePerformAttendAppealFiles"
>删除</el-button
>
</el-col>
</el-row>
</el-row>
<el-divider content-position="center">绩效记录申诉附件信息信息</el-divider>
<br/>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button type="primary" icon="el-icon-plus" size="mini" @click="handleAddPerformAttendAppealFiles">添加</el-button>
</el-col>
<el-col :span="1.5">
<el-button type="danger" icon="el-icon-delete" size="mini" @click="handleDeletePerformAttendAppealFiles">删除</el-button>
</el-col>
</el-row>
<el-table
:data="performAttendAppealFilesList"
:row-class-name="rowPerformAttendAppealFilesIndex"
@selection-change="handlePerformAttendAppealFilesSelectionChange"
ref="performAttendAppealFiles"
>
<el-table-column type="selection" width="50" align="center" />
<el-table-column label="序号" align="center" prop="index" width="50" />
<el-table-column label="文件名称" prop="fileName">
<template slot-scope="scope">
<el-input
v-model="scope.row.fileName"
placeholder="请输入文件名称"
/>
</template>
</el-table-column>
<el-table-column label="文件地址" prop="filePath">
<template slot-scope="scope">
<el-input
v-model="scope.row.filePath"
placeholder="请输入文件地址"
/>
</template>
</el-table-column>
<el-table-column label="创建用户" prop="createUserId">
<template slot-scope="scope">
<el-input
v-model="scope.row.createUserId"
placeholder="请输入创建用户"
/>
</template>
</el-table-column>
<el-table-column label="创建时间" prop="createTime">
<template slot-scope="scope">
<el-input
v-model="scope.row.createTime"
placeholder="请输入创建时间"
/>
</template>
</el-table-column>
<el-table-column label="更新用户" prop="updateUserId">
<template slot-scope="scope">
<el-input
v-model="scope.row.updateUserId"
placeholder="请输入更新用户"
/>
</template>
</el-table-column>
<el-table-column label="更新时间" prop="updateTime">
<template slot-scope="scope">
<el-input
v-model="scope.row.updateTime"
placeholder="请输入更新时间"
/>
</template>
</el-table-column>
</el-table>
<el-table :data="performAttendAppealFilesList" :row-class-name="rowPerformAttendAppealFilesIndex" @selection-change="handlePerformAttendAppealFilesSelectionChange" ref="performAttendAppealFiles">
<el-table-column type="selection" width="50" align="center" />
<el-table-column label="序号" align="center" prop="index" width="50"/>
<el-table-column label="文件名称" prop="fileName">
<template slot-scope="scope">
<el-input v-model="scope.row.fileName" placeholder="请输入文件名称" />
</template>
</el-table-column>
<el-table-column label="文件地址" prop="filePath">
<template slot-scope="scope">
<el-input v-model="scope.row.filePath" placeholder="请输入文件地址" />
</template>
</el-table-column>
<el-table-column label="创建用户" prop="createUserId">
<template slot-scope="scope">
<el-input v-model="scope.row.createUserId" placeholder="请输入创建用户" />
</template>
</el-table-column>
<el-table-column label="创建时间" prop="createTime">
<template slot-scope="scope">
<el-input v-model="scope.row.createTime" placeholder="请输入创建时间" />
</template>
</el-table-column>
<el-table-column label="更新用户" prop="updateUserId">
<template slot-scope="scope">
<el-input v-model="scope.row.updateUserId" placeholder="请输入更新用户" />
</template>
</el-table-column>
<el-table-column label="更新时间" prop="updateTime">
<template slot-scope="scope">
<el-input v-model="scope.row.updateTime" placeholder="请输入更新时间" />
</template>
</el-table-column>
</el-table>
<form-buttons @submit='submitForm' v-if="pageInfo.type!='view'" noCancelBtn />
</el-form>
</el-drawer>
<form-buttons
@submit="submitForm"
v-if="pageInfo.type != 'view'"
noCancelBtn
/>
</el-form>
</el-drawer>
</template>
<script>
import form from "@/assets/mixins/formdialog";
export default {
name: "PerformAttendAppealDetail",
mixins: [form],
components: {
},
created() {
this.changePath("perform/attend/appeal")
},
data() {
return {
// 子表选中数据
checkedPerformAttendAppealFiles: [],
// 绩效记录申诉附件信息表格数据
performAttendAppealFilesList: [],
// 遮罩层
loading: true,
// 弹出层标题
title: "绩效记录申诉信息",
// 是否显示弹出层
open: false,
direction:"rtl",
toString:[
"subMethod",
"subAddType",
"processStatus",
"appealResult",
],
toDate:[
"attendanceDate",
"errorTime",
"actualAttendTime",
"checkTime",
"appealTime",
],
// 表单校验
rules: {
staffName: [
{required: true,message: "请输入员工姓名", trigger: "blur" },
{max: 64,message: "最多只能录入64个字符",trigger: "blur",},
],
createTime: [
{required: true,message: "请选择创建时间" },
],
}
};
},
import form from "@/assets/mixins/formdialog";
export default {
name: "PerformAttendAppealDetail",
mixins: [form],
components: {},
created() {
this.changePath("perform/attend/appeal");
},
data() {
return {
// 子表选中数据
checkedPerformAttendAppealFiles: [],
// 绩效记录申诉附件信息表格数据
performAttendAppealFilesList: [],
// 遮罩层
loading: true,
// 弹出层标题
title: "绩效记录申诉信息",
// 是否显示弹出层
open: false,
direction: "rtl",
toString: ["subMethod", "subAddType", "processStatus", "appealResult"],
toDate: [
"attendanceDate",
"errorTime",
"actualAttendTime",
"checkTime",
"appealTime",
],
// 表单校验
rules: {
staffName: [
{ required: true, message: "请输入员工姓名", trigger: "blur" },
{ max: 64, message: "最多只能录入64个字符", trigger: "blur" },
],
createTime: [{ required: true, message: "请选择创建时间" }],
},
};
},
methods: {
/** 绩效记录申诉附件信息序号 */
rowPerformAttendAppealFilesIndex({ row, rowIndex }) {
row.index = rowIndex + 1;
},
/** 绩效记录申诉附件信息添加按钮操作 */
handleAddPerformAttendAppealFiles() {
let obj = {};
obj.fileName = "";
obj.filePath = "";
obj.createUserId = "";
obj.createTime = "";
obj.updateUserId = "";
obj.updateTime = "";
this.performAttendAppealFilesList.push(obj);
},
/** 绩效记录申诉附件信息删除按钮操作 */
handleDeletePerformAttendAppealFiles() {
if (this.checkedPerformAttendAppealFiles.length == 0) {
this.$alert("请先选择要删除的绩效记录申诉附件信息数据", "提示", { confirmButtonText: "确定", });
} else {
this.performAttendAppealFilesList.splice(this.checkedPerformAttendAppealFiles[0].index - 1, 1);
}
},
/** 单选框选中数据 */
handlePerformAttendAppealFilesSelectionChange(selection) {
if (selection.length > 1) {
this.$refs.performAttendAppealFiles.clearSelection();
this.$refs.performAttendAppealFiles.toggleRowSelection(selection.pop());
} else {
this.checkedPerformAttendAppealFiles = selection;
}
},
// 渲染前置处理
beforeRender(data) {
if(data.entity.performAttendAppealFilesList) {
this.performAttendAppealFilesList = data.entity.performAttendAppealFilesList;
}
return data
},
/** 编辑 */
edit(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl ="perform/attend/appeal/edit";
this.getData();
this.pageInfo.type="edit"
this.title = "修改绩效记录申诉信息";
},
/** 新增 */
add(row) {
this.reset()
this.urls.currUrl = "perform/attend/appeal/add";
this.getData();
this.pageInfo.type="add"
this.title = "新增绩效记录申诉信息";
},
/** 查看*/
view(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl ="perform/attend/appeal/view";
this.getData();
this.pageInfo.type="view"
this.title = "绩效记录申诉信息详细";
},
/**取消按钮 */
cancel() {
this.open = false;
},
/**获取数据后弹框 */
afterRender(data) {
this.open = true;
},
methods: {
/** 绩效记录申诉附件信息序号 */
rowPerformAttendAppealFilesIndex({ row, rowIndex }) {
row.index = rowIndex + 1;
},
/** 绩效记录申诉附件信息添加按钮操作 */
handleAddPerformAttendAppealFiles() {
let obj = {};
obj.fileName = "";
obj.filePath = "";
obj.createUserId = "";
obj.createTime = "";
obj.updateUserId = "";
obj.updateTime = "";
this.performAttendAppealFilesList.push(obj);
},
/** 绩效记录申诉附件信息删除按钮操作 */
handleDeletePerformAttendAppealFiles() {
if (this.checkedPerformAttendAppealFiles.length == 0) {
this.$alert("请先选择要删除的绩效记录申诉附件信息数据", "提示", {
confirmButtonText: "确定",
});
} else {
this.performAttendAppealFilesList.splice(
this.checkedPerformAttendAppealFiles[0].index - 1,
1
);
}
},
/** 单选框选中数据 */
handlePerformAttendAppealFilesSelectionChange(selection) {
if (selection.length > 1) {
this.$refs.performAttendAppealFiles.clearSelection();
this.$refs.performAttendAppealFiles.toggleRowSelection(selection.pop());
} else {
this.checkedPerformAttendAppealFiles = selection;
}
},
// 渲染前置处理
beforeRender(data) {
if (data.entity.performAttendAppealFilesList) {
this.performAttendAppealFilesList =
data.entity.performAttendAppealFilesList;
}
return data;
},
/** 编辑 */
edit(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "perform/attend/appeal/edit";
this.getData();
this.pageInfo.type = "edit";
this.title = "修改绩效记录申诉信息";
},
/** 新增 */
add(row) {
this.reset();
this.urls.currUrl = "perform/attend/appeal/add";
this.getData();
this.pageInfo.type = "add";
this.title = "新增绩效记录申诉信息";
},
/** 查看*/
view(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "perform/attend/appeal/view";
this.getData();
this.pageInfo.type = "view";
this.title = "绩效记录申诉信息详细";
},
/**取消按钮 */
cancel() {
this.open = false;
},
/**获取数据后弹框 */
afterRender(data) {
this.open = true;
},
afterSubmit(data) {
this.open = false;
this.$emit("ok");
},
afterSubmit(data) {
this.open = false;
this.$emit("ok");
},
// 表单重置
reset() {
this.form = {
checkRecordId : null,
staffId : null,
staffName : "",
workNum : "",
deptId : null,
deptName : "",
attendanceGroupId : null,
attendanceGroupName : "",
attendanceDate : null,
ruleId : null,
ruleName : "",
subMethod : 1,
subAddType : 1,
score : 0.00,
goOffTimeStr : "",
errorTime : null,
actualAttendTime : null,
errorResult : "",
checkPerson : "",
checkTime : null,
checkDesc : "",
checkResult : "",
processStatus : 1,
appealDesc : "",
appealTime : null,
appealResult : 2,
remark : "",
};
this.resetForm("form");
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
},
},
};
// 表单重置
reset() {
this.form = {
checkRecordId: null,
staffId: null,
staffName: "",
workNum: "",
deptId: null,
deptName: "",
attendanceGroupId: null,
attendanceGroupName: "",
attendanceDate: null,
ruleId: null,
ruleName: "",
subMethod: 1,
subAddType: 1,
score: 0.0,
goOffTimeStr: "",
errorTime: null,
actualAttendTime: null,
errorResult: "",
checkPerson: "",
checkTime: null,
checkDesc: "",
checkResult: "",
processStatus: 1,
appealDesc: "",
appealTime: null,
appealResult: 2,
remark: "",
};
this.resetForm("form");
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
},
},
};
</script>
attendance-performance-manager-ui/admin/src/views/perform/staff/conf/deptdrawershow.vue
View file @ d43795af
......@@ -6,7 +6,243 @@
:direction="direction"
size="50%"
>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form
ref="form"
class="form_content"
:model="form"
:rules="rules"
label-width="120px"
>
<el-row>
<el-row style="width: 100%;margin-bottom: 10px;">
<el-col style="width: 100%;" :span="24">
<Field
label="选择部门："
prop="deptId"
v-model="form.deptId"
placeholder="选择部门"
:enumData="deptGroup"
type="select"
/>
</el-col>
</el-row>
<el-row style="width: 96%;margin: 0 auto;">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="考勤绩效指标" name="1">
<div class="content">
<div class="top">
<div>
请选择自动考核指标：
</div>
<div class="search_box">
<el-select v-model="type" placeholder="请选择分类">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
style="width: 200px;"
>
</el-option>
</el-select>
<el-input
v-model="keywords"
placeholder="请输入评分标准关键字搜索"
style="width: 200px;margin: 0 10px;"
></el-input>
<el-button type="primary"> 搜索 </el-button>
</div>
</div>
<div class="mid_table">
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" label="序号" width="50">
</el-table-column>
<el-table-column
prop="name"
label="考核内容简称"
width="180"
>
</el-table-column>
<el-table-column prop="simple" label="评分标准">
</el-table-column>
<el-table-column prop="core" label="扣分分值">
</el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-switch
v-model="scope.row.check"
@change="handleChange(scope.row)"
>
</el-switch>
</template>
</el-table-column>
</el-table>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="评价绩效指标" name="2">
<div class="content">
<div class="top">
<div>
请选择自动考核指标：
</div>
<div class="search_box">
<el-select v-model="type" placeholder="请选择分类">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
style="width: 200px;"
>
</el-option>
</el-select>
<el-input
v-model="keywords"
placeholder="请输入评分标准关键字搜索"
style="width: 200px;margin: 0 10px;"
></el-input>
<el-button type="primary"> 搜索 </el-button>
</div>
</div>
<div class="mid_table">
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" label="序号" width="50">
</el-table-column>
<el-table-column
prop="name"
label="考核内容简称"
width="180"
>
</el-table-column>
<el-table-column prop="simple" label="评分标准">
</el-table-column>
<el-table-column prop="core" label="扣分分值">
</el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-switch
v-model="scope.row.check"
@change="handleChange(scope.row)"
>
</el-switch>
</template>
</el-table-column>
</el-table>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="办件绩效指标" name="3">
<div class="content">
<div class="top">
<div>
请选择自动考核指标：
</div>
<div class="search_box">
<el-select v-model="type" placeholder="请选择分类">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
style="width: 200px;"
>
</el-option>
</el-select>
<el-input
v-model="keywords"
placeholder="请输入评分标准关键字搜索"
style="width: 200px;margin: 0 10px;"
></el-input>
<el-button type="primary"> 搜索 </el-button>
</div>
</div>
<div class="mid_table">
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" label="序号" width="50">
</el-table-column>
<el-table-column
prop="name"
label="考核内容简称"
width="180"
>
</el-table-column>
<el-table-column prop="simple" label="评分标准">
</el-table-column>
<el-table-column prop="core" label="扣分分值">
</el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-switch
v-model="scope.row.check"
@change="handleChange(scope.row)"
>
</el-switch>
</template>
</el-table-column>
</el-table>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="效能绩效指标" name="4">
<div class="content">
<div class="top">
<div>
请选择自动考核指标：
</div>
<div class="search_box">
<el-select v-model="type" placeholder="请选择分类">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
style="width: 200px;"
>
</el-option>
</el-select>
<el-input
v-model="keywords"
placeholder="请输入评分标准关键字搜索"
style="width: 200px;margin: 0 10px;"
></el-input>
<el-button type="primary"> 搜索 </el-button>
</div>
</div>
<div class="mid_table">
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" label="序号" width="50">
</el-table-column>
<el-table-column
prop="name"
label="考核内容简称"
width="180"
>
</el-table-column>
<el-table-column prop="simple" label="评分标准">
</el-table-column>
<el-table-column prop="core" label="扣分分值">
</el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-switch
v-model="scope.row.check"
@change="handleChange(scope.row)"
>
</el-switch>
</template>
</el-table-column>
</el-table>
</div>
</div>
</el-tab-pane>
</el-tabs>
</el-row>
</el-row>
<form-buttons @submit="submitForm" noCancelBtn />
</el-form>
<!-- <el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field
label="部门id"
......@@ -61,7 +297,7 @@
</el-row>
<form-buttons @submit="submitForm" noCancelBtn />
</el-form>
</el-form> -->
</el-drawer>
</template>
......@@ -76,6 +312,7 @@ export default {
},
data() {
return {
deptGroup: { 1: "部门1", 2: "部门2", 3: "部门3", 4: "部门4", 5: "部门5" },
// 遮罩层
loading: true,
// 弹出层标题
......@@ -85,12 +322,37 @@ export default {
direction: "rtl",
toString: [],
toDate: [],
tableData: [
{
core: "-0.5",
name: "迟到",
simple: "迟到5分钟以内（包含5分钟）",
check: false,
},
],
// 表单校验
rules: {},
activeName: "1",
options: [
{
value: "1",
label: "工作纪律",
},
{
value: "2",
label: "工作效能",
},
],
type: "",
keywords: "",
};
},
methods: {
handleChange(val) {
console.log(val);
},
handleClick() {},
/** 编辑 */
edit(row) {
this.reset();
......@@ -153,3 +415,25 @@ export default {
},
};
</script>
<style lang="less" scoped>
.form_content {
/deep/.el-col-12 {
width: 98% !important;
}
.content {
width: 100%;
height: 500px;
border: 1px solid #e4e7ed;
border-top: 0;
padding: 20px;
.top {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
}
/deep/.el-tabs__header {
margin: 0 !important;
}
}
</style>
attendance-performance-manager-ui/admin/src/views/perform/staff/conf/drawershow.vue
View file @ d43795af
<template>
<!-- 弹出框表单 -->
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
size="50%">
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field label="人员ids,多个","分割" prop="staffIds" v-model="form.staffIds" type="textarea" placeholder="请输入人员ids,多个","分割"/>
<Field label="人员名称nams,多个","逗号分割" prop="staffNames" v-model="form.staffNames" type="textarea" placeholder="请输入人员名称nams,多个","逗号分割"/>
<Field label="考核人总数" prop="staffCount" v-model="form.staffCount" placeholder="请输入考核人总数"/>
<Field label="考勤绩效指标数量" prop="attendCount" v-model="form.attendCount" placeholder="请输入考勤绩效指标数量"/>
<Field label="评价绩效指标数量" prop="assessCount" v-model="form.assessCount" placeholder="请输入评价绩效指标数量"/>
<Field label="办件绩效指标数量" prop="workCount" v-model="form.workCount" placeholder="请输入办件绩效指标数量"/>
<Field label="效能绩效指标数量" prop="effectCount" v-model="form.effectCount" placeholder="请输入效能绩效指标数量"/>
<Field label="其它绩效指标数量" prop="otherCount" v-model="form.otherCount" placeholder="请输入其它绩效指标数量"/>
<Field label="备注" prop="remark" v-model="form.remark" type="textarea" placeholder="请输入备注"/>
<!-- 弹出框表单 -->
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
size="50%"
>
<el-form
ref="form"
class="form_content"
:model="form"
:rules="rules"
label-width="120px"
>
<el-row>
<el-row style="width: 100%;margin-bottom: 10px;">
<el-col style="width: 100%;" :span="24">
<span>选择人员：</span>
<el-button type="primary" @click="() => (dialog = true)"
>点击选择人员</el-button
>
</el-col>
</el-row>
<el-row style="width: 96%;margin: 0 auto;">
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label="考勤绩效指标" name="1">
<div class="content">
<div class="top">
<div>
请选择自动考核指标：
</div>
<div class="search_box">
<el-select v-model="type" placeholder="请选择分类">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
style="width: 200px;"
>
</el-option>
</el-select>
<el-input
v-model="keywords"
placeholder="请输入评分标准关键字搜索"
style="width: 200px;margin: 0 10px;"
></el-input>
<el-button type="primary"> 搜索 </el-button>
</div>
</div>
<div class="mid_table">
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" label="序号" width="50">
</el-table-column>
<el-table-column
prop="name"
label="考核内容简称"
width="180"
>
</el-table-column>
<el-table-column prop="simple" label="评分标准">
</el-table-column>
<el-table-column prop="core" label="扣分分值">
</el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-switch
v-model="scope.row.check"
@change="handleChange(scope.row)"
>
</el-switch>
</template>
</el-table-column>
</el-table>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="评价绩效指标" name="2">
<div class="content">
<div class="top">
<div>
请选择自动考核指标：
</div>
<div class="search_box">
<el-select v-model="type" placeholder="请选择分类">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
style="width: 200px;"
>
</el-option>
</el-select>
<el-input
v-model="keywords"
placeholder="请输入评分标准关键字搜索"
style="width: 200px;margin: 0 10px;"
></el-input>
<el-button type="primary"> 搜索 </el-button>
</div>
</div>
<div class="mid_table">
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" label="序号" width="50">
</el-table-column>
<el-table-column
prop="name"
label="考核内容简称"
width="180"
>
</el-table-column>
<el-table-column prop="simple" label="评分标准">
</el-table-column>
<el-table-column prop="core" label="扣分分值">
</el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-switch
v-model="scope.row.check"
@change="handleChange(scope.row)"
>
</el-switch>
</template>
</el-table-column>
</el-table>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="办件绩效指标" name="3">
<div class="content">
<div class="top">
<div>
请选择自动考核指标：
</div>
<div class="search_box">
<el-select v-model="type" placeholder="请选择分类">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
style="width: 200px;"
>
</el-option>
</el-select>
<el-input
v-model="keywords"
placeholder="请输入评分标准关键字搜索"
style="width: 200px;margin: 0 10px;"
></el-input>
<el-button type="primary"> 搜索 </el-button>
</div>
</div>
<div class="mid_table">
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" label="序号" width="50">
</el-table-column>
<el-table-column
prop="name"
label="考核内容简称"
width="180"
>
</el-table-column>
<el-table-column prop="simple" label="评分标准">
</el-table-column>
<el-table-column prop="core" label="扣分分值">
</el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-switch
v-model="scope.row.check"
@change="handleChange(scope.row)"
>
</el-switch>
</template>
</el-table-column>
</el-table>
</div>
</div>
</el-tab-pane>
<el-tab-pane label="效能绩效指标" name="4">
<div class="content">
<div class="top">
<div>
请选择自动考核指标：
</div>
<div class="search_box">
<el-select v-model="type" placeholder="请选择分类">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
style="width: 200px;"
>
</el-option>
</el-select>
<el-input
v-model="keywords"
placeholder="请输入评分标准关键字搜索"
style="width: 200px;margin: 0 10px;"
></el-input>
<el-button type="primary"> 搜索 </el-button>
</div>
</div>
<div class="mid_table">
<el-table :data="tableData" border style="width: 100%">
<el-table-column type="index" label="序号" width="50">
</el-table-column>
<el-table-column
prop="name"
label="考核内容简称"
width="180"
>
</el-table-column>
<el-table-column prop="simple" label="评分标准">
</el-table-column>
<el-table-column prop="core" label="扣分分值">
</el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-switch
v-model="scope.row.check"
@change="handleChange(scope.row)"
>
</el-switch>
</template>
</el-table-column>
</el-table>
</div>
</div>
</el-tab-pane>
</el-tabs>
</el-row>
</el-row>
</el-row>
<form-buttons @submit="submitForm" noCancelBtn />
</el-form>
<!-- <el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<Field label="人员ids,多个"','"分割" prop="staffIds"
v-model="form.staffIds" type="textarea"
placeholder="请输入人员ids,多个"','"分割"/> <Field
label="人员名称nams,多个"','"逗号分割" prop="staffNames"
v-model="form.staffNames" type="textarea"
placeholder="请输入人员名称nams,多个"','"逗号分割"/>
<Field
label="考核人总数"
prop="staffCount"
v-model="form.staffCount"
placeholder="请输入考核人总数"
/>
<Field
label="考勤绩效指标数量"
prop="attendCount"
v-model="form.attendCount"
placeholder="请输入考勤绩效指标数量"
/>
<Field
label="评价绩效指标数量"
prop="assessCount"
v-model="form.assessCount"
placeholder="请输入评价绩效指标数量"
/>
<Field
label="办件绩效指标数量"
prop="workCount"
v-model="form.workCount"
placeholder="请输入办件绩效指标数量"
/>
<Field
label="效能绩效指标数量"
prop="effectCount"
v-model="form.effectCount"
placeholder="请输入效能绩效指标数量"
/>
<Field
label="其它绩效指标数量"
prop="otherCount"
v-model="form.otherCount"
placeholder="请输入其它绩效指标数量"
/>
<Field
label="备注"
prop="remark"
v-model="form.remark"
type="textarea"
placeholder="请输入备注"
/>
</el-row>
<form-buttons @submit='submitForm' noCancelBtn />
</el-form>
</el-drawer>
<form-buttons @submit="submitForm" noCancelBtn />
</el-form> -->
<el-dialog title="选择人员" :visible.sync="dialog" width="40%">
<div class="dia_content">
<el-tree
:data="treeData"
:props="defaultProps"
@node-click="handleNodeClick"
></el-tree>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false"
>确 定</el-button
>
</span>
</el-dialog>
</el-drawer>
</template>
<script>
import form from "@/assets/mixins/formdialog";
export default {
name: "PerformStaffConfDetail",
mixins: [form],
components: {
import form from "@/assets/mixins/formdialog";
export default {
name: "PerformStaffConfDetail",
mixins: [form],
components: {},
created() {
this.changePath("perform/staff/conf");
},
data() {
return {
// 遮罩层
loading: true,
dialog: false,
// 弹出层标题
title: "人员自动考核信息",
// 是否显示弹出层
open: false,
direction: "rtl",
toString: [],
toDate: [],
tableData: [
{
core: "-0.5",
name: "迟到",
simple: "迟到5分钟以内（包含5分钟）",
check: false,
},
created() {
this.changePath("perform/staff/conf")
],
// 表单校验
rules: {},
activeName: "1",
options: [
{
value: "1",
label: "工作纪律",
},
data() {
return {
// 遮罩层
loading: true,
// 弹出层标题
title: "人员自动考核信息",
// 是否显示弹出层
open: false,
direction:"rtl",
toString:[
],
toDate:[
],
// 表单校验
rules: {
}
};
{
value: "2",
label: "工作效能",
},
methods: {
/** 编辑 */
edit(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl ="perform/staff/conf/edit";
this.getData();
this.pageInfo.type="edit"
this.title = "修改人员自动考核信息";
},
/** 新增 */
add(row) {
this.reset()
this.urls.currUrl = "perform/staff/conf/add";
this.getData();
this.pageInfo.type="add"
this.title = "新增人员自动考核信息";
],
type: "",
keywords: "",
data: [
{
label: "一级 1",
children: [
{
label: "二级 1-1",
children: [
{
label: "三级 1-1-1",
},
],
},
/** 查看*/
view(row) {
this.reset()
this.query = { id: row.id };
this.urls.currUrl ="perform/staff/conf/view";
this.getData();
this.pageInfo.type="view"
this.title = "人员自动考核信息详细";
},
/**取消按钮 */
cancel() {
this.open = false;
],
},
{
label: "一级 2",
children: [
{
label: "二级 2-1",
children: [
{
label: "三级 2-1-1",
},
],
},
/**获取数据后弹框 */
afterRender(data) {
this.open = true;
{
label: "二级 2-2",
children: [
{
label: "三级 2-2-1",
},
],
},
afterSubmit(data) {
this.open = false;
this.$emit("ok");
},
// 表单重置
reset() {
this.form = {
staffIds : "",
staffNames : "",
staffCount : null,
attendCount : null,
assessCount : null,
workCount : null,
effectCount : null,
otherCount : null,
remark : "",
};
this.resetForm("form");
],
},
{
label: "一级 3",
children: [
{
label: "二级 3-1",
children: [
{
label: "三级 3-1-1",
},
],
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
{
label: "二级 3-2",
children: [
{
label: "三级 3-2-1",
},
],
},
],
},
],
defaultProps: {
children: "children",
label: "label",
},
};
},
methods: {
handleChange(val) {
console.log(val);
},
handleClick() {},
/** 编辑 */
edit(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "perform/staff/conf/edit";
this.getData();
this.pageInfo.type = "edit";
this.title = "修改人员自动考核信息";
},
/** 新增 */
add(row) {
this.reset();
this.urls.currUrl = "perform/staff/conf/add";
this.getData();
this.pageInfo.type = "add";
this.title = "新增人员自动考核信息";
},
/** 查看*/
view(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "perform/staff/conf/view";
this.getData();
this.pageInfo.type = "view";
this.title = "人员自动考核信息详细";
},
/**取消按钮 */
cancel() {
this.open = false;
},
/**获取数据后弹框 */
afterRender(data) {
this.open = true;
},
afterSubmit(data) {
this.open = false;
this.$emit("ok");
},
// 表单重置
reset() {
this.form = {
staffIds: "",
staffNames: "",
staffCount: null,
attendCount: null,
assessCount: null,
workCount: null,
effectCount: null,
otherCount: null,
remark: "",
};
this.resetForm("form");
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
},
},
};
</script>
<style lang="less" scoped>
.form_content {
/deep/.el-col-12 {
width: 98% !important;
}
.content {
width: 100%;
height: 500px;
border: 1px solid #e4e7ed;
border-top: 0;
padding: 20px;
.top {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
}
/deep/.el-tabs__header {
margin: 0 !important;
}
}
</style>
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