sdz/cmanager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

岗位管理页面功能

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

350
src/api/tenant/postzp.js Normal file
View File

@@ -0,0 +1,350 @@
import request from '@/router/axios';
import {getToken} from '@/util/auth'
// import { toDoller } from "@/util/money";
/*获取招聘中 任务中 已完成任务列表*/
export const getList = (current, size, params) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/list',
method: 'get',
params: {
...params,
current,
size,
}
})
}
/*获取已失效任务列表*/
export const getExpiredList = (current, size, params) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/list',
method: 'get',
params: {
...params,
current,
size,
}
})
}
/*新增任务*/
export const add = (row) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/save',
method: 'post',
data: row
})
}
/*编辑任务*/
export const update = (row) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/update',
method: 'post',
data: row
})
}
/*删除任务*/
export const remove = (ids) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/remove',
method: 'post',
params: {
ids
}
})
}
/*取消任务*/
export const cancel = (ids) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/cancel',
method: 'post',
params: {
ids
}
})
}
/*复制任务*/
export const copy = (id) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/copy',
method: 'post',
data: {
id
}
})
}
/*完成任务*/
export const complete = (id) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/complete',
method: 'post',
data: {
id
}
})
}
/*任务详情*/
export const detail = (missionNo) => {
return new Promise(function (resolve, reject) {
request({
url: '/api/jobslink-api/jkWorks/jkWorks/detail',
method: 'get',
params: {
id:missionNo
}
})
.then((res) => {
const data = res.data.data;
const selectedSkills = [];
if (data.skillIds && data.skillNames) {
var skillIds = data.skillIds.split(",");
var skillNames = data.skillNames.split(",");
for (var i = 0; i < skillIds.length; i++) {
selectedSkills.push({
'name': skillNames[i],
'id': skillIds[i]
})
}
}
data['selectedSkills'] = selectedSkills;
// data.wage = data.wage ? toDoller(data.wage) : null;
resolve(data);
})
.catch(reject)
})
}
/*获取待录用 已录用人员列表 */
export const employList = (current, size, params, missionNo) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/apply/list',
method: 'get',
params: {
...params,
current,
size,
missionNo
}
})
}
/*录用人员 */
export const employ = (missionNo, ids,fpTitleId,fpAddressId) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/apply/employed/new',
method: 'post',
params: {
missionNo,
ids,
fpTitleId,
fpAddressId
}
})
}
/*取消录用*/
export const cancelEmploy = (missionNo, ids) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/apply/cancelEmployed',
method: 'post',
params: {
missionNo,
ids
}
})
}
/*评价列表 */
export const getRateList = (current, size, params, missionNo) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/tenant/score/list',
method: 'get',
params: {
...params,
current,
size,
missionNo
}
})
}
/*获取评价详情 */
export const getRateDetail = (id) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/tenant/score/detail',
method: 'get',
params: {
id
}
})
}
/*提交评价 */
export const submitRate = (form, missionNo, userId) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/tenant/score/submit',
method: 'post',
data: {
...form,
missionNo,
userId
}
})
}
/*评价列表 导入人才库 */
export const importTalents = (groupId, workTypeNames, data) => {
return request({
url: '/api/jobslink-api/tenant/talents/tenant/import-mission',
method: 'post',
params: {
groupId,
workTypeNames
},
data: data
})
}
/*获取推荐列表 */
export const getCommendList = (current, size, params, missionNo) => {
return request({
url: '/api/jobslink-api/tenant/talents/recommendList',
method: 'get',
params: {
current,
size,
...params,
missionNo
}
})
}
/*邀请人员 */
export const invite = (rows) => {
return request({
url: '/api/jobslink-api/desk/user/notice/invite',
method: 'post',
data: rows
})
}
/*批量邀请人员 */
export const inviteUser = (rows) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/apply/notice/inviteUser',
method: 'post',
data: rows
})
}
/*邀请人员剩余次数 */
export const inviteCount = (idNumber, missionNo) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/apply/notice/list',
method: 'get',
params: {
idNumber,
missionNo
}
})
}
/*根据任务获取每个任务对应的已发工资人数 */
export const getWagePerson = (missionNo) => {
return request({
url: '/api/jobslink-api/payment/userOrder/queryCount',
method: 'get',
params: {
missionNo
}
})
}
/*获取对比人才库列表 */
export const personCountList = () => {
return request({
url: '/api/jobslink-api/tenant/talents/group/tenant/personCountList',
method: 'get',
})
}
/*未申请任务的人才库人员列表接口 */
export const userLists = (missionNo,groupIds) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/apply/tenant/group/userlist',
method: 'get',
params: {
missionNo,
groupIds
}
})
}
/*未申请任务的人才库人员列表接口 导出*/
export const userListsExport = (missionNo,groupIds) => {
return `jobslink-api/jkWorks/jkWorks/apply/tenant/group/userlist/export?missionNo=${missionNo}&groupIds=${groupIds}&Jobslink-Auth=${getToken()}`
}
/*未申请任务的人才库人员列表接口 导出*/
export const recommendExportList = (missionNo,name,worktypes,groupId) => {
return `/api/jobslink-api/tenant/talents/recommend/exportList?missionNo=${missionNo}&name=${name}&worktypes=${worktypes}&groupId=${groupId}&Jobslink-Auth=${getToken()}`
}
//新增行业类型
export const tradeListAdd = (name) => {
return request({
url: '/api/jobslink-api/tenant/trade/base/company/add',
method: 'post',
data: {
name
}
})
}
//新增工种
export const workListAdd = (tradeId,name) => {
return request({
url: '/api//jobslink-api/tenant/worktypes/base/company/add',
method: 'post',
data: {
tradeId,
name
}
})
}
//新增技能
export const skillListAdd = (worktypesId,name) => {
return request({
url: '/api/jobslink-api/tenant/skills/base/company/add',
method: 'post',
data: {
worktypesId,
name
}
})
}
//发布任务时获取上个任务信息
export const getLastTaskInfo = () => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/getContactInfo',
method: 'get'
})
}
//获取某个自然月的天数
export const getMounthDays = (date) => {
return request({
url: '/api/jobslink-api/jkWorks/jkWorks/getMonthDays',
method: 'get',
params: {
date
}
})
}
/*导入任务*/
export const upload = () => {
return `/api/jobslink-api/jkWorks/jkWorks/importJkWorks?isCovered=1`
}

