Skip to content

C
confucius
Commit bc6ac4b9 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 34b4d1c6
Hide whitespace changes
Inline Side-by-side
Showing with 486 additions and 682 deletions
src/components/school/manager/manager-form.vue
View file @ bc6ac4b9
<template> <template>
<q-dialog <q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
v-model="persistent"
content-class="bg-grey-1"
persistent
transition-show="scale"
transition-hide="scale"
>
<q-card style="width: 800px;max-width:900px;"> <q-card style="width: 800px;max-width:900px;">
<q-card-section> <q-card-section>
<div class="text-h6"> <div class="text-h6">
...@@ -15,740 +9,533 @@ ...@@ -15,740 +9,533 @@
<q-card-section class="q-pt-none scroll" style="max-height: 70vh"> <q-card-section class="q-pt-none scroll" style="max-height: 70vh">
<div class="text-caption q-mb-md q-px-xs text-grey-6">基本资料</div> <div class="text-caption q-mb-md q-px-xs text-grey-6">基本资料</div>
<div class="row wrap"> <div class="row wrap">
<q-select <q-select filled v-if="isEditShow" stack-label option-value="SId" option-label="SName"
filled v-model="objOption.School_Id" ref="School_Id" :options="schoolList" label="所属校区"
v-if="isEditShow" class="col-6 q-pb-lg q-pr-lg" emit-value map-options @input="schoolChagne" />
stack-label <selectTree :treeData="DeptList" v-if="isEditShow" :defaultArray="returnString" nodeKey="DeptId"
option-value="SId" :multiple="false" labelKey="DeptName" childrenKey="ChildList" tipText="选择部门" @getChild="getChild"
option-label="SName" classStr="col-6 q-pr-lg q-pb-lg"></selectTree>
v-model="objOption.School_Id" <q-select filled stack-label v-if="isEditShow" option-value="PostId" option-label="PostName"
ref="School_Id" v-model="objOption.Post_Id" ref="Post_Id" :options="PostList" label="岗位" :dense="false"
:options="schoolList" class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
label="所属校区" <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.EmployeeName" ref="EmployeeName"
class="col-6 q-pb-lg q-pr-lg" class="col-6 q-pr-lg q-pb-lg" label="员工姓名" :rules="[val => !!val || '请填写员工姓名']" />
emit-value
map-options
@input="schoolChagne"
/>
<selectTree
:treeData="DeptList"
v-if="isEditShow"
:defaultArray="returnString"
nodeKey="DeptId"
:multiple="false"
labelKey="DeptName"
childrenKey="ChildList"
tipText="选择部门"
@getChild="getChild"
classStr="col-6 q-pr-lg q-pb-lg"
></selectTree>
<q-select
filled
stack-label
v-if="isEditShow"
option-value="PostId"
option-label="PostName"
v-model="objOption.Post_Id"
ref="Post_Id"
:options="PostList"
label="岗位"
:dense="false"
class="col-6 q-pr-lg q-pb-lg"
emit-value
map-options
/>
<q-input
filled
stack-label
maxlength="20"
:dense="false"
v-model="objOption.EmployeeName"
ref="EmployeeName"
class="col-6 q-pr-lg q-pb-lg"
label="员工姓名"
:rules="[val => !!val || '请填写员工姓名']"
/>
<q-input <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.IDCard" ref="IDCard"
filled class="col-6 q-pr-lg q-pb-lg" label="身份证号码" :rules="[val => !!val || '请填写身份证号码']" />
stack-label
maxlength="20"
:dense="false"
v-model="objOption.IDCard"
ref="IDCard"
class="col-6 q-pr-lg q-pb-lg"
label="身份证号码"
:rules="[val => !!val || '请填写身份证号码']"
/>
<q-select <q-select filled stack-label option-value="Id" option-label="Name" ref="ID" v-model="objOption.Sex"
filled :options="SexList" label="性别" :dense="false" class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
stack-label
option-value="Id"
option-label="Name"
ref="ID"
v-model="objOption.Sex"
:options="SexList"
label="性别"
:dense="false"
class="col-6 q-pr-lg q-pb-lg"
emit-value
map-options
/>
<q-select <q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.Education"
filled ref="Education" :options="EducationList" label="学历" :dense="false" class="col-6 q-pr-lg q-pb-lg" emit-value
stack-label map-options />
option-value="Id" <q-input type="tel" filled stack-label maxlength="100" :dense="false" v-model="objOption.EmployeeTel"
option-label="Name" ref="EmployeeTel" class="col-6 q-pr-lg q-pb-lg" label="联系电话" />
v-model="objOption.Education" <q-input filled v-model="objOption.EntryTime" class="col-6 q-pr-lg q-pb-lg" mask="date" label="入职时间">
ref="Education"
:options="EducationList"
label="学历"
:dense="false"
class="col-6 q-pr-lg q-pb-lg"
emit-value
map-options
/>
<q-input
type="tel"
filled
stack-label
maxlength="100"
:dense="false"
v-model="objOption.EmployeeTel"
ref="EmployeeTel"
class="col-6 q-pr-lg q-pb-lg"
label="联系电话"
/>
<q-input
filled
v-model="objOption.EntryTime"
class="col-6 q-pr-lg q-pb-lg"
mask="date"
label="入职时间"
>
<template v-slot:append> <template v-slot:append>
<q-icon name="event" class="cursor-pointer"> <q-icon name="event" class="cursor-pointer">
<q-popup-proxy <q-popup-proxy ref="qDateProxy1" transition-show="scale" transition-hide="scale">
ref="qDateProxy1" <q-date v-model="objOption.EntryTime" @input="() => $refs.qDateProxy1.hide()" />
transition-show="scale"
transition-hide="scale"
>
<q-date
v-model="objOption.EntryTime"
@input="() => $refs.qDateProxy1.hide()"
/>
</q-popup-proxy> </q-popup-proxy>
</q-icon> </q-icon>
</template> </template>
</q-input> </q-input>
<q-input <q-input filled v-model="objOption.BirthDate" class="col-6 q-pr-lg q-pb-lg" mask="date" label="生日">
filled
v-model="objOption.BirthDate"
class="col-6 q-pr-lg q-pb-lg"
mask="date"
label="生日"
>
<template v-slot:append> <template v-slot:append>
<q-icon name="event" class="cursor-pointer"> <q-icon name="event" class="cursor-pointer">
<q-popup-proxy <q-popup-proxy ref="qDateProxy3" transition-show="scale" transition-hide="scale">
ref="qDateProxy3" <q-date v-model="objOption.BirthDate" @input="() => $refs.qDateProxy3.hide()" />
transition-show="scale"
transition-hide="scale"
>
<q-date
v-model="objOption.BirthDate"
@input="() => $refs.qDateProxy3.hide()"
/>
</q-popup-proxy> </q-popup-proxy>
</q-icon> </q-icon>
</template> </template>
</q-input> </q-input>
<q-input <q-input filled stack-label maxlength="100" :dense="false" v-model="objOption.Address" ref="Address"
filled class="col-6 q-pr-lg q-pb-lg" label="地址" />
stack-label <q-input filled stack-label maxlength="60" :dense="false" v-model="objOption.Email" ref="Email"
maxlength="100" class="col-6 q-pr-lg q-pb-lg" label="邮箱" />
:dense="false" <q-input filled stack-label maxlength="20" :dense="false" v-model="objOption.Account" ref="Account"
v-model="objOption.Address" class="col-6 q-pr-lg q-pb-lg" label="账号" :rules="[val => !!val || '账号']" />
ref="Address" <q-input v-if="objOption.AccountId == 0" filled stack-label maxlength="20" :dense="false"
class="col-6 q-pr-lg q-pb-lg" v-model="objOption.Password" ref="Password" class="col-6 q-pr-lg q-pb-lg" label="密码"
label="地址" :rules="[val => !!val || '密码']" />
/> <q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.LeaveStatus"
<q-input @input="getLeave" ref="Education" :options="LeaveStatusList" label="在职状态" :dense="false"
filled class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
stack-label <q-input v-show="objOption.AccountId > 0 && objOption.LeaveStatus == 4" filled v-model="objOption.LeaveTime"
maxlength="60" class="col-6 q-pr-lg q-pb-lg" mask="date" label="离职时间">
:dense="false"
v-model="objOption.Email"
ref="Email"
class="col-6 q-pr-lg q-pb-lg"
label="邮箱"
/>
<q-input
filled
stack-label
maxlength="20"
:dense="false"
v-model="objOption.Account"
ref="Account"
class="col-6 q-pr-lg q-pb-lg"
label="账号"
:rules="[val => !!val || '账号']"
/>
<q-input
v-if="objOption.AccountId == 0"
filled
stack-label
maxlength="20"
:dense="false"
v-model="objOption.Password"
ref="Password"
class="col-6 q-pr-lg q-pb-lg"
label="密码"
:rules="[val => !!val || '密码']"
/>
<q-select
filled
stack-label
option-value="Id"
option-label="Name"
v-model="objOption.LeaveStatus"
@input="getLeave"
ref="Education"
:options="LeaveStatusList"
label="在职状态"
:dense="false"
class="col-6 q-pr-lg q-pb-lg"
emit-value
map-options
/>
<q-input
v-show="objOption.AccountId > 0 && objOption.LeaveStatus == 4"
filled
v-model="objOption.LeaveTime"
class="col-6 q-pr-lg q-pb-lg"
mask="date"
label="离职时间"
>
<template v-slot:append> <template v-slot:append>
<q-icon name="event" class="cursor-pointer"> <q-icon name="event" class="cursor-pointer">
<q-popup-proxy <q-popup-proxy ref="qDateProxy2" transition-show="scale" transition-hide="scale">
ref="qDateProxy2" <q-date v-model="objOption.LeaveTime" @input="() => $refs.qDateProxy2.hide()" />
transition-show="scale"
transition-hide="scale"
>
<q-date
v-model="objOption.LeaveTime"
@input="() => $refs.qDateProxy2.hide()"
/>
</q-popup-proxy> </q-popup-proxy>
</q-icon> </q-icon>
</template> </template>
</q-input> </q-input>
<q-select <q-select filled stack-label :disable="objOption.AccountId == 0 ? false : true" option-value="Id"
filled option-label="Value" ref="ID" v-model="objOption.AccountType" :options="AccountTypeList" label="用户类型"
stack-label :dense="false" class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
:disable="objOption.AccountId == 0 ? false : true" <q-select filled stack-label option-value="Id" option-label="EmployeeName" ref="ID"
option-value="Id" v-model="objOption.DirectSupervisor" :options="EmployeeList" label="直属上级" :dense="false"
option-label="Value" class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
ref="ID" <q-select filled stack-label option-value="Id" option-label="Name" ref="UserRole" clearable
v-model="objOption.AccountType" v-model="objOption.UserRole" :options="roleList" label="用户角色" :dense="false" class="col-6 q-pr-lg q-pb-lg"
:options="AccountTypeList" emit-value map-options />
label="用户类型"
:dense="false"
class="col-6 q-pr-lg q-pb-lg"
emit-value
map-options
/>
<q-select
filled
stack-label
option-value="Id"
option-label="EmployeeName"
ref="ID"
v-model="objOption.DirectSupervisor"
:options="EmployeeList"
label="直属上级"
:dense="false"
class="col-6 q-pr-lg q-pb-lg"
emit-value
map-options
/>
<q-select
filled
stack-label
option-value="Id"
option-label="Name"
ref="UserRole"
clearable
v-model="objOption.UserRole"
:options="roleList"
label="用户角色"
:dense="false"
class="col-6 q-pr-lg q-pb-lg"
emit-value
map-options
/>
<div class="col-6 q-pb-lg"> <div class="col-6 q-pb-lg">
<q-toggle <q-select filled stack-label option-value="Id" option-label="Name" clearable
label="人工客服" v-model="objOption.AccountUserType" :options="AccountUserTypeList" label="员工类型" :dense="false"
v-model="objOption.IsTenCccUser" class="col-6 q-pr-lg q-pb-lg" emit-value map-options />
:true-value="1" <q-toggle label="人工客服" v-model="objOption.IsTenCccUser" :true-value="1" :false-value="0"></q-toggle>
:false-value="0"
></q-toggle>
</div> </div>
<div class="col-6 q-pb-lg" style="margin-top:20px;"> <div class="col-6 q-pb-lg" style="margin-top:20px;">
<q-uploader <q-uploader style="display: inline-block;max-height: 320px;max-width: 100%; background-repeat:no-repeat"
style="display: inline-block;max-height: 320px;max-width: 100%; background-repeat:no-repeat" :style="{ 'background-image': 'url(' + objOption.UserIcon + ')' }" max-files="1" hide-upload-btn
:style="{ 'background-image': 'url(' + objOption.UserIcon + ')' }" @rejected="onRejected" label="头像" accept=".jpg, image/*" auto-upload :factory="uploadFile" no-thumbnails>
max-files="1"
hide-upload-btn
@rejected="onRejected"
label="头像"
accept=".jpg, image/*"
auto-upload
:factory="uploadFile"
no-thumbnails
>
</q-uploader> </q-uploader>
</div> </div>
</div> </div>
</q-card-section> </q-card-section>
<q-separator /> <q-separator />
<q-card-actions align="right" class="bg-white"> <q-card-actions align="right" class="bg-white">
<q-btn <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeSaveForm" />
label="取消" <q-btn label="立即提交" color="accent" class="q-px-md" style="font-weight:400 !important" :loading="saveLoading"
flat @click="setStudent" />
color="grey-10"
style="font-weight:400 !important"
@click="closeSaveForm"
/>
<q-btn
label="立即提交"
color="accent"
class="q-px-md"
style="font-weight:400 !important"
:loading="saveLoading"
@click="setStudent"
/>
</q-card-actions> </q-card-actions>
</q-card> </q-card>
</q-dialog> </q-dialog>
</template> </template>
<script> <script>
import { import {
getSchoolDropdown, getSchoolDropdown,
saveManager, saveManager,
queryEmployeeInfo, queryEmployeeInfo,
getEducation, getEducation,
GetLeaveStatus, GetLeaveStatus,
getUserLeaveOrderCommission getUserLeaveOrderCommission
} from "../../../api/school/index"; } from "../../../api/school/index";
//部门 //部门
import { getDeptTree } from "../../../api/system/dept"; import {
//岗位 getDeptTree
import { queryDeptPostList } from "../../../api/system/post"; } from "../../../api/system/dept";
import { UploadSelfFile } from "../../../api/common/common"; //岗位
import selectTree from "../../common/select-tree"; import {
import { queryDeptPostList
queryEmployee, //员工列表 } from "../../../api/system/post";
GetUserRoleList import {
} from "../../../api/users/user"; UploadSelfFile
export default { } from "../../../api/common/common";
components: {}, import selectTree from "../../common/select-tree";
props: { import {
saveObj: { queryEmployee, //员工列表
type: Object, GetUserRoleList
default: null } from "../../../api/users/user";
} export default {
}, components: {},
components: { props: {
selectTree saveObj: {
}, type: Object,
data() { default: null
return { }
persistent: true,
objOption: {
Id: 0, //管理者编号
School_Id: 0, //学校编号
EmployeeName: "", //管理者姓名
EmployeeTel: "", //管理者电话
UserIcon: "", //头像
Dept_Id: 0, //部门编号
Post_Id: 0, //岗位编号
IDCard: "", //身份证
Sex: 0, //性别(0-男,1-女)
Education: 0, //学历
EntryTime: "", //入职时间
LeaveTime: "", //离职时间
BirthDate: "", //生日、
Address: "", //地址
LeaveStatus: 0, //在职状态
Account: "", //账号
Password: "", //密码
AccountType: 1, // 是否是老师
AccountId: 0, //账号对应的表主键编号
Email: "", //邮箱
DirectSupervisor: 0, //直属上级
UserRole: "", //用户角色(1-市场人员，2-课程顾问)
IsTenCccUser: 0 //电话客服
},
optionTitle: "",
schoolList: [],
saveLoading: false,
DeptList: [], //部门列表
PostList: [], //岗位列表
returnString: [], //默认岗位
SexList: [
{
//性别
Id: 0,
Name: "男"
},
{
Id: 1,
Name: "女"
}
],
roleList: [],
EducationList: [], //学历数组
LeaveStatusList: [], //在职状态
isEditShow: false, //是否显示修改应该隐藏
//账号类型
AccountTypeList: [
{
Id: 1,
Value: "后台用户"
},
{
Id: 2,
Value: "教师"
},
{
Id: 3,
Value: "助教"
}
],
EmployeeList: [], //员工列表
errdata: "" //提示语言
};
},
created() {
this.queryDeptTree(0);
this.queryPostList(0);
this.getSchool();
this.getEducationList();
this.getLeaveState();
this.Employee();
this.getRoleList();
},
mounted() {
this.initObj();
},
methods: {
getRoleList() {
GetUserRoleList().then(res => {
if (res.Code == 1) {
this.roleList = res.Data;
}
});
}, },
Employee() { components: {
var qMsg = { selectTree
EmployeeName: "" },
}; data() {
queryEmployee(qMsg) return {
.then(res => { persistent: true,
if (res.Code == 1) { objOption: {
this.EmployeeList = res.Data; Id: 0, //管理者编号
var obj = { School_Id: 0, //学校编号
EmployeeName: "请选择", EmployeeName: "", //管理者姓名
Id: 0 EmployeeTel: "", //管理者电话
}; UserIcon: "", //头像
this.EmployeeList.unshift(obj); Dept_Id: 0, //部门编号
Post_Id: 0, //岗位编号
IDCard: "", //身份证
Sex: 0, //性别(0-男,1-女)
Education: 0, //学历
EntryTime: "", //入职时间
LeaveTime: "", //离职时间
BirthDate: "", //生日、
Address: "", //地址
LeaveStatus: 0, //在职状态
Account: "", //账号
Password: "", //密码
AccountType: 1, // 是否是老师
AccountId: 0, //账号对应的表主键编号
Email: "", //邮箱
DirectSupervisor: 0, //直属上级
UserRole: "", //用户角色(1-市场人员，2-课程顾问)
IsTenCccUser: 0, //电话客服
AccountUserType: 1, //员工类型(1-甲鹤员工，2-旅游员工)
},
optionTitle: "",
schoolList: [],
saveLoading: false,
DeptList: [], //部门列表
PostList: [], //岗位列表
returnString: [], //默认岗位
SexList: [{
//性别
Id: 0,
Name: "男"
},
{
Id: 1,
Name: "女"
} }
}) ],
.catch(() => {}); AccountUserTypeList: [{
Id: 1,
Name: "甲鹤员工"
},
{
Id: 2,
Name: "旅游员工"
},
],
roleList: [],
EducationList: [], //学历数组
LeaveStatusList: [], //在职状态
isEditShow: false, //是否显示修改应该隐藏
//账号类型
AccountTypeList: [{
Id: 1,
Value: "后台用户"
},
{
Id: 2,
Value: "教师"
},
{
Id: 3,
Value: "助教"
}
],
EmployeeList: [], //员工列表
errdata: "" //提示语言
};
}, },
//学校改变 created() {
schoolChagne() { this.queryDeptTree(0);
this.objOption.Dept_Id = 0; this.queryPostList(0);
this.returnString = [0]; this.getSchool();
this.objOption.Post_Id = 0; this.getEducationList();
this.PostList = []; this.getLeaveState();
this.queryDeptTree(); this.Employee();
this.getRoleList();
}, },
mounted() {
//部门改变 this.initObj();
deptChange() {
this.objOption.Post_Id = 0;
this.PostList = [];
}, },
getChild(deptArray) { methods: {
var tempStr = ""; getRoleList() {
if (deptArray && deptArray != "") { GetUserRoleList().then(res => {
tempStr = deptArray; if (res.Code == 1) {
} this.roleList = res.Data;
this.objOption.Dept_Id = tempStr; }
if (this.saveObj) { });
if (this.objOption.Dept_Id != this.saveObj.Dept_Id) { },
Employee() {
var qMsg = {
EmployeeName: ""
};
queryEmployee(qMsg)
.then(res => {
if (res.Code == 1) {
this.EmployeeList = res.Data;
var obj = {
EmployeeName: "请选择",
Id: 0
};
this.EmployeeList.unshift(obj);
}
})
.catch(() => {});
},
//学校改变
schoolChagne() {
this.objOption.Dept_Id = 0;
this.returnString = [0];
this.objOption.Post_Id = 0;
this.PostList = [];
this.queryDeptTree();
},
//部门改变
deptChange() {
this.objOption.Post_Id = 0;
this.PostList = [];
},
getChild(deptArray) {
var tempStr = "";
if (deptArray && deptArray != "") {
tempStr = deptArray;
}
this.objOption.Dept_Id = tempStr;
if (this.saveObj) {
if (this.objOption.Dept_Id != this.saveObj.Dept_Id) {
this.deptChange();
this.queryPostList();
}
} else {
this.deptChange(); this.deptChange();
this.queryPostList(); this.queryPostList();
} }
} else { },
this.deptChange(); //获取部门结构树
this.queryPostList(); queryDeptTree() {
} var msg = {
}, School_Id: 0
//获取部门结构树 };
queryDeptTree() { if (this.objOption.School_Id && this.objOption.School_Id != "") {
var msg = { msg.School_Id = this.objOption.School_Id;
School_Id: 0
};
if (this.objOption.School_Id && this.objOption.School_Id != "") {
msg.School_Id = this.objOption.School_Id;
}
getDeptTree(msg).then(res => {
if (res.Code == 1) {
this.DeptList = res.Data;
} }
}); getDeptTree(msg).then(res => {
}, if (res.Code == 1) {
//获取岗位列表 this.DeptList = res.Data;
queryPostList() { }
var postMsg = { });
QDeptIds: "" },
}; //获取岗位列表
if (this.objOption.Dept_Id) { queryPostList() {
postMsg.QDeptIds = this.objOption.Dept_Id; var postMsg = {
} QDeptIds: ""
queryDeptPostList(postMsg).then(res => { };
if (res.Code == 1) { if (this.objOption.Dept_Id) {
this.PostList = res.Data; postMsg.QDeptIds = this.objOption.Dept_Id;
this.$forceUpdate();
} }
}); queryDeptPostList(postMsg).then(res => {
},
GetUserLeave(UserId) {
getUserLeaveOrderCommission({ UserId: UserId })
.then(res => {
if (res.Code == 1) { if (res.Code == 1) {
this.errdata = ""; this.PostList = res.Data;
this.$forceUpdate();
} }
}) });
.catch(err => { },
if (err.Code == 0) { GetUserLeave(UserId) {
///返回来是0 的时候保存提示语言 getUserLeaveOrderCommission({
this.errdata = err.Message; UserId: UserId
})
.then(res => {
if (res.Code == 1) {
this.errdata = "";
}
})
.catch(err => {
if (err.Code == 0) {
///返回来是0 的时候保存提示语言
this.errdata = err.Message;
}
});
},
getLeave(val) {
if (val == 4) {
this.GetUserLeave(this.saveObj.EmAccountId);
}
},
initObj() {
if (this.saveObj) {
this.optionTitle = "修改员工信息";
this.isEditShow = false; //是否显示修改隐藏项
queryEmployeeInfo({
Id: this.saveObj.Id,
AccountId: this.saveObj.AccountId,
AccountType: this.saveObj.AccountType
}).then(res => {
this.objOption.Id = res.Data.Id;
this.objOption.School_Id = res.Data.School_Id;
this.objOption.EmployeeName = res.Data.EmployeeName;
this.objOption.EmployeeTel = res.Data.EmployeeTel;
this.objOption.UserIcon = res.Data.UserIcon;
this.objOption.Post_Id = res.Data.Post_Id;
this.objOption.Dept_Id = res.Data.Dept_Id;
this.objOption.IDCard = res.Data.IDCard;
this.objOption.Sex = res.Data.Sex;
this.objOption.Education = res.Data.Education;
this.objOption.EntryTime = res.Data.EntryTime;
this.objOption.LeaveTime = res.Data.LeaveTime;
this.objOption.BirthDate = res.Data.BirthDate;
this.objOption.Address = res.Data.Address;
this.objOption.LeaveStatus = res.Data.LeaveStatus;
this.objOption.Account = res.Data.Account;
this.objOption.AccountType = res.Data.AccountType;
this.objOption.AccountId = res.Data.AccountId;
this.objOption.Email = res.Data.Email;
this.objOption.DirectSupervisor = res.Data.DirectSupervisor;
this.objOption.UserRole = res.Data.UserRole;
this.objOption.IsTenCccUser = res.Data.IsTenCccUser;
this.objOption.AccountUserType = res.Data.AccountUserType;
if (this.objOption.School_Id) {
this.queryDeptTree();
}
if (this.objOption.Dept_Id) {
this.queryPostList();
this.returnString.push(this.objOption.Dept_Id.toString());
}
this.$forceUpdate();
});
} else {
this.optionTitle = "新增员工";
this.isEditShow = true;
}
},
getSchool() {
getSchoolDropdown({}).then(res => {
this.schoolList = res.Data;
this.$forceUpdate();
});
},
onRejected(rejectedEntries) {
this.$q.notify({
type: "negative",
position: "top",
message: `文件验证失败，请重新上传`
});
},
uploadFile(files) {
UploadSelfFile("studentIcon", files[0], res => {
if (res.Code == 1) {
this.objOption.UserIcon = res.FileUrl;
} }
}); });
}, },
getLeave(val) { closeSaveForm() {
if (val == 4) { this.$emit("close");
this.GetUserLeave(this.saveObj.EmAccountId); this.persistent = false;
} },
}, setStudent() {
initObj() { if (this.objOption.AccountId == 0) {
if (this.saveObj) { if (this.objOption.Dept_Id == "") {
this.optionTitle = "修改员工信息"; this.$q.notify({
this.isEditShow = false; //是否显示修改隐藏项 type: "negative",
queryEmployeeInfo({ position: "top",
Id: this.saveObj.Id, message: `请选择部门`
AccountId: this.saveObj.AccountId, });
AccountType: this.saveObj.AccountType return;
}).then(res => {
this.objOption.Id = res.Data.Id;
this.objOption.School_Id = res.Data.School_Id;
this.objOption.EmployeeName = res.Data.EmployeeName;
this.objOption.EmployeeTel = res.Data.EmployeeTel;
this.objOption.UserIcon = res.Data.UserIcon;
this.objOption.Post_Id = res.Data.Post_Id;
this.objOption.Dept_Id = res.Data.Dept_Id;
this.objOption.IDCard = res.Data.IDCard;
this.objOption.Sex = res.Data.Sex;
this.objOption.Education = res.Data.Education;
this.objOption.EntryTime = res.Data.EntryTime;
this.objOption.LeaveTime = res.Data.LeaveTime;
this.objOption.BirthDate = res.Data.BirthDate;
this.objOption.Address = res.Data.Address;
this.objOption.LeaveStatus = res.Data.LeaveStatus;
this.objOption.Account = res.Data.Account;
this.objOption.AccountType = res.Data.AccountType;
this.objOption.AccountId = res.Data.AccountId;
this.objOption.Email = res.Data.Email;
this.objOption.DirectSupervisor = res.Data.DirectSupervisor;
this.objOption.UserRole = res.Data.UserRole;
this.objOption.IsTenCccUser = res.Data.IsTenCccUser;
if (this.objOption.School_Id) {
this.queryDeptTree();
} }
if (this.objOption.Dept_Id) { if (this.objOption.Post_Id == 0) {
this.queryPostList(); this.$q.notify({
this.returnString.push(this.objOption.Dept_Id.toString()); type: "negative",
position: "top",
message: `请选择岗位`
});
return;
}
if (this.objOption.Password == "") {
this.$q.notify({
type: "negative",
position: "top",
message: `请填写密码`
});
return;
} }
this.$forceUpdate();
});
} else {
this.optionTitle = "新增员工";
this.isEditShow = true;
}
},
getSchool() {
getSchoolDropdown({}).then(res => {
this.schoolList = res.Data;
this.$forceUpdate();
});
},
onRejected(rejectedEntries) {
this.$q.notify({
type: "negative",
position: "top",
message: `文件验证失败，请重新上传`
});
},
uploadFile(files) {
UploadSelfFile("studentIcon", files[0], res => {
if (res.Code == 1) {
this.objOption.UserIcon = res.FileUrl;
} }
}); if (this.objOption.EmployeeName == "") {
},
closeSaveForm() {
this.$emit("close");
this.persistent = false;
},
setStudent() {
if (this.objOption.AccountId == 0) {
if (this.objOption.Dept_Id == "") {
this.$q.notify({ this.$q.notify({
type: "negative", type: "negative",
position: "top", position: "top",
message: `请选择部门` message: `请填写员工姓名`
}); });
return; return;
} }
if (this.objOption.Post_Id == 0) { if (this.objOption.Account == "") {
this.$q.notify({ this.$q.notify({
type: "negative", type: "negative",
position: "top", position: "top",
message: `请选择岗位` message: `请填写账号`
}); });
return; return;
} }
if (this.objOption.Password == "") { if (this.objOption.IsTenCccUser == 1) {
this.$q.notify({ if (this.objOption.Email == "") {
type: "negative", this.$q.notify({
position: "top", type: "negative",
message: `请填写密码` position: "top",
}); message: `电话客服必须填入正确的邮箱，否则无法保存`
return; });
return;
}
if (this.objOption.EmployeeTel == "") {
this.$q.notify({
type: "negative",
position: "top",
message: `电话客服必须填入正确的使用电话，否则会造成无法正常使用`
});
return;
}
} }
} if (
if (this.objOption.EmployeeName == "") { this.saveObj &&
this.$q.notify({ this.saveObj.PropertyNumber &&
type: "negative", this.saveObj.PropertyNumber > 0 &&
position: "top", this.objOption.LeaveStatus === 4
message: `请填写员工姓名` ) {
});
return;
}
if (this.objOption.Account == "") {
this.$q.notify({
type: "negative",
position: "top",
message: `请填写账号`
});
return;
}
if (this.objOption.IsTenCccUser == 1) {
if (this.objOption.Email == "") {
this.$q.notify({ this.$q.notify({
type: "negative", type: "negative",
position: "top", position: "top",
message: `电话客服必须填入正确的邮箱，否则无法保存` message: `有正在使用的资产，不能设置离职`
}); });
return; return;
} }
if (this.objOption.EmployeeTel == "") { if (this.objOption.LeaveStatus == 4 && this.errdata != "") {
//选择离职的时候看接口返回是否可以离职
this.$q.notify({ this.$q.notify({
type: "negative", type: "negative",
position: "top", position: "top",
message: `电话客服必须填入正确的使用电话，否则会造成无法正常使用` message: this.errdata
}); });
return; return;
} }
}
if (
this.saveObj &&
this.saveObj.PropertyNumber &&
this.saveObj.PropertyNumber > 0 &&
this.objOption.LeaveStatus === 4
) {
this.$q.notify({
type: "negative",
position: "top",
message: `有正在使用的资产，不能设置离职`
});
return;
}
if (this.objOption.LeaveStatus == 4 && this.errdata != "") {
//选择离职的时候看接口返回是否可以离职
this.$q.notify({
type: "negative",
position: "top",
message: this.errdata
});
return;
}
this.saveLoading = true; this.saveLoading = true;
saveManager(this.objOption) saveManager(this.objOption)
.then(res => { .then(res => {
this.saveLoading = false; this.saveLoading = false;
this.$q.notify({ this.$q.notify({
icon: "iconfont icon-chenggong", icon: "iconfont icon-chenggong",
color: "accent", color: "accent",
timeout: 2000, timeout: 2000,
message: "数据保存成功！", message: "数据保存成功！",
position: "top" position: "top"
});
this.$emit("success");
this.closeSaveForm();
})
.catch(() => {
this.saveLoading = false;
}); });
this.$emit("success"); },
this.closeSaveForm(); //获取学历数据
}) getEducationList() {
.catch(() => { getEducation({}).then(res => {
this.saveLoading = false; if (res.Code == 1) {
this.EducationList = res.Data;
}
}); });
},
//获取在职状态
getLeaveState() {
GetLeaveStatus({}).then(res => {
if (res.Code == 1) {
this.LeaveStatusList = res.Data;
}
});
}
}, },
//获取学历数据 watch: {}
getEducationList() { };
getEducation({}).then(res => {
if (res.Code == 1) {
this.EducationList = res.Data;
}
});
},
//获取在职状态
getLeaveState() {
GetLeaveStatus({}).then(res => {
if (res.Code == 1) {
this.LeaveStatusList = res.Data;
}
});
}
},
watch: {}
};
</script> </script>
<style> <style>
.upload-assiatant-box .q-uploader__list { .upload-assiatant-box .q-uploader__list {
display: none; display: none;
} }
.upload-assiatant-box .q-uploader {
width: auto;
}
.upload-assiatant-box .q-uploader {
width: auto;
}
</style> </style>
src/pages/school/sysuser.vue
View file @ bc6ac4b9
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
padding: 0 3px; padding: 0 3px;
min-height: 0 !important; min-height: 0 !important;
} }
</style> </style>
<template> <template>
<div class="page-body"> <div class="page-body">
...@@ -34,8 +35,8 @@ ...@@ -34,8 +35,8 @@
v-model="msg.Post_Id" ref="Post_Id" :options="PostList" label="岗位" :dense="false" emit-value map-options /> v-model="msg.Post_Id" ref="Post_Id" :options="PostList" label="岗位" :dense="false" emit-value map-options />
</div> </div>
<div class="col-3"> <div class="col-3">
<q-select filled @input="resetSearch" stack-label option-value="Id" option-label="Name" <q-select filled @input="resetSearch" stack-label option-value="Id" option-label="Name" v-model="msg.IsLeave "
v-model="msg.IsLeave " :options="LeaveStatusList" label="在职状态" :dense="false" emit-value map-options /> :options="LeaveStatusList" label="在职状态" :dense="false" emit-value map-options />
</div> </div>
<div class="col-3 Sysuser_Date"> <div class="col-3 Sysuser_Date">
<q-field filled> <q-field filled>
...@@ -53,7 +54,11 @@ ...@@ -53,7 +54,11 @@
</template> </template>
</q-field> </q-field>
</div> </div>
<div class="col-3 Sysuser_Date"> <div class="col-3">
<q-select filled stack-label option-value="Id" option-label="Name" v-model="msg.AccountUserType" @input="resetSearch()"
:options="AccountUserTypeList" label="员工类型" :dense="false" emit-value map-options />
</div>
<!-- <div class="col-3 Sysuser_Date">
<q-field filled class="col-6"> <q-field filled class="col-6">
<template v-slot:control> <template v-slot:control>
<el-date-picker v-model="dateListTwo" @change="resetSearch()" format="MM-dd"  value-format="yyyy-MM-dd" <el-date-picker v-model="dateListTwo" @change="resetSearch()" format="MM-dd"  value-format="yyyy-MM-dd"
...@@ -61,7 +66,7 @@ ...@@ -61,7 +66,7 @@
 end-placeholder="生日结束时间" />  end-placeholder="生日结束时间" />
