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 @@ ...@@ -104,6 +104,7 @@
v-for="($label, $value) in enumData" v-for="($label, $value) in enumData"
:key="$value" :key="$value"
:label="$value" :label="$value"
style="margin-bottom: 10px;"
>{{ $label }}</el-radio >{{ $label }}</el-radio
> >
</el-radio-group> </el-radio-group>
......
attendance-performance-manager-ui/admin/src/components/Table.vue
View file @ 8097e5a5
...@@ -372,15 +372,19 @@ export default { ...@@ -372,15 +372,19 @@ export default {
.table-head-left .buttons { .table-head-left .buttons {
button + button { button + button {
margin-left: 10px; margin-left: 10px;
margin-bottom: 10px;
} }
button + span { button + span {
margin-left: 10px; margin-left: 10px;
margin-bottom: 10px;
} }
span + span { span + span {
margin-left: 10px; margin-left: 10px;
margin-bottom: 10px;
} }
span + button { span + button {
margin-left: 10px; margin-left: 10px;
margin-bottom: 10px;
} }
} }
} }
......
attendance-performance-manager-ui/admin/src/components/tools/TableButtons.vue
View file @ 8097e5a5
...@@ -10,6 +10,16 @@ ...@@ -10,6 +10,16 @@
style="margin-left: 0;margin-right: 5px" style="margin-left: 0;margin-right: 5px"
>编辑</el-button >编辑</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 <el-button
v-if="!noView" v-if="!noView"
type="text" type="text"
...@@ -79,6 +89,10 @@ export default { ...@@ -79,6 +89,10 @@ export default {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
noAuth: {
type: Boolean,
default: false,
},
reCheck: { reCheck: {
type: Boolean, type: Boolean,
default: false, default: false,
......
attendance-performance-manager-ui/admin/src/views/attendance/group/groupTemplate.vue
View file @ 8097e5a5
<template> <template>
<div class="container" v-if="open"> <div class="container" v-if="open">
<el-card style="min-height:80vh;padding:15px"> <el-card style="min-height:80vh;padding: 0 10px">
<div class="flex flex_end"> <div class="head">
<el-button type="primary" size="mini" @click="backTo" <el-button type="primary" size="mini" @click="backTo"
>返回上一级</el-button >返回上一级</el-button
> >
...@@ -1390,7 +1390,7 @@ export default { ...@@ -1390,7 +1390,7 @@ export default {
}, },
}; };
</script> </script>
<style lang="less"> <style lang="less" scoped>
.container { .container {
font-size: 15px; font-size: 15px;
} }
...@@ -1425,4 +1425,10 @@ export default { ...@@ -1425,4 +1425,10 @@ export default {
color: #999; color: #999;
font-size: 12px; font-size: 12px;
} }
.head {
position: absolute;
right: 45px;
z-index: 99;
}
</style> </style>
attendance-performance-manager-ui/admin/src/views/attendance/stat/view.vue
View file @ 8097e5a5
<template> <template>
<layout-view> <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"> <template slot="title">
<i class="el-icon-tickets"></i> <i class="el-icon-tickets"></i>
基本详细信息 基本详细信息
</template> </template>
<template slot="extra"> <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> </template>
<el-descriptions-item label="窗口类别" label-class-name="labelClass" content-class-name="contentClass"> <el-descriptions-item
{{form.windowCategory}} label="窗口类别"
</el-descriptions-item> label-class-name="labelClass"
<el-descriptions-item label="员工ID" label-class-name="labelClass" content-class-name="contentClass"> content-class-name="contentClass"
{{form.staffId}} >
</el-descriptions-item> {{ form.windowCategory }}
<el-descriptions-item label="员工姓名" label-class-name="labelClass" content-class-name="contentClass"> </el-descriptions-item>
{{form.staffName}} <el-descriptions-item
</el-descriptions-item> label="员工ID"
<el-descriptions-item label="所属部门" label-class-name="labelClass" content-class-name="contentClass"> label-class-name="labelClass"
{{form.deptId}} content-class-name="contentClass"
</el-descriptions-item> >
<el-descriptions-item label="所属部门名称" label-class-name="labelClass" content-class-name="contentClass"> {{ form.staffId }}
{{form.deptName}} </el-descriptions-item>
</el-descriptions-item> <el-descriptions-item
<el-descriptions-item label="回单位" label-class-name="labelClass" content-class-name="contentClass"> label="员工姓名"
{{form.backToUnit}} label-class-name="labelClass"
</el-descriptions-item> content-class-name="contentClass"
<el-descriptions-item label="因公请假" label-class-name="labelClass" content-class-name="contentClass"> >
{{form.onDutyLeave}} {{ form.staffName }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="外出勘验" label-class-name="labelClass" content-class-name="contentClass"> <el-descriptions-item
{{form.outOfOffice}} label="所属部门"
</el-descriptions-item> label-class-name="labelClass"
<el-descriptions-item label="值班补班" label-class-name="labelClass" content-class-name="contentClass"> content-class-name="contentClass"
{{form.shiftCompensation}} >
</el-descriptions-item> {{ form.deptId }}
<el-descriptions-item label="体检" label-class-name="labelClass" content-class-name="contentClass"> </el-descriptions-item>
{{form.physicalExamination}} <el-descriptions-item
</el-descriptions-item> label="所属部门名称"
<el-descriptions-item label="隔离" label-class-name="labelClass" content-class-name="contentClass"> label-class-name="labelClass"
{{form.quarantine}} content-class-name="contentClass"
</el-descriptions-item> >
<el-descriptions-item label="因公外出" label-class-name="labelClass" content-class-name="contentClass"> {{ form.deptName }}
{{form.businessTrip}} </el-descriptions-item>
</el-descriptions-item> <el-descriptions-item
<el-descriptions-item label="公休" label-class-name="labelClass" content-class-name="contentClass"> label="回单位"
{{form.publicHoliday}} label-class-name="labelClass"
</el-descriptions-item> content-class-name="contentClass"
<el-descriptions-item label="病假" label-class-name="labelClass" content-class-name="contentClass"> >
{{form.sickLeave}} {{ form.backToUnit }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="丧假" label-class-name="labelClass" content-class-name="contentClass"> <el-descriptions-item
{{form.funeralLeave}} label="因公请假"
</el-descriptions-item> label-class-name="labelClass"
<el-descriptions-item label="婚假" label-class-name="labelClass" content-class-name="contentClass"> content-class-name="contentClass"
{{form.marriageLeave}} >
</el-descriptions-item> {{ form.onDutyLeave }}
<el-descriptions-item label="育儿假" label-class-name="labelClass" content-class-name="contentClass"> </el-descriptions-item>
{{form.childRearingLeave}} <el-descriptions-item
</el-descriptions-item> label="外出勘验"
<el-descriptions-item label="产假" label-class-name="labelClass" content-class-name="contentClass"> label-class-name="labelClass"
{{form.maternityLeave}} content-class-name="contentClass"
</el-descriptions-item> >
<el-descriptions-item label="调回单位" label-class-name="labelClass" content-class-name="contentClass"> {{ form.outOfOffice }}
{{form.transferBack}} </el-descriptions-item>
</el-descriptions-item> <el-descriptions-item
<el-descriptions-item label="探亲假" label-class-name="labelClass" content-class-name="contentClass"> label="值班补班"
{{form.homeLeave}} label-class-name="labelClass"
</el-descriptions-item> content-class-name="contentClass"
<el-descriptions-item label="事假" label-class-name="labelClass" content-class-name="contentClass"> >
{{form.personalLeave}} {{ form.shiftCompensation }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="考勤汇总-旷工" label-class-name="labelClass" content-class-name="contentClass"> <el-descriptions-item
{{form.absenteeismDays}} label="体检"
</el-descriptions-item> label-class-name="labelClass"
<el-descriptions-item label="考勤汇总-其他" label-class-name="labelClass" content-class-name="contentClass"> content-class-name="contentClass"
{{form.otherDays}} >
</el-descriptions-item> {{ form.physicalExamination }}
<el-descriptions-item label="考勤汇总-出勤率" label-class-name="labelClass" content-class-name="contentClass"> </el-descriptions-item>
{{form.attendanceRate}} <el-descriptions-item
</el-descriptions-item> label="隔离"
<el-descriptions-item label="考勤汇总-未按规定打卡" label-class-name="labelClass" content-class-name="contentClass"> label-class-name="labelClass"
{{form.nonCompliancePunch}} content-class-name="contentClass"
</el-descriptions-item> >
<el-descriptions-item label="考勤汇总-迟到" label-class-name="labelClass" content-class-name="contentClass"> {{ form.quarantine }}
{{form.lateTimes}} </el-descriptions-item>
</el-descriptions-item> <el-descriptions-item
<el-descriptions-item label="考勤汇总-上网耍手机" label-class-name="labelClass" content-class-name="contentClass"> label="因公外出"
{{form.surfingMobileTimes}} label-class-name="labelClass"
</el-descriptions-item> content-class-name="contentClass"
<el-descriptions-item label="考勤汇总-溜班" label-class-name="labelClass" content-class-name="contentClass"> >
{{form.overtimeTimes}} {{ form.businessTrip }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="考勤汇总-空岗" label-class-name="labelClass" content-class-name="contentClass"> <el-descriptions-item
{{form.vacancy}} label="公休"
</el-descriptions-item> label-class-name="labelClass"
<el-descriptions-item label="考勤汇总-未规范着装" label-class-name="labelClass" content-class-name="contentClass"> content-class-name="contentClass"
{{form.nonStandardDressTimes}} >
</el-descriptions-item> {{ form.publicHoliday }}
<el-descriptions-item label="考勤汇总-无故缺席会议" label-class-name="labelClass" content-class-name="contentClass"> </el-descriptions-item>
{{form.unexcusedMeetingAbsence}} <el-descriptions-item
</el-descriptions-item> label="病假"
<el-descriptions-item label="考勤汇总-会议早退" label-class-name="labelClass" content-class-name="contentClass"> label-class-name="labelClass"
{{form.earlyLeaveMeeting}} content-class-name="contentClass"
</el-descriptions-item> >
<el-descriptions-item label="年" label-class-name="labelClass" content-class-name="contentClass"> {{ form.sickLeave }}
{{form.year}} </el-descriptions-item>
</el-descriptions-item> <el-descriptions-item
<el-descriptions-item label="月" label-class-name="labelClass" content-class-name="contentClass"> label="丧假"
{{form.month}} label-class-name="labelClass"
</el-descriptions-item> content-class-name="contentClass"
<el-descriptions-item label="日" label-class-name="labelClass" content-class-name="contentClass"> >
{{form.day}} {{ form.funeralLeave }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="备注" label-class-name="labelClass" content-class-name="contentClass"> <el-descriptions-item
{{form.remark}} 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-item>
</el-descriptions> </el-descriptions>
</layout-view> </layout-view>
</template> </template>
<script> <script>
import view from "@/assets/mixins/view"; import view from "@/assets/mixins/view";
export default { export default {
mixins: [view], mixins: [view],
components: { components: {},
}, methods: {},
methods: {
},
data() { data() {
return { return {
size:"small", size: "small",
column:2, column: 2,
toString:[ toString: [],
], toArrays: [],
toArrays: [ toDate: [],
};
], },
toDate: [ };
]
}
}
}
</script> </script>
<style lang="less"> <style lang="less">
.labelClass{ .labelClass {
width: 200px; width: 200px;
} }
.el-descriptions__body{ .el-descriptions__body {
margin-left: 5px; margin-left: 5px;
margin-right: 5px; margin-right: 5px;
color: #606266; color: #606266;
background-color: #FFF; background-color: #fff;
} }
.contentClass{ .contentClass {
width: 600px; width: 600px;
} }
</style> </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> <template>
<div> <div>
<!-- 弹出框表单 --> <!-- 弹出框表单 -->
<el-drawer :title="title" :visible.sync="open" :direction="direction" size="50%"> <el-drawer
<div class="tips">此功能为快速添加员工入口,如需为员工办理完整的入职手续,请使用[员工关系-入职管理]功能</div> :title="title"
:visible.sync="open"
<el-form ref="form" :model="form" :rules="rules" label-width="120px"> :direction="direction"
<el-row> size="50%"
<!-- <Field label="性别" prop="gender" v-model="form.gender" type="select" :enumData="dict.gender" placeholder="请选择性别"/> --> >
<!-- <Field label="出生日期" prop="birthday" v-model="form.birthday" type="date" /> --> <el-form
<!-- <Field label="照片" prop="photoPath" v-model="form.photoPath" type="textarea" placeholder="请输入照片"/> --> ref="form"
<!-- <Field label="身份证号码" prop="idCard" v-model="form.idCard" placeholder="请输入身份证号码"/> --> :model="form"
<!-- <Field label="工号" prop="workNum" v-model="form.workNum" placeholder="请输入工号"/> --> :rules="rules"
<!-- <Field label="政治面貌 " prop="politicalstatus" v-model="form.politicalstatus" type="select" :enumData="dict.politicalstatus" placeholder="请选择政治面貌 "/> --> label-width="120px"
<!-- <Field label="所属部门名称" prop="deptName" v-model="form.deptName" placeholder="请输入所属部门名称"/> --> style="width: 100%;"
>
<Field <div class="cell2">
label="员工姓名" <div class="history">
:maxLength="10" <span>姓名：</span>
prop="name" <span class="times">{{ form.name }}</span>
v-model="form.name" </div>
placeholder="请输入员工姓名" <div class="history">
/> <span>性别：</span>
<span class="times">{{
<Field dict.gender ? dict.gender[form.gender] : "--"
label="手机号码" }}</span>
:maxLength="11" </div>
prop="phoneNumber" <div class="history">
v-model="form.phoneNumber" <span>所属组织：</span>
placeholder="请输入联系电话" <span class="times">{{
/> dict.deptId ? dict.deptId[form.deptId] : form.deptName
}}</span>
<!-- <Field label="所属部门" :maxLength="10" prop="deptName" v-model="form.deptName" placeholder="请选择所属部门" @focus="ishowBumen = true"/> </div>
--> <div class="history">
<span>工号：</span>
<Field <span class="times">{{ form.workNum }}</span>
label="所属部门" </div>
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 <div class="history">
label="工号" <span>政治面貌：</span>
:maxLength="15" <span class="times">{{
prop="workNum" dict.politicalstatus
v-model="form.workNum" ? dict.politicalstatus[form.politicalstatus]
placeholder="请输入工号" : "--"
/> }}</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"/> --> <div class="history">
<!-- <Field label="职位名称" prop="positionName" v-model="form.positionName" placeholder="请输入职位名称"/> --> <span>手机号：</span>
<!-- <Field label="员工类型" prop="staffType" v-model="form.staffType" type="select" :enumData="dict.staffType" placeholder="请选择员工类型"/> --> <span class="times">{{ form.phoneNumber }}</span>
<!-- <Field label="员工状态" prop="status" v-model="form.status" type="select" :enumData="dict.status" placeholder="请选择员工状态"/> --> </div>
<!-- <Field label="入职登记表" prop="registerPath" v-model="form.registerPath" type="textarea" placeholder="请输入入职登记表"/> --> <div class="history">
<!-- <Field label="入职时间" prop="entryDate" v-model="form.entryDate" type="date" /> --> <span>考勤授权：</span>
<!-- <Field label="转正时间" prop="regularDate" v-model="form.regularDate" type="date" /> --> <el-switch v-model="form.kaoqin"> </el-switch>
<!-- <Field label="离职时间" prop="leaveDate" v-model="form.leaveDate" type="date" /> --> </div>
<!-- <Field label="备注" prop="remark" v-model="form.remark" type="textarea" placeholder="请输入备注"/> --> <div class="history">
</el-row> <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 /> <form-buttons @submit="submitForm" noCancelBtn />
</el-form> </el-form>
</el-drawer> </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> </div>
</template> </template>
...@@ -125,27 +87,31 @@ export default { ...@@ -125,27 +87,31 @@ export default {
props: { props: {
bumentree: { bumentree: {
type: Array, type: Array,
default: [] default: [],
},
currentNode: {
type: Object,
default: {},
}, },
currentNode:{
type:Object,
default:{}
}
}, },
components: {}, components: {},
watch: { watch: {
open(newval) { open(newval) {
if (newval) { if (newval) {
console.log(newval, this.currentNode, this.form.deptId,this.dict.deptId); console.log(
if(this.currentNode && this.currentNode.id){ newval,
this.form.deptId = JSON.stringify(this.currentNode.id) this.currentNode,
this.form.deptName = this.currentNode.label 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); console.log(newval, this.currentNode, this.form.deptId);
}
} }
}, },
},
created() { created() {
this.changePath("staff"); this.changePath("staff");
}, },
...@@ -164,19 +130,19 @@ export default { ...@@ -164,19 +130,19 @@ export default {
rules: { rules: {
name: [ name: [
{ required: true, message: "请输入员工姓名", trigger: "blur" }, { required: true, message: "请输入员工姓名", trigger: "blur" },
{ max: 64, message: "最多只能录入64个字符", trigger: "blur" } { max: 64, message: "最多只能录入64个字符", trigger: "blur" },
], ],
phoneNumber: [ phoneNumber: [
{ required: true, message: "请输入员工手机号码", trigger: "blur" }, { required: true, message: "请输入员工手机号码", trigger: "blur" },
{ max: 11, message: "最多只能录入11个字符", trigger: "blur" } { max: 11, message: "最多只能录入11个字符", trigger: "blur" },
], ],
deptName: [ deptName: [
{ required: true, message: "请选择所属部门", trigger: "change" } { required: true, message: "请选择所属部门", trigger: "change" },
], ],
positionId: [ positionId: [
{ required: true, message: "请选择职位", trigger: "blur" } { required: true, message: "请选择职位", trigger: "blur" },
], ],
workNum: [{ required: true, message: "请输入工号" }] workNum: [{ required: true, message: "请输入工号" }],
}, },
treeProps: { treeProps: {
id: "id", id: "id",
...@@ -185,10 +151,10 @@ export default { ...@@ -185,10 +151,10 @@ export default {
type: "type", type: "type",
isLeaf: "isLeaf", isLeaf: "isLeaf",
children: "children", children: "children",
icon: "icon" icon: "icon",
}, },
ishowBumen: false, ishowBumen: false,
deptnode: {} deptnode: {},
}; };
}, },
...@@ -223,7 +189,7 @@ export default { ...@@ -223,7 +189,7 @@ export default {
this.urls.currUrl = "staff/edit"; this.urls.currUrl = "staff/edit";
this.getData(); this.getData();
this.pageInfo.type = "edit"; this.pageInfo.type = "edit";
this.title = "修改员工基本信息"; this.title = "考核授权";
}, },
/** 新增 */ /** 新增 */
add(row) { add(row) {
...@@ -277,7 +243,7 @@ export default { ...@@ -277,7 +243,7 @@ export default {
entryDate: null, entryDate: null,
regularDate: null, regularDate: null,
leaveDate: null, leaveDate: null,
remark: "" remark: "",
}; };
this.resetForm("form"); this.resetForm("form");
}, },
...@@ -288,11 +254,11 @@ export default { ...@@ -288,11 +254,11 @@ export default {
}, },
cancledept() { cancledept() {
this.deptnode = {}; this.deptnode = {};
} },
} },
}; };
</script> </script>
<style scoped> <style lang="less" scoped>
.tips { .tips {
margin-left: 120px; margin-left: 120px;
margin-bottom: 20px; margin-bottom: 20px;
...@@ -313,4 +279,32 @@ export default { ...@@ -313,4 +279,32 @@ export default {
display: inline-block; display: inline-block;
margin-right: 10px; 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> </style>
attendance-performance-manager-ui/admin/src/views/staff/list.vue
View file @ 8097e5a5
...@@ -384,7 +384,17 @@ export default { ...@@ -384,7 +384,17 @@ export default {
noEdit noEdit
row={row} row={row}
onView={this.toView} 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