|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<ion-page>
|
|
|
- <ion-header>
|
|
|
+ <ion-header class="header-theme2">
|
|
|
<ion-toolbar>
|
|
|
<ion-buttons slot="start">
|
|
|
<ion-icon :icon="arrowBackOutline" @click="onCancel" style="padding-left:10px;width:24px;height:24px;"></ion-icon>
|
|
@@ -17,82 +17,84 @@
|
|
|
:class="[record.val < curStepData?.statusVal ? 'greenLine' : 'grayLine']"></div>
|
|
|
<div class="stepFlex-item-label">
|
|
|
<p class="stepFlex-item-label-title">{{ record.title }}</p>
|
|
|
-<!-- <p class="stepFlex-item-label-desc">{{ record.desc }}</p>-->
|
|
|
+ <p class="stepFlex-item-label-desc">{{ record.desc }}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <form ref="editForm" @submit.prevent="onSave">
|
|
|
+ <div class="bw-vue-form">
|
|
|
<ion-list class="canvasWrapper" >
|
|
|
- <ion-item-group>
|
|
|
- <ion-item>
|
|
|
- <div class="panel-title2">
|
|
|
- <div class="item-flag"></div>
|
|
|
- 求职意向
|
|
|
- </div>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">工种名称<span class="danger">*</span></ion-label>
|
|
|
- <ion-item :class="[huntDataValid.dataModel.workName.$error?'ion-invalid':'ion-valid']">
|
|
|
- <ion-input name="workName" id="workName" style="text-align: left;" class="custom"
|
|
|
- placeholder="请输入工种名称" v-model="dataModel.workName" ></ion-input>
|
|
|
- <ion-note slot="error">工种名称不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">求职类型<span class="danger">*</span></ion-label>
|
|
|
- <ion-item :class="[huntDataValid.dataModel.jobHuntType.$error?'ion-invalid':'ion-valid']">
|
|
|
+ <div class="form-title">求职意向</div>
|
|
|
+<!-- <div class="form-input">
|
|
|
+ <ion-label>工种名称<span class="danger">*</span></ion-label>
|
|
|
+ <ion-input name="workName" id="workName" style="text-align: left;" class="custom"
|
|
|
+ placeholder="请输入工种名称" v-model="dataModel.workName" ></ion-input>
|
|
|
+<!– <ion-note slot="error">工种名称不能为空</ion-note>–>
|
|
|
+ </div>-->
|
|
|
+ <div class="form-select">
|
|
|
+ <ion-label>求职类型<span class="danger">*</span></ion-label>
|
|
|
<ion-select name="jobHuntType" id="jobHuntType" okText="确定" cancelText="取消" v-model="dataModel.jobHuntType"
|
|
|
interface="action-sheet" placeholder="请选择求职类型" style="width:100%;text-align: left;">
|
|
|
<ion-select-option v-for=" (it,key) in jobHuntTypeList" :key="key" :value="it.value">
|
|
|
{{ it.name }}
|
|
|
</ion-select-option>
|
|
|
</ion-select>
|
|
|
- <ion-note slot="error">求职类型不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">求职岗位<span class="danger">*</span></ion-label>
|
|
|
- <ion-item :class="[huntDataValid.dataModel.postID.$error?'ion-invalid':'ion-valid']">
|
|
|
+<!-- <ion-note slot="error">求职类型不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-select">
|
|
|
+ <ion-label>求职岗位<span class="danger">*</span></ion-label>
|
|
|
<ion-select name="postID" id="postID" okText="确定" cancelText="取消" v-model="dataModel.postID"
|
|
|
interface="action-sheet" placeholder="请选择求职岗位" style="width:100%;text-align: left;">
|
|
|
<ion-select-option v-for=" (it,key) in allPostList" :key="key" :value="it.postID">
|
|
|
{{ it.postName }}
|
|
|
</ion-select-option>
|
|
|
</ion-select>
|
|
|
- <ion-note slot="error">求职岗位不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">人才类型<span class="danger">*</span></ion-label>
|
|
|
- <ion-item :class="[huntDataValid.dataModel.jobUserType.$error?'ion-invalid':'ion-valid']">
|
|
|
+<!-- <ion-note slot="error">求职岗位不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-select">
|
|
|
+ <ion-label>人才类型<span class="danger">*</span></ion-label>
|
|
|
<ion-select name="jobUserType" id="jobUserType" okText="确定" cancelText="取消" v-model="dataModel.jobUserType"
|
|
|
interface="action-sheet" placeholder="请选择人才类型" style="width:100%;text-align: left;">
|
|
|
<ion-select-option v-for=" (it,key) in jobUserTypeList" :key="key" :value="it.value">
|
|
|
{{ it.name }}
|
|
|
</ion-select-option>
|
|
|
</ion-select>
|
|
|
- <ion-note slot="error">人才类型不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">月薪要求(元)<span class="danger">*</span></ion-label>
|
|
|
- <ion-item :class="[huntDataValid.dataModel.maxSalary.$error||huntDataValid.dataModel.minSalary.$error?'ion-invalid':'ion-valid']">
|
|
|
- <ion-input inputmode="numeric" name="minSalary" id="minSalary" style="text-align: left;" class="custom"
|
|
|
- placeholder="请输入最低薪资" v-model="dataModel.minSalary" ></ion-input>
|
|
|
- <span style="padding-left:20px;padding-right:20px;">至</span>
|
|
|
- <ion-input inputmode="numeric" name="maxSalary" id="maxSalary" style="text-align: left;" class="custom"
|
|
|
- placeholder="请输入最高薪资" v-model="dataModel.maxSalary" ></ion-input>
|
|
|
- <ion-note slot="error">月薪要求不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">工作年限<span class="danger">*</span></ion-label>
|
|
|
- <ion-item :class="[huntDataValid.dataModel.workYear.$error?'ion-invalid':'ion-valid']">
|
|
|
- <ion-select name="workYear" id="workYear" okText="确定" cancelText="取消" v-model="dataModel.workYear"
|
|
|
+<!-- <ion-note slot="error">人才类型不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>月薪要求(元)<span class="danger">*</span></ion-label>
|
|
|
+ <div>
|
|
|
+ <ion-input placeholder="请输入最低薪资" label-placement="stacked" style="float:left;width:40%;"
|
|
|
+ v-model="dataModel.minSalary" class="custom">
|
|
|
+ </ion-input>
|
|
|
+ <ion-label style="float:left;width:5%;padding-top: 8px;">至</ion-label>
|
|
|
+ <ion-input placeholder="请输入最高薪资" label-placement="stacked" style="float:left;width:40%;"
|
|
|
+ v-model="dataModel.maxSalary" class="custom">
|
|
|
+ </ion-input>
|
|
|
+ <!-- <ion-note slot="error">月薪要求不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="overflow: hidden;width:100%;"></div>
|
|
|
+ <div class="form-select">
|
|
|
+ <ion-label>工作年限<span class="danger">*</span></ion-label>
|
|
|
+ <ion-select name="workYear" id="workYear" okText="确定" cancelText="取消" v-model="dataModel.workYear"
|
|
|
interface="action-sheet" placeholder="请选择工作年限" style="width:100%;text-align: left;">
|
|
|
<ion-select-option v-for=" (it,key) in workYearTypeList" :key="key" :value="it.value">
|
|
|
{{ it.name }}
|
|
|
</ion-select-option>
|
|
|
</ion-select>
|
|
|
- <ion-note slot="error">工作年限不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">期望工作地区<span class="danger">*</span></ion-label>
|
|
|
- <ion-item :class="[huntDataValid.dataModel.areaWork.$error?'ion-invalid':'ion-valid']">
|
|
|
- <ion-input name="areaWork" id="areaWork" style="text-align: left;" class="custom"
|
|
|
+<!-- <ion-note slot="error">工作年限不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>期望工作地区<span class="danger">*</span></ion-label>
|
|
|
+ <ion-input name="areaWork" id="areaWork" style="text-align: left;" class="custom"
|
|
|
placeholder="请输入期望工作地区" v-model="dataModel.areaWork" ></ion-input>
|
|
|
- <ion-note slot="error">期望工作地区不能为空</ion-note>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">可到职日期<span class="danger">*</span></ion-label>
|
|
|
- <ion-item :class="[huntDataValid.dataModel.inDate.$error?'ion-invalid':'ion-valid']">
|
|
|
- <ion-datetime-button datetime="inDate" style="background-color: white;"></ion-datetime-button>
|
|
|
+<!-- <ion-note slot="error">期望工作地区不能为空</ion-note>-->
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>可到职日期<span class="danger">*</span></ion-label>
|
|
|
+ <ion-datetime-button datetime="inDate" style="position: relative;right:110px;"></ion-datetime-button>
|
|
|
<ion-modal :keep-contents-mounted="true">
|
|
|
<ion-datetime name="inDate" id="inDate" placeholder="可到职日期"
|
|
|
v-model="dataModel.inDate" :prefer-wheel="true"
|
|
@@ -100,20 +102,20 @@
|
|
|
:show-default-buttons="true">
|
|
|
</ion-datetime>
|
|
|
</ion-modal>
|
|
|
- </ion-item>
|
|
|
- <ion-label class="title-item">其他信息</ion-label>
|
|
|
- <ion-item>
|
|
|
- <ion-textarea name="areaWork" id="otherDemand" style="text-align: left;" class="custom" rows="4"
|
|
|
- placeholder="请输入其他信息" v-model="dataModel.otherDemand" ></ion-textarea>
|
|
|
- </ion-item>
|
|
|
- </ion-item-group>
|
|
|
+ </div>
|
|
|
+ <div class="form-input">
|
|
|
+ <ion-label>其他信息</ion-label>
|
|
|
+ <ion-textarea placeholder="请输入其他信息" :rows="3" label-placement="stacked"
|
|
|
+ v-model="dataModel.otherDemand" class="custom" style="border-bottom: 1px solid #fff2e8;">
|
|
|
+ </ion-textarea>
|
|
|
+ </div>
|
|
|
</ion-list>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
</ion-content>
|
|
|
<ion-footer>
|
|
|
<ion-toolbar>
|
|
|
- <div slot="end">
|
|
|
- <ion-button shape="round" expand="block" @click="onSave">保 存</ion-button>
|
|
|
- </div>
|
|
|
+ <ion-button style="width: 100%;" @click="onSave">保 存</ion-button>
|
|
|
</ion-toolbar>
|
|
|
<ion-loading
|
|
|
:is-open="loading"
|
|
@@ -164,9 +166,11 @@ export default defineComponent({
|
|
|
statusVal: 2
|
|
|
});
|
|
|
const stepList = ref([
|
|
|
- {title: '个人基础信息', desc: '个人基础信息', val: 1},
|
|
|
- {title: '完善教育经历', desc: '完善个人教育经历',val: 2},
|
|
|
- {title: '个人求职意向', desc: '个人求职意向', val: 3}]);
|
|
|
+ {title: '基础信息', desc: '个人基础信息', val: 1},
|
|
|
+ {title: '教育经历', desc: '完善教育经历',val: 2},
|
|
|
+ {title: '工作经验', desc: '完善工作经验', val: 3},
|
|
|
+ {title: '求职意向', desc: '个人求职意向', val: 4}
|
|
|
+ ]);
|
|
|
const allPostList = ref([]);
|
|
|
const jobHuntTypeList = ref<SelectProps[]>([]);
|
|
|
const jobUserTypeList = ref<SelectProps[]>([]);
|
|
@@ -299,10 +303,9 @@ export default defineComponent({
|
|
|
});
|
|
|
</script>
|
|
|
<style lang="less">
|
|
|
-ion-input.custom{
|
|
|
+.custom{
|
|
|
--placeholder-color: gray;
|
|
|
- --placeholder-font-style:oblique;
|
|
|
- --placeholder-opacity: 1;
|
|
|
+ --placeholder-opacity: 0.5;
|
|
|
}
|
|
|
|
|
|
.title-item{
|