</template> </template>
</q-field> </q-field>
</div> </div> -->
</div> </div>
</div> </div>
<div class="page-content"> <div class="page-content">
...@@ -433,7 +438,17 @@ ...@@ -433,7 +438,17 @@
StartBirthDate: "", //开始生日 StartBirthDate: "", //开始生日
EndBirthDate: "", //结束生日 EndBirthDate: "", //结束生日
EmployeeName: "", //员工姓名电话 EmployeeName: "", //员工姓名电话
AccountUserType: 1, //员工类型(1-甲鹤员工，2-旅游员工)
}, },
AccountUserTypeList: [{
Id: 1,
Name: "甲鹤员工"
},
{
Id: 2,
Name: "旅游员工"
},
],
pageCount: 0, pageCount: 0,
managerOption: null, managerOption: null,
schoolList: [], //校区数组 schoolList: [], //校区数组
...@@ -470,15 +485,15 @@ ...@@ -470,15 +485,15 @@
Employeelist: [], Employeelist: [],
AllEmployeelist: [], AllEmployeelist: [],
DeptEmpEnable: 0, //是否显示企业微信信息 1 显示 DeptEmpEnable: 0, //是否显示企业微信信息 1 显示
orderIsDetails:false,//离职人员订单交接 orderIsDetails: false, //离职人员订单交接
orderHandoverMsg:{ orderHandoverMsg: {
UserId:"",//原跟进成员的userid UserId: "", //原跟进成员的userid
ReceiveId:"",//接替成员的userid ReceiveId: "", //接替成员的userid
TypeIds:0,//类型 1 订单转交 2学员转交 TypeIds: 0, //类型 1 订单转交 2学员转交
CustomerTransfer:"1",//是否订单转移 CustomerTransfer: "1", //是否订单转移
ChannelTransfer:"1",//是否渠道码人员转移 ChannelTransfer: "1", //是否渠道码人员转移
},//离职人员订单交接数据 }, //离职人员订单交接数据
orderloading:false, orderloading: false,
} }
}, },
mounted() { mounted() {
...@@ -492,7 +507,7 @@ ...@@ -492,7 +507,7 @@
}, },
methods: { methods: {
// 订单交接 // 订单交接
orderHandover(row){ orderHandover(row) {
this.orderHandoverMsg.UserId = row.EmAccountId this.orderHandoverMsg.UserId = row.EmAccountId
this.orderIsDetails = true this.orderIsDetails = true
}, },
...@@ -521,18 +536,18 @@ ...@@ -521,18 +536,18 @@
}) })
return return
} }
if(this.orderHandoverMsg.CustomerTransfer==1&&this.orderHandoverMsg.ChannelTransfer!=1){ if (this.orderHandoverMsg.CustomerTransfer == 1 && this.orderHandoverMsg.ChannelTransfer != 1) {
this.orderHandoverMsg.TypeIds="1" this.orderHandoverMsg.TypeIds = "1"
}else if(this.orderHandoverMsg.CustomerTransfer!=1&&this.orderHandoverMsg.ChannelTransfer==1){ } else if (this.orderHandoverMsg.CustomerTransfer != 1 && this.orderHandoverMsg.ChannelTransfer == 1) {
this.orderHandoverMsg.TypeIds="2" this.orderHandoverMsg.TypeIds = "2"
}else if(this.orderHandoverMsg.CustomerTransfer==1&&this.orderHandoverMsg.ChannelTransfer==1){ } else if (this.orderHandoverMsg.CustomerTransfer == 1 && this.orderHandoverMsg.ChannelTransfer == 1) {
this.orderHandoverMsg.TypeIds="1,2" this.orderHandoverMsg.TypeIds = "1,2"
} }
this.orderloading = true this.orderloading = true
let msg = { let msg = {
UserId:this.orderHandoverMsg.UserId, UserId: this.orderHandoverMsg.UserId,
ReceiveId:this.orderHandoverMsg.ReceiveId, ReceiveId: this.orderHandoverMsg.ReceiveId,
TypeIds:this.orderHandoverMsg.TypeIds TypeIds: this.orderHandoverMsg.TypeIds
} }
SetUserLeaveOrderCareOf(msg).then(res => { SetUserLeaveOrderCareOf(msg).then(res => {
if (res.Code == 1) if (res.Code == 1)
...@@ -971,7 +986,9 @@ ...@@ -971,7 +986,9 @@
} }
}, },
} }
</script> </script>
<style lang="sass"> <style lang="sass">
@import url('~assets/css/table.sass') @import url('~assets/css/table.sass')
</style>
\ No newline at end of file </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