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

<!-- 发布任务 -->
<template>
    <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="请输入招聘人数">
                    </u--input>
                </u-form-item>
                <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
					@click="showWage = true; hideKeyboard()" ref="item4">
					<u--input v-model="info.wage" disabledColor="#ffffff" placeholder="请选择参考工资"
						border="none"></u--input>
					<u-icon slot="right" name="arrow-right"></u-icon>
				</u-form-item> -->
                <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>
                <u-form-item prop="jobDescription" borderBottom labelWidth="80" ref="item1"></u-form-item>
                <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> -->
                <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>
                <u-form-item label="企业名称" prop="jobCompanyName" borderBottom labelWidth="80" ref="item1">
                    <u--input v-model="info.jobCompanyName" border="none" placeholder="请输入企业名称"></u--input>
                </u-form-item>
                <u-form-item label="企业信用代码" prop="jobCompanyScale" borderBottom labelWidth="80" ref="item1">
                    <u--input v-model="info.jobCompanyScale" border="none" placeholder="请输入企业信用代码"></u--input>
                </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>
                <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>
                <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> -->
            <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>
</template>

<script>
    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'
    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,
                showCityId: false,
                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, // 经验要求
                    cityId: '',
                    jobCompanyName: '', // 企业名称
                    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']
                    },
                    cityId: {
                        type: 'string',
                        required: true,
                        message: '请选择工作地址',
                        trigger: ['change']
                    },
                    jobCompanyName: {
                        type: 'string',
                        required: true,
                        message: '请输入企业名称',
                        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
        },
        props: {
            company: {
                default: null,
            }
        },
        computed: {
            ...mapGetters(['area'])
        },
        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)
        },
        watch: {
            company(val) {
                if (!val) return;
                this.backfill(val)
            }

        },
        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
                }

                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('发布成功')
                            setTimeout(() => {
                                this.navTo('/pages/recruit/subPage/index')
                            }, 1000)
                        }
                    })
                }).catch(errors => {
                    uni.$u.toast('请完善内容')
                })
            },
            reset() {
                // jobCompanyName: '', // 企业名称
                // jobCompanyScale: '', // 企业信用代码
                // jobCompanyIndustry: '', // 所属行业
                // jobCompanyNature: '', // 企业性质
                // jobCompanyDescription: '', // 企业介绍
                const validateList = [
                    'jobName',
                    'stime',
                    'etime',
                    'peopleNum',
                    'wage',
                    'tradeId',
                    'tradeNames',
                    'worktypeIds',
                    'skillIds',
                    'worktypeNames',
                    'skillNames',
                    'jobDescription',
                    'ageDesc',
                    'education',
                    'educationLabel',
                    'experienceDesc',
                    '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

                }
            }
        }
    }
</script>

<style>
    .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>