Skip to content

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

推修改内页样式

parent 75fa2ab3
Show whitespace changes
Inline Side-by-side
Showing with 777 additions and 289 deletions
attendance-performance-manager-ui/admin/src/components/FormField.vue
View file @ 8097e5a5
......@@ -104,6 +104,7 @@
v-for="($label, $value) in enumData"
:key="$value"
:label="$value"
style="margin-bottom: 10px;"
>{{ $label }}</el-radio
>
</el-radio-group>
......
attendance-performance-manager-ui/admin/src/components/Table.vue
View file @ 8097e5a5
......@@ -372,15 +372,19 @@ export default {
.table-head-left .buttons {
button + button {
margin-left: 10px;
margin-bottom: 10px;
}
button + span {
margin-left: 10px;
margin-bottom: 10px;
}
span + span {
margin-left: 10px;
margin-bottom: 10px;
}
span + button {
margin-left: 10px;
margin-bottom: 10px;
}
}
}
......
attendance-performance-manager-ui/admin/src/components/tools/TableButtons.vue
View file @ 8097e5a5
......@@ -10,6 +10,16 @@
style="margin-left: 0;margin-right: 5px"
>编辑</el-button
>
<el-button
v-if="noAuth"
type="text"
icon="el-icon-edit"
size="mini"
@click="$emit('edit', row)"
title="考核授权"
style="margin-left: 0;margin-right: 5px"
>考核授权</el-button
>
<el-button
v-if="!noView"
type="text"
......@@ -79,6 +89,10 @@ export default {
type: Boolean,
default: false,
},
noAuth: {
type: Boolean,
default: false,
},
reCheck: {
type: Boolean,
default: false,
......
attendance-performance-manager-ui/admin/src/views/attendance/group/groupTemplate.vue
View file @ 8097e5a5
<template>
<div class="container" v-if="open">
<el-card style="min-height:80vh;padding:15px">
<div class="flex flex_end">
<el-card style="min-height:80vh;padding: 0 10px">
<div class="head">
<el-button type="primary" size="mini" @click="backTo"
>返回上一级</el-button
>
......@@ -1390,7 +1390,7 @@ export default {
},
};
</script>
<style lang="less">
<style lang="less" scoped>
.container {
font-size: 15px;
}
......@@ -1425,4 +1425,10 @@ export default {
color: #999;
font-size: 12px;
}
.head {
position: absolute;
right: 45px;
z-index: 99;
}
</style>
attendance-performance-manager-ui/admin/src/views/attendance/stat/view.vue
View file @ 8097e5a5
<template>
<layout-view>
<el-descriptions :title="title" :column="column" :size="size" :colon="false" border>
<el-descriptions
:title="title"
:column="column"
:size="size"
:colon="false"
border
>
<template slot="title">
<i class="el-icon-tickets"></i>
基本详细信息
</template>
<template slot="extra">
<el-button type="primary" @click="$router.go(-1)" size="small">返回</el-button>
<el-button type="primary" @click="$router.go(-1)" size="small"
>返回</el-button
>
</template>
<el-descriptions-item label="窗口类别" label-class-name="labelClass" content-class-name="contentClass">
{{form.windowCategory}}
</el-descriptions-item>
<el-descriptions-item label="员工ID" label-class-name="labelClass" content-class-name="contentClass">
{{form.staffId}}
</el-descriptions-item>
<el-descriptions-item label="员工姓名" label-class-name="labelClass" content-class-name="contentClass">
{{form.staffName}}
</el-descriptions-item>
<el-descriptions-item label="所属部门" label-class-name="labelClass" content-class-name="contentClass">
{{form.deptId}}
</el-descriptions-item>
<el-descriptions-item label="所属部门名称" label-class-name="labelClass" content-class-name="contentClass">
{{form.deptName}}
</el-descriptions-item>
<el-descriptions-item label="回单位" label-class-name="labelClass" content-class-name="contentClass">
{{form.backToUnit}}
</el-descriptions-item>
<el-descriptions-item label="因公请假" label-class-name="labelClass" content-class-name="contentClass">
{{form.onDutyLeave}}
</el-descriptions-item>
<el-descriptions-item label="外出勘验" label-class-name="labelClass" content-class-name="contentClass">
{{form.outOfOffice}}
</el-descriptions-item>
<el-descriptions-item label="值班补班" label-class-name="labelClass" content-class-name="contentClass">
{{form.shiftCompensation}}
</el-descriptions-item>
<el-descriptions-item label="体检" label-class-name="labelClass" content-class-name="contentClass">
{{form.physicalExamination}}
</el-descriptions-item>
<el-descriptions-item label="隔离" label-class-name="labelClass" content-class-name="contentClass">
{{form.quarantine}}
</el-descriptions-item>
<el-descriptions-item label="因公外出" label-class-name="labelClass" content-class-name="contentClass">
{{form.businessTrip}}
</el-descriptions-item>
<el-descriptions-item label="公休" label-class-name="labelClass" content-class-name="contentClass">
{{form.publicHoliday}}
</el-descriptions-item>
<el-descriptions-item label="病假" label-class-name="labelClass" content-class-name="contentClass">
{{form.sickLeave}}
</el-descriptions-item>
<el-descriptions-item label="丧假" label-class-name="labelClass" content-class-name="contentClass">
{{form.funeralLeave}}
</el-descriptions-item>
<el-descriptions-item label="婚假" label-class-name="labelClass" content-class-name="contentClass">
{{form.marriageLeave}}
</el-descriptions-item>
<el-descriptions-item label="育儿假" label-class-name="labelClass" content-class-name="contentClass">
{{form.childRearingLeave}}
</el-descriptions-item>
<el-descriptions-item label="产假" label-class-name="labelClass" content-class-name="contentClass">
{{form.maternityLeave}}
</el-descriptions-item>
<el-descriptions-item label="调回单位" label-class-name="labelClass" content-class-name="contentClass">
{{form.transferBack}}
</el-descriptions-item>
<el-descriptions-item label="探亲假" label-class-name="labelClass" content-class-name="contentClass">
{{form.homeLeave}}
</el-descriptions-item>
<el-descriptions-item label="事假" label-class-name="labelClass" content-class-name="contentClass">
{{form.personalLeave}}
</el-descriptions-item>
<el-descriptions-item label="考勤汇总-旷工" label-class-name="labelClass" content-class-name="contentClass">
{{form.absenteeismDays}}
</el-descriptions-item>
<el-descriptions-item label="考勤汇总-其他" label-class-name="labelClass" content-class-name="contentClass">
{{form.otherDays}}
</el-descriptions-item>
<el-descriptions-item label="考勤汇总-出勤率" label-class-name="labelClass" content-class-name="contentClass">
{{form.attendanceRate}}
</el-descriptions-item>
<el-descriptions-item label="考勤汇总-未按规定打卡" label-class-name="labelClass" content-class-name="contentClass">
{{form.nonCompliancePunch}}
</el-descriptions-item>
<el-descriptions-item label="考勤汇总-迟到" label-class-name="labelClass" content-class-name="contentClass">
{{form.lateTimes}}
</el-descriptions-item>
<el-descriptions-item label="考勤汇总-上网耍手机" label-class-name="labelClass" content-class-name="contentClass">
{{form.surfingMobileTimes}}
</el-descriptions-item>
<el-descriptions-item label="考勤汇总-溜班" label-class-name="labelClass" content-class-name="contentClass">
{{form.overtimeTimes}}
</el-descriptions-item>
<el-descriptions-item label="考勤汇总-空岗" label-class-name="labelClass" content-class-name="contentClass">
{{form.vacancy}}
</el-descriptions-item>
<el-descriptions-item label="考勤汇总-未规范着装" label-class-name="labelClass" content-class-name="contentClass">
{{form.nonStandardDressTimes}}
</el-descriptions-item>
<el-descriptions-item label="考勤汇总-无故缺席会议" label-class-name="labelClass" content-class-name="contentClass">
{{form.unexcusedMeetingAbsence}}
</el-descriptions-item>
<el-descriptions-item label="考勤汇总-会议早退" label-class-name="labelClass" content-class-name="contentClass">
{{form.earlyLeaveMeeting}}
</el-descriptions-item>
<el-descriptions-item label="年" label-class-name="labelClass" content-class-name="contentClass">
{{form.year}}
</el-descriptions-item>
<el-descriptions-item label="月" label-class-name="labelClass" content-class-name="contentClass">
{{form.month}}
</el-descriptions-item>
<el-descriptions-item label="日" label-class-name="labelClass" content-class-name="contentClass">
{{form.day}}
</el-descriptions-item>
<el-descriptions-item label="备注" label-class-name="labelClass" content-class-name="contentClass">
{{form.remark}}
<el-descriptions-item
label="窗口类别"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.windowCategory }}
</el-descriptions-item>
<el-descriptions-item
label="员工ID"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.staffId }}
</el-descriptions-item>
<el-descriptions-item
label="员工姓名"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.staffName }}
</el-descriptions-item>
<el-descriptions-item
label="所属部门"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.deptId }}
</el-descriptions-item>
<el-descriptions-item
label="所属部门名称"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.deptName }}
</el-descriptions-item>
<el-descriptions-item
label="回单位"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.backToUnit }}
</el-descriptions-item>
<el-descriptions-item
label="因公请假"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.onDutyLeave }}
</el-descriptions-item>
<el-descriptions-item
label="外出勘验"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.outOfOffice }}
</el-descriptions-item>
<el-descriptions-item
label="值班补班"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.shiftCompensation }}
</el-descriptions-item>
<el-descriptions-item
label="体检"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.physicalExamination }}
</el-descriptions-item>
<el-descriptions-item
label="隔离"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.quarantine }}
</el-descriptions-item>
<el-descriptions-item
label="因公外出"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.businessTrip }}
</el-descriptions-item>
<el-descriptions-item
label="公休"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.publicHoliday }}
</el-descriptions-item>
<el-descriptions-item
label="病假"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.sickLeave }}
</el-descriptions-item>
<el-descriptions-item
label="丧假"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.funeralLeave }}
</el-descriptions-item>
<el-descriptions-item
label="婚假"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.marriageLeave }}
</el-descriptions-item>
<el-descriptions-item
label="育儿假"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.childRearingLeave }}
</el-descriptions-item>
<el-descriptions-item
label="产假"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.maternityLeave }}
</el-descriptions-item>
<el-descriptions-item
label="调回单位"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.transferBack }}
</el-descriptions-item>
<el-descriptions-item
label="探亲假"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.homeLeave }}
</el-descriptions-item>
<el-descriptions-item
label="事假"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.personalLeave }}
</el-descriptions-item>
<el-descriptions-item
label="考勤汇总-旷工"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.absenteeismDays }}
</el-descriptions-item>
<el-descriptions-item
label="考勤汇总-其他"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.otherDays }}
</el-descriptions-item>
<el-descriptions-item
label="考勤汇总-出勤率"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.attendanceRate }}
</el-descriptions-item>
<el-descriptions-item
label="考勤汇总-未按规定打卡"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.nonCompliancePunch }}
</el-descriptions-item>
<el-descriptions-item
label="考勤汇总-迟到"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.lateTimes }}
</el-descriptions-item>
<el-descriptions-item
label="考勤汇总-上网耍手机"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.surfingMobileTimes }}
</el-descriptions-item>
<el-descriptions-item
label="考勤汇总-溜班"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.overtimeTimes }}
</el-descriptions-item>
<el-descriptions-item
label="考勤汇总-空岗"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.vacancy }}
</el-descriptions-item>
<el-descriptions-item
label="考勤汇总-未规范着装"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.nonStandardDressTimes }}
</el-descriptions-item>
<el-descriptions-item
label="考勤汇总-无故缺席会议"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.unexcusedMeetingAbsence }}
</el-descriptions-item>
<el-descriptions-item
label="考勤汇总-会议早退"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.earlyLeaveMeeting }}
</el-descriptions-item>
<el-descriptions-item
label="年"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.year }}
</el-descriptions-item>
<el-descriptions-item
label="月"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.month }}
</el-descriptions-item>
<el-descriptions-item
label="日"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.day }}
</el-descriptions-item>
<el-descriptions-item
label="备注"
label-class-name="labelClass"
content-class-name="contentClass"
>
{{ form.remark }}
</el-descriptions-item>
</el-descriptions>
</layout-view>
</template>
<script>
import view from "@/assets/mixins/view";
export default {
import view from "@/assets/mixins/view";
export default {
mixins: [view],
components: {
},
methods: {
},
components: {},
methods: {},
data() {
return {
size:"small",
column:2,
toString:[
],
toArrays: [
],
toDate: [
]
}
}
}
size: "small",
column: 2,
toString: [],
toArrays: [],
toDate: [],
};
},
};
</script>
<style lang="less">
.labelClass{
.labelClass {
width: 200px;
}
.el-descriptions__body{
}
.el-descriptions__body {
margin-left: 5px;
margin-right: 5px;
color: #606266;
background-color: #FFF;
}
.contentClass{
background-color: #fff;
}
.contentClass {
width: 600px;
}
}
</style>
attendance-performance-manager-ui/admin/src/views/staff/drawershow copy.vue 0 → 100644
View file @ 8097e5a5
<template>
<div>
<!-- 弹出框表单 -->
<el-drawer :title="title" :visible.sync="open" :direction="direction" size="50%">
<div class="tips">此功能为快速添加员工入口,如需为员工办理完整的入职手续,请使用[员工关系-入职管理]功能</div>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<!-- <Field label="性别" prop="gender" v-model="form.gender" type="select" :enumData="dict.gender" placeholder="请选择性别"/> -->
<!-- <Field label="出生日期" prop="birthday" v-model="form.birthday" type="date" /> -->
<!-- <Field label="照片" prop="photoPath" v-model="form.photoPath" type="textarea" placeholder="请输入照片"/> -->
<!-- <Field label="身份证号码" prop="idCard" v-model="form.idCard" placeholder="请输入身份证号码"/> -->
<!-- <Field label="工号" prop="workNum" v-model="form.workNum" placeholder="请输入工号"/> -->
<!-- <Field label="政治面貌 " prop="politicalstatus" v-model="form.politicalstatus" type="select" :enumData="dict.politicalstatus" placeholder="请选择政治面貌 "/> -->
<!-- <Field label="所属部门名称" prop="deptName" v-model="form.deptName" placeholder="请输入所属部门名称"/> -->
<Field
label="员工姓名"
:maxLength="10"
prop="name"
v-model="form.name"
placeholder="请输入员工姓名"
/>
<Field
label="手机号码"
:maxLength="11"
prop="phoneNumber"
v-model="form.phoneNumber"
placeholder="请输入联系电话"
/>
<!-- <Field label="所属部门" :maxLength="10" prop="deptName" v-model="form.deptName" placeholder="请选择所属部门" @focus="ishowBumen = true"/>
-->
<Field
label="所属部门"
prop="deptId"
v-model="form.deptId"
:enumData="dict.deptId"
type="select"
placeholder="请选择所属部门"
/>
<Field
label="职位"
prop="positionId"
v-model="form.positionId"
:enumData="dict.positionId"
type="select"
placeholder="请选择职位"
/>
<Field
label="工号"
:maxLength="15"
prop="workNum"
v-model="form.workNum"
placeholder="请输入工号"
/>
<!-- <Field label="是否在政务大厅" prop="positionId" v-model="form.positionId" placeholder="请选择" type="select"/> -->
<!-- <Field label="职位名称" prop="positionName" v-model="form.positionName" placeholder="请输入职位名称"/> -->
<!-- <Field label="员工类型" prop="staffType" v-model="form.staffType" type="select" :enumData="dict.staffType" placeholder="请选择员工类型"/> -->
<!-- <Field label="员工状态" prop="status" v-model="form.status" type="select" :enumData="dict.status" placeholder="请选择员工状态"/> -->
<!-- <Field label="入职登记表" prop="registerPath" v-model="form.registerPath" type="textarea" placeholder="请输入入职登记表"/> -->
<!-- <Field label="入职时间" prop="entryDate" v-model="form.entryDate" type="date" /> -->
<!-- <Field label="转正时间" prop="regularDate" v-model="form.regularDate" type="date" /> -->
<!-- <Field label="离职时间" prop="leaveDate" v-model="form.leaveDate" type="date" /> -->
<!-- <Field label="备注" prop="remark" v-model="form.remark" type="textarea" placeholder="请输入备注"/> -->
</el-row>
<form-buttons @submit="submitForm" noCancelBtn />
</el-form>
</el-drawer>
<!-- 部门选择 -->
<el-dialog :visible.sync="ishowBumen" width="70%">
<el-row type="flex" :gutter="20" style="height:40vh">
<el-col :span="12">
<el-scrollbar style="height: 100%">
<el-tree
size="mini"
ref="siteTree"
:data="bumentree"
id="el-tree"
node-key="id"
indent="4"
:props="treeProps"
:load="loadNode"
highlight-current
default-expand-all
:expand-on-click-node="false"
:render-content="renderContent"
@node-click="handleNodeClick"
></el-tree>
</el-scrollbar>
</el-col>
<el-col :span="12">
<div class="titles">已选部门</div>
<div
class="el-tag flex flex-pack-justify mt10"
v-if="deptnode.label"
style="max-width:80%"
>
<div>{{deptnode.label}}</div>
<div @click="cancledept()">
<i class="el-icon-close"></i>
</div>
</div>
</el-col>
</el-row>
<div class="mt20">
<el-button type="primary" size="mini" @click="comfirmbument">确定</el-button>
<el-button size="mini" @click="ishowBumen = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import form from "@/assets/mixins/formdialog";
export default {
name: "StaffDetail",
mixins: [form],
props: {
bumentree: {
type: Array,
default: []
},
currentNode:{
type:Object,
default:{}
}
},
components: {},
watch: {
open(newval) {
if (newval) {
console.log(newval, this.currentNode, this.form.deptId,this.dict.deptId);
if(this.currentNode && this.currentNode.id){
this.form.deptId = JSON.stringify(this.currentNode.id)
this.form.deptName = this.currentNode.label
}
console.log(newval, this.currentNode, this.form.deptId);
}
}
},
created() {
this.changePath("staff");
},
data() {
return {
// 遮罩层
loading: true,
// 弹出层标题
title: "个人主页",
// 是否显示弹出层
open: false,
direction: "rtl",
toString: ["gender", "politicalstatus", "staffType", "status"],
toDate: ["birthday", "entryDate", "regularDate", "leaveDate"],
// 表单校验
rules: {
name: [
{ required: true, message: "请输入员工姓名", trigger: "blur" },
{ max: 64, message: "最多只能录入64个字符", trigger: "blur" }
],
phoneNumber: [
{ required: true, message: "请输入员工手机号码", trigger: "blur" },
{ max: 11, message: "最多只能录入11个字符", trigger: "blur" }
],
deptName: [
{ required: true, message: "请选择所属部门", trigger: "change" }
],
positionId: [
{ required: true, message: "请选择职位", trigger: "blur" }
],
workNum: [{ required: true, message: "请输入工号" }]
},
treeProps: {
id: "id",
label: "label",
areaCode: "areaCode",
type: "type",
isLeaf: "isLeaf",
children: "children",
icon: "icon"
},
ishowBumen: false,
deptnode: {}
};
},
methods: {
renderContent: function(h, { node, data, store }) {
return (
<span>
<i style="font-size:16px;color:#409EFF" class={data.icon}></i>
<span style="padding-left: 2px;font-size:14px">{node.label}</span>
</span>
);
},
async loadNode(node, resolve) {
if (node.level === 0) {
return;
}
resolve(data.result);
},
// 点击
handleNodeClick(node) {
this.deptnode = node;
},
comfirmbument() {
this.form.deptId = this.deptnode.id;
this.form.deptName = this.deptnode.label;
this.ishowBumen = false;
},
/** 编辑 */
edit(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "staff/edit";
this.getData();
this.pageInfo.type = "edit";
this.title = "修改员工基本信息";
},
/** 新增 */
add(row) {
this.reset();
this.urls.currUrl = "staff/add";
this.getData();
this.pageInfo.type = "add";
this.title = "新增员工基本信息";
},
/** 查看*/
view(row) {
this.reset();
this.query = { id: row.id };
this.urls.currUrl = "staff/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 = {
name: "",
gender: 1,
birthday: null,
photoPath: "",
phoneNumber: "",
idCard: "",
workNum: "",
politicalstatus: 1,
deptId: null,
deptName: "",
positionId: null,
positionName: "",
staffType: 1,
status: 1,
registerPath: "",
entryDate: null,
regularDate: null,
leaveDate: null,
remark: ""
};
this.resetForm("form");
},
resetForm(refName) {
if (this.$refs[refName]) {
this.$refs[refName].resetFields();
}
},
cancledept() {
this.deptnode = {};
}
}
};
</script>
<style scoped>
.tips {
margin-left: 120px;
margin-bottom: 20px;
color: #999;
font-size: 15px;
}
.titles {
color: #409eff;
font-size: 16px;
display: flex;
align-items: center;
}
.titles::before {
content: "";
width: 6px;
height: 16px;
background-color: #409eff;
display: inline-block;
margin-right: 10px;
}
</style>
attendance-performance-manager-ui/admin/src/views/staff/drawershow.vue
View file @ 8097e5a5
<template>
<div>
<!-- 弹出框表单 -->
<el-drawer :title="title" :visible.sync="open" :direction="direction" size="50%">
<div class="tips">此功能为快速添加员工入口,如需为员工办理完整的入职手续,请使用[员工关系-入职管理]功能</div>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-row>
<!-- <Field label="性别" prop="gender" v-model="form.gender" type="select" :enumData="dict.gender" placeholder="请选择性别"/> -->
<!-- <Field label="出生日期" prop="birthday" v-model="form.birthday" type="date" /> -->
<!-- <Field label="照片" prop="photoPath" v-model="form.photoPath" type="textarea" placeholder="请输入照片"/> -->
<!-- <Field label="身份证号码" prop="idCard" v-model="form.idCard" placeholder="请输入身份证号码"/> -->
<!-- <Field label="工号" prop="workNum" v-model="form.workNum" placeholder="请输入工号"/> -->
<!-- <Field label="政治面貌 " prop="politicalstatus" v-model="form.politicalstatus" type="select" :enumData="dict.politicalstatus" placeholder="请选择政治面貌 "/> -->
<!-- <Field label="所属部门名称" prop="deptName" v-model="form.deptName" placeholder="请输入所属部门名称"/> -->
<Field
label="员工姓名"
:maxLength="10"
prop="name"
v-model="form.name"
placeholder="请输入员工姓名"
/>
<Field
label="手机号码"
:maxLength="11"
prop="phoneNumber"
v-model="form.phoneNumber"
placeholder="请输入联系电话"
/>
<!-- <Field label="所属部门" :maxLength="10" prop="deptName" v-model="form.deptName" placeholder="请选择所属部门" @focus="ishowBumen = true"/>
-->
<Field
label="所属部门"
prop="deptId"
v-model="form.deptId"
:enumData="dict.deptId"
type="select"
placeholder="请选择所属部门"
/>
<Field
label="职位"
prop="positionId"
v-model="form.positionId"
:enumData="dict.positionId"
type="select"
placeholder="请选择职位"
/>
<el-drawer
:title="title"
:visible.sync="open"
:direction="direction"
size="50%"
>
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="120px"
style="width: 100%;"
>
<div class="cell2">
<div class="history">
<span>姓名：</span>
<span class="times">{{ form.name }}</span>
</div>
<div class="history">
<span>性别：</span>
<span class="times">{{
dict.gender ? dict.gender[form.gender] : "--"
}}</span>
</div>
<div class="history">
<span>所属组织：</span>
<span class="times">{{
dict.deptId ? dict.deptId[form.deptId] : form.deptName
}}</span>
</div>
<div class="history">
<span>工号：</span>
<span class="times">{{ form.workNum }}</span>
</div>
<Field
label="工号"
:maxLength="15"
prop="workNum"
v-model="form.workNum"
placeholder="请输入工号"
/>
<div class="history">
<span>政治面貌：</span>
<span class="times">{{
dict.politicalstatus
? dict.politicalstatus[form.politicalstatus]
: "--"
}}</span>
</div>
<div class="history">
<span>员工状态：</span>
<span class="times">{{
dict.status ? dict.status[form.status] : "--"
}}</span>
</div>
<!-- <Field label="是否在政务大厅" prop="positionId" v-model="form.positionId" placeholder="请选择" type="select"/> -->
<!-- <Field label="职位名称" prop="positionName" v-model="form.positionName" placeholder="请输入职位名称"/> -->
<!-- <Field label="员工类型" prop="staffType" v-model="form.staffType" type="select" :enumData="dict.staffType" placeholder="请选择员工类型"/> -->
<!-- <Field label="员工状态" prop="status" v-model="form.status" type="select" :enumData="dict.status" placeholder="请选择员工状态"/> -->
<!-- <Field label="入职登记表" prop="registerPath" v-model="form.registerPath" type="textarea" placeholder="请输入入职登记表"/> -->
<!-- <Field label="入职时间" prop="entryDate" v-model="form.entryDate" type="date" /> -->
<!-- <Field label="转正时间" prop="regularDate" v-model="form.regularDate" type="date" /> -->
<!-- <Field label="离职时间" prop="leaveDate" v-model="form.leaveDate" type="date" /> -->
<!-- <Field label="备注" prop="remark" v-model="form.remark" type="textarea" placeholder="请输入备注"/> -->
</el-row>
<div class="history">
<span>手机号：</span>
<span class="times">{{ form.phoneNumber }}</span>
</div>
<div class="history">
<span>考勤授权：</span>
<el-switch v-model="form.kaoqin"> </el-switch>
</div>
<div class="history">
<span>评价授权：</span>
<el-switch v-model="form.kaoqin"> </el-switch>
</div>
<div class="history">
<span>投诉授权：</span>
<el-switch v-model="form.kaoqin"> </el-switch>
</div>
<div class="history">
<span>办件授权：</span>
<el-switch v-model="form.kaoqin"> </el-switch>
</div>
</div>
<form-buttons @submit="submitForm" noCancelBtn />
</el-form>
</el-drawer>
<!-- 部门选择 -->
<el-dialog :visible.sync="ishowBumen" width="70%">
<el-row type="flex" :gutter="20" style="height:40vh">
<el-col :span="12">
<el-scrollbar style="height: 100%">
<el-tree
size="mini"
ref="siteTree"
:data="bumentree"
id="el-tree"
node-key="id"
indent="4"
:props="treeProps"
:load="loadNode"
highlight-current
default-expand-all
:expand-on-click-node="false"
:render-content="renderContent"
@node-click="handleNodeClick"
></el-tree>
</el-scrollbar>
</el-col>
<el-col :span="12">
<div class="titles">已选部门</div>
<div
class="el-tag flex flex-pack-justify mt10"
v-if="deptnode.label"
style="max-width:80%"
>
<div>{{deptnode.label}}</div>
<div @click="cancledept()">
<i class="el-icon-close"></i>
</div>
</div>
</el-col>
</el-row>
<div class="mt20">
<el-button type="primary" size="mini" @click="comfirmbument">确定</el-button>
<el-button size="mini" @click="ishowBumen = false">取消</el-button>
</div>
</el-dialog>
</div>
</template>
......@@ -125,27 +87,31 @@ export default {
props: {
bumentree: {
type: Array,
default: []
default: [],
},
currentNode: {
type: Object,
default: {},
},
currentNode:{
type:Object,
default:{}
}
},
components: {},
watch: {
open(newval) {
if (newval) {
console.log(newval, this.currentNode, this.form.deptId,this.dict.deptId);
if(this.currentNode && this.currentNode.id){
this.form.deptId = JSON.stringify(this.currentNode.id)
this.form.deptName = this.currentNode.label
console.log(
newval,
this.currentNode,
this.form.deptId,
this.dict.deptId
);
if (this.currentNode && this.currentNode.id) {
this.form.deptId = JSON.stringify(this.currentNode.id);
this.form.deptName = this.currentNode.label;
}
console.log(newval, this.currentNode, this.form.deptId);
}
}
},
},
created() {
this.changePath("staff");
},
......@@ -164,19 +130,19 @@ export default {
rules: {
name: [
{ required: true, message: "请输入员工姓名", trigger: "blur" },
{ max: 64, message: "最多只能录入64个字符", trigger: "blur" }
{ max: 64, message: "最多只能录入64个字符", trigger: "blur" },
],
phoneNumber: [
{ required: true, message: "请输入员工手机号码", trigger: "blur" },
{ max: 11, message: "最多只能录入11个字符", trigger: "blur" }
{ max: 11, message: "最多只能录入11个字符", trigger: "blur" },
],
deptName: [
{ required: true, message: "请选择所属部门", trigger: "change" }
{ required: true, message: "请选择所属部门", trigger: "change" },
],
positionId: [
{ required: true, message: "请选择职位", trigger: "blur" }
{ required: true, message: "请选择职位", trigger: "blur" },
],
workNum: [{ required: true, message: "请输入工号" }]
workNum: [{ required: true, message: "请输入工号" }],
},
treeProps: {
id: "id",
......@@ -185,10 +151,10 @@ export default {
type: "type",
isLeaf: "isLeaf",
children: "children",
icon: "icon"
icon: "icon",
},
ishowBumen: false,
deptnode: {}
deptnode: {},
};
},
......@@ -223,7 +189,7 @@ export default {
this.urls.currUrl = "staff/edit";
this.getData();
this.pageInfo.type = "edit";
this.title = "修改员工基本信息";
this.title = "考核授权";
},
/** 新增 */
add(row) {
......@@ -277,7 +243,7 @@ export default {
entryDate: null,
regularDate: null,
leaveDate: null,
remark: ""
remark: "",
};
this.resetForm("form");
},
......@@ -288,11 +254,11 @@ export default {
},
cancledept() {
this.deptnode = {};
}
}
},
},
};
</script>
<style scoped>
<style lang="less" scoped>
.tips {
margin-left: 120px;
margin-bottom: 20px;
......@@ -313,4 +279,32 @@ export default {
display: inline-block;
margin-right: 10px;
}
.cell2 {
width: 100%;
height: 100%;
padding: 20px;
.history {
margin-bottom: 30px;
span {
color: #888;
}
.times {
color: #000;
}
/deep/.el-switch__core {
width: 60px !important;
height: 30px;
border-radius: 30px;
}
/deep/.el-switch__core:after {
width: 30px;
height: 30px;
top: -1px;
left: 0px;
}
/deep/.el-switch.is-checked .el-switch__core::after {
margin-left: 29px;
}
}
}
</style>
attendance-performance-manager-ui/admin/src/views/staff/list.vue
View file @ 8097e5a5
......@@ -384,7 +384,17 @@ export default {
noEdit
row={row}
onView={this.toView}
onEdit={this.toEdit}
/>
// <table-buttons
// noAdd
// noAuth
// noDel
// noEdit
// row={row}
// onView={this.toView}
// onEdit={this.toEdit}
// />
);
},
},
......
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