|
@@ -1,51 +1,122 @@
|
|
<!-- -->
|
|
<!-- -->
|
|
<template>
|
|
<template>
|
|
- <view>
|
|
|
|
- <uni-forms ref="form" :modelValue="formData" :rules="rules" validateTrigger="bind" label-width="100%" label-align="left" label-position="top">
|
|
|
|
- <uni-forms-item label="期望岗位" name="positionId">
|
|
|
|
|
|
+ <view class="ss-m-x-30 ss-m-y-30">
|
|
|
|
+ <uni-forms ref="form" :modelValue="formData" :rules="rules" validateTrigger="bind" label-width="90px">
|
|
|
|
+ <uni-forms-item label="期望岗位" name="positionId" required>
|
|
<uni-data-picker popup-title="请选择期望岗位" v-model="formData.positionId" :localdata="dictObj?.positionTreeData || []" :clear-icon="false" :map="{ text: 'nameCn', value: 'id'}"></uni-data-picker>
|
|
<uni-data-picker popup-title="请选择期望岗位" v-model="formData.positionId" :localdata="dictObj?.positionTreeData || []" :clear-icon="false" :map="{ text: 'nameCn', value: 'id'}"></uni-data-picker>
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
- <uni-forms-item label="期望行业" name="industryIdList">
|
|
|
|
|
|
+ <uni-forms-item label="期望行业" name="industryIdList" required>
|
|
<uni-data-picker popup-title="请选择期望行业" v-model="formData.industryIdList" :localdata="dictObj?.industryTreeData || []" :clear-icon="false" :map="{ text: 'nameCn', value: 'id'}"></uni-data-picker>
|
|
<uni-data-picker popup-title="请选择期望行业" v-model="formData.industryIdList" :localdata="dictObj?.industryTreeData || []" :clear-icon="false" :map="{ text: 'nameCn', value: 'id'}"></uni-data-picker>
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
- <uni-forms-item label="期望薪资(最低要求)" name="payFrom">
|
|
|
|
- <uni-number-box v-model="formData.payFrom" :min="1" :max="999999999" :step="100" :width="150" @change="payChange"></uni-number-box>
|
|
|
|
|
|
+ <uni-forms-item label="最低薪资" name="payFrom" required>
|
|
|
|
+ <uni-number-box v-model="formData.payFrom" :min="1" :max="999999999" :step="1000" :width="150" @change="payChange"></uni-number-box>
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
- <uni-forms-item label="期望薪资(最高要求)" name="payTo">
|
|
|
|
- <uni-number-box v-model="formData.payTo" :min="payToMin" :max="999999999" :step="100" :width="150"></uni-number-box>
|
|
|
|
|
|
+ <uni-forms-item label="最高薪资" name="payTo" required>
|
|
|
|
+ <uni-number-box v-model="formData.payTo" :min="payToMin" :max="999999999" :step="1000" :width="150"></uni-number-box>
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
- <uni-forms-item label="求职类型" name="jobType">
|
|
|
|
|
|
+ <uni-forms-item label="求职类型" name="jobType" required>
|
|
<uni-data-picker popup-title="请选择求职类型" v-model="formData.jobType" :localdata="dictObj?.jobType || []" :clear-icon="false" :map="{ text: 'label', value: 'value'}"></uni-data-picker>
|
|
<uni-data-picker popup-title="请选择求职类型" v-model="formData.jobType" :localdata="dictObj?.jobType || []" :clear-icon="false" :map="{ text: 'label', value: 'value'}"></uni-data-picker>
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
- <uni-forms-item label="工作城市" name="workAreaProvinceId">
|
|
|
|
- <uni-data-picker popup-title="请选择工作城市" v-model="formData.workAreaProvinceId" :localdata="dictObj?.areaTreeData || []" :clear-icon="false" :map="{ text: 'name', value: 'id'}"></uni-data-picker>
|
|
|
|
|
|
+ <uni-forms-item label="工作城市" name="workAreaId" required>
|
|
|
|
+ <uni-data-picker popup-title="请选择工作城市" v-model="formData.workAreaId" :localdata="dictObj?.areaTreeData || []" :clear-icon="false" :map="{ text: 'name', value: 'id'}"></uni-data-picker>
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
<uni-forms-item label="其它感兴趣的城市" name="interestedAreaIdList">
|
|
<uni-forms-item label="其它感兴趣的城市" name="interestedAreaIdList">
|
|
<uni-data-picker popup-title="其它感兴趣的城市" v-model="formData.interestedAreaIdList" :localdata="dictObj?.areaTreeData || []" :clear-icon="false" :map="{ text: 'name', value: 'id'}"></uni-data-picker>
|
|
<uni-data-picker popup-title="其它感兴趣的城市" v-model="formData.interestedAreaIdList" :localdata="dictObj?.areaTreeData || []" :clear-icon="false" :map="{ text: 'name', value: 'id'}"></uni-data-picker>
|
|
</uni-forms-item>
|
|
</uni-forms-item>
|
|
</uni-forms>
|
|
</uni-forms>
|
|
<view class="f-horizon-center">
|
|
<view class="f-horizon-center">
|
|
- <button type="primary" size="default" class="send-button" @click="submit">确 认</button>
|
|
|
|
|
|
+ <button v-if="editId" size="default" class="delete-button commonBtnStyle" @click="handleDelete">删 除</button>
|
|
|
|
+ <button size="default" :class="{'save-button': editId, 'commonBtnStyle': editId, 'send-button': !editId}" @click="submit">保 存</button>
|
|
</view>
|
|
</view>
|
|
- <!-- <view style="text-align: center; font-size: 13px; color: gray;">已加载全部</view> -->
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
-import { ref, reactive } from 'vue'
|
|
|
|
|
|
+import { ref, unref } from 'vue'
|
|
import { dictObj } from '@/utils/position.js'
|
|
import { dictObj } from '@/utils/position.js'
|
|
|
|
+import { saveResumeJobInterested, getResumeJobInterested, deleteResumeJobInterested } from '@/api/resume.js'
|
|
|
|
+import { onLoad } from '@dcloudio/uni-app'
|
|
|
|
+import { cloneDeep } from 'lodash-es'
|
|
|
|
|
|
-const formData = reactive({ positionId: '', payFrom: 0, payTo: 0 })
|
|
|
|
|
|
+let formData = ref({ positionId: '', payFrom: 0, payTo: 0 })
|
|
const form = ref()
|
|
const form = ref()
|
|
|
|
+const editId = ref(null)
|
|
|
|
+
|
|
|
|
+// 获取求职意向
|
|
|
|
+async function getJobInterested (id) {
|
|
|
|
+ const { data } = await getResumeJobInterested()
|
|
|
|
+ if (!data || !data.length) {
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+ const obj = data.find(k => k.id === id)
|
|
|
|
+ formData.value = cloneDeep(obj)
|
|
|
|
+ formData.value.industryIdList = obj.industryIdList.length ? obj.industryIdList[0] : ''
|
|
|
|
+ formData.value.interestedAreaIdList = obj.interestedAreaIdList.length ? Number(obj.interestedAreaIdList[0]) : ''
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+onLoad((options) => {
|
|
|
|
+ if (options.id) {
|
|
|
|
+ editId.value = options.id
|
|
|
|
+ getJobInterested(options.id)
|
|
|
|
+ }
|
|
|
|
+})
|
|
|
|
+
|
|
|
|
+// 提交
|
|
const submit = async () => {
|
|
const submit = async () => {
|
|
const valid = await unref(form).validate()
|
|
const valid = await unref(form).validate()
|
|
if (!valid) return
|
|
if (!valid) return
|
|
|
|
+ // 后续做多选
|
|
|
|
+ formData.value.industryIdList = [formData.value.industryIdList]
|
|
|
|
+ formData.value.interestedAreaIdList = [formData.value.interestedAreaIdList]
|
|
|
|
+ try {
|
|
|
|
+ await saveResumeJobInterested(formData.value)
|
|
|
|
+ uni.showToast({
|
|
|
|
+ icon: 'success',
|
|
|
|
+ title: '保存成功'
|
|
|
|
+ })
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ editId.value = null
|
|
|
|
+ uni.navigateBack({
|
|
|
|
+ delta: 1
|
|
|
|
+ })
|
|
|
|
+ }, 1000)
|
|
|
|
+ } catch (err) {
|
|
|
|
+ uni.showToast({
|
|
|
|
+ icon: 'none',
|
|
|
|
+ title: err.msg
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+// 删除
|
|
|
|
+const handleDelete = async () => {
|
|
|
|
+ try {
|
|
|
|
+ await deleteResumeJobInterested(editId.value)
|
|
|
|
+ uni.showToast({
|
|
|
|
+ icon: 'success',
|
|
|
|
+ title: '删除成功'
|
|
|
|
+ })
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ editId.value = null
|
|
|
|
+ uni.navigateBack({
|
|
|
|
+ delta: 1
|
|
|
|
+ })
|
|
|
|
+ }, 1000)
|
|
|
|
+ } catch (err) {
|
|
|
|
+ uni.showToast({
|
|
|
|
+ icon: 'none',
|
|
|
|
+ title: err.msg
|
|
|
|
+ })
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
const rules = {
|
|
const rules = {
|
|
positionId:{
|
|
positionId:{
|
|
rules: [{required: true, errorMessage: '请选择期望岗位' }]
|
|
rules: [{required: true, errorMessage: '请选择期望岗位' }]
|
|
},
|
|
},
|
|
|
|
+ industryIdList:{
|
|
|
|
+ rules: [{required: true, errorMessage: '请选择期望行业' }]
|
|
|
|
+ },
|
|
payFrom:{
|
|
payFrom:{
|
|
rules: [{required: true, errorMessage: '请输入薪资最低要求' }]
|
|
rules: [{required: true, errorMessage: '请输入薪资最低要求' }]
|
|
},
|
|
},
|
|
@@ -63,9 +134,10 @@ const rules = {
|
|
const payToMin = ref(1)
|
|
const payToMin = ref(1)
|
|
const payChange = (val) => {
|
|
const payChange = (val) => {
|
|
payToMin.value = val
|
|
payToMin.value = val
|
|
- if (val > formData.payTo) formData.payTo = val
|
|
|
|
|
|
+ if (val > formData.value.payTo) formData.value.payTo = val
|
|
}
|
|
}
|
|
|
|
|
|
</script>
|
|
</script>
|
|
|
|
+
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
</style>
|
|
</style>
|