2
src/views/tenant/postzp/Dialog/Appraise.vue
View File

@@ -74,7 +74,7 @@
getRateDetail,
submitRate,
importTalents,
} from "@/api/tenant/mission";
} from "@/api/tenant/postzp";
import Resume from "@/components/resume/index";
// import { isExcel } from "@/util/validate";
// import {mapGetters} from "vuex";

2
src/views/tenant/postzp/Dialog/Contrast.vue
View File

@@ -36,7 +36,7 @@
</template>
<script>
import {personCountList} from "@/api/tenant/mission";
import {personCountList} from "@/api/tenant/postzp";
import { mapGetters } from "vuex";
import NoEmployed from "../Dialog/noEmployed"
export default {

4
src/views/tenant/postzp/Dialog/CopyMission.vue
View File

@@ -149,7 +149,7 @@
</template>
<script>
import { add, detail, update, tradeListAdd, workListAdd,getLastTaskInfo,getMounthDays} from "@/api/tenant/mission";
import { add, detail, update, tradeListAdd, workListAdd,getLastTaskInfo,getMounthDays} from "@/api/tenant/postzp";
import { getTrade, getWork, getSkillList} from "@/api/tenant/common";
import SkillSelect from "../Dialog/Skill";
import SelectMap from "@/components/map/selectLocation";
@@ -1230,7 +1230,7 @@ export default {
}
} else if (type === "edit") {
this.title = "编辑岗位";
detail(row.missionNo).then((res) => {
detail(row.id).then((res) => {
this.obj = res;
this.drawer = true;
let tradeIdState = this.tradeIdAttr.indexOf(this.obj.tradeId);

2
src/views/tenant/postzp/Dialog/Employ.vue
View File

@@ -254,7 +254,7 @@
</template>
<script>
import { employList, cancelEmploy, employ } from "@/api/tenant/mission";
import { employList, cancelEmploy, employ } from "@/api/tenant/postzp";
import {viewContractImg,certCheckPass,getCode,resetPwd} from "@/api/manage/econtract.js";//api
import {contractDownload} from "@/api/manage/esignature.js";//api
import Resume from "@/components/resume/index";

2
src/views/tenant/postzp/Dialog/EmployInformation.vue
View File

@@ -131,7 +131,7 @@
<script>
import { dateFormat } from "@/util/date";
import {applyStatus} from '@/api/manage/econtract'
import { employ } from "@/api/tenant/mission";
import { employ } from "@/api/tenant/postzp";
import {certCheckPass,getCode,resetPwd} from "@/api/manage/econtract.js";//api
export default {
props: { fpData: Object,fpTitleId:Number, checkDisplayVisible: Boolean ,usersInfo:Array},

2
src/views/tenant/postzp/Dialog/EmployNumber.vue
View File

@@ -74,7 +74,7 @@
</template>
<script>
import { employList, cancelEmploy, } from "@/api/tenant/mission";
import { employList, cancelEmploy, } from "@/api/tenant/postzp";
import {getCode,resetPwd} from "@/api/manage/econtract.js";//api
import Resume from "@/components/resume/index";
import { idNumberDDesensitization } from "@/util/util";

2
src/views/tenant/postzp/Dialog/Recommend.vue
View File

@@ -98,7 +98,7 @@
</template>
<script>
import { getCommendList, inviteCount,inviteUser,recommendExportList } from "@/api/tenant/mission";
import { getCommendList, inviteCount,inviteUser,recommendExportList } from "@/api/tenant/postzp";
import Resume from "@/components/resume/index";
import { mapGetters } from "vuex";
import { idNumberDDesensitization } from "@/util/util";

2
src/views/tenant/postzp/Dialog/Skill.vue
View File

@@ -125,7 +125,7 @@
<script>
import { getSkillList } from "@/api/tenant/common";
import {skillListAdd} from "@/api/tenant/mission";
import {skillListAdd} from "@/api/tenant/postzp";
import _ from "lodash";
export default {

2
src/views/tenant/postzp/Dialog/noEmployed.vue
View File

@@ -40,7 +40,7 @@
</template>
<script>
import {userLists,userListsExport} from "@/api/tenant/mission";
import {userLists,userListsExport} from "@/api/tenant/postzp";
// import Resume from "@/components/resume/index";
import { mapGetters } from "vuex";
import { idNumberDDesensitization } from "@/util/util";

2
src/views/tenant/postzp/Table/ExpiredMission.vue
View File

@@ -93,7 +93,7 @@
</template>
<script>
import { getExpiredList, remove, detail } from "@/api/tenant/mission";
import { getExpiredList, remove, detail } from "@/api/tenant/postzp";
import CopyMission from "../Dialog/CopyMission";
import SkillSelect from "../Dialog/Skill";
import missionView from "./missionView.vue";

4
src/views/tenant/postzp/Table/FinishedMission.vue
View File

@@ -115,7 +115,7 @@
</template>
<script>
import { getList, detail, getWagePerson } from "@/api/tenant/mission";
import { getList, detail, getWagePerson } from "@/api/tenant/postzp";
import CopyMission from "../Dialog/CopyMission";
import Appraise from "../Dialog/Appraise";
import Employ from "../Dialog/Employ";
@@ -270,7 +270,7 @@ export default {
},
/*查看*/
rowView (row) {
detail(row.missionNo).then((res) => {
detail(row.id).then((res) => {
this.viewDrawer = true;
this.view = res;
});

4
src/views/tenant/postzp/Table/OngoingMission.vue
View File

@@ -110,7 +110,7 @@
</template>
<script>
import { getList, complete, detail } from "@/api/tenant/mission";
import { getList, complete, detail } from "@/api/tenant/postzp";
import CopyMission from "../Dialog/CopyMission";
import SkillSelect from "../Dialog/Skill";
import Employ from "../Dialog/Employ";
@@ -249,7 +249,7 @@ export default {
},
/*查看*/
rowView(row) {
detail(row.missionNo).then((res) => {
detail(row.id).then((res) => {
this.viewDrawer = true;
this.view = res;
});

266
src/views/tenant/postzp/Table/WaitingMission.vue
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;

373
src/views/tenant/postzp/index.vue
View File

@@ -1,26 +1,22 @@
<template>
<basic-container>
<!--搜索栏-->
<el-form size="small" label-position="right" :inline="true" style="padding-left: 10px;padding-right: 10px;">
<!-- <el-form size="small" label-position="right" :inline="true" style="padding-left: 10px;padding-right: 10px;">
<el-row :span="24">
<el-form-item label-width="0">
<!-- <el-select v-model="search.status" placeholder="岗位状态" style="width:100%">
<el-option
v-for="(item,key,index) in missionTypes"
:key="index"
:label="item.label"
:value="item.value"
></el-option>
</el-select>-->
<el-select v-model="search.status" placeholder="岗位状态" style="width:100%">
<el-option v-for="(item, key, index) in missionTypes" :key="index" :label="item.label"
:value="item.value"></el-option>
</el-select>
<el-radio-group v-model="search.status" size="small">
<el-radio-button v-for="(item,key,index) in missionTypes" :key="index" :label="item.value">{{item.label}}
<el-radio-button v-for="(item, key, index) in missionTypes" :key="index" :label="item.value">{{ item.label }}
</el-radio-button>
</el-radio-group>
</el-form-item>
<!-- <el-form-item label="岗位编号:">
<el-form-item label="岗位编号:">
<el-input v-model="search.missionNo" placeholder="岗位编号" clearable></el-input>
</el-form-item> -->
</el-form-item>
<el-form-item label="岗位名称:">
<el-input v-model="search.missionTitle" placeholder="岗位名称" clearable></el-input>
@@ -28,52 +24,41 @@
<el-form-item label="">
<el-select v-model="search.state" placeholder="请选择搜索时间类型" style="width: 100%" @change="date">
<el-option
v-for="(item, key, index) in timeScreenTerm"
:key="index"
:label="item.label"
:value="item.value"
></el-option>
<el-option v-for="(item, key, index) in timeScreenTerm" :key="index" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="">
<el-date-picker
:disabled="!search.state"
v-model="timeValue"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd"
<el-date-picker :disabled="!search.state" v-model="timeValue" type="daterange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd"
@change="dateChange">
</el-date-picker>
</el-form-item>
<tool-tip ></tool-tip>
<tool-tip></tool-tip>
<!-- <el-form-item label="报名截止时间:">-->
<!-- <el-date-picker v-model="endDateRange" type="daterange" range-separator="至" start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="endDateChange">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="开始时间:">-->
<!-- <el-date-picker v-model="beginTimeValue" type="daterange" range-separator="至" start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="beginDateChange">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<!-- <el-form-item label="完成时间:">-->
<!-- <el-date-picker v-model="successTimeValue" type="daterange" range-separator="至" start-placeholder="开始日期"-->
<!-- end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="successDateChange">-->
<!-- </el-date-picker>-->
<!-- </el-form-item>-->
<el-form-item label="报名截止时间:">
<el-date-picker v-model="endDateRange" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="endDateChange">
</el-date-picker>
</el-form-item>
<el-form-item label="开始时间:">
<el-date-picker v-model="beginTimeValue" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="beginDateChange">
</el-date-picker>
</el-form-item>
<el-form-item label="完成时间:">
<el-date-picker v-model="successTimeValue" type="daterange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" format="yyyy 年 MM 月 dd 日" value-format="yyyy-MM-dd" @change="successDateChange">
</el-date-picker>
</el-form-item>
<div class="searchBtn">
<el-button type="primary" size="small" icon="el-icon-search" @click="handleSearch">搜 索</el-button>
<el-button size="small" icon="el-icon-delete" @click="handleClear">清 空</el-button>
</div>
</el-row>
</el-form>
</el-form> -->
<!--/搜索栏-->
<waiting-mission ref="waiting" v-if="search.status === 1" @refresh="handleClear"></waiting-mission>
<ongoing-mission ref="onging" v-if="search.status === 2" @refresh="handleClear"></ongoing-mission>
@@ -83,167 +68,171 @@
</template>
<script>
import WaitingMission from './Table/WaitingMission'
import OngoingMission from './Table/OngoingMission'
import FinishedMission from './Table/FinishedMission'
import ExpiredMission from './Table/ExpiredMission'
import { companyMissionState } from '@/common/dic'
import WaitingMission from './Table/WaitingMission'
import OngoingMission from './Table/OngoingMission'
import FinishedMission from './Table/FinishedMission'
import ExpiredMission from './Table/ExpiredMission'
import { companyMissionState } from '@/common/dic'
// import {mapGetters} from "vuex";
// import {mapGetters} from "vuex";
export default {
comments: {
export default {
comments: {
},
name: "tenant_mission",
data() {
return {
missionTypes: companyMissionState,
timeValue: "",
endDateRange: "",//报名截止日期筛选
beginTimeValue:"",//开始时间筛选
successTimeValue:"",//完成时间筛选
page: {
pageSize: 20,
currentPage: 1,
total: 0
},
search: {
status: 1
},
timeScreenTerm:[{
value: 1,
label: '报名截止日期',
},
{
value: 2,
label: '开始日期',
},
{
value: 3,
label: '完成日期',
}],
},
name: "tenant_mission",
data() {
return {
missionTypes: companyMissionState,
timeValue: "",
endDateRange: "",//报名截止日期筛选
beginTimeValue: "",//开始时间筛选
successTimeValue: "",//完成时间筛选
page: {
pageSize: 20,
currentPage: 1,
total: 0
},
search: {
status: 1
},
timeScreenTerm: [{
value: 1,
label: '报名截止日期',
},
{
value: 2,
label: '开始日期',
},
{
value: 3,
label: '完成日期',
}],
}
},
components: {
WaitingMission,
OngoingMission,
FinishedMission,
ExpiredMission
},
computed: {
},
watch: {
},
methods: {
handleSearch() {
if (this.search.status === 1) {
console.log("1111111");
this.$refs.waiting.onLoad(this.page, this.search);
} else if (this.search.status === 2) {
console.log("222222");
this.$refs.onging.onLoad(this.page, this.search);
} else if (this.search.status === 3) {
console.log("3333333");
this.$refs.finished.onLoad(this.page, this.search);
} else if (this.search.status === 4) {
console.log("444444444");
this.$refs.expired.onLoad(this.page, this.search);
}
},
components: {
WaitingMission,
OngoingMission,
FinishedMission,
ExpiredMission
date() {
this.dateChange(this.timeValue)
},
computed: {
},
watch: {
},
methods: {
handleSearch() {
if (this.search.status === 1) {
this.$refs.waiting.onLoad(this.page, this.search);
} else if (this.search.status === 2) {
this.$refs.onging.onLoad(this.page, this.search);
} else if (this.search.status === 3) {
this.$refs.finished.onLoad(this.page, this.search);
} else if (this.search.status === 4) {
this.$refs.expired.onLoad(this.page, this.search);
}
},
date () {
this.dateChange(this.timeValue)
},
dateChange(val) {
// if (val) {
// this.search.stime = val[0] + " 00:00:00";
// this.search.etime = val[1] + " 23:59:59";
// } else {
// this.search.stime = '';
// this.search.etime = '';
// }
switch (this.search.state) {
case 1:
return this.endDateChange(val)
case 2:
return this.beginDateChange(val);
case 3:
return this.successDateChange(val);
}
dateChange(val) {
// if (val) {
// this.search.stime = val[0] + " 00:00:00";
// this.search.etime = val[1] + " 23:59:59";
// } else {
// this.search.stime = '';
// this.search.etime = '';
// }
switch (this.search.state) {
case 1:
return this.endDateChange(val)
case 2:
return this.beginDateChange(val);
case 3:
return this.successDateChange(val);
}
},
handleClear() {
let curStatus = this.search.status;
this.search = {
status: curStatus,
missionNo: '',
missionTitle: '',
stime: '',
etime: '',
etimePubBeginTime: '',
etimePubEndTime: '',
stimeBeginTime : '',
stimeEndTime : '',
etimeBeninTime:'',
etimeEndTime:'',
},
handleClear() {
let curStatus = this.search.status;
this.search = {
status: curStatus,
missionNo: '',
missionTitle: '',
stime: '',
etime: '',
etimePubBeginTime: '',
etimePubEndTime: '',
stimeBeginTime: '',
stimeEndTime: '',
etimeBeninTime: '',
etimeEndTime: '',
}
this.timeValue = '';
this.endDateRange = '';
this.beginTimeValue="";
this.successTimeValue="";
this.handleSearch()
},
// 开始时间
beginDateChange(val) {
if (val) {
this.clearDateTime()
this.search.stimeBeginTime = val[0] + " 00:00:00";
this.search.stimeEndTime = val[1] + " 23:59:59";
} else {
this.search.stimeBeginTime = '';
this.search.stimeEndTime = '';
}
},
// 完成时间
successDateChange(val){
if (val) {
this.clearDateTime()
this.search.etimeBeninTime = val[0] + " 00:00:00";
this.search.etimeEndTime = val[1] + " 23:59:59";
} else {
this.search.etimeBeninTime = '';
this.search.etimeEndTime = '';
}
},
// 报名截止时间
endDateChange(val){
if (val) {
this.clearDateTime()
this.search.etimePubBeginTime = val[0] + " 00:00:00";
this.search.etimePubEndTime = val[1] + " 23:59:59";
} else {
this.search.etimePubBeginTime = '';
this.search.etimePubEndTime = '';
}
},
// 清楚多余时间参数
clearDateTime(){
this.search.etimePubBeginTime = '';
this.search.etimePubEndTime = '';
this.search.etimeBeninTime = '';
this.search.etimeEndTime = '';
}
this.timeValue = '';
this.endDateRange = '';
this.beginTimeValue = "";
this.successTimeValue = "";
this.handleSearch()
},
// 开始时间
beginDateChange(val) {
if (val) {
this.clearDateTime()
this.search.stimeBeginTime = val[0] + " 00:00:00";
this.search.stimeEndTime = val[1] + " 23:59:59";
} else {
this.search.stimeBeginTime = '';
this.search.stimeEndTime = '';
}
},
// 完成时间
successDateChange(val) {
if (val) {
this.clearDateTime()
this.search.etimeBeninTime = val[0] + " 00:00:00";
this.search.etimeEndTime = val[1] + " 23:59:59";
} else {
this.search.etimeBeninTime = '';
this.search.etimeEndTime = '';
}
},
// 报名截止时间
endDateChange(val) {
if (val) {
this.clearDateTime()
this.search.etimePubBeginTime = val[0] + " 00:00:00";
this.search.etimePubEndTime = val[1] + " 23:59:59";
} else {
this.search.etimePubBeginTime = '';
this.search.etimePubEndTime = '';
}
},
// 清楚多余时间参数
clearDateTime() {
this.search.etimePubBeginTime = '';
this.search.etimePubEndTime = '';
this.search.etimeBeninTime = '';
this.search.etimeEndTime = '';
this.search.stimeBeginTime = '';
this.search.stimeEndTime = '';
}
};
}
};
</script>
<style scoped>
.el-form-item {
margin-bottom: 18px !important;
margin-right: 10px !important;
padding: 0 10px;
}
.el-form-item {
margin-bottom: 18px !important;
margin-right: 10px !important;
padding: 0 10px;
}
.searchBtn {
display: inline-block;
margin-bottom: 18px;
}
.searchBtn {
display: inline-block;
margin-bottom: 18px;
}
</style>