岗位管理页面功能

This commit is contained in:
dengxin
2024-02-06 15:08:37 +08:00
parent b62b7a9739
commit 6d6875a63c
15 changed files with 718 additions and 301 deletions

View File

@@ -1,32 +1,14 @@
<template>
<div>
<avue-crud
:option="option"
:table-loading="loading"
:data="data"
ref="crud"
v-model="obj"
@row-del="rowDel"
@row-update="rowUpdate"
@row-save="rowSave"
:before-open="beforeOpen"
:page.sync="page"
@current-change="currentChange"
@size-change="sizeChange"
@refresh-change="refreshChange"
@on-load="onLoad"
>
<avue-crud :option="option" :table-loading="loading" :data="data" ref="crud" v-model="obj" @row-del="rowDel"
@row-update="rowUpdate" @row-save="rowSave" :before-open="beforeOpen" :page.sync="page"
@current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
<!--自定义按钮-->
<template slot="menuLeft">
<save-button
type="warning"
plain
icon="el-icon-plus"
size="small"
@click="rowCopy('', 'add')"
v-show="vaildData(permission.tenant_mission_add, false)"
>发布岗位</save-button
>
<save-button type="warning" plain icon="el-icon-plus" size="small" @click="rowCopy('', 'add')"
v-show="vaildData(permission.tenant_mission_add, false)">发布岗位</save-button>
<el-button type="success" size="small" plain icon="el-icon-plus" @click="handleImport"
v-show="vaildData(permission.tenant_talents_groupadd, false)">导入</el-button>
</template>
<!--/自定义按钮-->
<!--自定义列-->
@@ -44,15 +26,15 @@
</template>
<!-- 报名截止日期 -->
<template slot="etimePub" slot-scope="{row}">
<span>{{format(row.etimePub)}}</span>
<span>{{ format(row.etimePub) }}</span>
</template>
<!-- 开始日期 -->
<template slot="stime" slot-scope="{row}">
<span>{{format(row.stime)}}</span>
<span>{{ format(row.stime) }}</span>
</template>
<!-- 完成日期 -->
<template slot="etime" slot-scope="{row}">
<span>{{format(row.etime)}}</span>
<span>{{ format(row.etime) }}</span>
</template>
<template slot="takeOnCount" slot-scope="{ row }">
<div style="color: #409eff;cursor: pointer;" @click="employmentNum(row)">
@@ -70,45 +52,15 @@
<!--/自定义列-->
<!--自定义操作栏-->
<div slot="menu" slot-scope="{ size, type, row }">
<el-button type="text" size="mini" @click="recommend(row)"
>人才推荐</el-button
>
<el-button type="text" size="mini" @click="employ(row, 1)"
>录用人员</el-button
>
<el-button
icon="el-icon-view"
:size="size"
:type="type"
@click.stop="rowView(row)"
v-show="vaildData(permission.tenant_mission_view, false)"
>查看</el-button
>
<save-button
icon="el-icon-check"
:size="size"
:type="type"
@click="rowCopy(row, 'copy')"
>复制</save-button
>
<el-button
icon="el-icon-edit"
:size="size"
:type="type"
@click="rowCopy(row, 'edit')"
:disabled="row.signUpCount !== 0"
v-show="vaildData(permission.tenant_mission_edit, false)"
>编辑</el-button
>
<el-button
icon="el-icon-delete"
:size="size"
:type="type"
@click="$refs.crud.rowDel(row)"
:disabled="row.signUpCount !== 0"
v-show="vaildData(permission.tenant_mission_cancel, false)"
>取消</el-button
>
<el-button type="text" size="mini" @click="recommend(row)">人才推荐</el-button>
<el-button type="text" size="mini" @click="employ(row, 1)">录用人员</el-button>
<el-button icon="el-icon-view" :size="size" :type="type" @click.stop="rowView(row)"
v-show="vaildData(permission.tenant_mission_view, false)">查看</el-button>
<save-button icon="el-icon-check" :size="size" :type="type" @click="rowCopy(row, 'copy')">复制</save-button>
<el-button icon="el-icon-edit" :size="size" :type="type" @click="rowCopy(row, 'edit')" :disabled="false"
v-show="vaildData(permission.tenant_mission_edit, false)">编辑</el-button>
<el-button icon="el-icon-delete" :size="size" :type="type" @click="$refs.crud.rowDel(row)" :disabled="false"
v-show="vaildData(permission.tenant_mission_cancel, false)">取消</el-button>
<!-- <el-button type="text" size="mini" @click="contrast(row)"
>比对人才库</el-button> -->
</div>
@@ -117,32 +69,37 @@
<copy-mission ref="copy" @back="backIndex" v-show="false"></copy-mission>
<!--/发布 复制 编辑dialog-->
<!--录用人员dialog-->
<Employ
ref="employ"
@refresh="refreshChange"
:status="status"
v-show="false"
></Employ>
<employment-num
ref="employmentNum"
:status="1"
v-show="false"
></employment-num>
<Employ ref="employ" @refresh="refreshChange" :status="status" v-show="false"></Employ>
<employment-num ref="employmentNum" :status="1" v-show="false"></employment-num>
<!--/录用人员dialog-->
<!--人才推荐dialog-->
<Recommend ref="recommend" v-show="false"></Recommend>
<!--/人才推荐dialog-->
<!--对比人才库dialog-->
<Contrast ref="contrast" v-show="false"></Contrast>
<Contrast ref="contrast" v-show="false"></Contrast>
<!--对比人才库dialog-->
<!--查看dialog-->
<mission-view :visible.sync="viewDrawer" :model="view"></mission-view>
<!--/查看dialog-->
<!--批量导入-->
<el-dialog title="导入" append-to-body :visible.sync="excelBox" :close-on-click-modal="false" width="555px">
<avue-form :option="excelOption" v-model="excelForm" :upload-after="uploadAfter" :upload-before="beforeAvatarUpload"
:upload-error="uploadError">
<template slot="excelTemplate">
<el-button type="primary" @click="handleTemplate()" :loading="templateLoading">
点击下载
<i class="el-icon-download el-icon--right"></i>
</el-button>
</template>
</avue-form>
</el-dialog>
<!--/批量导入-->
</div>
</template>
<script>
import { getList, cancel, detail } from "@/api/tenant/mission";
import { getList, cancel, detail ,upload} from "@/api/tenant/postzp";
import CopyMission from "../Dialog/CopyMission";
import Employ from "../Dialog/Employ";
import employmentNum from "../Dialog/EmployNumber";
@@ -151,8 +108,11 @@ import Contrast from "../Dialog/Contrast"
import SkillSelect from "../Dialog/Skill";
import missionView from "./missionView.vue";
import SelectMap from "@/components/map/selectLocation";
import { isExcel } from "@/util/validate";
import { excelAccept } from "@/common/accept";
import { mapGetters } from "vuex";
import { dateFormat } from "@/util/date";
import { getTemplate } from "@/api/resource/template";
import saveButton from "./saveButton";
export default {
@@ -178,6 +138,35 @@ export default {
},
data() {
return {
excelBox: false,
excelForm: { isCovered: 1 },
excelOption: {
submitBtn: false,
emptyBtn: false,
column: [
{
label: "文件上传",
prop: "excelFile",
type: "upload",
drag: true,
loadText: "文件上传中,请稍等",
span: 24,
propsHttp: {
res: "data",
},
tip: "请上传 .xls,.xlsx 标准格式文件",
accept: excelAccept,
showFileList: false,
action: upload(),
},
{
label: "模板下载",
prop: "excelTemplate",
formslot: true,
span: 24,
},
],
},
status: 1,
viewDrawer: false,
view: {},
@@ -194,10 +183,10 @@ export default {
},
data: [],
obj: {},
missionNo:'',
missionNo: '',
};
},
created() {},
created() { },
watch: {},
computed: {
...mapGetters(["permission"]),
@@ -228,13 +217,15 @@ export default {
column: [
{
label: "岗位名称",
prop: "missionTitle",
prop: "jobName",
display: false,
slot: true,
width: 130,
},
{
label: "岗位编码",
prop: "missionNo",
prop: "id",
width: 180,
display: false,
},
{
@@ -261,26 +252,63 @@ export default {
},
{
label: "报名人数",
prop: "signUpCount",
prop: "peopleNum",
slot: true,
display: false,
width: 110,
},
{
label: "录用人数",
prop: "takeOnCount",
prop: "applyNum",
slot: true,
display: false,
},
{
label: "省市",
prop: "province",
slot: true,
display: false,
width: 110,
},
{
label: "提示",
prop: "toStart",
label: "岗位状态",
prop: "jobStatus",
slot: true,
display: false,
width: 200,
width: 110,
dicData: [
{
label: "在招",
value: 1,
},
{
label: "已招",
value: 2,
},
{
label: "过期",
value: 3,
},
{
label: "未正式发布",
value: 4,
},
],
},
{
label: "岗位类型",
prop: "worktypeNames",
slot: true,
display: false,
width: 110,
},
// {
// label: "提示",
// prop: "toStart",
// slot: true,
// display: false,
// width: 200,
// },
],
};
},
@@ -292,7 +320,7 @@ export default {
}
},
// 录用人数
employmentNum(row){
employmentNum(row) {
this.$refs.employmentNum.openDialog(row, 2);//查看已录用人员
},
/*打开新增 复制 编辑*/
@@ -301,7 +329,7 @@ export default {
},
/*查看*/
rowView(row) {
detail(row.missionNo).then((res) => {
detail(row.id).then((res) => {
this.viewDrawer = true;
this.view = res;
});
@@ -315,7 +343,7 @@ export default {
this.$refs.recommend.openDialog(row);
},
/*打开对比人才库*/
contrast(row){
contrast(row) {
this.$refs.contrast.openDialog(row);
},
/*取消岗位*/
@@ -400,6 +428,55 @@ export default {
backIndex() {
this.$emit("refresh");
},
/*导入任务*/
beforeAvatarUpload(file, done, loading) {
if (!isExcel(file)) {
loading();
this.$message.error("上传任务信息只能是 .xls,.xlsx 标准格式文件!");
} else {
done();
}
},
uploadAfter(res, done) {
if (!(res instanceof Error) && !res.data) {
this.excelBox = false;
} else if (res.data && res.data.code === 900) {
const arr = [];
const data = res.data.data;
data.error &&
data.error.errorList.forEach((item) => {
arr.push(`${item.name} ${item.remarks}`);
});
data.auth &&
data.auth.authList.forEach((item) => {
arr.push(`${item.name} ${item.remarks}`);
});
this.$refs.ied.show(arr);
}
this.refreshChange();
// this.initDept(this.tenantId);
done();
},
uploadError(error) {
if (error) {
this.$message.error(error);
}
},
handleImport() {
this.excelBox = true;
},
/*下载任务模板 */
handleTemplate() {
this.templateLoading = true;
getTemplate("trc")
.then((rep) => {
this.templateLoading = false;
window.open(rep.data.data);
})
.catch(() => {
this.templateLoading = false;
});
},
},
};
</script>
@@ -408,6 +485,7 @@ export default {
.el-form-item {
margin-bottom: 0px;
}
.map {
width: 100%;
height: 300px;