1413 lines
41 KiB
Vue
1413 lines
41 KiB
Vue
<template>
|
||
<el-drawer
|
||
size="70%"
|
||
append-to-body
|
||
:title="title"
|
||
:visible.sync="drawer"
|
||
:wrapperClosable="false"
|
||
:close-on-click-modal="false"
|
||
:close-on-press-escape="false"
|
||
|
||
@closed="closed"
|
||
>
|
||
<avue-form
|
||
class="copy-form"
|
||
:option="option"
|
||
v-model="obj"
|
||
ref="form"
|
||
@submit="submit"
|
||
>
|
||
<!-- <template slot="userNature">
|
||
<el-select v-model="obj.userNature">
|
||
<el-option v-for="(item,index) in userNatureList" :key="index" :label="item.label" :value="item.value">{{item.label}}</el-option>
|
||
</el-select>
|
||
</template> -->
|
||
<template slot-scope="{ disabled }" slot="wage">
|
||
<el-input
|
||
placeholder="请输入 参考工资"
|
||
v-model="obj.wage"
|
||
:disabled="disabled"
|
||
class="input-with-select"
|
||
>
|
||
<el-select
|
||
v-model="obj.wageUnitCategory"
|
||
slot="append"
|
||
placeholder="请选择单位"
|
||
style="width: 100%"
|
||
:disabled="disabled"
|
||
>
|
||
<template v-for="(item, key) in wageUnitCategory">
|
||
<el-option
|
||
v-if="!item.disable"
|
||
:key="key"
|
||
:label="item.label"
|
||
:value="item.value"
|
||
></el-option>
|
||
</template>
|
||
</el-select>
|
||
</el-input>
|
||
</template>
|
||
|
||
<template slot="cityId" slot-scope="{ disabled }">
|
||
<jl-city-cascader
|
||
:disabled="disabled"
|
||
filterable
|
||
v-model="obj.cityId"
|
||
placeholder="请选择 工作地址"
|
||
></jl-city-cascader>
|
||
</template>
|
||
|
||
<template slot-scope="{ disabled }" slot="skillIds">
|
||
<skill-select
|
||
ref="skillSelect"
|
||
:canSelect="!disabled"
|
||
:selectedSkills="selectedSkills"
|
||
:id="obj.worktypeIds"
|
||
@add-skill="addSkill"
|
||
@clear-validator="clearValidator('skillIds')"
|
||
></skill-select>
|
||
</template>
|
||
|
||
<template slot-scope="{ disabled }" slot="address">
|
||
<select-map
|
||
ref="selectMap"
|
||
@addAddress="addAddress"
|
||
@addressDel = "addressDel"
|
||
:isCanEdit="!disabled"
|
||
:lng="obj.lon"
|
||
:lat="obj.lat"
|
||
:address="obj.address"
|
||
:type="type"
|
||
></select-map>
|
||
</template>
|
||
<!-- 行业类型 -->
|
||
<template slot="tradeId">
|
||
<div class="tradeId">
|
||
<el-autocomplete
|
||
popper-class="my-autocomplete"
|
||
v-model.trim="tradeState"
|
||
:fetch-suggestions="querySearchAsync"
|
||
placeholder="请选择行业类型"
|
||
@select="handleSelect"
|
||
maxlength="15"
|
||
show-word-limit
|
||
ref="selectTradeId"
|
||
>
|
||
<!-- <el-button
|
||
type="primary"
|
||
:disabled = "tradeBtnState"
|
||
slot="suffix"
|
||
@click="handleIconClick"
|
||
size="mini"
|
||
>+添加</el-button> -->
|
||
<!-- <i class="el-icon-arrow-down" slot="suffix" @click="handleIconClickArrowDown"></i> -->
|
||
<template slot-scope="{ item }">
|
||
<div class="name">{{item.value}}</div>
|
||
</template>
|
||
</el-autocomplete>
|
||
</div>
|
||
</template>
|
||
<!-- 工种 -->
|
||
<template slot="worktypeIds">
|
||
<div class="tradeId">
|
||
<el-autocomplete
|
||
popper-class="my-autocomplete"
|
||
v-model.trim="workTypeState"
|
||
:fetch-suggestions="querySearchAsyncWorkType"
|
||
placeholder="请选择工种"
|
||
@select="handleSelectWorkType"
|
||
maxlength="15"
|
||
show-word-limit
|
||
:disabled = "worktypeDisabled"
|
||
>
|
||
<!-- <el-button
|
||
type="primary"
|
||
:disabled = "workTypeBtnState"
|
||
slot="suffix"
|
||
@click="handleIconClickWorkType"
|
||
size="mini"
|
||
>+添加</el-button> -->
|
||
<!-- <i class="el-icon-arrow-down" slot="suffix" @click="handleIconClickArrowDown"></i> -->
|
||
<template slot-scope="{ item }">
|
||
<div class="name">{{item.value}}</div>
|
||
</template>
|
||
</el-autocomplete>
|
||
</div>
|
||
</template>
|
||
<!--/自定义表单-->
|
||
<template slot-scope="{ disabled }" slot="menuForm">
|
||
<!-- <el-button type="primary" icon="el-icon-check" @click="copy" :disabled="formLoading">提交</el-button> -->
|
||
<el-button
|
||
icon="el-icon-circle-close"
|
||
@click="drawer = false"
|
||
:loading="disabled"
|
||
>取消</el-button
|
||
>
|
||
</template>
|
||
</avue-form>
|
||
</el-drawer>
|
||
</template>
|
||
|
||
<script>
|
||
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";
|
||
import { isvalidatemobile } from "@/util/validate";
|
||
import { mapGetters } from "vuex";
|
||
import {
|
||
wageUnitCategoryState,
|
||
educationState,
|
||
// genderState,
|
||
} from "@/common/dic";
|
||
// import { toCent } from "@/util/money";
|
||
|
||
const validateTel = (rule, value, callback) => {
|
||
if (isvalidatemobile(value)[0]) {
|
||
callback(new Error(isvalidatemobile(value)[1]));
|
||
} else {
|
||
callback();
|
||
}
|
||
};
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
id: "",
|
||
title: "",
|
||
type: "",
|
||
tradeBtnState:true,
|
||
workTypeBtnState:true,
|
||
worktypeDisabled:true,
|
||
selectedSkillIds: [],
|
||
selectedName: [],
|
||
selectedSkills: [],
|
||
tradeData: [],
|
||
tradeNameAttr:[],
|
||
tradeIdAttr:[],
|
||
workData: [],
|
||
workDataNameAttr:[],
|
||
workDataIdAttr:[],
|
||
skillIdAttr:[],
|
||
obj: {
|
||
wageUnitCategory: null,
|
||
sex: 0,
|
||
ageDesc: "不限年龄",
|
||
education: 7,
|
||
experienceDesc: "不限经验",
|
||
tradeId:null,
|
||
userNature:"灵活用工",
|
||
},
|
||
loading: false,
|
||
drawer: false,
|
||
wageUnitCategory: wageUnitCategoryState,
|
||
restaurants: [],
|
||
tradeState: '',
|
||
workTypeState:'',
|
||
timeout: null,
|
||
days:null,//某个月份的天数
|
||
endTimeFlag:true,
|
||
stimeDate:null,
|
||
};
|
||
},
|
||
components: {
|
||
SkillSelect,
|
||
SelectMap,
|
||
},
|
||
created() {
|
||
this.$store.dispatch("InitArea");
|
||
this.initData();
|
||
|
||
},
|
||
watch: {
|
||
"obj.tradeId": function (val, oldval) {
|
||
if (val) {
|
||
getWork(val).then((res) => {
|
||
this.workData = res;
|
||
this.workDataNameAttr = res.map((ele)=>{
|
||
return ele.name
|
||
})
|
||
this.workDataIdAttr = res.map((ele)=>{
|
||
return ele.id
|
||
})
|
||
this.worktypeDisabled = false;
|
||
if (val !== oldval && oldval) {
|
||
this.obj.worktypeIds = "";
|
||
}
|
||
});
|
||
} else {
|
||
this.obj.worktypeIds = "";
|
||
}
|
||
},
|
||
"obj.wageUnitCategory": function () {
|
||
if (this.$refs.form) this.$refs.form.$refs.form.validateField("wage");
|
||
},
|
||
"stimeDate":function(n){
|
||
if(n){
|
||
getMounthDays(n).then(res=>{
|
||
this.days=res.data.data;
|
||
})
|
||
}
|
||
}
|
||
},
|
||
computed: {
|
||
...mapGetters(["area", "userInfo"]),
|
||
/*计算时间*/
|
||
startDate() {
|
||
const self = this;
|
||
if (self.obj.stime) {
|
||
return new Date(self.obj.stime);
|
||
} else {
|
||
return null;
|
||
}
|
||
},
|
||
endDate() {
|
||
const self = this;
|
||
if (self.obj.etime) {
|
||
return new Date(self.obj.etime);
|
||
} else {
|
||
return null;
|
||
}
|
||
},
|
||
siginDate() {
|
||
const self = this;
|
||
if (self.obj.etimePub) {
|
||
return new Date(self.obj.etimePub);
|
||
} else {
|
||
return null;
|
||
}
|
||
},
|
||
startTime() {
|
||
const self = this;
|
||
if (self.startDate) {
|
||
return self.startDate.getTime();
|
||
} else {
|
||
return null;
|
||
}
|
||
|
||
},
|
||
endTime() {
|
||
const self = this;
|
||
if (self.endDate) {
|
||
return self.endDate.getTime();
|
||
} else {
|
||
return null;
|
||
}
|
||
},
|
||
siginTime() {
|
||
const self = this;
|
||
if (self.siginDate) {
|
||
return self.siginDate.getTime();
|
||
} else {
|
||
return null;
|
||
}
|
||
},
|
||
option() {
|
||
const self = this;
|
||
// var skill = function (rule, value, callback) {
|
||
// if (self.selectedSkills.length <= 0) {
|
||
// callback(new Error("请选择技能标签"));
|
||
// } else {
|
||
// callback();
|
||
// }
|
||
// };
|
||
const wage = (rule, value, callback) => {
|
||
if(value == ""){
|
||
callback(
|
||
new Error(
|
||
"请填写参考工资"
|
||
)
|
||
);
|
||
}else if (
|
||
!/^([1-9]\d*|0)(\.\d{0,2})?$/.test(value) ||
|
||
value <= 0 ||
|
||
value > 99999
|
||
) {
|
||
callback(
|
||
new Error(
|
||
"请输入大于0且小于99999 之间的数字，小数点后最多保留两位"
|
||
)
|
||
);
|
||
} else if (
|
||
this.obj.wageUnitCategory === null ||
|
||
this.obj.wageUnitCategory === undefined
|
||
) {
|
||
callback(new Error("请选择单位"));
|
||
} else {
|
||
callback();
|
||
}
|
||
};
|
||
const tradeId = (rule, value, callback) => {
|
||
if(this.tradeState == null || this.tradeState == undefined || this.tradeState == ""){
|
||
callback(
|
||
new Error(
|
||
"请选择行业类型"
|
||
)
|
||
)
|
||
}else{
|
||
if(!this.tradeBtnState){
|
||
callback(
|
||
new Error(
|
||
"新增行业要添加后才能使用"
|
||
)
|
||
)
|
||
}else{
|
||
callback();
|
||
}
|
||
|
||
}
|
||
};
|
||
const workType = (rule, value, callback) => {
|
||
if(this.workTypeState == null || this.workTypeState == undefined || this.workTypeState == ""){
|
||
callback(
|
||
new Error(
|
||
"请选择工种"
|
||
)
|
||
)
|
||
}else{
|
||
if(!this.workTypeBtnState){
|
||
callback(
|
||
new Error(
|
||
"新增工种要添加后才能使用"
|
||
)
|
||
)
|
||
}else{
|
||
callback();
|
||
}
|
||
}
|
||
}
|
||
const validatePass = (rule, value, callback)=>{
|
||
let specialKey = "[`~#$^&*()=|{}\\[\\]<>/~#￥……&*（）——|{}【】《》%@‘”“']‘'";
|
||
let flagValue = true;
|
||
for (var i = 0; i < value.length; i++) {
|
||
if (specialKey.indexOf(value.substr(i, 1)) != -1) {
|
||
flagValue = false;
|
||
}
|
||
}
|
||
if( flagValue){
|
||
callback();
|
||
}else{
|
||
callback(new Error('岗位名称不能输入特殊字符'));
|
||
}
|
||
|
||
|
||
};
|
||
return {
|
||
emptyBtn: false,
|
||
menuPosition: "right",
|
||
group: [
|
||
{
|
||
label: "岗位信息",
|
||
prop: "missionInfo",
|
||
arrow: false,
|
||
column: [
|
||
{
|
||
label: "岗位名称",
|
||
prop: "missionTitle",
|
||
search: true,
|
||
span: 24,
|
||
rules: [
|
||
{
|
||
required: true,
|
||
whitespace: true,
|
||
message: "请输入岗位名称",
|
||
trigger: "blur",
|
||
},
|
||
{
|
||
min: 3,
|
||
max: 30,
|
||
message: "长度在 3到 30 个字",
|
||
trigger: "blur",
|
||
},
|
||
{ validator: validatePass, trigger: 'blur' }
|
||
],
|
||
},
|
||
{
|
||
label: "岗位时间",
|
||
prop: "etimePub",
|
||
type: "date",
|
||
placeholder: "请选择报名截止日期",
|
||
format: "yyyy-MM-dd",
|
||
valueFormat: "yyyy-MM-dd 23:59:59",
|
||
pickerOptions: {
|
||
disabledDate(time) {
|
||
return !(
|
||
time.getTime() > Date.now() - 8.64e7&&
|
||
(!self.startTime || time.getTime() < self.startTime) &&
|
||
(!self.endTime || time.getTime() < self.endTime)
|
||
);
|
||
},
|
||
},
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: "请选择报名截止日期",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 10,
|
||
},
|
||
{
|
||
label: "",
|
||
labelWidth: 0,
|
||
prop: "stime",
|
||
type: "date",
|
||
placeholder: "请选择岗位开始日期",
|
||
format: "yyyy-MM-dd",
|
||
valueFormat: "yyyy-MM-dd 00:00:00",
|
||
pickerOptions: {
|
||
disabledDate(time) {
|
||
return !(
|
||
time.getTime() > Date.now() &&
|
||
(!self.endTime ||
|
||
(time.getTime() < self.endTime &&
|
||
time.getTime() > self.endTime - 2678400000)) &&
|
||
(!self.siginTime || time.getTime() > self.siginTime)
|
||
);
|
||
},
|
||
},
|
||
change:({value})=>{
|
||
self.obj.etime='';
|
||
if(value){
|
||
self.stimeDate=value.split(' ')[0]
|
||
self.endTimeFlag=false
|
||
// let date=value.split(' ')[0]
|
||
// getMounthDays(date).then(res=>{
|
||
// self.days=res.data.data;
|
||
// })
|
||
}
|
||
else{
|
||
self.endTimeFlag=true
|
||
}
|
||
},
|
||
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: "请选择岗位开始日期",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 7,
|
||
},
|
||
{
|
||
label: "",
|
||
labelWidth: 0,
|
||
prop: "etime",
|
||
type: "date",
|
||
placeholder: "请选择岗位结束日期",
|
||
format: "yyyy-MM-dd",
|
||
valueFormat: "yyyy-MM-dd 23:59:59",
|
||
disabled:self.endTimeFlag,
|
||
pickerOptions: {
|
||
disabledDate(time) {
|
||
if(!self.obj.stime){
|
||
return true
|
||
}
|
||
if(self.days){
|
||
let mutiply=1000*60*60*24;
|
||
return !(
|
||
time.getTime() > Date.now() &&
|
||
(!self.startTime ||
|
||
(time.getTime() > self.startTime &&
|
||
time.getTime() < self.startTime + self.days*mutiply))
|
||
);
|
||
}
|
||
|
||
},
|
||
},
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: "请选择岗位结束日期",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 7,
|
||
},
|
||
],
|
||
},
|
||
{
|
||
label: "岗位要求",
|
||
prop: "missionRequire",
|
||
arrow: false,
|
||
column: [
|
||
{
|
||
label: "招聘人数",
|
||
prop: "peopleNum",
|
||
type: "number",
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: "请输入招聘人数",
|
||
trigger: "blur",
|
||
},
|
||
{
|
||
type: "number",
|
||
min: 1,
|
||
message: "招聘人数最少为1",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 12,
|
||
},
|
||
{
|
||
label: "参考工资",
|
||
prop: "wage",
|
||
formslot: true,
|
||
labelslot: false,
|
||
errorslot: false,
|
||
rules: [
|
||
{
|
||
required: true,
|
||
whitespace: true,
|
||
validator: wage,
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 12,
|
||
},
|
||
{
|
||
label: "行业类型",
|
||
prop: "tradeId",
|
||
formslot: true,
|
||
labelslot: false,
|
||
errorslot: false,
|
||
// type: "tree",
|
||
// dicData: self.tradeData,
|
||
// props: {
|
||
// label: "name",
|
||
// value: "id",
|
||
// },
|
||
rules: [
|
||
{
|
||
required: true,
|
||
validator: tradeId,
|
||
trigger: ["change", "blur"],
|
||
},
|
||
],
|
||
span: 12,
|
||
},
|
||
{
|
||
label: "工种",
|
||
// type: "tree",
|
||
prop: "worktypeIds",
|
||
formslot: true,
|
||
labelslot: false,
|
||
rules: [
|
||
{
|
||
required: true,
|
||
validator: workType,
|
||
trigger: ["change", "blur"],
|
||
},
|
||
],
|
||
// dicData: self.workData,
|
||
// props: {
|
||
// label: "name",
|
||
// value: "id",
|
||
// },
|
||
// rules: [
|
||
// {
|
||
// required: true,
|
||
// message: "请选择工种",
|
||
// trigger: ["change"],
|
||
// },
|
||
// ],
|
||
span: 12,
|
||
},
|
||
// {
|
||
// label: "技能要求",
|
||
// prop: "skillIds",
|
||
// formslot: true,
|
||
// labelslot: false,
|
||
// errorslot: false,
|
||
// rules: [
|
||
// { required: true, validator: skill, trigger: "change" },
|
||
// ],
|
||
// span: 24,
|
||
// },
|
||
{
|
||
label: "岗位描述",
|
||
prop: "missionDesc",
|
||
type: "textarea",
|
||
rules: [
|
||
{
|
||
required: true,
|
||
whitespace: true,
|
||
message: "请输入岗位描述",
|
||
trigger: "blur",
|
||
},
|
||
{
|
||
min: 30,
|
||
max: 200,
|
||
message: "长度在 30 到 200 个字",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
placeholder: "请输入岗位描述，字数30-200字以内",
|
||
span: 24,
|
||
maxlength: 200,
|
||
showWordLimit: true,
|
||
},
|
||
],
|
||
},
|
||
{
|
||
label: "人员要求",
|
||
prop: "personRequire",
|
||
arrow: false,
|
||
column: [
|
||
{
|
||
label: "人员属性",
|
||
type: "select",
|
||
prop: "userNature",
|
||
dicData: [
|
||
{
|
||
value: "灵活用工",
|
||
label: "灵活用工",
|
||
},
|
||
],
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: "请选择人员属性",
|
||
trigger: ["change", "blur"],
|
||
},
|
||
],
|
||
span: 8,
|
||
},
|
||
// {
|
||
// label: "性别要求",
|
||
// type: "radio",
|
||
// prop: "sex",
|
||
// dicData: genderState,
|
||
// span: 10,
|
||
// offset: 6,
|
||
// clearable: false,
|
||
// },
|
||
{
|
||
label: "年龄要求",
|
||
type: "select",
|
||
prop: "ageDesc",
|
||
dicData: [
|
||
{
|
||
label: "不限年龄",
|
||
value: "不限年龄",
|
||
},
|
||
{
|
||
label: "30以下",
|
||
value: "30以下",
|
||
},
|
||
{
|
||
label: "35以下",
|
||
value: "35以下",
|
||
},
|
||
{
|
||
label: "40以下",
|
||
value: "40以下",
|
||
},
|
||
{
|
||
label: "45以下",
|
||
value: "45以下",
|
||
},
|
||
{
|
||
label: "50以下",
|
||
value: "50以下",
|
||
},
|
||
{
|
||
label: "55以下",
|
||
value: "55以下",
|
||
},
|
||
{
|
||
label: "60以下",
|
||
value: "60以下",
|
||
},
|
||
],
|
||
span: 8,
|
||
clearable: false,
|
||
},
|
||
{
|
||
label: "学历要求",
|
||
type: "select",
|
||
prop: "education",
|
||
dicData: educationState,
|
||
span: 8,
|
||
clearable: false,
|
||
},
|
||
{
|
||
label: "经验要求",
|
||
type: "select",
|
||
prop: "experienceDesc",
|
||
dicData: [
|
||
{
|
||
label: "不限经验",
|
||
value: "不限经验",
|
||
},
|
||
{
|
||
label: "1年以下",
|
||
value: "1年以下",
|
||
},
|
||
{
|
||
label: "1~3年",
|
||
value: "1~3年",
|
||
},
|
||
{
|
||
label: "3~5年",
|
||
value: "3~5年",
|
||
},
|
||
{
|
||
label: "5~10年",
|
||
value: "5~10年",
|
||
},
|
||
{
|
||
label: "10年以上",
|
||
value: "10年以上",
|
||
},
|
||
],
|
||
span: 8,
|
||
clearable: false,
|
||
},
|
||
],
|
||
},
|
||
{
|
||
label: "企业信息",
|
||
prop: "contactsRequire",
|
||
arrow: false,
|
||
column: [
|
||
{
|
||
label: "企业名称",
|
||
prop: "jobCompanyName",
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: "请输入企业名称",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 8,
|
||
},
|
||
{
|
||
label: "企业规模",
|
||
prop: "jobCompanyScale",
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: "请输入企业规模",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 8,
|
||
},
|
||
{
|
||
label: "所属行业",
|
||
prop: "jobCompanyIndustry",
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: "请输入所属行业",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 8,
|
||
},
|
||
{
|
||
label: "企业性质",
|
||
prop: "jobCompanyNature",
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: "请输入企业性质",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 8,
|
||
},
|
||
{
|
||
label: "企业介绍",
|
||
prop: "jobCompanyDescription",
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: "请输入企业介绍",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 16,
|
||
},
|
||
{
|
||
label: "联系人",
|
||
prop: "callName",
|
||
rules: [
|
||
{
|
||
required: true,
|
||
whitespace: true,
|
||
message: "请输入联系人",
|
||
trigger: "blur",
|
||
},
|
||
{
|
||
min: 1,
|
||
max: 5,
|
||
message: "长度在 1 到 5 个字",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 8,
|
||
},
|
||
{
|
||
label: "手机号",
|
||
prop: "callTel",
|
||
rules: [
|
||
{
|
||
required: true,
|
||
validator: validateTel,
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 8,
|
||
},
|
||
{
|
||
label: "座机",
|
||
prop: "callNumber",
|
||
span: 8,
|
||
},
|
||
{
|
||
label: "工作地址",
|
||
type: "input",
|
||
prop: "cityId",
|
||
rules: [
|
||
{
|
||
required: true,
|
||
message: "请选择工作地址",
|
||
},
|
||
],
|
||
formslot: true,
|
||
labelslot: false,
|
||
errorslot: false,
|
||
span: 24,
|
||
},
|
||
{
|
||
label: "详细地址",
|
||
prop: "address",
|
||
formslot: true,
|
||
labelslot: false,
|
||
errorslot: false,
|
||
rules: [
|
||
{
|
||
required: true,
|
||
whitespace: true,
|
||
message: "请输入详细地址",
|
||
trigger: "blur",
|
||
},
|
||
],
|
||
span: 24,
|
||
},
|
||
],
|
||
},
|
||
],
|
||
};
|
||
},
|
||
},
|
||
methods: {
|
||
//过滤行业类型
|
||
querySearchAsync(queryString, cb) {
|
||
let results = [];
|
||
let tradeNameState = this.tradeNameAttr.indexOf(queryString);
|
||
if(tradeNameState == -1){
|
||
this.tradeBtnState = false;
|
||
}else{
|
||
this.tradeBtnState = true;
|
||
}
|
||
for(let i of this.tradeData){
|
||
i.value = i.name;
|
||
}
|
||
results = queryString ? this.tradeData.filter(this.createStateFilter(queryString)) : this.tradeData;
|
||
cb(results);
|
||
},
|
||
//工种筛选
|
||
querySearchAsyncWorkType(queryString, cb){
|
||
|
||
let results = [];
|
||
let workDataNameState = this.workDataNameAttr.indexOf(queryString);
|
||
if(workDataNameState == -1){
|
||
this.workTypeBtnState = false;
|
||
}else{
|
||
this.workTypeBtnState = true;
|
||
}
|
||
for(let i of this.workData){
|
||
i.value = i.name;
|
||
}
|
||
results = queryString ? this.workData.filter(this.createStateFilter(queryString)) : this.workData;
|
||
cb(results);
|
||
},
|
||
createStateFilter(queryString) {
|
||
return (state) => {
|
||
return (state.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
|
||
};
|
||
},
|
||
//行业类型
|
||
handleSelect(item) {
|
||
this.tradeBtnState = true;
|
||
this.obj.tradeId = item.id
|
||
},
|
||
//工种
|
||
handleSelectWorkType(item){
|
||
this.workTypeBtnState = true;
|
||
this.obj.worktypeIds = item.id;
|
||
},
|
||
//点击行业类型添加按钮
|
||
handleIconClick() {
|
||
this.$message.closeAll();
|
||
let nameState = this.tradeNameAttr.indexOf(this.tradeState)
|
||
if(this.tradeState == ""){
|
||
this.$message({
|
||
type: "error",
|
||
message: "请输入要添加的行业类型！",
|
||
})
|
||
}else if(nameState != -1){
|
||
this.$message({
|
||
type: "error",
|
||
message: "此行业类型已存在，请在列表中选择！",
|
||
})
|
||
}else{
|
||
tradeListAdd(this.tradeState).then((res) =>{
|
||
if(res.data.code == 200){
|
||
this.obj.tradeId = res.data.data;
|
||
this.$message({
|
||
type: "success",
|
||
message: res.data.msg,
|
||
})
|
||
this.tradeBtnState = true;
|
||
this.initData();
|
||
//this.$refs.form.clearValidate('tradeId');
|
||
this.clearValidator('tradeId');
|
||
}else{
|
||
this.$message({
|
||
type: "error",
|
||
message: res.data.msg,
|
||
})
|
||
}
|
||
});
|
||
}
|
||
|
||
},
|
||
//点击工种添加按钮
|
||
handleIconClickWorkType() {
|
||
this.$message.closeAll();
|
||
let nameState = this.workDataNameAttr.indexOf(this.workTypeState)
|
||
if(this.workTypeState == ""){
|
||
this.$message({
|
||
type: "error",
|
||
message: "请输入要添加的工种！",
|
||
})
|
||
}else if(nameState != -1){
|
||
this.$message({
|
||
type: "error",
|
||
message: "此工种已存在，请在列表中选择！",
|
||
})
|
||
}else{
|
||
workListAdd(this.obj.tradeId,this.workTypeState).then((res) =>{
|
||
if(res.data.code == 200){
|
||
this.obj.worktypeIds = res.data.data;
|
||
this.$message({
|
||
type: "success",
|
||
message: res.data.msg,
|
||
})
|
||
this.workTypeBtnState = true;
|
||
this.clearValidator('worktypeIds');
|
||
getWork(this.obj.tradeId).then((res) => {
|
||
this.workData = res;
|
||
this.workDataNameAttr = res.map((ele)=>{
|
||
return ele.name
|
||
})
|
||
})
|
||
}else{
|
||
this.$message({
|
||
type: "error",
|
||
message: res.data.msg,
|
||
})
|
||
}
|
||
});
|
||
}
|
||
|
||
},
|
||
//
|
||
addressDel(){
|
||
this.obj.address = "";
|
||
},
|
||
initData() {
|
||
/*获取行业类型*/
|
||
this.loading = true;
|
||
getTrade(this.userInfo.company_id).then((res) => {
|
||
this.tradeData = res;
|
||
this.tradeNameAttr = res.map((ele)=>{
|
||
return ele.name
|
||
})
|
||
this.tradeIdAttr = res.map((ele)=>{
|
||
return ele.id
|
||
})
|
||
this.loading = false;
|
||
});
|
||
},
|
||
closed() {
|
||
this.tradeState = "";
|
||
this.workTypeState = "";
|
||
this.$refs.form.init();
|
||
this.$refs.form.resetForm();
|
||
this.$refs.form.clearValidate();
|
||
this.obj = {
|
||
wageUnitCategory: null,
|
||
sex: 0,
|
||
ageDesc: "不限年龄",
|
||
education: 7,
|
||
experienceDesc: "不限经验",
|
||
userNature:"灵活用工",
|
||
|
||
};
|
||
},
|
||
/*地图*/
|
||
addAddress(form) {
|
||
this.obj.address = form.address + (form.title || "");
|
||
this.obj.lat = form.lat;
|
||
this.obj.lon = form.lng;
|
||
},
|
||
/*技能*/
|
||
addSkill(arr) {
|
||
if (arr.length) {
|
||
this.selectedSkills = arr;
|
||
} else {
|
||
this.selectedSkills = [];
|
||
}
|
||
},
|
||
submit(row, done) {
|
||
if(this.$refs.selectMap.addressLocation == ""){
|
||
this.$message({
|
||
type: "error",
|
||
message: "请选择详细地址!",
|
||
});
|
||
}else{
|
||
row.address = this.$refs.selectMap.addressLocation;
|
||
let ids = [];
|
||
let name = [];
|
||
this.selectedSkills.forEach((ele) => {
|
||
ids.push(ele.id);
|
||
name.push(ele.name);
|
||
});
|
||
let skillIds = ids.join(",");
|
||
let skillNames = name.join(",");
|
||
if (this.type === "add" || this.type === "copy") {
|
||
this.$jlEvent("trialCheck")
|
||
.then(() => {
|
||
add({
|
||
|
||
missionTitle: row.missionTitle,
|
||
stime: row.stime,
|
||
etime: row.etime,
|
||
etimePub: row.etimePub,
|
||
peopleNum: row.peopleNum,
|
||
wage: row.wage,
|
||
wageUnitCategory: row.wageUnitCategory,
|
||
tradeId: row.tradeId,
|
||
worktypeIds: row.worktypeIds,
|
||
skillIds: skillIds,
|
||
skillNames: skillNames,
|
||
missionDesc: row.missionDesc,
|
||
userNature: row.userNature,
|
||
sex: row.sex,
|
||
ageDesc: row.ageDesc,
|
||
education: row.education,
|
||
experienceDesc: row.experienceDesc,
|
||
callName: row.callName,
|
||
callTel: row.callTel,
|
||
callNumber: row.callNumber,
|
||
cityId: row.cityId,
|
||
address: row.address,
|
||
lat: row.lat,
|
||
lon: row.lon,
|
||
}).then(
|
||
() => {
|
||
this.drawer = false;
|
||
done();
|
||
this.$message({
|
||
type: "success",
|
||
message: "操作成功!",
|
||
});
|
||
this.$emit("back");
|
||
},
|
||
(error) => {
|
||
window.console.log(error);
|
||
done();
|
||
}
|
||
);
|
||
})
|
||
.catch(() => {
|
||
done();
|
||
});
|
||
} else if (this.type === "edit") {
|
||
update({
|
||
id: this.id,
|
||
missionTitle: row.missionTitle,
|
||
stime: row.stime,
|
||
etime: row.etime,
|
||
etimePub: row.etimePub,
|
||
peopleNum: row.peopleNum,
|
||
wage: row.wage,
|
||
wageUnitCategory: row.wageUnitCategory,
|
||
tradeId: row.tradeId,
|
||
worktypeIds: row.worktypeIds,
|
||
skillIds: skillIds,
|
||
skillNames: skillNames,
|
||
missionDesc: row.missionDesc,
|
||
userNature: row.userNature,
|
||
sex: row.sex,
|
||
ageDesc: row.ageDesc,
|
||
education: row.education,
|
||
experienceDesc: row.experienceDesc,
|
||
callName: row.callName,
|
||
callTel: row.callTel,
|
||
callNumber: row.callNumber,
|
||
cityId: row.cityId,
|
||
address: row.address,
|
||
lat: row.lat,
|
||
lon: row.lon,
|
||
}).then(
|
||
() => {
|
||
this.drawer = false;
|
||
done();
|
||
this.$message({
|
||
type: "success",
|
||
message: "操作成功!",
|
||
});
|
||
this.$emit("back");
|
||
},
|
||
(error) => {
|
||
window.console.log(error);
|
||
done();
|
||
}
|
||
);
|
||
}
|
||
}
|
||
|
||
},
|
||
clearValidator(val){
|
||
this.$refs.form.clearValidate(val);
|
||
},
|
||
onLoad(row, type) {
|
||
this.type = type;
|
||
this.id = row.id;
|
||
this.$nextTick(() => {
|
||
if(type!='edit'){
|
||
getLastTaskInfo().then(res=>{
|
||
const data=res.data.data;
|
||
this.obj.callName=data.callName;
|
||
this.obj.callTel=data.callTel;
|
||
})
|
||
}
|
||
|
||
if (type === "copy") {
|
||
this.title = "复制岗位";
|
||
detail(row.missionNo).then((res) => {
|
||
if (![1, 2].includes(res.wageUnitCategory)) {
|
||
res.wageUnitCategory = null;
|
||
}
|
||
this.obj = res;
|
||
this.obj.etimePub = "";
|
||
this.obj.stime = "";
|
||
this.obj.etime = "";
|
||
this.drawer = true;
|
||
let tradeIdState = this.tradeIdAttr.indexOf(this.obj.tradeId);
|
||
//判断有无此行业
|
||
if(tradeIdState == -1){
|
||
this.obj.tradeId = "";
|
||
setTimeout(()=>{
|
||
this.$message({
|
||
type: "error",
|
||
message: "此岗位所包含行业已经不存在，请重新选择！",
|
||
})
|
||
},1000);
|
||
}else{
|
||
this.tradeState = this.obj.tradeNames;
|
||
//判断有无此工种
|
||
getWork(this.obj.tradeId).then((res) => {
|
||
this.workData = res;
|
||
this.workDataIdAttr = res.map((ele)=>{
|
||
return ele.id
|
||
})
|
||
let workDataIdState = this.workDataIdAttr.indexOf(this.obj.worktypeIds);
|
||
//判断有无此工种
|
||
if(workDataIdState == -1){
|
||
this.obj.worktypeIds = "";
|
||
setTimeout(()=>{
|
||
this.$message({
|
||
type: "error",
|
||
message: "此岗位所包含工种已经不存在，请重新选择！",
|
||
})
|
||
},1000);
|
||
}else{
|
||
this.workTypeState = this.obj.worktypeNames;
|
||
getSkillList(this.obj.worktypeIds).then((res) => {
|
||
this.skillIdAttr = res.data.data.records.map((ele)=>{
|
||
return ele;
|
||
});
|
||
let newSelectedSkills = [];
|
||
this.skillIdAttr.forEach((val) => {
|
||
let selectedSkillsState = this.obj.selectedSkills.find(v => v.id == val.id);
|
||
if(selectedSkillsState){
|
||
newSelectedSkills.push(val);
|
||
}
|
||
})
|
||
// 判断有无此技能
|
||
if(newSelectedSkills.length == 0){
|
||
setTimeout(()=>{
|
||
this.$message({
|
||
type: "error",
|
||
message: "此岗位所包含技能已经不存在，请重新选择！",
|
||
})
|
||
},1000);
|
||
}else{
|
||
this.selectedSkills = newSelectedSkills;
|
||
}
|
||
});
|
||
}
|
||
})
|
||
}
|
||
});
|
||
} else if (type === "add") {
|
||
this.title = "发布岗位";
|
||
this.obj = {
|
||
wageUnitCategory: 2,
|
||
sex: 0,
|
||
ageDesc: "不限年龄",
|
||
education: 7,
|
||
experienceDesc: "不限经验",
|
||
userNature:"灵活用工"
|
||
};
|
||
this.selectedSkills = [];
|
||
this.drawer = true;
|
||
this.$nextTick(() =>{
|
||
this.$refs.form.clearValidate();
|
||
})
|
||
if (this.$refs.selectMap) {
|
||
this.$refs.selectMap.geolocation();
|
||
}
|
||
} else if (type === "edit") {
|
||
this.title = "编辑岗位";
|
||
detail(row.id).then((res) => {
|
||
this.obj = res;
|
||
this.drawer = true;
|
||
let tradeIdState = this.tradeIdAttr.indexOf(this.obj.tradeId);
|
||
//判断有无此行业
|
||
if(tradeIdState == -1){
|
||
this.$message.closeAll();
|
||
this.obj.tradeId = "";
|
||
setTimeout(()=>{
|
||
this.$message({
|
||
type: "error",
|
||
message: "此岗位所包含行业已经不存在，请重新选择！",
|
||
})
|
||
},1000);
|
||
}else{
|
||
this.tradeState = this.obj.tradeNames;
|
||
//判断有无此工种
|
||
getWork(this.obj.tradeId).then((res) => {
|
||
this.workData = res;
|
||
this.workDataIdAttr = res.map((ele)=>{
|
||
return ele.id
|
||
})
|
||
let workDataIdState = this.workDataIdAttr.indexOf(this.obj.worktypeIds);
|
||
//判断有无此工种
|
||
if(workDataIdState == -1){
|
||
this.$message.closeAll();
|
||
this.obj.worktypeIds = "";
|
||
setTimeout(()=>{
|
||
this.$message({
|
||
type: "error",
|
||
message: "此岗位所包含工种已经不存在，请重新选择！",
|
||
})
|
||
},1000);
|
||
}else{
|
||
this.workTypeState = this.obj.worktypeNames;
|
||
getSkillList(this.obj.worktypeIds).then((res) => {
|
||
this.skillIdAttr = res.data.data.records.map((ele)=>{
|
||
return ele;
|
||
});
|
||
let newSelectedSkills = [];
|
||
this.skillIdAttr.forEach((val) => {
|
||
let selectedSkillsState = this.obj.selectedSkills.find(v => v.id == val.id);
|
||
if(selectedSkillsState){
|
||
newSelectedSkills.push(val);
|
||
}
|
||
})
|
||
// 判断有无此技能
|
||
if(newSelectedSkills.length == 0){
|
||
setTimeout(()=>{
|
||
this.$message.closeAll();
|
||
this.$message({
|
||
type: "error",
|
||
message: "此岗位所包含技能已经不存在，请重新选择！",
|
||
})
|
||
},1000);
|
||
}else{
|
||
this.selectedSkills = newSelectedSkills;
|
||
}
|
||
});
|
||
}
|
||
})
|
||
}
|
||
});
|
||
}
|
||
});
|
||
},
|
||
},
|
||
mounted() {
|
||
|
||
}
|
||
};
|
||
</script>
|
||
<style scoped>
|
||
.el-col,
|
||
.el-form-item {
|
||
margin-bottom: 0px;
|
||
}
|
||
</style>
|
||
<style>
|
||
.input-with-select {
|
||
width: 100%;
|
||
}
|
||
.copy-form .el-input-group__append {
|
||
background-color: #fff;
|
||
}
|
||
.input-with-select .el-input-group__append .el-input__icon {
|
||
display: none;
|
||
}
|
||
.input-with-select .el-input-group__append input {
|
||
width: 105px;
|
||
padding: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.my-autocomplete li{
|
||
line-height: normal;
|
||
padding: 7px;
|
||
}
|
||
.my-autocomplete li .name{
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
}
|
||
.my-autocomplete li .addr{
|
||
font-size: 12px;
|
||
color: #b4b4b4;
|
||
}
|
||
.my-autocomplete li .highlighted .addr{
|
||
color: #ddd;
|
||
}
|
||
.tradeId .el-autocomplete{
|
||
width:100%;
|
||
}
|
||
.tradeId .el-icon-plus:before{
|
||
content: "\e6d9 添加行业类型";
|
||
color: #606266;
|
||
}
|
||
.tradeId .el-input--small input{
|
||
padding-right: 150px;
|
||
}
|
||
</style>
|