parent
6c0cdc4750
commit
2348d22365
@ -0,0 +1,248 @@ |
|||||||
|
<template> |
||||||
|
<div class="cloudUser"> |
||||||
|
<el-form :model="queryParams" ref="queryForm" :inline="true"> |
||||||
|
<el-form-item label="姓名" prop="name"> |
||||||
|
<el-input |
||||||
|
v-model="queryParams.name" |
||||||
|
placeholder="请输入姓名" |
||||||
|
clearable |
||||||
|
size="small" |
||||||
|
@keyup.enter.native="handleQuery" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="手机号" prop="title"> |
||||||
|
<el-input |
||||||
|
v-model="queryParams.title" |
||||||
|
placeholder="请输入手机号" |
||||||
|
clearable |
||||||
|
size="small" |
||||||
|
@keyup.enter.native="handleQuery" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<el-table v-loading="loading" :data="cloudUserList"> |
||||||
|
<el-table-column label="用户编号" align="center" prop="userId" /> |
||||||
|
<el-table-column label="姓名" align="center" prop="name" /> |
||||||
|
<el-table-column label="手机号" align="center" prop="sex" /> |
||||||
|
<el-table-column label="技能" align="center" prop="testSkills" /> |
||||||
|
<el-table-column label="毕业年份" align="center" prop="title" /> |
||||||
|
<el-table-column label="简历完整度" align="center" prop="title" /> |
||||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="260px"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="cloudUserDetail(scope.row)" |
||||||
|
>查看详情</el-button |
||||||
|
> |
||||||
|
<el-button size="mini" type="text" icon="el-icon-download" @click="downloadFn(scope.row)" |
||||||
|
>下载简历</el-button |
||||||
|
> |
||||||
|
<el-button size="mini" type="text" icon="el-icon-turn-off" @click="downloadFn(scope.row)" |
||||||
|
>隐藏简历</el-button |
||||||
|
> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<pagination |
||||||
|
v-show="total > 0" |
||||||
|
:total="total" |
||||||
|
:page.sync="queryParams.pageNum" |
||||||
|
:limit.sync="queryParams.pageSize" |
||||||
|
@pagination="getList" |
||||||
|
/> |
||||||
|
<!-- 简历弹层 --> |
||||||
|
<!-- 用户详情 --> |
||||||
|
<el-dialog title="详情" :visible.sync="cloudUserOpen" width="700px" append-to-body class="cloudi"> |
||||||
|
<div class="sintitle"> |
||||||
|
<div class="line"></div> |
||||||
|
个人信息 |
||||||
|
</div> |
||||||
|
<div class="newfont"> |
||||||
|
<div>姓名：{{ cloudUserOpenRow.name || '未填写' }}</div> |
||||||
|
<div>性别：{{ cloudUserOpenRow.sex || '未填写' }}</div> |
||||||
|
<div>手机号：{{ cloudUserOpenRow.phonenumber || '未填写' }}</div> |
||||||
|
<div>所在城市：{{ cloudUserOpenRow.city || '未填写' }}</div> |
||||||
|
<div>技能方向：{{ cloudUserOpenRow.testSkills || '未填写' }}</div> |
||||||
|
<div>个人优势：{{ cloudUserOpenRow.personalAdvantage || '未填写' }}</div> |
||||||
|
</div> |
||||||
|
<div class="sintitle"> |
||||||
|
<div class="line"></div> |
||||||
|
工作经历 |
||||||
|
</div> |
||||||
|
<div v-if="workList.length"> |
||||||
|
<div class="newfont" v-for="it in workList" :key="it.caseId"> |
||||||
|
<div>公司名称：{{ it.name }}</div> |
||||||
|
<div>在职时间：{{ it.startTime }} - {{ it.endTime }}</div> |
||||||
|
<div>职位名称：{{ it.title }}</div> |
||||||
|
<div>工作内容：{{ it.intro }}</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<p v-else style="color: #333333; margin: 20px 30px; text-align: left">未填写</p> |
||||||
|
<div class="sintitle"> |
||||||
|
<div class="line"></div> |
||||||
|
项目经历 |
||||||
|
</div> |
||||||
|
<div v-if="proList.length"> |
||||||
|
<div class="newfont" v-for="it in proList" :key="it.caseId"> |
||||||
|
<div>公司名称：{{ it.name }}</div> |
||||||
|
<div>在职时间：{{ it.startTime }} - {{ it.endTime }}</div> |
||||||
|
<div>担任角色：{{ it.title }}</div> |
||||||
|
<div>应用技术：{{ it.applyTech }}</div> |
||||||
|
<div>工作内容：{{ it.intro }}</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<p v-else style="color: #333333; margin: 20px 30px; text-align: left">未填写</p> |
||||||
|
<div class="sintitle"> |
||||||
|
<div class="line"></div> |
||||||
|
教育经历 |
||||||
|
</div> |
||||||
|
<div v-if="eduList.length"> |
||||||
|
<div class="newfont" v-for="it in eduList" :key="it.caseId"> |
||||||
|
<div>学校名称：{{ it.name }}</div> |
||||||
|
<div>在校时间：{{ it.startTime }} - {{ it.endTime }}</div> |
||||||
|
<div>学历：{{ it.education }}</div> |
||||||
|
<div>专业：{{ it.major }}</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<p v-else style="color: #333333; margin: 20px 30px; text-align: left">未填写</p> |
||||||
|
<div class="sintitle"> |
||||||
|
<div class="line"></div> |
||||||
|
技能证书 |
||||||
|
</div> |
||||||
|
<div v-if="bookList.length"> |
||||||
|
<div class="newfont" v-for="it in bookList" :key="it.fileId"> |
||||||
|
<div>证书名称：{{ it.fileName }}</div> |
||||||
|
<img :src="it.fileUrl" style="width: 360px; height: 150px" alt="" /> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<p v-else style="color: #333333; margin: 20px 30px; text-align: left">未填写</p> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { downloadPdf, getUserJL } from '@/api/system/ApplicationReview' |
||||||
|
import { getCloudList } from '@/api/cloudUser' |
||||||
|
import { saveAs } from 'file-saver' |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
loading: false, |
||||||
|
cloudUserList: [], |
||||||
|
total: 0, |
||||||
|
queryParams: { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10, |
||||||
|
}, |
||||||
|
companyApplyOpen: false, |
||||||
|
// 工作经历 |
||||||
|
workList: [], |
||||||
|
// 项目经历 |
||||||
|
proList: [], |
||||||
|
// 教育经历 |
||||||
|
eduList: [], |
||||||
|
// 证书 |
||||||
|
bookList: [], |
||||||
|
cloudUserOpenRow: {}, |
||||||
|
cloudUserOpen: false, |
||||||
|
base: process.env.VUE_APP_BASE_TARGET, |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 获取列表 |
||||||
|
getList() { |
||||||
|
this.loading = true |
||||||
|
getCloudList(this.queryParams) |
||||||
|
.then((res) => { |
||||||
|
this.loading = false |
||||||
|
this.total = res.total |
||||||
|
this.cloudUserList = res.rows |
||||||
|
}) |
||||||
|
.catch((error) => { |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 下载简历 |
||||||
|
downloadFn(row) { |
||||||
|
downloadPdf(row.userId).then((res) => { |
||||||
|
const blob = new Blob([res]) |
||||||
|
saveAs(blob, row.name + '简历.pdf') |
||||||
|
}) |
||||||
|
// window.open(this.base + '/prod-api/personal/download/resume/' + row.userId) |
||||||
|
}, |
||||||
|
// 云员工详情 |
||||||
|
cloudUserDetail(row) { |
||||||
|
this.cloudUserOpenRow = {} |
||||||
|
this.workList = [] |
||||||
|
this.proList = [] |
||||||
|
this.eduList = [] |
||||||
|
this.bookList = [] |
||||||
|
getUserJL(row.userId).then((res) => { |
||||||
|
this.cloudUserOpenRow = res.personalInfo |
||||||
|
if (res.experience && res.experience.length) { |
||||||
|
this.workList = res.experience.filter((it) => it.type == 1) |
||||||
|
this.proList = res.experience.filter((it) => it.type == 0) |
||||||
|
this.eduList = res.experience.filter((it) => it.type == 2) |
||||||
|
} |
||||||
|
if (res.credentials && res.credentials.length) { |
||||||
|
this.bookList = res.credentials |
||||||
|
} |
||||||
|
this.cloudUserOpen = true |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
detailFn() {}, |
||||||
|
/** 搜索按钮操作 */ |
||||||
|
handleQuery() { |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
/** 重置按钮操作 */ |
||||||
|
resetQuery() { |
||||||
|
this.resetForm('queryForm') |
||||||
|
this.handleQuery() |
||||||
|
}, |
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.cloudUser { |
||||||
|
padding: 20px; |
||||||
|
} |
||||||
|
.addbtnbtn { |
||||||
|
margin: 10px 0 20px 0; |
||||||
|
} |
||||||
|
.cloudi >>> .el-dialog__body { |
||||||
|
max-height: 700px; |
||||||
|
overflow: auto; |
||||||
|
padding: 0 20px !important; |
||||||
|
} |
||||||
|
.sintitle { |
||||||
|
font-size: 16px; |
||||||
|
color: #000000; |
||||||
|
font-weight: bold; |
||||||
|
margin-top: 20px; |
||||||
|
margin-bottom: 10px; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.newfont { |
||||||
|
padding: 0 20px; |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
.newfont div { |
||||||
|
margin-bottom: 5px; |
||||||
|
} |
||||||
|
.line { |
||||||
|
width: 4px; |
||||||
|
height: 18px; |
||||||
|
background: #1890ff; |
||||||
|
margin-right: 5px; |
||||||
|
border-radius: 2px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,156 @@ |
|||||||
|
<template> |
||||||
|
<div class="cloudUser"> |
||||||
|
<!-- <el-form :model="queryParams" ref="queryForm" :inline="true"> |
||||||
|
<el-form-item label="职位名称" prop="title"> |
||||||
|
<el-input |
||||||
|
v-model="queryParams.title" |
||||||
|
placeholder="请输入职位名称" |
||||||
|
clearable |
||||||
|
size="small" |
||||||
|
@keyup.enter.native="handleQuery" |
||||||
|
/> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item> |
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
||||||
|
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
||||||
|
</el-form-item> |
||||||
|
</el-form> --> |
||||||
|
<div class="addbtnbtn"> |
||||||
|
<el-button type="primary" icon="el-icon-plus" size="mini" @click="addFn">新增</el-button> |
||||||
|
</div> |
||||||
|
<el-table v-loading="loading" :data="cloudUserList"> |
||||||
|
<el-table-column label="编号" align="center" prop="user_id" /> |
||||||
|
<el-table-column label="云员工技能方向" align="center" prop="nick_name" /> |
||||||
|
<el-table-column label="语言" align="center" prop="sex" /> |
||||||
|
<el-table-column label="云员工技能定义" align="center" prop="phonenumber" /> |
||||||
|
<el-table-column label="排序" align="center" prop="title" /> |
||||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button size="mini" type="text" icon="el-icon-edit" @click="editFn(scope.row)">修改</el-button> |
||||||
|
<el-button size="mini" type="text" icon="el-icon-delete" @click="delFn(scope.row)">删除</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<pagination |
||||||
|
v-show="total > 0" |
||||||
|
:total="total" |
||||||
|
:page.sync="queryParams.pageNum" |
||||||
|
:limit.sync="queryParams.pageSize" |
||||||
|
@pagination="getList" |
||||||
|
/> |
||||||
|
<!-- 审核弹层 --> |
||||||
|
<el-dialog :title="title" :visible.sync="detailOpen" width="700px" append-to-body @close="closeFn"> |
||||||
|
<el-form :model="form" :rules="rules" ref="form" label-width="130px"> |
||||||
|
<el-form-item label="云员工技能方向" prop="name"> |
||||||
|
<el-input v-model="form.name"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="语言" prop="name"> |
||||||
|
<el-input v-model="form.name"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="云员工技能定义" prop="name"> |
||||||
|
<el-input v-model="form.name"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="排序" prop="name"> |
||||||
|
<el-input v-model="form.name"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<span slot="footer" class="dialog-footer"> |
||||||
|
<el-button @click="closeFn">取 消</el-button> |
||||||
|
<el-button type="primary" @click="submitFn">确 定</el-button> |
||||||
|
</span> |
||||||
|
</el-dialog> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { getJobEdList } from '@/api/cloudUser' |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
loading: false, |
||||||
|
cloudUserList: [], |
||||||
|
detailOpen: false, |
||||||
|
total: 0, |
||||||
|
queryParams: { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10, |
||||||
|
}, |
||||||
|
form: {}, |
||||||
|
rules: {}, |
||||||
|
title: '' |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getList() { |
||||||
|
this.loading = true |
||||||
|
getJobEdList(this.queryParams) |
||||||
|
.then((res) => { |
||||||
|
this.loading = false |
||||||
|
this.total = res.total |
||||||
|
this.cloudUserList = res.rows |
||||||
|
}) |
||||||
|
.catch((error) => { |
||||||
|
this.loading = false |
||||||
|
}) |
||||||
|
}, |
||||||
|
delFn() { |
||||||
|
this.$confirm('此操作将永久云员工, 是否继续?', '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$message({ |
||||||
|
type: 'success', |
||||||
|
message: '删除成功!', |
||||||
|
}) |
||||||
|
}) |
||||||
|
.catch(() => {}) |
||||||
|
}, |
||||||
|
closeFn() { |
||||||
|
this.form = {} |
||||||
|
this.$refs['form'].resetFields() |
||||||
|
this.detailOpen = false |
||||||
|
}, |
||||||
|
addFn() { |
||||||
|
this.detailOpen = true |
||||||
|
this.title = '新增技能方向' |
||||||
|
}, |
||||||
|
editFn() { |
||||||
|
this.detailOpen = true |
||||||
|
this.title = '修改技能方向' |
||||||
|
}, |
||||||
|
// 提交 |
||||||
|
submitFn() { |
||||||
|
this.$refs['form'].validate((valid) => { |
||||||
|
if (valid) { |
||||||
|
this.closeFn() |
||||||
|
} else { |
||||||
|
return false |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
/** 搜索按钮操作 */ |
||||||
|
handleQuery() { |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
/** 重置按钮操作 */ |
||||||
|
resetQuery() { |
||||||
|
this.resetForm('queryForm') |
||||||
|
this.handleQuery() |
||||||
|
}, |
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.cloudUser { |
||||||
|
padding: 20px; |
||||||
|
} |
||||||
|
.addbtnbtn { |
||||||
|
margin: 10px 0 20px 0; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue