Files
jobslink-user-clent/pages/recruit/subPage/task.vue

755 lines
34 KiB
Vue
Raw Normal View History

<!-- 发布任务 -->
2024-03-09 19:01:53 +08:00
<template>
2024-04-15 15:11:46 +08:00
<view>
<view class="u-demo-block__content">
<!-- 注意如果需要兼容微信小程序最好通过setRules方法设置rules规则 -->
<u--form labelPosition="left" :model="info" ref="form1" :rules="rules">
<view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">任务信息</view>
<u-form-item label="任务名称" prop="jobName" borderBottom labelWidth="80" ref="item1">
<u--input v-model="info.jobName" border="none" placeholder="请输入任务名称"></u--input>
</u-form-item>
<u-form-item label="发布时间" labelWidth="80" prop="stime" borderBottom
@click="showStime = true; hideKeyboard()" ref="item1">
<u--input v-model="info.stime" disabledColor="#ffffff" placeholder="请选择发布时间"
border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="结束时间" labelWidth="80" prop="etime" borderBottom
@click="showEtime = true; hideKeyboard()" ref="item2">
<u--input v-model="info.etime" disabledColor="#ffffff" placeholder="请选择结束时间"
border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">任务要求</view>
<u-form-item label="招聘人数" prop="peopleNum" borderBottom labelWidth="80" ref="item3">
<u--input type="number" v-model="info.peopleNum" maxlength="7" border="none" placeholder="请输入招聘人数">
2024-04-09 21:24:25 +08:00
</u--input>
2024-04-09 10:44:52 +08:00
</u-form-item>
2024-04-15 15:11:46 +08:00
<u-form-item label="参考工资" prop="wage" borderBottom labelWidth="80" ref="item1">
<u--input v-model="info.wage" type="number" maxlength="7" @blur="onBlurWage" border="none"
placeholder="请输入参考工资">
<template slot="suffix">
<u-form-item class="wageunitLeft" prop="wageUnitCategory" labelWidth="0" border="surround"
@click="showWage = true; hideKeyboard()" ref="item4">
<u--input v-model="info.wageUnitCategoryName" disabledColor="#ffffff"
placeholder="请选择单位" style="width: 80px;" border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
</template>
</u--input>
</u-form-item>
<!-- <u-form-item label="参考工资" prop="wage" labelWidth="80" borderBottom
2024-03-09 19:01:53 +08:00
@click="showWage = true; hideKeyboard()" ref="item4">
2024-03-10 15:19:37 +08:00
<u--input v-model="info.wage" disabledColor="#ffffff" placeholder="请选择参考工资"
2024-03-09 19:01:53 +08:00
border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
2024-04-09 10:44:52 +08:00
</u-form-item> -->
2024-04-15 15:11:46 +08:00
<u-form-item label="行业类型" prop="tradeNames" labelWidth="80" borderBottom
@click="showTrade = true; hideKeyboard()" ref="item5">
<u--input v-model="info.tradeNames" disabledColor="#ffffff" placeholder="请选择行业类型"
border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="工种" prop="skillNames" labelWidth="80" borderBottom
@click="showSkills = true; hideKeyboard()" ref="item6">
<u--input v-model="info.skillNames" disabledColor="#ffffff" placeholder="请选择工种"
border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="任务描述" labelWidth="80" ref="item1"></u-form-item>
<view>
<u--textarea v-model="info.jobDescription"
placeholder="参考示例:任务名称:保姆 工作内容: 一日三餐,卫生打扫 工资: 200元/天 年龄要求: 25-40岁 工作经验要求: 有过住家保姆经验, 会做饭,受过高等教育的优先"
count height="100" maxlength="200"></u--textarea>
</view>
2024-04-09 21:24:25 +08:00
<u-form-item prop="jobDescription" borderBottom labelWidth="80" ref="item1"></u-form-item>
2024-04-15 15:11:46 +08:00
<view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">人员要求</view>
<!-- <u-form-item label="人员属性" prop="userNature" labelWidth="80" borderBottom
@click="showNature = true; hideKeyboard()" ref="item7">
<u--input v-model="info.userNature" disabledColor="#ffffff" placeholder="请选择人员属性"
border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item> -->
2024-04-15 15:11:46 +08:00
<u-form-item label="年龄要求" prop="ageDesc" labelWidth="80" borderBottom
@click="showAge = true; hideKeyboard()" ref="item8">
<u--input v-model="info.ageDesc" disabledColor="#ffffff" placeholder="请选择年龄要求"
border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="学历要求" prop="educationLabel" labelWidth="80" borderBottom
@click="showEdu = true; hideKeyboard()" ref="item9">
<u--input v-model="info.educationLabel" disabledColor="#ffffff" placeholder="请选择学历要求"
border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<u-form-item label="经验要求" prop="experienceDesc" labelWidth="80" borderBottom
@click="showExpe = true; hideKeyboard()" ref="item10">
<u--input v-model="info.experienceDesc" disabledColor="#ffffff" placeholder="请选择学历要求"
border="none"></u--input>
<u-icon slot="right" name="arrow-right"></u-icon>
</u-form-item>
<view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">企业信息</view>
2024-04-23 21:51:15 +08:00
<u-form-item label="用工单位" prop="jobCompanyName" borderBottom labelWidth="80" ref="item1">
2024-04-23 20:47:18 +08:00
<u--input v-model="info.jobCompanyName" :disabled="true" border="none" disabledColor="#ffffff"
2024-04-23 21:51:15 +08:00
placeholder="请输入用工单位"></u--input>
2024-04-15 15:11:46 +08:00
</u-form-item>
<u-form-item label="企业信用代码" prop="jobCompanyScale" borderBottom labelWidth="80" ref="item1">
2024-04-23 20:47:18 +08:00
<u--input v-model="info.jobCompanyScale" border="none" :disabled="true" disabledColor="#ffffff"
placeholder="请输入企业信用代码"></u--input>
2024-04-15 15:11:46 +08:00
</u-form-item>
<u-form-item label="所属行业" prop="jobCompanyIndustry" borderBottom labelWidth="80" ref="item1">
<u--input v-model="info.jobCompanyIndustry" border="none" placeholder="请输入所属行业"></u--input>
</u-form-item>
<u-form-item label="企业性质" prop="jobCompanyNature" borderBottom labelWidth="80" ref="item1">
<u--input v-model="info.jobCompanyNature" border="none" placeholder="请输入企业性质"></u--input>
</u-form-item>
<u-form-item label="企业介绍" labelWidth="80" ref="item1"></u-form-item>
<view>
<u--textarea v-model="info.jobCompanyDescription" placeholder="请输入企业介绍" count height="100"
maxlength="200"></u--textarea>
</view>
<u-form-item prop="jobCompanyDescription" borderBottom labelWidth="80" ref="item1"></u-form-item>
<u-form-item label="联系人" prop="callName" borderBottom labelWidth="80" ref="item1">
<u--input v-model="info.callName" border="none" placeholder="请输入联系人"></u--input>
</u-form-item>
<u-form-item label="手机号" prop="callTel" borderBottom labelWidth="80" ref="item1">
<u--input v-model="info.callTel" border="none" placeholder="请输入手机号"></u--input>
</u-form-item>
<u-form-item label="座机" prop="callNumber" borderBottom labelWidth="80" ref="item1">
<u--input v-model="info.callNumber" border="none" placeholder="请输入座机"></u--input>
</u-form-item>
2024-04-23 19:41:17 +08:00
<u-form-item label="工作地址" labelWidth="70" prop="cityId" borderBottom ref="item1"
@click="showCityId = true; hideKeyboard()">
<PickerTree placeholder="请选择工作地址" :tree="area.data" valueName="value" :visibel="showCityId"
v-model="info.cityId" @cancel="showCityId = false" border="none" returnValue="label" :deep="3">
</PickerTree>
</u-form-item>
2024-04-15 15:11:46 +08:00
<u-form-item label="详细地址" prop="address" borderBottom labelWidth="80" ref="item1">
<u--input v-model="info.address" border="none" placeholder="请输入详细地址"></u--input>
</u-form-item>
<map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map>
</u--form>
<u-button type="primary" text="提交" customStyle="margin-top: 50px" @click="submit"></u-button>
<u-button type="error" text="重置" customStyle="margin-top: 10px" @click="reset"></u-button>
<u-picker :show="showWage" ref="wagePicker" keyName="label" :columns="wageColumns" @confirm="wageConfirm"
@cancel="wageClose" @close="wageClose">
</u-picker>
<u-picker :show="showTrade" ref="tradePicker" keyName="name" :columns="tradeColumns" @confirm="tradeConfirm"
@cancel="tradeClose" @close="tradeClose">
</u-picker>
<u-picker :show="showSkills" ref="skillPicker" keyName="name" :columns="skillColumns" @change="skillsChange"
@confirm="skillConfirm" @cancel="skillClose" @close="skillClose">
</u-picker>
<!-- <u-picker :show="showNature" ref="naturePicker" :columns="natureColumns"
@confirm="natureConfirm" @cancel="natureClose" @close="natureClose">
</u-picker> -->
2024-04-15 15:11:46 +08:00
<u-picker :show="showAge" ref="agePicker" keyName="label" :columns="ageColumns" @confirm="ageConfirm"
@cancel="ageClose" @close="ageClose">
</u-picker>
<u-picker :show="showEdu" ref="eduPicker" keyName="label" :columns="eduColumns" @confirm="eduConfirm"
@cancel="eduClose" @close="eduClose">
</u-picker>
<u-picker :show="showExpe" ref="expePicker" keyName="label" :columns="expeColumns" @confirm="expeConfirm"
@cancel="expeClose" @close="expeClose">
</u-picker>
<u-datetime-picker :show="showStime" :value="birthday" mode="date" closeOnClickOverlay
@confirm="stimeConfirm" @cancel="stimeClose" @close="stimeClose"></u-datetime-picker>
<u-datetime-picker :show="showEtime" :value="birthday" mode="date" closeOnClickOverlay
@confirm="etimeConfirm" @cancel="etimeClose" @close="etimeClose"></u-datetime-picker>
</view>
</view>
2024-03-09 19:01:53 +08:00
</template>
<script>
2024-04-15 15:11:46 +08:00
import dic from '@/common/dic.js'
import {
submitInfo,
getWorktypesBaseList,
findTradeList,
getDictionary
} from '@/api/userrecruit.js'
import PickerTree from './enterpriceCertification/pickerTree.vue'
import {
mapGetters
} from 'vuex'
2024-04-15 15:11:46 +08:00
export default {
data() {
return {
latitude: 31.05, //中心点
longitude: 104.20,
covers: [{ //marker标记位置
id: 0,
latitude: 0,
longitude: 0,
// width:30,
// height:30,
iconPath: '../../../static/img/location.png'
}],
value2: '招工内容',
fileList1: [],
disabled1: false,
tips: '',
value: '',
showCalendar: false,
showStime: false,
2024-04-23 19:41:17 +08:00
showCityId: false,
2024-04-15 15:11:46 +08:00
showEtime: false,
info: {
jobName: '', // 招工名称
stime: '', // 发布时间
etime: '', // 结束时间
peopleNum: '', // 招聘人数
wage: '', // 参考工资
wageUnitCategory: '', // 工资单位
wageUnitCategoryName: '',
tradeId: '', // 行业类型id
tradeNames: '', // 行业类型名称
worktypeIds: '', // 工种一级id
skillIds: '', // 工种二级id
worktypeNames: '', // 工种名称
skillNames: '', // 工种二级名称
jobDescription: '', // 任务描述
// userNature: '', // 人员属性
educationLabel: dic.eduArr[0][0].label, // 学历要求前端显示
ageDesc: dic.ageArr[0][0].label, // 年龄要求
education: dic.eduArr[0][0].value, // 学历要求
experienceDesc: dic.expeArr[0][0].label, // 经验要求
2024-04-23 19:41:17 +08:00
cityId: '',
2024-04-23 21:51:15 +08:00
jobCompanyName: '', // 用工单位
2024-04-15 15:11:46 +08:00
jobCompanyScale: '', // 企业信用代码
jobCompanyIndustry: '', // 所属行业
jobCompanyNature: '', // 企业性质
jobCompanyDescription: '', // 企业介绍
callName: '', // 联系人
callTel: '', // 手机号
callNumber: '', // 座机
address: '', // 公司详细地址
// userInfo: {
// name: '楼兰',
// sex: '',
// birthday: ''
// },
// radiovalue1: '苹果',
// checkboxValue1: [],
// intro: '',
// code: ''
},
showWage: false, // 参考工资选项是否展示
showTrade: false, // 行业类型是否显示
showSkills: false, // 工种类型是否显示
showNature: false, // 人员属性
showAge: false, // 年龄要求
showEdu: false, // 学历要求
showExpe: false, // 经验要求
birthday: Number(new Date()),
wageColumns: dic.wageUnitCategoryState,
tradeColumns: dic.tradeArr,
skillColumns: [],
skillColumnsIndex: [0, 0],
natureColumns: dic.natureArr,
ageColumns: dic.ageArr,
eduColumns: dic.eduArr,
expeColumns: dic.expeArr,
wallMaxAndMin: [],
rules: {
jobName: {
type: 'string',
required: true,
message: '请输入招工名称',
trigger: ['change']
},
stime: {
type: 'string',
required: true,
message: '请输入开始时间',
trigger: ['change']
},
etime: {
type: 'string',
required: true,
message: '请选择结束时间',
trigger: ['change']
},
peopleNum: {
type: 'number',
required: true,
message: '请输入招聘人数',
trigger: ['change']
},
wage: {
type: 'string',
required: true,
message: '请输入参考工资',
trigger: ['change']
},
tradeNames: {
type: 'string',
required: true,
message: '请选择行业类型',
trigger: ['change']
},
skillNames: {
type: 'string',
required: true,
message: '请选择工种',
trigger: ['change']
},
jobDescription: {
type: 'string',
min: 20,
required: true,
message: '请输入任务描述最少20个字符',
trigger: ['change']
},
ageDesc: {
type: 'string',
required: true,
message: '请选择年龄',
trigger: ['change']
},
educationLabel: {
type: 'string',
required: true,
message: '请选择学历',
trigger: ['change']
},
experienceDesc: {
type: 'string',
required: true,
message: '请选择经验要求',
trigger: ['change']
},
2024-04-23 19:41:17 +08:00
cityId: {
type: 'string',
required: true,
message: '请选择工作地址',
trigger: ['change']
},
2024-04-15 15:11:46 +08:00
jobCompanyName: {
type: 'string',
required: true,
2024-04-23 21:51:15 +08:00
message: '请输入用工单位',
2024-04-15 15:11:46 +08:00
trigger: ['change']
},
jobCompanyScale: {
type: 'string',
required: true,
message: '请输入企业信用代码',
trigger: ['change']
},
jobCompanyIndustry: {
type: 'string',
required: true,
message: '请输入所属行业',
trigger: ['change']
},
jobCompanyNature: {
type: 'string',
required: true,
message: '请输入企业性质',
trigger: ['change']
},
jobCompanyDescription: {
type: 'string',
required: true,
message: '请输入企业介绍',
trigger: ['change']
},
callName: {
type: 'string',
required: true,
message: '请输入联系人',
trigger: ['change']
},
callTel: {
type: 'string',
required: true,
message: '请输入手机号',
trigger: ['change']
},
address: {
type: 'string',
required: true,
message: '请输入详细地址',
trigger: ['change']
},
},
}
},
components: {
PickerTree
},
2024-04-15 15:11:46 +08:00
props: {
company: {
default: null,
}
},
computed: {
...mapGetters(['area'])
},
2024-04-15 15:11:46 +08:00
created() {
const {
id: staId,
label: staLabel
} = dic.wageUnitCategoryState[0].filter(item => item.id == 3)[0]
this.info.wageUnitCategory = staId
this.info.wageUnitCategoryName = staLabel
if (this.company) {
this.backfill(this.company)
}
this.getWorkTypes()
this.dictionary()
console.log(this.area)
2024-04-15 15:11:46 +08:00
},
watch: {
company(val) {
if (!val) return;
this.backfill(val)
}
2024-03-29 11:59:19 +08:00
2024-04-15 15:11:46 +08:00
},
methods: {
onBlurWage(value) {
const val = this.wallMaxAndMin
if (!val.length) {
return;
}
switch (true) {
case value < Math.min(...val):
this.info.wage = String(Math.min(...val))
return
case value > Math.max(...val):
this.info.wage = String(Math.max(...val))
return
}
},
async dictionary() {
let params = {
code: `wages_limit_${this.info.wageUnitCategory}`
}
this.info.wage = ''
let resData = await getDictionary(params)
if (resData.data.code === 200) {
const arr = resData.data.data.map((item) => Number(item.dictKey))
this.wallMaxAndMin = arr
}
},
async backfill(info) {
const {
manager,
companyTid,
comname,
companyDesc,
telphone,
tradeId,
nature
} = info
this.info.jobCompanyScale = companyTid
this.info.jobCompanyName = comname
this.info.callName = manager
this.info.callTel = telphone
this.info.jobCompanyDescription = companyDesc
if (tradeId / 1 !== -1) {
const res = await findTradeList()
const tenantArray = res.data.data?.filter(item => item.id === tradeId)
if (tenantArray?.length === 0) return;
this.info.jobCompanyIndustry = tenantArray[0]?.name
}
2024-03-29 11:59:19 +08:00
2024-04-15 15:11:46 +08:00
if (nature / 1 !== -1) {
const tenantArray = dic.companyEnum?.filter(item => item.value === nature)
if (tenantArray?.length === 0) return;
this.info.jobCompanyNature = tenantArray[0]?.label
}
},
wageConfirm(e) {
const {
value
} = e
this.info.wageUnitCategoryName = value[0].label
this.info.wageUnitCategory = value[0].id
this.showWage = false
this.dictionary()
},
tradeConfirm(e) {
const {
value
} = e
this.info.tradeId = value[0].id
this.info.tradeNames = value[0].name
this.showTrade = false
},
skillConfirm(e) {
const {
value,
indexs
} = e
this.skillColumnsIndex = indexs
this.info.skillNames = this.getSkilDataNameWhereId(indexs).join('-')
this.showSkills = false
},
// natureConfirm(e) {
// const { value } = e
// this.info.userNature = value[0]
// this.showNature = false
// },
ageConfirm(e) {
const {
value
} = e
this.info.ageDesc = value[0].label
this.showAge = false
},
eduConfirm(e) {
const {
value
} = e
this.info.education = value[0].value
this.info.educationLabel = value[0].label
this.showEdu = false
},
expeConfirm(e) {
const {
value
} = e
this.info.experienceDesc = value[0].label
this.showExpe = false
},
expeClose() {
this.showExpe = false
},
eduClose() {
this.showEdu = false
},
ageClose() {
this.showAge = false
},
// natureClose() {
// this.showNature = false
// },
skillClose() {
this.showSkills = false
},
wageClose(e) {
this.showWage = false
},
tradeClose(e) {
this.showTrade = false
},
sexSelect(e) {
this.info.userInfo.sex = e.name
this.$refs.form1.validateField('userInfo.sex')
},
change(e) {
// console.log(e);
},
formatter(day) {
const d = new Date()
let month = d.getMonth() + 1
const date = d.getDate()
if (day.month == month && day.day == date + 3) {
day.bottomInfo = '有优惠'
day.dot = true
}
return day
},
calendarConfirm(e) {
this.showCalendar = false
this.info.hotel = `${e[0]} / ${e[e.length - 1]}`
this.$refs.form1.validateField('hotel')
},
codeChange(text) {
this.tips = text;
},
getCode() {
if (this.$refs.uCode.canGetCode) {
// 模拟向后端请求验证码
uni.showLoading({
title: '正在获取验证码'
})
setTimeout(() => {
uni.hideLoading();
// 这里此提示会被this.start()方法中的提示覆盖
uni.$u.toast('验证码已发送');
// 通知验证码组件内部开始倒计时
this.$refs.uCode.start();
}, 2000);
} else {
uni.$u.toast('倒计时结束后再发送');
}
},
calendarClose() {
this.showCalendar = false
this.$refs.form1.validateField('hotel')
},
stimeClose() {
this.showStime = false
this.$refs.form1.validateField('userInfo.birthday')
},
stimeConfirm(e) {
this.showStime = false
this.info.stime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd') + ' 00:00:00'
this.$refs.form1.validateField('userInfo.birthday')
},
etimeClose() {
this.showEtime = false
this.$refs.form1.validateField('userInfo.birthday')
},
etimeConfirm(e) {
this.showEtime = false
this.info.etime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd') + ' 23:59:59'
this.$refs.form1.validateField('userInfo.birthday')
},
submit() {
// 如果有错误会在catch中返回报错信息数组校验通过则在then中返回true
// this.$refs.form1.validate().then(res => {
// uni.$u.toast('校验通过')
// }).catch(errors => {
// uni.$u.toast('校验失败')
// })
let vali = ['']
const names = this.getSkilDataNameWhereId(this.skillColumnsIndex, true)
const ids = this.getSkilDataNameWhereId(this.skillColumnsIndex, false)
this.info.jobType = 0
let params = {
...this.info,
worktypeIds: ids[0], // 工种一级id
skillIds: ids[1], // 工种二级id
worktypeNames: names[0], // 工种名称
skillNames: names[1], // 工种二级名称
}
let that = this
this.$refs.form1.validate().then(res => {
if (!this.info.wageUnitCategory) {
return this.$api.msg('请选择参考工资单位')
}
submitInfo(params).then(res => {
if (res.data.code == 200) {
that.reset()
uni.$u.toast('发布成功')
2024-04-18 11:49:14 +08:00
setTimeout(() => {
this.navTo('/pages/recruit/subPage/index')
}, 1000)
2024-04-15 15:11:46 +08:00
}
})
}).catch(errors => {
uni.$u.toast('请完善内容')
})
},
reset() {
2024-04-23 21:51:15 +08:00
// jobCompanyName: '', // 用工单位
2024-04-15 15:11:46 +08:00
// jobCompanyScale: '', // 企业信用代码
// jobCompanyIndustry: '', // 所属行业
// jobCompanyNature: '', // 企业性质
// jobCompanyDescription: '', // 企业介绍
const validateList = [
'jobName',
'stime',
'etime',
'peopleNum',
'wage',
'tradeId',
'tradeNames',
'worktypeIds',
'skillIds',
'worktypeNames',
'skillNames',
'jobDescription',
'ageDesc',
'education',
'educationLabel',
'experienceDesc',
2024-04-23 19:41:17 +08:00
'cityId',
2024-04-15 15:11:46 +08:00
'jobCompanyName',
'jobCompanyScale',
'jobCompanyIndustry',
'jobCompanyNature',
'jobCompanyDescription',
'callName',
'callTel',
'callNumber',
'address'
]
this.$refs.form1.resetFields()
this.$refs.form1.clearValidate()
setTimeout(() => {
this.$refs.form1.clearValidate(validateList)
this.backfill(this.company)
// 或者使用 this.$refs.form1.clearValidate()
}, 10)
},
hideKeyboard() {
uni.hideKeyboard()
},
skillsChange(e) {
const {
columnIndex,
index,
picker = this.$refs.uPicker
} = e
let [index1, index2] = this.skillColumnsIndex
switch (columnIndex) {
case 0:
index1 = index;
index2 = 0
break
case 1:
index2 = index;
break
}
const Indexs = [index1, index2]
picker.setColumnValues(1, this.skillData[index1].child.map((item) => item.name))
this.skillColumnsIndex = Indexs
},
getSkilDataNameWhereId(Indexs, type = true) {
if (!this.skillData) {
return
}
const [index1, index2] = Indexs
const work1 = this.skillData[index1]
const work2 = work1.child[index2]
if (type) {
return [work1.name, work2.name]
} else {
return [work1.id, work2.id]
}
},
async getWorkTypes() {
let resData = await getWorktypesBaseList({
type: 1
})
if (resData.data.code === 200) {
const {
data
} = resData.data
const arr = []
// 1、 空间换时间策略/user/userrecruit/saveApp
arr.push(data.map((item) => item.name));
arr.push(data[0].child.map((item) => item.name))
this.skillColumnsIndex = [0, 0]
this.skillData = data
this.skillColumns = arr
2024-03-29 11:59:19 +08:00
2024-04-15 15:11:46 +08:00
}
}
}
}
2024-03-09 19:01:53 +08:00
</script>
<style>
2024-04-15 15:11:46 +08:00
.map {
width: 100%;
height: 350rpx;
margin-top: 30rpx;
}
.wageunitLeft {
border-left: 3rpx solid rgb(192, 196, 204, 0.6);
padding-left: 20rpx;
}
/deep/.wageunitLeft .u-form-item__body {
padding: 0;
}
</style>