|
|
@@ -1,307 +1,419 @@
|
|
|
<template>
|
|
|
- <div class="mainBox">
|
|
|
- <!-- 浮动目录 -->
|
|
|
- <div class="floating-menu"
|
|
|
- style="position: fixed; top: 20%; right: 130px; transform: translate(-50%, -50%); z-index: 222; opacity: 0.8;">
|
|
|
- <div class="menu-item" @click="scrollToSection('personalInfo')">个人信息</div>
|
|
|
- <div class="menu-item" @click="scrollToSection('jobIntentions')">求职意向</div>
|
|
|
- <div class="menu-item" @click="scrollToSection('professionalSkills')">专业技能</div>
|
|
|
- <div class="menu-item" @click="scrollToSection('workExperience')">工作经验</div>
|
|
|
- <div class="menu-item" @click="scrollToSection('educationExperience')">教育经历</div>
|
|
|
- </div>
|
|
|
- <div class="layerBox">
|
|
|
-
|
|
|
- <div id="personalInfo">
|
|
|
- <tableTitle name="个人信息" />
|
|
|
- <!-- 个人信息表单内容 -->
|
|
|
- </div>
|
|
|
- <el-form :model="form" ref="form" :rules="formRules" label-position="left" label-width="120px">
|
|
|
- <div class="formDiv">
|
|
|
- <el-form-item label="头像：" class="custom-align-right" prop="imgUrl">
|
|
|
- <div class="uploaderBox">
|
|
|
- <el-upload class="avatar-uploader" action="#" :show-file-list="false" :before-upload="beforeAvatarUpload">
|
|
|
- <!-- <img v-if="imgUrl" :src="imgUrl" class="avatar">
|
|
|
- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
|
|
|
- <!-- 预览图片 -->
|
|
|
- <img v-if="imgUrl" :src="imgUrl" class="avatar">
|
|
|
- <!-- 上传图标 -->
|
|
|
- <!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
|
|
|
- <div v-else class="chooseImgDiv">
|
|
|
- <div>
|
|
|
- <img src="@/assets/public/upload/noImage.png">
|
|
|
- <div>选择图片</div>
|
|
|
- </div>
|
|
|
+ <div class="mainBox">
|
|
|
+ <div class="layerBox">
|
|
|
+ <div id="personalInfo">
|
|
|
+ <tableTitle name="简历详情" />
|
|
|
+ <div class="job_color_box">
|
|
|
+ <div class="index_1 clearfix">
|
|
|
+ <div class="seek_head_box clearfix">
|
|
|
+ <div class="seek_head_left">
|
|
|
+ <a class="seek_head_a seek_head_only" title="">个人简历</a>
|
|
|
+ </div>
|
|
|
+ <div class="seek_head_right_box clearfix">
|
|
|
+ <span class="seek_head_right_text">更新时间：{{ updated_time }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="index_1_left clearfix">
|
|
|
+ <div class="seek_introduce_box clearfix">
|
|
|
+ <div class="seek_introduce_left clearfix">
|
|
|
+ <div class="seek_introduce_head clearfix">
|
|
|
+ <h4 class="seek_introduce_h4">{{ form.name }}</h4>
|
|
|
+ </div>
|
|
|
+ <div class="seek_introduce_title_box clearfix">
|
|
|
+ <span class="seek_introduce_label">期望岗位：</span>
|
|
|
+ <!-- <span class="seek_introduce_title">编辑 记者 网站编辑 </span> -->
|
|
|
+ <span class="seek_introduce_title"> {{ job_name_str }} </span>
|
|
|
+ <span class="seek_introduce_label">待遇：</span>
|
|
|
+ <span class="seek_introduce_title">{{ salary_str }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="seek_introduce_foot clearfix">
|
|
|
+ <span class="seek_introduce_foot_text">{{ form.sexy == 1 ? '男' : '女' }}</span>
|
|
|
+ <span class="seek_introduce_foot_text">{{ birth_str }}</span>
|
|
|
+ <span class="seek_introduce_foot_text">籍贯：{{ form.origin }}</span>
|
|
|
+ <span class="seek_introduce_foot_text"> {{ educat_top_str }}</span>
|
|
|
+ <span class="seek_introduce_foot_text">{{ job_experience_str }}</span>
|
|
|
+ <span class="seek_introduce_foot_text"> 工作地点：{{ work_city_str }} </span>
|
|
|
+ <span class="seek_introduce_foot_text"> {{ language_str }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="index_1_right clearfix">
|
|
|
+ <img class="index_1_right_img" :src="imgUrl" title="" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="index_2 clearfix">
|
|
|
+ <div class="seek_head_box clearfix">
|
|
|
+ <div class="seek_head_left">
|
|
|
+ <a class="seek_head_a seek_head_only" title="">自我介绍</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <article class="seek_article">
|
|
|
+ {{ my_introduce }}
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+ <div class="index_3 clearfix">
|
|
|
+ <div class="seek_head_box clearfix">
|
|
|
+ <div class="seek_head_left">
|
|
|
+ <a class="seek_head_a seek_head_only" title="">工作经历</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="seek_in clearfix" v-for="(per_obj, per_index) in job_experience_introduce_arr"
|
|
|
+ :key="per_obj">
|
|
|
+ <div class="seek_in_head clearfix">
|
|
|
+ <span class="seek_in_head_text">{{ per_index + 1 }}{{ per_obj.company_name }}</span>
|
|
|
+ <span class="seek_in_head_text">职位类别：{{ per_obj.job_typename }} </span>
|
|
|
+ <span class="seek_in_head_text">具体职位：{{ per_obj.job_name }} </span>
|
|
|
+ <span class="seek_in_head_text">{{ per_obj.job_timeList }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="seek_in_ul clearfix">
|
|
|
+ <div class="seek_in_li clearfix">
|
|
|
+ <label class="seek_in_label">工作内容：</label>
|
|
|
+ <div class="seek_in_li_text">
|
|
|
+ {{ per_obj.job_content }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="seek_in_li clearfix">
|
|
|
+ <label class="seek_in_label">工作业绩：</label>
|
|
|
+ <div class="seek_in_li_text">{{ per_obj.performance }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="index_4 clearfix">
|
|
|
+ <div class="seek_head_box clearfix">
|
|
|
+ <div class="seek_head_left">
|
|
|
+ <a class="seek_head_a seek_head_only" title="">教育背景</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="seek_in clearfix" v-for="(per_obj, per_index) in education_experience_introduce_arr"
|
|
|
+ :key="per_obj">
|
|
|
+ <div class="seek_in_head clearfix">
|
|
|
+ <span class="seek_in_head_text">{{ per_index + 1 }} {{ per_obj.school_name }}</span>
|
|
|
+ <span class="seek_in_head_text">{{ per_obj.school_education }}</span>
|
|
|
+ <span class="seek_in_head_text">{{ per_obj.school_major }}</span>
|
|
|
+ <span class="seek_in_head_text">{{ per_obj.school_timeList }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="seek_in_ul clearfix">
|
|
|
+ <div class="seek_in_li clearfix">
|
|
|
+ <label class="seek_in_label">在校经历：</label>
|
|
|
+ <div class="seek_in_li_text">{{ per_obj.school_experience }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="index_5 clearfix">
|
|
|
+ <div class="seek_head_box clearfix">
|
|
|
+ <div class="seek_head_left">
|
|
|
+ <a class="seek_head_a seek_head_only" title="">专业技能</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="seek_in clearfix">
|
|
|
+ <div class="seek_in_ul clearfix">
|
|
|
+ <div class="seek_in_li clearfix" v-for="(per_obj, per_index) in profession_skill_arr"
|
|
|
+ :key="per_obj">
|
|
|
+ <label class="seek_in_label">技能：</label>
|
|
|
+ <div class="seek_in_li_text"> {{ per_obj.skill }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="index_6 clearfix">
|
|
|
+ <div class="seek_head_box clearfix">
|
|
|
+ <div class="seek_head_left">
|
|
|
+ <a class="seek_head_a seek_head_only" title="">联系方式</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="seek_in clearfix">
|
|
|
+ <article class="seek_article_2">
|
|
|
+ {{ contact_way_phone }}
|
|
|
+ </article>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
- </el-upload>
|
|
|
- <div class="imgBox" style="color:red;margin-left: 00px ;margin-bottom: 0px; padding-top: 0px;">
|
|
|
- 请添加图片，上传格式要求jpg、gif、png，不大于500 k</div>
|
|
|
</div>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="姓名：" prop="name" class="custom-align-right">
|
|
|
- <template #label>
|
|
|
- <span class="askBox">
|
|
|
- 姓名：
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <el-input v-model="form.name" autocomplete="off" placeholder="请输入姓名"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <div v-if="creatNews_user_type != 10000">
|
|
|
- <el-form-item label="展示名称：" prop="cat_arr_id" class="custom-align-right">
|
|
|
- <el-cascader :key="parentKey" v-model="form.cat_arr_id" placeholder="请选择要绑定的展示名称" :props="parentData"
|
|
|
- filterable clearable></el-cascader>
|
|
|
- </el-form-item>
|
|
|
- </div>
|
|
|
- <div v-if="creatNews_user_type == 10000">
|
|
|
-
|
|
|
- <el-form-item label="站点名称：" prop="cat_arr_id" class="custom-align-right">
|
|
|
- <el-cascader :key="parentKey" v-model="form.web_site_id" placeholder="请选择站点名称"
|
|
|
- :options="creatNews_nav_pool_arr" @change="creatNews_nav_pool_change_fun(form.web_site_id)" filterable
|
|
|
- clearable></el-cascader>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
-
|
|
|
- <el-form-item label="展示名称：" prop="cat_arr_id" class="custom-align-right">
|
|
|
- <el-cascader :key="parentKey_2" v-model="form.cat_arr_id" placeholder="请选择要绑定的父级导航" :props="parentData_2"
|
|
|
- filterable clearable></el-cascader>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- </div>
|
|
|
- <el-form-item label="性别：" prop="sexy" class="custom-align-right">
|
|
|
- <el-radio-group v-model="form.sexy">
|
|
|
- <el-radio :label="1">男</el-radio>
|
|
|
- <el-radio :label="2">女</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="参加工作时间：" prop="jobtime" class="custom-align-right">
|
|
|
- <el-date-picker v-model="form.jobtime" type="date" placeholder="选择参加工作时间">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <!-- {{ years }}
|
|
|
+ <el-row>
|
|
|
+ <el-button @click="$router.go(-1);" class="job_foot_btn" type="info" round>
|
|
|
+ 返回
|
|
|
+ </el-button>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <!-- 浮动目录 -->
|
|
|
+ <div class="floating-menu"
|
|
|
+ style="position: fixed; top: 20%; right: 130px; transform: translate(-50%, -50%); z-index: 222; opacity: 0.8; display: none;">
|
|
|
+ <div class="menu-item" @click="scrollToSection('personalInfo')">5个人信息</div>
|
|
|
+ <div class="menu-item" @click="scrollToSection('jobIntentions')">求职意向</div>
|
|
|
+ <div class="menu-item" @click="scrollToSection('professionalSkills')">专业技能</div>
|
|
|
+ <div class="menu-item" @click="scrollToSection('workExperience')">工作经验</div>
|
|
|
+ <div class="menu-item" @click="scrollToSection('educationExperience')">教育经历</div>
|
|
|
+ </div>
|
|
|
+ <div class="layerBox" style="display: none;">
|
|
|
+ <div id="personalInfo">
|
|
|
+ <tableTitle name="个人信息" />
|
|
|
+ <!-- 个人信息表单内容 -->
|
|
|
+ </div>
|
|
|
+ <el-form :model="form" ref="form" :rules="formRules" label-position="left" label-width="120px">
|
|
|
+ <div class="formDiv">
|
|
|
+ <el-form-item label="头像：" class="custom-align-right" prop="imgUrl">
|
|
|
+ <div class="uploaderBox">
|
|
|
+ <el-upload class="avatar-uploader" action="#" :show-file-list="false"
|
|
|
+ :before-upload="beforeAvatarUpload">
|
|
|
+ <!-- <img v-if="imgUrl" :src="imgUrl" class="avatar">
|
|
|
+ <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
|
|
|
+ <!-- 预览图片 -->
|
|
|
+ <img v-if="imgUrl" :src="imgUrl" class="avatar">
|
|
|
+ <!-- 上传图标 -->
|
|
|
+ <!-- <i v-else class="el-icon-plus avatar-uploader-icon"></i> -->
|
|
|
+ <div v-else class="chooseImgDiv">
|
|
|
+ <div>
|
|
|
+ <img src="@/assets/public/upload/noImage.png">
|
|
|
+ <div>选择图片</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ <div class="imgBox"
|
|
|
+ style="color:red;margin-left: 00px ;margin-bottom: 0px; padding-top: 0px;">
|
|
|
+ 请添加图片，上传格式要求jpg、gif、png，不大于500 k</div>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="姓名：" prop="name" class="custom-align-right">
|
|
|
+ <template #label>
|
|
|
+ <span class="askBox">
|
|
|
+ 姓名：
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <el-input v-model="form.name" autocomplete="off" placeholder="请输入姓名"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <div v-if="creatNews_user_type != 10000">
|
|
|
+ <el-form-item label="展示名称：" prop="cat_arr_id" class="custom-align-right">
|
|
|
+ <el-cascader :key="parentKey" v-model="form.cat_arr_id" placeholder="请选择要绑定的展示名称"
|
|
|
+ :props="parentData" filterable clearable></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <div v-if="creatNews_user_type == 10000">
|
|
|
+ <el-form-item label="站点名称：" prop="cat_arr_id" class="custom-align-right">
|
|
|
+ <el-cascader :key="parentKey" v-model="form.web_site_id" placeholder="请选择站点名称"
|
|
|
+ :options="creatNews_nav_pool_arr"
|
|
|
+ @change="creatNews_nav_pool_change_fun(form.web_site_id)" filterable
|
|
|
+ clearable></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="展示名称：" prop="cat_arr_id" class="custom-align-right">
|
|
|
+ <el-cascader :key="parentKey_2" v-model="form.cat_arr_id" placeholder="请选择要绑定的父级导航"
|
|
|
+ :props="parentData_2" filterable clearable></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <el-form-item label="性别：" prop="sexy" class="custom-align-right">
|
|
|
+ <el-radio-group v-model="form.sexy">
|
|
|
+ <el-radio :label="1">男</el-radio>
|
|
|
+ <el-radio :label="2">女</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="参加工作时间：" prop="jobtime" class="custom-align-right">
|
|
|
+ <el-date-picker v-model="form.jobtime" type="date" placeholder="选择参加工作时间">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- {{ years }}
|
|
|
{{ form.experience }} -->
|
|
|
- <el-form-item label="工作经验：" prop="experience" class="custom-align-right" style="width: 100%;">
|
|
|
- <el-select v-model="form.experience" placeholder="请选择工作经验">
|
|
|
- <el-option v-for="item in years" :key="item.evalue" :label="item.ename" :value="item.evalue"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <el-form-item label="手机号：" prop="phone" class="custom-align-right">
|
|
|
- <el-input v-model="form.phone" autocomplete="off" placeholder="请输入手机号"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="微信号：" prop="wx" class="custom-align-right">
|
|
|
- <el-input v-model="form.wx" autocomplete="off" placeholder="请输入微信号"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="出生年月：" prop="validity" class="custom-align-right">
|
|
|
- <el-date-picker v-model="form.birth" type="date" placeholder="选择出生年月">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="最高学历：" class="custom-align-right" style="width: 100%;">
|
|
|
- <el-select v-model="form.educational" placeholder="请选择最高学历" @change='changeCompanyNature()'>
|
|
|
- <el-option v-for="item in educations" :key="item.evalue" :label="item.ename"
|
|
|
- :value="item.evalue"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="政治面貌：" class="custom-align-right" style="width: 100%;">
|
|
|
- <el-select v-model="form.politic" placeholder="请选择政治面貌">
|
|
|
- <el-option label="群众" :value="1"></el-option>
|
|
|
- <el-option label="团员" :value="2"></el-option>
|
|
|
- <el-option label="党员" :value="3"></el-option>
|
|
|
- <el-option label="其他" :value="4"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="籍贯：" prop="origin" class="custom-align-right">
|
|
|
- <el-input v-model="form.origin" autocomplete="off" placeholder="请输入籍贯"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="语言能力：" class="custom-align-right" style="width: 100%; display: inline;">
|
|
|
- <el-select v-model="form.language" placeholder="请选择语种" style="width: 40%;" @change='changeCompanyNature()'>
|
|
|
- <el-option v-for="item in languages" :key="item.evalue" :label="item.ename"
|
|
|
- :value="item.evalue"></el-option>
|
|
|
- </el-select>
|
|
|
- <el-select v-model="form.level" placeholder="请选择掌握程度" style="width: 40%;" @change='changeCompanyNature()'>
|
|
|
- <el-option v-for="item in languagetypes" :key="item.evalue" :label="item.ename"
|
|
|
- :value="item.evalue"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-divider content-position="right"> </el-divider> -->
|
|
|
- <div id="jobIntentions" style="margin: 10px 0px;">
|
|
|
- <tableTitle name="求职意向" />
|
|
|
- <!-- 求职意向表单内容 -->
|
|
|
- </div>
|
|
|
- <el-form-item label="工作地点：" prop="city_arr_id" class="custom-align-right">
|
|
|
- <el-cascader :key="cascaderKey" v-model="form.city_arr_id" placeholder="请选择工作地点" :props="cityData"
|
|
|
- filterable clearable></el-cascader>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="职位性质：" class="custom-align-right" style="width: 100%;">
|
|
|
- <el-select v-model="form.politic" placeholder="请选择职位性质" @change='changeCompanyNature()'>
|
|
|
- <el-option v-for="item in natures" :key="item.evalue" :label="item.ename"
|
|
|
- :value="item.evalue"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <el-form-item label="所属行业：" prop="industry" class="custom-align-right" style="width: 100%;">
|
|
|
- <el-select v-model="form.industry" placeholder="请选择所属行业">
|
|
|
- <el-option v-for="item in jobIndustry" :key="item.hyid" :label="item.hyname"
|
|
|
- :value="item.hyid"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="职位分类：" prop="job" class="custom-align-right">
|
|
|
- <el-select v-model="form.job" placeholder="请选择职位名称">
|
|
|
- <el-option v-for="item in jobPosition" :key="item.zwid" :label="item.zwname"
|
|
|
- :value="item.zwid"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="职位名称：" prop="job_name_get" class="custom-align-right">
|
|
|
- <el-input v-model="form.job_name_get" autocomplete="off" placeholder="请输入职位名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <el-form-item label="公司性质：" v-if="jobNature" prop="company_nature" class="custom-align-right">
|
|
|
- <el-select v-model="form.company_nature" placeholder="请选择公司性质" @change='changeCompanyNature()'>
|
|
|
- <el-option v-for="item in jobNature" :key="item.evalue" :label="item.nature_name" :value="item.evalue">
|
|
|
- </el-option>
|
|
|
-
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="薪资范围：" prop="salary" class="custom-align-right">
|
|
|
- <el-select v-model="form.salary" placeholder="请选择薪资范围" @change='changeCompanyNature()'>
|
|
|
- <el-option v-for="item in incomes" :key="item.evalue" :label="item.ename"
|
|
|
- :value="item.evalue"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="个人评价：" prop="self_evaluation" class="custom-align-right">
|
|
|
- <el-input v-model="form.self_evaluation" autocomplete="off" type="textarea" aria-rowspan="6"
|
|
|
- placeholder="请输入个人评价"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-divider content-position="right"> </el-divider> -->
|
|
|
- <div id="professionalSkills">
|
|
|
- <tableTitle name="专业技能" />
|
|
|
- <!-- 专业技能表单内容 -->
|
|
|
- </div>
|
|
|
- <el-form-item style="margin: 0px;">
|
|
|
- <el-button type="primary" @click="addSkill" style="display:inline-block;float: right;margin-bottom: 0px;">
|
|
|
- +
|
|
|
- 添加</el-button>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item v-for="(item, index) in form.skillList" :key="index" :label="'技能' + (index + 1) + '：'"
|
|
|
- prop="skillList" class="custom-align-right">
|
|
|
- <el-input v-model="form.skillList[index].skill" autocomplete="off" placeholder="请输入专业技能"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <div id="workExperience">
|
|
|
- <tableTitle name="工作经历" />
|
|
|
- </div>
|
|
|
- <el-form-item style="margin: 0px;">
|
|
|
- <el-button type="primary" @click="addExperience"
|
|
|
- style="display:inline-block ;float: right;margin-bottom: 0px;">
|
|
|
- +
|
|
|
- 添加</el-button>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
-
|
|
|
- <div v-for="(item, index) in form.job_experience" :key="index">
|
|
|
-
|
|
|
- <el-form-item label="公司名称：" prop="company_name" class="custom-align-right" style="width: 100%;">
|
|
|
- <el-input v-model="form.job_experience[index].company_name" autocomplete="off"
|
|
|
- placeholder="请输入公司名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
-
|
|
|
- <el-form-item label="所属行业：" prop="job_industry" class="custom-align-right" style="width: 100%;">
|
|
|
- <el-select v-model="form.job_experience[index].job_industry" placeholder="请选择所属行业"
|
|
|
- @change='changeCompanyNature()'>
|
|
|
- <el-option v-for="item in jobIndustry" :key="item.hyid" :label="item.hyname"
|
|
|
- :value="item.hyid"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="职位名称：" prop="job_name" class="custom-align-right">
|
|
|
- <el-select v-model="form.job_experience[index].job_name" placeholder="请选择职位名称"
|
|
|
- @change='changeCompanyNature()'>
|
|
|
- <el-option v-for="item in jobPosition" :key="item.zwid" :label="item.zwname"
|
|
|
- :value="item.zwid"></el-option>
|
|
|
-
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所属部门：" prop="department" class="custom-align-right">
|
|
|
- <el-input v-model="form.job_experience[index].department" autocomplete="off"
|
|
|
- placeholder="请输入所属部门"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="在职时间：" prop="job_timeList" class="custom-align-right">
|
|
|
- <el-date-picker v-model="form.job_experience[index].job_timeList" type="daterange" range-separator="至"
|
|
|
- start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="工作内容：" prop="job_content" class="custom-align-right">
|
|
|
- <el-input v-model="form.job_experience[index].job_content" autocomplete="off" type="textarea"
|
|
|
- aria-rowspan="6" placeholder="请输入工作内容"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="工作业绩：" prop="performance" class="custom-align-right">
|
|
|
- <el-input v-model="form.job_experience[index].performance" autocomplete="off" type="textarea"
|
|
|
- aria-rowspan="6" placeholder="请输入工作业绩"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-divider></el-divider>
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
- <div id="educationExperience">
|
|
|
- <tableTitle name="教育经历" />
|
|
|
- <!-- 教育经历表单内容 -->
|
|
|
- </div>
|
|
|
- <el-form-item style="margin: 0px;">
|
|
|
- <el-button type="primary" @click="addEducation"
|
|
|
- style="display:inline-block ;float: right;margin-bottom: 0px;">
|
|
|
- +
|
|
|
- 添加</el-button>
|
|
|
- </el-form-item>
|
|
|
- <div v-for="(item, index) in form.education_experience" :key="index">
|
|
|
- <el-form-item label="学校名称:" prop="school_name" class="custom-align-right">
|
|
|
- <el-input v-model="form.education_experience[index].school_name" autocomplete="off"
|
|
|
- placeholder="请输入学校名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="学历：" prop="school_education" class="custom-align-right" style="width: 100%;">
|
|
|
- <el-select v-model="form.education_experience[index].school_education" placeholder="请选择学历"
|
|
|
- @change='changeCompanyNature()'>
|
|
|
- <el-option v-for="item in educations" :key="item.evalue" :label="item.ename"
|
|
|
- :value="item.evalue"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="专业：" prop="school_major" class="custom-align-right">
|
|
|
- <el-input v-model="form.education_experience[index].school_major" autocomplete="off"
|
|
|
- placeholder="请输入专业"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
-
|
|
|
- <el-form-item label="时间段：" prop="school_timeList" class="custom-align-right">
|
|
|
- <el-date-picker v-model="form.education_experience[index].school_timeList" type="daterange"
|
|
|
- range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="在校经历:" prop="school_experience" class="custom-align-right">
|
|
|
- <el-input v-model="form.education_experience[index].school_experience" autocomplete="off" type="textarea"
|
|
|
- aria-rowspan="6" placeholder="请输入在校经历"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <!-- <el-divider content-position="right"> </el-divider> -->
|
|
|
- </div>
|
|
|
+ <el-form-item label="工作经验：" prop="experience" class="custom-align-right" style="width: 100%;">
|
|
|
+ <el-select v-model="form.experience" placeholder="请选择工作经验">
|
|
|
+ <el-option v-for="item in years" :key="item.evalue" :label="item.ename"
|
|
|
+ :value="item.evalue"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="手机号：" prop="phone" class="custom-align-right">
|
|
|
+ <el-input v-model="form.phone" autocomplete="off" placeholder="请输入手机号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="微信号：" prop="wx" class="custom-align-right">
|
|
|
+ <el-input v-model="form.wx" autocomplete="off" placeholder="请输入微信号"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="出生年月：" prop="validity" class="custom-align-right">
|
|
|
+ <el-date-picker v-model="form.birth" type="date" placeholder="选择出生年月">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="最高学历：" class="custom-align-right" style="width: 100%;">
|
|
|
+ <el-select v-model="form.educational" placeholder="请选择最高学历" @change='changeCompanyNature()'>
|
|
|
+ <el-option v-for="item in educations" :key="item.evalue" :label="item.ename"
|
|
|
+ :value="item.evalue"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="政治面貌：" class="custom-align-right" style="width: 100%;">
|
|
|
+ <el-select v-model="form.politic" placeholder="请选择政治面貌">
|
|
|
+ <el-option label="群众" :value="1"></el-option>
|
|
|
+ <el-option label="团员" :value="2"></el-option>
|
|
|
+ <el-option label="党员" :value="3"></el-option>
|
|
|
+ <el-option label="其他" :value="4"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="籍贯：" prop="origin" class="custom-align-right">
|
|
|
+ <el-input v-model="form.origin" autocomplete="off" placeholder="请输入籍贯"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="语言能力：" class="custom-align-right" style="width: 100%; display: inline;">
|
|
|
+ <el-select v-model="form.language" placeholder="请选择语种" style="width: 40%;"
|
|
|
+ @change='changeCompanyNature()'>
|
|
|
+ <el-option v-for="item in languages" :key="item.evalue" :label="item.ename"
|
|
|
+ :value="item.evalue"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select v-model="form.level" placeholder="请选择掌握程度" style="width: 40%;"
|
|
|
+ @change='changeCompanyNature()'>
|
|
|
+ <el-option v-for="item in languagetypes" :key="item.evalue" :label="item.ename"
|
|
|
+ :value="item.evalue"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-divider content-position="right"> </el-divider> -->
|
|
|
+ <div id="jobIntentions" style="margin: 10px 0px;">
|
|
|
+ <tableTitle name="求职意向" />
|
|
|
+ <!-- 求职意向表单内容 -->
|
|
|
+ </div>
|
|
|
+ <el-form-item label="工作地点：" prop="city_arr_id" class="custom-align-right">
|
|
|
+ <el-cascader :key="cascaderKey" v-model="form.city_arr_id" placeholder="请选择工作地点"
|
|
|
+ :props="cityData" filterable clearable></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="职位性质：" class="custom-align-right" style="width: 100%;">
|
|
|
+ <el-select v-model="form.politic" placeholder="请选择职位性质" @change='changeCompanyNature()'>
|
|
|
+ <el-option v-for="item in natures" :key="item.evalue" :label="item.ename"
|
|
|
+ :value="item.evalue"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="所属行业：" prop="industry" class="custom-align-right" style="width: 100%;">
|
|
|
+ <el-select v-model="form.industry" placeholder="请选择所属行业">
|
|
|
+ <el-option v-for="item in jobIndustry" :key="item.hyid" :label="item.hyname"
|
|
|
+ :value="item.hyid"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="职位分类：" prop="job" class="custom-align-right">
|
|
|
+ <el-select v-model="form.job" placeholder="请选择职位名称">
|
|
|
+ <el-option v-for="item in jobPosition" :key="item.zwid" :label="item.zwname"
|
|
|
+ :value="item.zwid"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="职位名称：" prop="job_name_get" class="custom-align-right">
|
|
|
+ <el-input v-model="form.job_name_get" autocomplete="off" placeholder="请输入职位名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="公司性质：" v-if="jobNature" prop="company_nature" class="custom-align-right">
|
|
|
+ <el-select v-model="form.company_nature" placeholder="请选择公司性质" @change='changeCompanyNature()'>
|
|
|
+ <el-option v-for="item in jobNature" :key="item.evalue" :label="item.nature_name"
|
|
|
+ :value="item.evalue">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="薪资范围：" prop="salary" class="custom-align-right">
|
|
|
+ <el-select v-model="form.salary" placeholder="请选择薪资范围" @change='changeCompanyNature()'>
|
|
|
+ <el-option v-for="item in incomes" :key="item.evalue" :label="item.ename"
|
|
|
+ :value="item.evalue"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="个人评价：" prop="self_evaluation" class="custom-align-right">
|
|
|
+ <el-input v-model="form.self_evaluation" autocomplete="off" type="textarea" aria-rowspan="6"
|
|
|
+ placeholder="请输入个人评价"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-divider content-position="right"> </el-divider> -->
|
|
|
+ <div id="professionalSkills">
|
|
|
+ <tableTitle name="专业技能" />
|
|
|
+ <!-- 专业技能表单内容 -->
|
|
|
+ </div>
|
|
|
+ <el-form-item style="margin: 0px;">
|
|
|
+ <el-button type="primary" @click="addSkill"
|
|
|
+ style="display:inline-block;float: right;margin-bottom: 0px;">
|
|
|
+ +
|
|
|
+ 添加</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item v-for="(item, index) in form.skillList" :key="index" :label="'技能' + (index + 1) + '：'"
|
|
|
+ prop="skillList" class="custom-align-right">
|
|
|
+ <el-input v-model="form.skillList[index].skill" autocomplete="off"
|
|
|
+ placeholder="请输入专业技能"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <div id="workExperience">
|
|
|
+ <tableTitle name="工作经历" />
|
|
|
+ </div>
|
|
|
+ <el-form-item style="margin: 0px;">
|
|
|
+ <el-button type="primary" @click="addExperience"
|
|
|
+ style="display:inline-block ;float: right;margin-bottom: 0px;">
|
|
|
+ +
|
|
|
+ 添加</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ <div v-for="(item, index) in form.job_experience" :key="index">
|
|
|
+ <el-form-item label="公司名称：" prop="company_name" class="custom-align-right" style="width: 100%;">
|
|
|
+ <el-input v-model="form.job_experience[index].company_name" autocomplete="off"
|
|
|
+ placeholder="请输入公司名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="所属行业：" prop="job_industry" class="custom-align-right" style="width: 100%;">
|
|
|
+ <el-select v-model="form.job_experience[index].job_industry" placeholder="请选择所属行业"
|
|
|
+ @change='changeCompanyNature()'>
|
|
|
+ <el-option v-for="item in jobIndustry" :key="item.hyid" :label="item.hyname"
|
|
|
+ :value="item.hyid"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="职位名称：" prop="job_name" class="custom-align-right">
|
|
|
+ <el-select v-model="form.job_experience[index].job_name" placeholder="请选择职位名称"
|
|
|
+ @change='changeCompanyNature()'>
|
|
|
+ <el-option v-for="item in jobPosition" :key="item.zwid" :label="item.zwname"
|
|
|
+ :value="item.zwid"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="所属部门：" prop="department" class="custom-align-right">
|
|
|
+ <el-input v-model="form.job_experience[index].department" autocomplete="off"
|
|
|
+ placeholder="请输入所属部门"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="在职时间：" prop="job_timeList" class="custom-align-right">
|
|
|
+ <el-date-picker v-model="form.job_experience[index].job_timeList" type="daterange"
|
|
|
+ range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
|
|
|
+ :picker-options="pickerOptions">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="工作内容：" prop="job_content" class="custom-align-right">
|
|
|
+ <el-input v-model="form.job_experience[index].job_content" autocomplete="off"
|
|
|
+ type="textarea" aria-rowspan="6" placeholder="请输入工作内容"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="工作业绩：" prop="performance" class="custom-align-right">
|
|
|
+ <el-input v-model="form.job_experience[index].performance" autocomplete="off"
|
|
|
+ type="textarea" aria-rowspan="6" placeholder="请输入工作业绩"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-divider></el-divider>
|
|
|
+ </div>
|
|
|
+ <div id="educationExperience">
|
|
|
+ <tableTitle name="教育经历" />
|
|
|
+ <!-- 教育经历表单内容 -->
|
|
|
+ </div>
|
|
|
+ <el-form-item style="margin: 0px;">
|
|
|
+ <el-button type="primary" @click="addEducation"
|
|
|
+ style="display:inline-block ;float: right;margin-bottom: 0px;">
|
|
|
+ +
|
|
|
+ 添加</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ <div v-for="(item, index) in form.education_experience" :key="index">
|
|
|
+ <el-form-item label="学校名称:" prop="school_name" class="custom-align-right">
|
|
|
+ <el-input v-model="form.education_experience[index].school_name" autocomplete="off"
|
|
|
+ placeholder="请输入学校名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="学历：" prop="school_education" class="custom-align-right"
|
|
|
+ style="width: 100%;">
|
|
|
+ <el-select v-model="form.education_experience[index].school_education" placeholder="请选择学历"
|
|
|
+ @change='changeCompanyNature()'>
|
|
|
+ <el-option v-for="item in educations" :key="item.evalue" :label="item.ename"
|
|
|
+ :value="item.evalue"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="专业：" prop="school_major" class="custom-align-right">
|
|
|
+ <el-input v-model="form.education_experience[index].school_major" autocomplete="off"
|
|
|
+ placeholder="请输入专业"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="时间段：" prop="school_timeList" class="custom-align-right">
|
|
|
+ <el-date-picker v-model="form.education_experience[index].school_timeList" type="daterange"
|
|
|
+ range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
|
|
|
+ :picker-options="pickerOptions">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="在校经历:" prop="school_experience" class="custom-align-right">
|
|
|
+ <el-input v-model="form.education_experience[index].school_experience" autocomplete="off"
|
|
|
+ type="textarea" aria-rowspan="6" placeholder="请输入在校经历"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-divider content-position="right"> </el-divider> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-form>
|
|
|
</div>
|
|
|
- </el-form>
|
|
|
</div>
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
</template>
|
|
|
-
|
|
|
<script>
|
|
|
import { getWebSiteId, getUseType } from '@/utils/auth'
|
|
|
//表格标题
|
|
|
@@ -310,869 +422,1178 @@ import tableTitle from './components/tableTitle';
|
|
|
import '@/styles/global.less';
|
|
|
//格式化时间
|
|
|
import { formatLocalDate } from '@/utils/public';
|
|
|
-
|
|
|
+import { get_creatNews_nav_api } from '@/api/pool';
|
|
|
export default {
|
|
|
- components: {
|
|
|
- tableTitle
|
|
|
- },
|
|
|
- data() {
|
|
|
-
|
|
|
- //0.全局操作 start ------------------------------------------------------------>
|
|
|
- //表单验证
|
|
|
- const validateEmpty = (rule, value, callback) => {
|
|
|
- console.log(value, '-------------value--------')
|
|
|
- console.log(rule, '-------------rule--------')
|
|
|
- if (value == '') {
|
|
|
- callback(new Error('该项不能为空！'))
|
|
|
- } else {
|
|
|
- callback()
|
|
|
- }
|
|
|
- }
|
|
|
- const validateArray = (rule, value, callback) => {
|
|
|
- console.log(value, '-------------value--------')
|
|
|
- if (value.length == 0) {
|
|
|
- callback(new Error('该项不能为空！'))
|
|
|
- } else {
|
|
|
- callback()
|
|
|
- }
|
|
|
- }
|
|
|
- const validateArraySkill = (rule, value, callback) => {
|
|
|
- console.log(value, '-------------value--------')
|
|
|
- //查看value中的skill是不是为空
|
|
|
- let $values = value.filter(item => {
|
|
|
- return item.skill == ''
|
|
|
- })
|
|
|
- if ($values.length > 0) {
|
|
|
- callback(new Error('技能项不能有空！'))
|
|
|
- } else {
|
|
|
- callback()
|
|
|
- }
|
|
|
- }
|
|
|
- const validateCompanyNameEmpty = (rule, value, callback) => {
|
|
|
- console.log(value, '-------------value--------')
|
|
|
- if (value.length == 0) {
|
|
|
- callback(new Error('该项不能为空！'))
|
|
|
- }
|
|
|
- value.forEach(item => {
|
|
|
- if (item == '') {
|
|
|
- callback(new Error('公司名称不能为空！'))
|
|
|
- }
|
|
|
- })
|
|
|
- callback()
|
|
|
- }
|
|
|
- const validateJobIndustryEmpty = (rule, value, callback) => {
|
|
|
- console.log(value, '-------------value--------')
|
|
|
- if (value == '') {
|
|
|
- callback(new Error('该项不能为空！'))
|
|
|
- }
|
|
|
- value.forEach(item => {
|
|
|
- if (item == '') {
|
|
|
- callback(new Error('所属行业不能为空！'))
|
|
|
- }
|
|
|
- })
|
|
|
- callback()
|
|
|
- }
|
|
|
- const validateJobContentEmpty = (rule, value, callback) => {
|
|
|
- console.log(value, '-------------value--------')
|
|
|
- if (value.length == 0) {
|
|
|
- callback(new Error('该项不能为空！'))
|
|
|
- }
|
|
|
- value.forEach(item => {
|
|
|
- if (item == '') {
|
|
|
- callback(new Error('工作内容不能为空！'))
|
|
|
- }
|
|
|
- })
|
|
|
- callback()
|
|
|
- }
|
|
|
- const validateJobNameEmpty = (rule, value, callback) => {
|
|
|
- console.log(value, '--------1-----value--------')
|
|
|
- if (value == '') {
|
|
|
- callback(new Error('该项不能为空！'))
|
|
|
- }
|
|
|
- value.forEach(item => {
|
|
|
- if (item == '') {
|
|
|
- callback(new Error('职位名称不能为空！'))
|
|
|
+ components: {
|
|
|
+ tableTitle
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ //0.全局操作 start ------------------------------------------------------------>
|
|
|
+ //表单验证
|
|
|
+ const validateEmpty = (rule, value, callback) => {
|
|
|
+ console.log(value, '-------------value--------')
|
|
|
+ console.log(rule, '-------------rule--------')
|
|
|
+ if (value == '') {
|
|
|
+ callback(new Error('该项不能为空！'))
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
}
|
|
|
- })
|
|
|
- callback()
|
|
|
- }
|
|
|
- const validateJobTimeListEmpty = (rule, value, callback) => {
|
|
|
- console.log(value, '-------------value--------')
|
|
|
- if (value == '') {
|
|
|
- callback(new Error('该项不能为空！'))
|
|
|
- }
|
|
|
- value.forEach(item => {
|
|
|
- if (item == '') {
|
|
|
- callback(new Error('工作时间不能为空！'))
|
|
|
+ const validateArray = (rule, value, callback) => {
|
|
|
+ console.log(value, '-------------value--------')
|
|
|
+ if (value.length == 0) {
|
|
|
+ callback(new Error('该项不能为空！'))
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
+ }
|
|
|
}
|
|
|
- })
|
|
|
- callback()
|
|
|
- }
|
|
|
-
|
|
|
- const validateNumber = (rule, value, callback) => {
|
|
|
- console.log(value, '-------------value--------')
|
|
|
- if (value == '') {
|
|
|
- callback(new Error('该项不能为空！'))
|
|
|
- } else if (isNaN(value)) {
|
|
|
- }
|
|
|
- }
|
|
|
- let self = this;
|
|
|
- //0.全局操作 end ------------------------------------------------------------>
|
|
|
- return {
|
|
|
- jobIndustry: {},
|
|
|
- jobNature: [],
|
|
|
- jobPosition: {},
|
|
|
- jobEnum: {},
|
|
|
- educations: [],
|
|
|
- languages: [],
|
|
|
- languagetypes: [],
|
|
|
- natures: [],
|
|
|
- maritals: [],
|
|
|
- incomes: [],
|
|
|
-
|
|
|
-
|
|
|
- timeList: [],
|
|
|
- // imgurl: "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
|
|
|
- imgUrl: "",
|
|
|
- websiteid: 0,
|
|
|
- cascaderKey: 0,//弹窗用的key
|
|
|
- creatNews_pid_num: "0",//请求子导航用的pid
|
|
|
- creatNews_nav_pool_arr: [],//
|
|
|
- creatNews_add_nav_pool_arr: [],//
|
|
|
- creatNews_son_website_id_num: "",
|
|
|
- checked: false,
|
|
|
- formLabelWidth: '80px',//表单的长度
|
|
|
- //1.表单项 start ------------------------------------------------------------>
|
|
|
- editStatus: false,
|
|
|
- tableDivTitle: "添加求职",
|
|
|
- disclaimer: true,//免责声明
|
|
|
- //提交表单
|
|
|
- creatNews_user_type: 0,//判断用户类型'
|
|
|
-
|
|
|
- form: {
|
|
|
- experience: '',//工作经验
|
|
|
- industry: 1,//行业
|
|
|
- job: 1,//职位
|
|
|
- self_evaluation: '',//自我评价
|
|
|
- city_arr_id: [],
|
|
|
- skillList: [{ 'skill': '' }],
|
|
|
- job_experience: [{
|
|
|
- company_name: '',
|
|
|
- job_industry: 1,
|
|
|
- job_name: 1,
|
|
|
- department: '',
|
|
|
- // job_timeList: ['2025-02-21 00:00:00', '2025-02-29 00:00:00'],
|
|
|
- job_timeList: [],
|
|
|
- performance: '',
|
|
|
- job_content: ''
|
|
|
- }],//工作经验
|
|
|
- education_experience: [{
|
|
|
- school_name: '',
|
|
|
- school_education: '',
|
|
|
- school_major: '',
|
|
|
- school_timeList: '',
|
|
|
- school_experience: ''
|
|
|
- }],//教育经历
|
|
|
-
|
|
|
- // 用于存储所有专业技能
|
|
|
- slelf_evaluation: '',//自我评价
|
|
|
- cat_arr_id: [],//导航池名称
|
|
|
- web_site_id: 0,
|
|
|
- name: "",
|
|
|
- sexy: 1,
|
|
|
- // jobtime: "2025-02-21 00:00:00",//工作时间
|
|
|
- jobtime: "",//工作时间
|
|
|
- origin: "",
|
|
|
- //校验专用
|
|
|
- industry: '',//行业
|
|
|
- job_name: [],//职位名称
|
|
|
- job: '',//职位名称
|
|
|
- company_name: [],//公司名称
|
|
|
- job_industry: [],//行业
|
|
|
- job_name: [],//职位名称
|
|
|
- department: [],//所属部门
|
|
|
- job_timeList: [],//工作时间
|
|
|
- job_content: [],//工作内容
|
|
|
- },
|
|
|
- //1.2 表单验证规则
|
|
|
- formRules: {
|
|
|
- skillList: [{ required: true, trigger: 'blur', validator: validateArraySkill }],
|
|
|
- salary: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- //求职名称不能为空
|
|
|
- name: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- imgUrl: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- sexy: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- jobtime: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- origin: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- city_arr_id: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- industry: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- job: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- slelf_evaluation: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
- company_name: [{ required: true, trigger: 'blur', validator: validateCompanyNameEmpty }],
|
|
|
- job_industry: [{ required: true, trigger: 'blur', validator: validateJobIndustryEmpty }],
|
|
|
- job_name: [{ required: true, trigger: 'blur', validator: validateJobNameEmpty }],
|
|
|
- job_timeList: [{ required: true, trigger: 'blur', validator: validateJobTimeListEmpty }],
|
|
|
- job_content: [{ required: true, trigger: 'blur', validator: validateJobContentEmpty }],
|
|
|
- cat_arr_id: [{ required: true, trigger: 'blur', validator: validateArray }],
|
|
|
- },
|
|
|
- //1.3富文本编辑器配置
|
|
|
-
|
|
|
- //1.4图片上传
|
|
|
- //获取父级导航池
|
|
|
- parentKey: 0,//获取父级导航
|
|
|
-
|
|
|
- parentData: {
|
|
|
- checkStrictly: true,
|
|
|
- lazy: true,
|
|
|
- async lazyLoad(node, resolve) {
|
|
|
- const { level, data } = node;
|
|
|
- if (data && data.children && data.children.length !== 0) {
|
|
|
- return resolve(node)
|
|
|
- }
|
|
|
- console.log(level)
|
|
|
- let parentId = level == 0 ? 0 : data.value
|
|
|
- let parames = {
|
|
|
- 'pid': parentId
|
|
|
- }
|
|
|
- self.$store.dispatch('pool/categoryList', parames).then(res => {
|
|
|
- if (res.data) {
|
|
|
- const nodes = res.data.map(item => ({
|
|
|
- value: item.id,
|
|
|
- label: item.name,
|
|
|
- leaf: level >= 3,
|
|
|
- children: []
|
|
|
- }))
|
|
|
- resolve(nodes)
|
|
|
+ const validateArraySkill = (rule, value, callback) => {
|
|
|
+ console.log(value, '-------------value--------')
|
|
|
+ //查看value中的skill是不是为空
|
|
|
+ let $values = value.filter(item => {
|
|
|
+ return item.skill == ''
|
|
|
+ })
|
|
|
+ if ($values.length > 0) {
|
|
|
+ callback(new Error('技能项不能有空！'))
|
|
|
+ } else {
|
|
|
+ callback()
|
|
|
}
|
|
|
- })
|
|
|
}
|
|
|
- },
|
|
|
- //时间跨度
|
|
|
- pickerOptions: {
|
|
|
- selectableRange: '1900-01-01 to 2100-12-31', // 允许选择的日期范围
|
|
|
- // disabledDate(time) {
|
|
|
- // return time.getTime() < Date.now() - 86400000; // 禁用今天之前的日期
|
|
|
- // },
|
|
|
- },
|
|
|
-
|
|
|
- parentKey_2: 0,//获取父级导航
|
|
|
- parentData_2: {
|
|
|
- checkStrictly: true,
|
|
|
- lazy: true,
|
|
|
- async lazyLoad(node, resolve) {
|
|
|
- const { level, data } = node;
|
|
|
- if (data && data.children && data.children.length !== 0) {
|
|
|
- return resolve(node)
|
|
|
- }
|
|
|
-
|
|
|
- let parentId;
|
|
|
-
|
|
|
- if (data != undefined) {
|
|
|
- parentId = data.value;
|
|
|
- } else {
|
|
|
- parentId = self.creatNews_pid_num.toString();
|
|
|
- }
|
|
|
-
|
|
|
- let parames = {
|
|
|
- 'website_id': self.form.web_site_id ? self.form.web_site_id : self.websiteid,
|
|
|
- 'pid': parentId
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- self.$store.dispatch('pool/get_creatNews_nav_son_actions', parames).then(res => {
|
|
|
-
|
|
|
- if (res.data) {
|
|
|
- const nodes = res.data.map(item => ({
|
|
|
- value: item.category_id,
|
|
|
- label: item.name,
|
|
|
- leaf: level >= 3,
|
|
|
- children: []
|
|
|
- }))
|
|
|
- resolve(nodes)
|
|
|
+ const validateCompanyNameEmpty = (rule, value, callback) => {
|
|
|
+ console.log(value, '-------------value--------')
|
|
|
+ if (value.length == 0) {
|
|
|
+ callback(new Error('该项不能为空！'))
|
|
|
}
|
|
|
- })
|
|
|
+ value.forEach(item => {
|
|
|
+ if (item == '') {
|
|
|
+ callback(new Error('公司名称不能为空！'))
|
|
|
+ }
|
|
|
+ })
|
|
|
+ callback()
|
|
|
}
|
|
|
- },
|
|
|
-
|
|
|
- cityData: {
|
|
|
- checkStrictly: true,
|
|
|
- lazy: true,
|
|
|
- async lazyLoad(node, resolve) {
|
|
|
- const { level, data } = node;
|
|
|
- if (data && data.children && data.children.length !== 0) {
|
|
|
- return resolve(node)
|
|
|
- }
|
|
|
- console.log(level, '====level-----')
|
|
|
- let parentId = level == 0 ? 0 : data.value
|
|
|
- let parames = {
|
|
|
- 'pid': parentId
|
|
|
- }
|
|
|
- self.$store.dispatch('pool/getcityList', parames).then(res => {
|
|
|
- if (res.data) {
|
|
|
- const nodes = res.data.map(item => ({
|
|
|
- value: item.id,
|
|
|
- label: item.name,
|
|
|
- leaf: level >= 3,
|
|
|
- children: []
|
|
|
- }))
|
|
|
- resolve(nodes)
|
|
|
+ const validateJobIndustryEmpty = (rule, value, callback) => {
|
|
|
+ console.log(value, '-------------value--------')
|
|
|
+ if (value == '') {
|
|
|
+ callback(new Error('该项不能为空！'))
|
|
|
}
|
|
|
- })
|
|
|
+ value.forEach(item => {
|
|
|
+ if (item == '') {
|
|
|
+ callback(new Error('所属行业不能为空！'))
|
|
|
+ }
|
|
|
+ })
|
|
|
+ callback()
|
|
|
}
|
|
|
- },
|
|
|
- inputList: [
|
|
|
- { value: '' }
|
|
|
- ]
|
|
|
- //表单项 end ------------------------------------------------------------>
|
|
|
- };
|
|
|
- },
|
|
|
- methods: {
|
|
|
- changeCompanyNature(val) {
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- getJobHuntingData() {
|
|
|
- this.$store.dispatch('news/getJobHuntingData', {}).then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- this.jobEnum = res.data.jobEnum;
|
|
|
- this.educations = this.jobEnum.filter(item => item.egroup === 'education');
|
|
|
- this.languages = this.jobEnum.filter(item => item.egroup === 'language');
|
|
|
- this.languagetypes = this.jobEnum.filter(item => item.egroup === 'languagetype');
|
|
|
- this.natures = this.jobEnum.filter(item => item.egroup === 'nature');
|
|
|
- this.maritals = this.jobEnum.filter(item => item.egroup === 'marital');
|
|
|
- this.incomes = this.jobEnum.filter(item => item.egroup === 'income');
|
|
|
- this.years = this.jobEnum.filter(item => item.egroup === 'years');
|
|
|
-
|
|
|
- this.jobIndustry = res.data.jobIndustry;
|
|
|
- this.jobNature = res.data.jobNature;
|
|
|
- this.jobPosition = res.data.jobPosition;
|
|
|
+ const validateJobContentEmpty = (rule, value, callback) => {
|
|
|
+ console.log(value, '-------------value--------')
|
|
|
+ if (value.length == 0) {
|
|
|
+ callback(new Error('该项不能为空！'))
|
|
|
+ }
|
|
|
+ value.forEach(item => {
|
|
|
+ if (item == '') {
|
|
|
+ callback(new Error('工作内容不能为空！'))
|
|
|
+ }
|
|
|
+ })
|
|
|
+ callback()
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- // ... 其他方法
|
|
|
- addSkill() {
|
|
|
- //判断skill是不是为空，为空则不能添加
|
|
|
- const hasEmptySkill = this.form.skillList.some(item => {
|
|
|
- if (item.skill == '') {
|
|
|
- this.$message.error('请先填写专业技能');
|
|
|
- return true; // 返回 true 表示找到了空的 skill
|
|
|
+ const validateJobNameEmpty = (rule, value, callback) => {
|
|
|
+ console.log(value, '--------1-----value--------')
|
|
|
+ if (value == '') {
|
|
|
+ callback(new Error('该项不能为空！'))
|
|
|
+ }
|
|
|
+ value.forEach(item => {
|
|
|
+ if (item == '') {
|
|
|
+ callback(new Error('职位名称不能为空！'))
|
|
|
+ }
|
|
|
+ })
|
|
|
+ callback()
|
|
|
}
|
|
|
- return false; // 返回 false 表示没有找到空的 skill
|
|
|
- });
|
|
|
- if (hasEmptySkill) {
|
|
|
- return; // 如果有空的 skill，则提前结束 addSkill 方法
|
|
|
- }
|
|
|
- this.form.skillList.push({ skill: '' });
|
|
|
- },
|
|
|
- addExperience() {
|
|
|
- const hasEmptyExperience = this.form.job_experience.some(item => {
|
|
|
- if (item.company_name == '' || item.job_industry == '' || item.job_name == '' || item.job_timeList == '' || item.job_content == '') {
|
|
|
- this.$message.error('请先填写工作经历');
|
|
|
- return true; // 返回 true 表示找到了空的 skill
|
|
|
+ const validateJobTimeListEmpty = (rule, value, callback) => {
|
|
|
+ console.log(value, '-------------value--------')
|
|
|
+ if (value == '') {
|
|
|
+ callback(new Error('该项不能为空！'))
|
|
|
+ }
|
|
|
+ value.forEach(item => {
|
|
|
+ if (item == '') {
|
|
|
+ callback(new Error('工作时间不能为空！'))
|
|
|
+ }
|
|
|
+ })
|
|
|
+ callback()
|
|
|
}
|
|
|
- return false;
|
|
|
- })
|
|
|
- if (hasEmptyExperience) {
|
|
|
- return; // 如果有空的 skill，则提前结束 addSkill 方法
|
|
|
- }
|
|
|
- this.form.job_experience.push({
|
|
|
- company_name: '',
|
|
|
- job_industry: '',
|
|
|
- job_name: '',
|
|
|
- department: '',
|
|
|
- job_timeList: '',
|
|
|
- performance: '',
|
|
|
- job_content: ''
|
|
|
- });
|
|
|
- },
|
|
|
- addEducation() {
|
|
|
- const hasEmptyEducation = this.form.education_experience.some(item => {
|
|
|
-
|
|
|
- if (item.school_name == '') {
|
|
|
- this.$message.error('请先填写学校名称');
|
|
|
- return true; // 返回 true 表示找到了空的 skill
|
|
|
+ const validateNumber = (rule, value, callback) => {
|
|
|
+ console.log(value, '-------------value--------')
|
|
|
+ if (value == '') {
|
|
|
+ callback(new Error('该项不能为空！'))
|
|
|
+ } else if (isNaN(value)) {
|
|
|
+ }
|
|
|
}
|
|
|
- })
|
|
|
- if (hasEmptyEducation) {
|
|
|
- return; // 如果有空的 skill，则提前结束 addSkill 方法
|
|
|
- }
|
|
|
- this.form.education_experience.push({
|
|
|
- school_name: '',
|
|
|
- degree: '',
|
|
|
- major: '',
|
|
|
- graduation_time: ''
|
|
|
- });
|
|
|
+ let self = this;
|
|
|
+ //0.全局操作 end ------------------------------------------------------------>
|
|
|
+ return {
|
|
|
+ jobIndustry: {},
|
|
|
+ jobNature: [],
|
|
|
+ jobPosition: {},
|
|
|
+ jobEnum: {},
|
|
|
+ educations: [],
|
|
|
+ languages: [],
|
|
|
+ languagetypes: [],
|
|
|
+ natures: [],
|
|
|
+ maritals: [],
|
|
|
+ incomes: [],
|
|
|
+ timeList: [],
|
|
|
+ // imgurl: "http://img.bjzxtw.org.cn/dev/image/jpeg/20250220/1740044079754901.png",
|
|
|
+ imgUrl: "",
|
|
|
+ websiteid: 0,
|
|
|
+ cascaderKey: 0,//弹窗用的key
|
|
|
+ creatNews_pid_num: "0",//请求子导航用的pid
|
|
|
+ creatNews_nav_pool_arr: [],//
|
|
|
+ creatNews_add_nav_pool_arr: [],//
|
|
|
+ creatNews_son_website_id_num: "",
|
|
|
+ checked: false,
|
|
|
+ formLabelWidth: '80px',//表单的长度
|
|
|
+ //1.表单项 start ------------------------------------------------------------>
|
|
|
+ editStatus: false,
|
|
|
+ tableDivTitle: "添加求职",
|
|
|
+ disclaimer: true,//免责声明
|
|
|
+ //提交表单
|
|
|
+ creatNews_user_type: 0,//判断用户类型'
|
|
|
+ moon_arr: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|
|
+ birth_str: "",//生日
|
|
|
+ educat_top_arr: [], //最高学历
|
|
|
+ educat_top_num: 0, //最高学历
|
|
|
+ educat_top_str: "",//最高学历
|
|
|
+ job_experience_str: "",//工作工作经验
|
|
|
+ job_experience_num: 0,//工作工作经验
|
|
|
+ job_experience_year_arr: [],//工作工作经验
|
|
|
+ language_arr: [], //语言
|
|
|
+ language_num: 0, //语言
|
|
|
+ language_str: "",//语言
|
|
|
+ // 期望薪资
|
|
|
+ salary_arr: [],//期望薪资
|
|
|
+ salary_num: 0,//期望薪资
|
|
|
+ salary_str: "",//待遇
|
|
|
+ // 更新时间
|
|
|
+ updated_time: "",
|
|
|
+ // 自我介绍
|
|
|
+ my_introduce: "",
|
|
|
+ // 期望岗位
|
|
|
+ job_name_str: "",//期望岗位
|
|
|
+ job_name_num: 0,//期望岗位
|
|
|
+ job_name_arr: [],//期望岗位
|
|
|
+ //工作经历-自我介绍
|
|
|
+ // my_introduce_industry_arr:[],//工作经历-自我介绍-行业
|
|
|
+ job_experience_introduce_arr: [],//工作经历-自我介绍
|
|
|
+ //教育经历 -自我介绍
|
|
|
+ education_experience_introduce_arr: [],
|
|
|
+ educations_level_arr: [],
|
|
|
+ //专业技能-自我介绍
|
|
|
+ profession_skill_arr: [],
|
|
|
+ // 联系方式
|
|
|
+ contact_way_phone: "",//联系方式
|
|
|
+ contact_way_wx: "",//联系方式
|
|
|
+ // 工作地点
|
|
|
+ work_place_arr: [],//工作地点
|
|
|
+ city_id_arr: [],
|
|
|
+ work_city_str: "",//工作地点
|
|
|
+ form: {
|
|
|
+ experience: '',//工作经验
|
|
|
+ industry: 1,//行业
|
|
|
+ job: 1,//职位
|
|
|
+ self_evaluation: '',//自我评价
|
|
|
+ city_arr_id: [],
|
|
|
+ skillList: [{ 'skill': '' }],
|
|
|
+ job_experience: [{
|
|
|
+ company_name: '',
|
|
|
+ job_industry: 1,
|
|
|
+ job_name: 1,
|
|
|
+ department: '',
|
|
|
+ // job_timeList: ['2025-02-21 00:00:00', '2025-02-29 00:00:00'],
|
|
|
+ job_timeList: [],
|
|
|
+ performance: '',
|
|
|
+ job_content: ''
|
|
|
+ }],//工作经验
|
|
|
+ education_experience: [{
|
|
|
+ school_name: '',
|
|
|
+ school_education: '',
|
|
|
+ school_major: '',
|
|
|
+ school_timeList: '',
|
|
|
+ school_experience: ''
|
|
|
+ }],//教育经历
|
|
|
+ // 用于存储所有专业技能
|
|
|
+ slelf_evaluation: '',//自我评价
|
|
|
+ cat_arr_id: [],//导航池名称
|
|
|
+ web_site_id: 0,
|
|
|
+ name: "",
|
|
|
+ sexy: 1,
|
|
|
+ // jobtime: "2025-02-21 00:00:00",//工作时间
|
|
|
+ jobtime: "",//工作时间
|
|
|
+ origin: "",
|
|
|
+ //校验专用
|
|
|
+ industry: '',//行业
|
|
|
+ job_name: [],//职位名称
|
|
|
+ job: '',//职位名称
|
|
|
+ company_name: [],//公司名称
|
|
|
+ job_industry: [],//行业
|
|
|
+ job_name: [],//职位名称
|
|
|
+ department: [],//所属部门
|
|
|
+ job_timeList: [],//工作时间
|
|
|
+ job_content: [],//工作内容
|
|
|
+ },
|
|
|
+ //1.2 表单验证规则
|
|
|
+ formRules: {
|
|
|
+ skillList: [{ required: true, trigger: 'blur', validator: validateArraySkill }],
|
|
|
+ salary: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+ //求职名称不能为空
|
|
|
+ name: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+ imgUrl: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+ sexy: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+ jobtime: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+ origin: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+ city_arr_id: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+ industry: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+ job: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+ slelf_evaluation: [{ required: true, trigger: 'blur', validator: validateEmpty }],
|
|
|
+ company_name: [{ required: true, trigger: 'blur', validator: validateCompanyNameEmpty }],
|
|
|
+ job_industry: [{ required: true, trigger: 'blur', validator: validateJobIndustryEmpty }],
|
|
|
+ job_name: [{ required: true, trigger: 'blur', validator: validateJobNameEmpty }],
|
|
|
+ job_timeList: [{ required: true, trigger: 'blur', validator: validateJobTimeListEmpty }],
|
|
|
+ job_content: [{ required: true, trigger: 'blur', validator: validateJobContentEmpty }],
|
|
|
+ cat_arr_id: [{ required: true, trigger: 'blur', validator: validateArray }],
|
|
|
+ },
|
|
|
+ //1.3富文本编辑器配置
|
|
|
+ //1.4图片上传
|
|
|
+ //获取父级导航池
|
|
|
+ parentKey: 0,//获取父级导航
|
|
|
+ parentData: {
|
|
|
+ checkStrictly: true,
|
|
|
+ lazy: true,
|
|
|
+ async lazyLoad(node, resolve) {
|
|
|
+ const { level, data } = node;
|
|
|
+ if (data && data.children && data.children.length !== 0) {
|
|
|
+ return resolve(node)
|
|
|
+ }
|
|
|
+ console.log(level)
|
|
|
+ let parentId = level == 0 ? 0 : data.value
|
|
|
+ let parames = {
|
|
|
+ 'pid': parentId
|
|
|
+ }
|
|
|
+ self.$store.dispatch('pool/categoryList', parames).then(res => {
|
|
|
+ if (res.data) {
|
|
|
+ const nodes = res.data.map(item => ({
|
|
|
+ value: item.id,
|
|
|
+ label: item.name,
|
|
|
+ leaf: level >= 3,
|
|
|
+ children: []
|
|
|
+ }))
|
|
|
+ resolve(nodes)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //时间跨度
|
|
|
+ pickerOptions: {
|
|
|
+ selectableRange: '1900-01-01 to 2100-12-31', // 允许选择的日期范围
|
|
|
+ // disabledDate(time) {
|
|
|
+ // return time.getTime() < Date.now() - 86400000; // 禁用今天之前的日期
|
|
|
+ // },
|
|
|
+ },
|
|
|
+ parentKey_2: 0,//获取父级导航
|
|
|
+ parentData_2: {
|
|
|
+ checkStrictly: true,
|
|
|
+ lazy: true,
|
|
|
+ async lazyLoad(node, resolve) {
|
|
|
+ const { level, data } = node;
|
|
|
+ if (data && data.children && data.children.length !== 0) {
|
|
|
+ return resolve(node)
|
|
|
+ }
|
|
|
+ let parentId;
|
|
|
+ if (data != undefined) {
|
|
|
+ parentId = data.value;
|
|
|
+ } else {
|
|
|
+ parentId = self.creatNews_pid_num.toString();
|
|
|
+ }
|
|
|
+ let parames = {
|
|
|
+ 'website_id': self.form.web_site_id ? self.form.web_site_id : self.websiteid,
|
|
|
+ 'pid': parentId
|
|
|
+ }
|
|
|
+ self.$store.dispatch('pool/get_creatNews_nav_son_actions', parames).then(res => {
|
|
|
+ if (res.data) {
|
|
|
+ const nodes = res.data.map(item => ({
|
|
|
+ value: item.category_id,
|
|
|
+ label: item.name,
|
|
|
+ leaf: level >= 3,
|
|
|
+ children: []
|
|
|
+ }))
|
|
|
+ resolve(nodes)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ cityData: {//
|
|
|
+ checkStrictly: true,
|
|
|
+ lazy: true,
|
|
|
+ async lazyLoad(node, resolve) {
|
|
|
+ const { level, data } = node;
|
|
|
+ if (data && data.children && data.children.length !== 0) {
|
|
|
+ return resolve(node)
|
|
|
+ }
|
|
|
+ // console.log(level, '====level-----')
|
|
|
+ let parentId = level == 0 ? 0 : data.value
|
|
|
+ let parames = {
|
|
|
+ 'pid': parentId
|
|
|
+ }
|
|
|
+ self.$store.dispatch('pool/getcityList', parames).then(res => {
|
|
|
+ if (res.data) {
|
|
|
+ const nodes = res.data.map(item => ({
|
|
|
+ value: item.id,
|
|
|
+ label: item.name,
|
|
|
+ leaf: level >= 3,
|
|
|
+ children: []
|
|
|
+ }))
|
|
|
+ res.data.forEach((per_obj, per_index) => {//工作地点
|
|
|
+ if (self.city_id_arr[level] == per_obj.id) {
|
|
|
+ if (level == 0) {
|
|
|
+ self.work_city_str = self.work_city_str + "" + per_obj.name;
|
|
|
+ } else {
|
|
|
+ self.work_city_str = self.work_city_str + ">>" + per_obj.name;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return
|
|
|
+ })
|
|
|
+ resolve(nodes)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ inputList: [
|
|
|
+ { value: '' }
|
|
|
+ ]
|
|
|
+ //表单项 end ------------------------------------------------------------>
|
|
|
+ };
|
|
|
},
|
|
|
- scrollToSection(id) {
|
|
|
- const element = document.getElementById(id);
|
|
|
- if (element) {
|
|
|
- element.scrollIntoView({ behavior: 'smooth' });
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- //1.提交表单 start ------------------------------------------------------------>
|
|
|
- //1.1 直接上传图片
|
|
|
- beforeAvatarUpload(file) {
|
|
|
- const isJPG = file.type === 'image/jpeg';
|
|
|
- const isPNG = file.type === 'image/png';
|
|
|
- const isLt2M = file.size / 1024 / 1024 < 2;
|
|
|
-
|
|
|
- if (!isJPG && !isPNG) {
|
|
|
- this.$message.error('上传缩略图只能是 JPG 或 PNG 格式!');
|
|
|
- return false;
|
|
|
- }
|
|
|
- if (!isLt2M) {
|
|
|
- this.$message.error('上传缩略图大小不能超过 2MB!');
|
|
|
- return false;
|
|
|
- }
|
|
|
- const formData = new FormData();
|
|
|
- formData.append('file', file);
|
|
|
- this.$store.dispatch('pool/uploadFile', formData).then(res => {
|
|
|
- this.imgUrl = res.data.imgUrl;//显示缩略图
|
|
|
- this.form.imgUrl = res.data.imgUrl;//提供表单地址
|
|
|
- // this.$set(this, 'imgUrl', res.data.imgUrl); // 设置 imgUrl
|
|
|
- // this.$set(this.form, 'imgurl', res.data.imgUrl); // 设置 form.imgurl
|
|
|
- console.log(res.data.imgUrl)
|
|
|
- console.log(this.imgurl, '-------------imgurl-----2---')
|
|
|
- console.log(this.form.imgUrl, '-------------form.imgurl--------')
|
|
|
- })
|
|
|
- // 阻止默认的上传行为
|
|
|
- return false;
|
|
|
- },
|
|
|
- //1.2 提交表单
|
|
|
- addToServe() {
|
|
|
- //先进行验证
|
|
|
- console.log(this.form, '-------------form1--------');
|
|
|
- this.$refs.form.validate(valid => {
|
|
|
-
|
|
|
- if (valid) {
|
|
|
- // 创建 form 对象的深拷贝
|
|
|
- const formCopy = JSON.parse(JSON.stringify(this.form));
|
|
|
-
|
|
|
- // 在副本上进行 JSON 转换
|
|
|
- formCopy.job_experience = JSON.stringify(formCopy.job_experience);
|
|
|
- formCopy.education_experience = JSON.stringify(formCopy.education_experience);
|
|
|
- formCopy.skillList = JSON.stringify(formCopy.skillList);
|
|
|
- formCopy.city_arr_id = JSON.stringify(formCopy.city_arr_id);
|
|
|
- formCopy.cat_arr_id = JSON.stringify(formCopy.cat_arr_id);
|
|
|
- formCopy.website_id = formCopy.web_site_id == 0 ? this.websiteid : formCopy.web_site_id;
|
|
|
- // 去掉 formCopy.web_site_id
|
|
|
- delete formCopy.web_site_id;
|
|
|
- if (formCopy.website_id == 0) {
|
|
|
- this.$message.error('请选择站点名称');
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- if (formCopy.jobtime != '' && formCopy.jobtime != null && formCopy.jobtime != undefined) {
|
|
|
- formCopy.jobtime = formatLocalDate(formCopy.jobtime);
|
|
|
- } else {
|
|
|
- formCopy.jobtime = null;
|
|
|
- }
|
|
|
- console.log(formCopy.birth, "-----------------birth----------");
|
|
|
- if (formCopy.birth != '' && formCopy.birth != null && formCopy.birth != undefined) {
|
|
|
- formCopy.birth = formatLocalDate(formCopy.birth);
|
|
|
- } else {
|
|
|
- formCopy.birth = null;
|
|
|
- }
|
|
|
- formCopy.job_timeList.forEach(item => {
|
|
|
- item = formatLocalDate(item);
|
|
|
- });
|
|
|
- console.log(new Date().getTime(), '-------------------校验结束------------------');
|
|
|
- //判断用户身份
|
|
|
- if (this.creatNews_user_type == 10000) {
|
|
|
- console.log("用户身份为管理员,无需审核直接发布!")
|
|
|
- this.form.status = 2;
|
|
|
- } else {
|
|
|
- console.log("用户身份为其他用户,提交到审核!")
|
|
|
- this.form.status = 1;
|
|
|
- }
|
|
|
- this.$store.dispatch('news/addJobHunting', formCopy).then(res => {
|
|
|
- if (res.code == 200) {
|
|
|
- //汇报结果
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: '已成功添加求职！'
|
|
|
- });
|
|
|
- this.cleatForm(2);
|
|
|
- //返回列表页
|
|
|
- this.returnPage()
|
|
|
- } else {
|
|
|
- this.$message({
|
|
|
- type: 'error',
|
|
|
- message: "求职发布失败，请稍后再试！"
|
|
|
- });
|
|
|
+ methods: {
|
|
|
+ changeCompanyNature(val) {
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ getJobHuntingData() {//xx xx
|
|
|
+ this.$store.dispatch('news/getJobHuntingData', {}).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.jobEnum = res.data.jobEnum;
|
|
|
+ this.educations = this.jobEnum.filter(item => item.egroup === 'education');
|
|
|
+ this.languages = this.jobEnum.filter(item => item.egroup === 'language');
|
|
|
+ this.languagetypes = this.jobEnum.filter(item => item.egroup === 'languagetype');
|
|
|
+ this.natures = this.jobEnum.filter(item => item.egroup === 'nature');
|
|
|
+ this.maritals = this.jobEnum.filter(item => item.egroup === 'marital');
|
|
|
+ this.incomes = this.jobEnum.filter(item => item.egroup === 'income');
|
|
|
+ this.years = this.jobEnum.filter(item => item.egroup === 'years');
|
|
|
+ this.jobIndustry = res.data.jobIndustry;
|
|
|
+ this.jobNature = res.data.jobNature;
|
|
|
+ this.jobPosition = res.data.jobPosition;
|
|
|
+ // 最高学历
|
|
|
+ this.educat_top_arr = this.jobEnum.filter(item => item.egroup === 'education');
|
|
|
+ this.educat_top_arr.map((val, index, arr) => {
|
|
|
+ if (val.evalue == this.educat_top_num) {
|
|
|
+ this.educat_top_str = val.ename;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 工作工作经验
|
|
|
+ this.job_experience_year_arr = this.jobEnum.filter(item => item.egroup === 'years');
|
|
|
+ this.job_experience_year_arr.map((val, index, arr) => {
|
|
|
+ if (val.evalue == this.job_experience_num) {
|
|
|
+ this.job_experience_str = val.ename;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 语言能力
|
|
|
+ this.language_arr = this.jobEnum.filter(item => item.egroup === 'language');
|
|
|
+ this.language_arr.map((val, index, arr) => {
|
|
|
+ if (val.evalue == this.language_num) {
|
|
|
+ this.language_str = val.ename;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 期望岗位
|
|
|
+ this.job_name_arr = res.data.jobPosition;
|
|
|
+ this.job_name_arr.map((val, index, arr) => {
|
|
|
+ if (val.zwid == this.job_name_num) {
|
|
|
+ this.job_name_str = val.zwname;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 薪资范围
|
|
|
+ this.salary_arr = this.jobEnum.filter(item => item.egroup === 'income');
|
|
|
+ this.salary_arr.map((val, index, arr) => {
|
|
|
+ if (val.evalue == this.salary_num) {
|
|
|
+ this.salary_str = val.ename;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // 工作经历-自我介绍
|
|
|
+ this.job_experience_introduce_arr.map((val, index, arr) => {
|
|
|
+ //工作经历-自我介绍-时间
|
|
|
+ let open_job_time = val.job_timeList[0].split("T")[0]
|
|
|
+ let over_job_time = val.job_timeList[1].split("T")[0]
|
|
|
+ val.job_timeList = open_job_time + "--" + over_job_time;
|
|
|
+ let the_num = val.job_name//工作经历-自我介绍-具体职位
|
|
|
+ this.job_name_arr.map((val_2, index_2, arr_2) => {
|
|
|
+ if (val_2.zwid == the_num) {
|
|
|
+ val.job_name = val_2.zwname;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ let the_num_3 = val.job_typename//工作经历-自我介绍-职位类别
|
|
|
+ this.job_name_arr.map((val_3, index_3, arr_3) => {
|
|
|
+ if (val_3.zwid == the_num_3) {
|
|
|
+ val.job_typename = val_3.zwname;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // let the_num_4 = val.job_industry
|
|
|
+ // this.job_name_arr.map((val_4,index_4,arr_4) => {//工作经历-自我介绍-具体职位
|
|
|
+ // if (val_4.zwid == the_num_4) {
|
|
|
+ // val.job_industry = val_4.zwname+"?";
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ });
|
|
|
+ // 教育背景-自我介绍
|
|
|
+ this.educations_level_arr = this.jobEnum.filter(item => item.egroup === 'education');
|
|
|
+ this.education_experience_introduce_arr.map((val, index, arr) => {
|
|
|
+ //教育背景-自我介绍-时间
|
|
|
+ let open_school_time = val.school_timeList[0].split("T")[0]
|
|
|
+ let over_school_time = val.school_timeList[1].split("T")[0]
|
|
|
+ val.school_timeList = open_school_time + "--" + over_school_time;
|
|
|
+ this.educations_level_arr.map((val_1, index_1, arr_1) => {
|
|
|
+ if (val_1.evalue == val.school_education) {
|
|
|
+ val.school_education = val_1.ename;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // ... 其他方法
|
|
|
+ addSkill() {
|
|
|
+ //判断skill是不是为空，为空则不能添加
|
|
|
+ const hasEmptySkill = this.form.skillList.some(item => {
|
|
|
+ if (item.skill == '') {
|
|
|
+ this.$message.error('请先填写专业技能');
|
|
|
+ return true; // 返回 true 表示找到了空的 skill
|
|
|
+ }
|
|
|
+ return false; // 返回 false 表示没有找到空的 skill
|
|
|
+ });
|
|
|
+ if (hasEmptySkill) {
|
|
|
+ return; // 如果有空的 skill，则提前结束 addSkill 方法
|
|
|
+ }
|
|
|
+ this.form.skillList.push({ skill: '' });
|
|
|
+ },
|
|
|
+ addExperience() {
|
|
|
+ const hasEmptyExperience = this.form.job_experience.some(item => {
|
|
|
+ if (item.company_name == '' || item.job_industry == '' || item.job_name == '' || item.job_timeList == '' || item.job_content == '') {
|
|
|
+ this.$message.error('请先填写工作经历');
|
|
|
+ return true; // 返回 true 表示找到了空的 skill
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+ })
|
|
|
+ if (hasEmptyExperience) {
|
|
|
+ return; // 如果有空的 skill，则提前结束 addSkill 方法
|
|
|
}
|
|
|
- }).catch(() => {
|
|
|
- this.$message({
|
|
|
- type: 'info',
|
|
|
- message: '网络错误，请重试！'
|
|
|
+ this.form.job_experience.push({
|
|
|
+ company_name: '',
|
|
|
+ job_industry: '',
|
|
|
+ job_name: '',
|
|
|
+ department: '',
|
|
|
+ job_timeList: '',
|
|
|
+ performance: '',
|
|
|
+ job_content: ''
|
|
|
});
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //1.3 清理表单
|
|
|
- cleatForm(type) {
|
|
|
- this.form = {
|
|
|
- title: '',//求职标题
|
|
|
- islink: 0,//是否使用外链 0非 1是
|
|
|
- linkurl: "",//外链地址
|
|
|
- //1.2没有使用外链
|
|
|
- cat_arr_id: '',//导航池名称
|
|
|
- level: "",//推荐等级
|
|
|
- web_site_id: 0,
|
|
|
- name: "",
|
|
|
- sexy: 1,
|
|
|
- jobtime: "",//工作时间
|
|
|
- //校验专用
|
|
|
- company_name: [],//公司名称
|
|
|
- job_industry: [],//行业
|
|
|
- job_name: [],//职位名称
|
|
|
- department: [],//所属部门
|
|
|
- job_timeList: [],//工作时间
|
|
|
- job_content: [],//工作内容
|
|
|
- };
|
|
|
- this.imgUrl = "";
|
|
|
- },
|
|
|
- //提交表单 end ------------------------------------------------------------>
|
|
|
-
|
|
|
- //2.跳转操作 start ------------------------------------------------------------>
|
|
|
- returnPage() {
|
|
|
- this.$router.push({
|
|
|
- path: '/jobHuntingList',
|
|
|
- });
|
|
|
- },
|
|
|
- //跳转操作 end ------------------------------------------------------------>
|
|
|
-
|
|
|
- //3.回显操作 ------------------------------------------------------------>
|
|
|
- //3.1回显数据
|
|
|
- getMainData() {
|
|
|
- let data = {
|
|
|
- id: this.$route.query.id
|
|
|
- };
|
|
|
- this.$store.dispatch('news/getJobHuntingInfo', data).then(res => {
|
|
|
- console.log(res);
|
|
|
-
|
|
|
- this.form.cat_arr_id = Array.isArray(res.data.cat_arr_id) ? res.data.cat_arr_id : JSON.parse(res.data.cat_arr_id);
|
|
|
- this.parentKey += 1; // 触发级联选择器重新加载
|
|
|
- this.loadCascaderPath(this.form.cat_arr_id); // 加载路径数据
|
|
|
-
|
|
|
- this.form.name = res.data.name;
|
|
|
- this.form.sexy = res.data.sexy;
|
|
|
- this.form.age = res.data.age;
|
|
|
- this.form.phone = res.data.phone;
|
|
|
- this.form.email = res.data.email;
|
|
|
- this.form.wx = res.data.wx;
|
|
|
- this.form.company_nature = res.data.company_nature;
|
|
|
- this.form.salary = res.data.salary;
|
|
|
- this.form.self_evaluation = res.data.self_evaluation;
|
|
|
- this.form.job = parseInt(res.data.job);
|
|
|
- this.form.industry = res.data.industry;
|
|
|
- this.form.experience = res.data.experience;
|
|
|
-
|
|
|
-
|
|
|
- this.form.educational = res.data.educational;
|
|
|
- this.form.politic = res.data.politic;
|
|
|
- this.form.language = res.data.language;
|
|
|
- this.form.level = res.data.level;
|
|
|
-
|
|
|
-
|
|
|
- this.form.address = res.data.address;
|
|
|
- this.form.content = res.data.content;
|
|
|
- this.form.imgUrl = res.data.imgurl;
|
|
|
- this.imgUrl = res.data.imgurl;
|
|
|
- this.form.web_site_id = res.data.website_id;
|
|
|
- this.form.jobtime = res.data.jobtime ? new Date(res.data.jobtime) : '';
|
|
|
- this.form.birth = res.data.birth ? new Date(res.data.birth) : '';
|
|
|
- this.form.origin = res.data.origin;
|
|
|
- this.form.city_arr_id = Array.isArray(res.data.city_arr_id) ? res.data.city_arr_id : JSON.parse(res.data.city_arr_id);
|
|
|
- this.form.job_experience = JSON.parse(res.data.job_experience);
|
|
|
- this.form.education_experience = JSON.parse(res.data.education_experience);
|
|
|
- this.form.skillList = JSON.parse(res.data.skillList);
|
|
|
-
|
|
|
- }).catch(() => {
|
|
|
- this.$message({
|
|
|
- type: 'info',
|
|
|
- message: '网络错误，请重试！'
|
|
|
- });
|
|
|
- })
|
|
|
- },
|
|
|
- async loadCascaderPath(path) {
|
|
|
- for (let i = 0; i < path.length; i++) {
|
|
|
- const parentId = path[i - 1] || 0; // 获取当前层级的父级ID
|
|
|
- const level = i; // 当前层级的索引
|
|
|
- await this.$store.dispatch('pool/categoryList', { pid: parentId })
|
|
|
- .then((res) => {
|
|
|
- const nodes = res.data.map(item => ({
|
|
|
- value: item.id,
|
|
|
- label: item.name,
|
|
|
- leaf: level >= 3, // 假设4层结构，设置叶子节点标记
|
|
|
- }));
|
|
|
- // 级联选择器加载数据
|
|
|
- if (level === path.length - 1) {
|
|
|
- this.form.cat_arr_id = path; // 确保最后一级路径正确设置
|
|
|
- this.parentKey += 1; // 强制刷新 cascader
|
|
|
+ },
|
|
|
+ addEducation() {
|
|
|
+ const hasEmptyEducation = this.form.education_experience.some(item => {
|
|
|
+ if (item.school_name == '') {
|
|
|
+ this.$message.error('请先填写学校名称');
|
|
|
+ return true; // 返回 true 表示找到了空的 skill
|
|
|
+ }
|
|
|
+ })
|
|
|
+ if (hasEmptyEducation) {
|
|
|
+ return; // 如果有空的 skill，则提前结束 addSkill 方法
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- //1.3提交修改
|
|
|
- editToServe() {
|
|
|
- //提交之前先判断是否为外链
|
|
|
- //如果使用了外链，清理掉除了外链以外的内容
|
|
|
-
|
|
|
- //添加要修改的id
|
|
|
- this.form.id = this.editId;
|
|
|
- //先进行验证
|
|
|
- let startTime = new Date().getTime();
|
|
|
- console.log(startTime, '-------------------开始------------------');
|
|
|
- this.$refs.form.validate(valid => {
|
|
|
- //记录开始时间
|
|
|
- let startTime1 = new Date().getTime();
|
|
|
- console.log(startTime1, '-------------------校验开始------------------');
|
|
|
- if (valid) {
|
|
|
- console.log(this.form)
|
|
|
- // 创建 form 对象的深拷贝
|
|
|
- const formCopy = JSON.parse(JSON.stringify(this.form));
|
|
|
-
|
|
|
- // 在副本上进行 JSON 转换
|
|
|
- formCopy.job_experience = JSON.stringify(formCopy.job_experience);
|
|
|
- formCopy.education_experience = JSON.stringify(formCopy.education_experience);
|
|
|
- formCopy.skillList = JSON.stringify(formCopy.skillList);
|
|
|
- formCopy.city_arr_id = JSON.stringify(formCopy.city_arr_id);
|
|
|
- formCopy.cat_arr_id = JSON.stringify(formCopy.cat_arr_id);
|
|
|
- formCopy.website_id = formCopy.web_site_id == 0 ? this.websiteid : formCopy.web_site_id;
|
|
|
- // 去掉 formCopy.web_site_id
|
|
|
- delete formCopy.web_site_id;
|
|
|
-
|
|
|
- if (formCopy.website_id == 0) {
|
|
|
- this.$message.error('请选择站点名称');
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- if (formCopy.jobtime != '' && formCopy.jobtime != null && formCopy.jobtime != undefined) {
|
|
|
- formCopy.jobtime = formatLocalDate(formCopy.jobtime);
|
|
|
- } else {
|
|
|
- formCopy.jobtime = null;
|
|
|
- }
|
|
|
- console.log(formCopy.birth, "-----------------birth----------");
|
|
|
- if (formCopy.birth != '' && formCopy.birth != null && formCopy.birth != undefined) {
|
|
|
- formCopy.birth = formatLocalDate(formCopy.birth);
|
|
|
- } else {
|
|
|
- formCopy.birth = null;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- formCopy.job_timeList.forEach(item => {
|
|
|
- item = formatLocalDate(item);
|
|
|
- });
|
|
|
- console.log(new Date().getTime(), '-------------------校验结束------------------');
|
|
|
- //判断用户身份
|
|
|
- if (this.creatNews_user_type == 10000) {
|
|
|
- console.log("用户身份为管理员,无需审核直接发布!")
|
|
|
- this.form.status = 2;
|
|
|
- } else {
|
|
|
- console.log("用户身份为其他用户,提交到审核!")
|
|
|
- this.form.status = 1;
|
|
|
- }
|
|
|
- this.$store.dispatch('news/updateJobHunting', formCopy).then(res => {
|
|
|
- //记录结束时间
|
|
|
- let endTime = new Date().getTime(); //计算时间差
|
|
|
- console.log(endTime, '-------------------结束------------------');
|
|
|
- let time = endTime - this.startTime;
|
|
|
- //记录时间差
|
|
|
- console.log('时间差'.time, '------------------2--------');
|
|
|
- if (res.code != 200) {
|
|
|
- this.$message.error("修改失败，请稍后再试！");
|
|
|
- } else {
|
|
|
- //汇报结果
|
|
|
- this.$message({
|
|
|
- type: 'success',
|
|
|
- message: '已成功编辑求职！'
|
|
|
- });
|
|
|
- this.cleatForm(2);
|
|
|
- //返回列表页
|
|
|
- this.returnPage()
|
|
|
+ this.form.education_experience.push({
|
|
|
+ school_name: '',
|
|
|
+ degree: '',
|
|
|
+ major: '',
|
|
|
+ graduation_time: ''
|
|
|
+ });
|
|
|
+ },
|
|
|
+ scrollToSection(id) {
|
|
|
+ const element = document.getElementById(id);
|
|
|
+ if (element) {
|
|
|
+ element.scrollIntoView({ behavior: 'smooth' });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //1.提交表单 start ------------------------------------------------------------>
|
|
|
+ //1.1 直接上传图片
|
|
|
+ beforeAvatarUpload(file) {
|
|
|
+ const isJPG = file.type === 'image/jpeg';
|
|
|
+ const isPNG = file.type === 'image/png';
|
|
|
+ const isLt2M = file.size / 1024 / 1024 < 2;
|
|
|
+ if (!isJPG && !isPNG) {
|
|
|
+ this.$message.error('上传缩略图只能是 JPG 或 PNG 格式!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ if (!isLt2M) {
|
|
|
+ this.$message.error('上传缩略图大小不能超过 2MB!');
|
|
|
+ return false;
|
|
|
}
|
|
|
- }).catch(() => {
|
|
|
- this.$message({
|
|
|
- type: 'info',
|
|
|
- message: '网络错误，请重试！'
|
|
|
+ const formData = new FormData();
|
|
|
+ formData.append('file', file);
|
|
|
+ this.$store.dispatch('pool/uploadFile', formData).then(res => {
|
|
|
+ this.imgUrl = res.data.imgUrl;//显示缩略图
|
|
|
+ this.form.imgUrl = res.data.imgUrl;//提供表单地址
|
|
|
+ // this.$set(this, 'imgUrl', res.data.imgUrl); // 设置 imgUrl
|
|
|
+ // this.$set(this.form, 'imgurl', res.data.imgUrl); // 设置 form.imgurl
|
|
|
+ console.log(res.data.imgUrl)
|
|
|
+ console.log(this.imgurl, '-------------imgurl-----2---')
|
|
|
+ console.log(this.form.imgUrl, '-------------form.imgurl--------')
|
|
|
+ })
|
|
|
+ // 阻止默认的上传行为
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ //1.2 提交表单
|
|
|
+ addToServe() {
|
|
|
+ //先进行验证
|
|
|
+ console.log(this.form, '-------------form1--------');
|
|
|
+ this.$refs.form.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ // 创建 form 对象的深拷贝
|
|
|
+ const formCopy = JSON.parse(JSON.stringify(this.form));
|
|
|
+ // 在副本上进行 JSON 转换
|
|
|
+ formCopy.job_experience = JSON.stringify(formCopy.job_experience);
|
|
|
+ formCopy.education_experience = JSON.stringify(formCopy.education_experience);
|
|
|
+ formCopy.skillList = JSON.stringify(formCopy.skillList);
|
|
|
+ formCopy.city_arr_id = JSON.stringify(formCopy.city_arr_id);
|
|
|
+ formCopy.cat_arr_id = JSON.stringify(formCopy.cat_arr_id);
|
|
|
+ formCopy.website_id = formCopy.web_site_id == 0 ? this.websiteid : formCopy.web_site_id;
|
|
|
+ // 去掉 formCopy.web_site_id
|
|
|
+ delete formCopy.web_site_id;
|
|
|
+ if (formCopy.website_id == 0) {
|
|
|
+ this.$message.error('请选择站点名称');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (formCopy.jobtime != '' && formCopy.jobtime != null && formCopy.jobtime != undefined) {
|
|
|
+ formCopy.jobtime = formatLocalDate(formCopy.jobtime);
|
|
|
+ } else {
|
|
|
+ formCopy.jobtime = null;
|
|
|
+ }
|
|
|
+ console.log(formCopy.birth, "-----------------birth----------");
|
|
|
+ if (formCopy.birth != '' && formCopy.birth != null && formCopy.birth != undefined) {
|
|
|
+ formCopy.birth = formatLocalDate(formCopy.birth);
|
|
|
+ } else {
|
|
|
+ formCopy.birth = null;
|
|
|
+ }
|
|
|
+ formCopy.job_timeList.forEach(item => {
|
|
|
+ item = formatLocalDate(item);
|
|
|
+ });
|
|
|
+ console.log(new Date().getTime(), '-------------------校验结束------------------');
|
|
|
+ //判断用户身份
|
|
|
+ if (this.creatNews_user_type == 10000) {
|
|
|
+ console.log("用户身份为管理员,无需审核直接发布!")
|
|
|
+ this.form.status = 2;
|
|
|
+ } else {
|
|
|
+ console.log("用户身份为其他用户,提交到审核!")
|
|
|
+ this.form.status = 1;
|
|
|
+ }
|
|
|
+ this.$store.dispatch('news/addJobHunting', formCopy).then(res => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ //汇报结果
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '已成功添加求职！'
|
|
|
+ });
|
|
|
+ this.cleatForm(2);
|
|
|
+ //返回列表页
|
|
|
+ this.returnPage()
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ type: 'error',
|
|
|
+ message: "求职发布失败，请稍后再试！"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '网络错误，请重试！'
|
|
|
+ });
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //1.3 清理表单
|
|
|
+ cleatForm(type) {
|
|
|
+ this.form = {
|
|
|
+ title: '',//求职标题
|
|
|
+ islink: 0,//是否使用外链 0非 1是
|
|
|
+ linkurl: "",//外链地址
|
|
|
+ //1.2没有使用外链
|
|
|
+ cat_arr_id: '',//导航池名称
|
|
|
+ level: "",//推荐等级
|
|
|
+ web_site_id: 0,
|
|
|
+ name: "",
|
|
|
+ sexy: 1,
|
|
|
+ jobtime: "",//工作时间
|
|
|
+ //校验专用
|
|
|
+ company_name: [],//公司名称
|
|
|
+ job_industry: [],//行业
|
|
|
+ job_name: [],//职位名称
|
|
|
+ department: [],//所属部门
|
|
|
+ job_timeList: [],//工作时间
|
|
|
+ job_content: [],//工作内容
|
|
|
+ };
|
|
|
+ this.imgUrl = "";
|
|
|
+ },
|
|
|
+ //提交表单 end ------------------------------------------------------------>
|
|
|
+ //2.跳转操作 start ------------------------------------------------------------>
|
|
|
+ returnPage() {
|
|
|
+ this.$router.push({
|
|
|
+ path: '/jobHuntingList',
|
|
|
});
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //跳转操作 end ------------------------------------------------------------>
|
|
|
- get_creatNews_form_id_fun() {//判断用户类型ajax
|
|
|
- this.$store.dispatch('public/getInfo').then(res => {
|
|
|
- // console.log("res======",res)
|
|
|
- // this.form.user_type = res.data.type_id;
|
|
|
-
|
|
|
- }).catch(() => {
|
|
|
- this.$message({
|
|
|
- type: 'info',
|
|
|
- message: '网络错误，请重试！'
|
|
|
- });
|
|
|
- })
|
|
|
- // console.log("this.form.user_type==",this.form);
|
|
|
- // console.log("this.form.user_type==2",this.form.user_type);
|
|
|
-
|
|
|
+ },
|
|
|
+ //跳转操作 end ------------------------------------------------------------>
|
|
|
+ //3.回显操作 ------------------------------------------------------------>
|
|
|
+ //3.1回显数据xx
|
|
|
+ getMainData() {
|
|
|
+ let data = {
|
|
|
+ id: this.$route.query.id
|
|
|
+ };
|
|
|
+ this.$store.dispatch('news/getJobHuntingInfo', data).then(res => {
|
|
|
+ this.form.cat_arr_id = Array.isArray(res.data.cat_arr_id) ? res.data.cat_arr_id : JSON.parse(res.data.cat_arr_id);
|
|
|
+ this.parentKey += 1; // 触发级联选择器重新加载
|
|
|
+ this.loadCascaderPath(this.form.cat_arr_id); // 加载路径数据
|
|
|
+ this.form.name = res.data.name;
|
|
|
+ this.form.sexy = res.data.sexy;
|
|
|
+ this.form.age = res.data.age;
|
|
|
+ this.form.phone = res.data.phone;
|
|
|
+ this.form.email = res.data.email;
|
|
|
+ this.form.wx = res.data.wx;
|
|
|
+ this.form.company_nature = res.data.company_nature;
|
|
|
+ this.form.salary = res.data.salary;
|
|
|
+ this.form.self_evaluation = res.data.self_evaluation;
|
|
|
+ this.form.job = parseInt(res.data.job);
|
|
|
+ this.form.industry = res.data.industry;
|
|
|
+ this.form.experience = res.data.experience;
|
|
|
+ this.form.educational = res.data.educational;
|
|
|
+ this.form.politic = res.data.politic;
|
|
|
+ this.form.language = res.data.language;
|
|
|
+ this.form.level = res.data.level;
|
|
|
+ this.form.address = res.data.address;
|
|
|
+ this.form.content = res.data.content;
|
|
|
+ this.form.imgUrl = res.data.imgurl;
|
|
|
+ this.imgUrl = res.data.imgurl;
|
|
|
+ this.form.web_site_id = res.data.website_id;
|
|
|
+ this.form.jobtime = res.data.jobtime ? new Date(res.data.jobtime) : '';
|
|
|
+ this.form.birth = res.data.birth ? new Date(res.data.birth) : '';
|
|
|
+ this.form.origin = res.data.origin;
|
|
|
+ this.form.city_arr_id = Array.isArray(res.data.city_arr_id) ? res.data.city_arr_id : JSON.parse(res.data.city_arr_id);
|
|
|
+ this.form.job_experience = JSON.parse(res.data.job_experience);
|
|
|
+ this.form.education_experience = JSON.parse(res.data.education_experience);
|
|
|
+ this.form.skillList = JSON.parse(res.data.skillList);
|
|
|
+ this.birth_str = res.data.birth ? new Date(res.data.birth) : '';
|
|
|
+ if (this.birth_str == "") {// 生日
|
|
|
+ } else {
|
|
|
+ let birth_arr = String(this.birth_str).split(" ");
|
|
|
+ this.moon_arr.map((val, index, arr) => {
|
|
|
+ if (birth_arr[1] == this.moon_arr[index]) {
|
|
|
+ birth_arr[1] = index + 1
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.birth_str = birth_arr[3] + "-" + birth_arr[1] + "-" + birth_arr[2];
|
|
|
+ }
|
|
|
+ // 最高学历
|
|
|
+ this.educat_top_num = +(res.data.educational);
|
|
|
+ //工作工作经验
|
|
|
+ this.job_experience_num = res.data.experience;//工作经验
|
|
|
+ //工作经历-自我介绍
|
|
|
+ this.job_experience_introduce_arr = JSON.parse(res.data.job_experience);//工作经验
|
|
|
+ //语言
|
|
|
+ this.language_num = res.data.language;//语言
|
|
|
+ // 期望岗位
|
|
|
+ this.job_name_num = res.data.job_name_get;
|
|
|
+ // 薪资范围
|
|
|
+ this.salary_num = res.data.salary;
|
|
|
+ // 更新时间
|
|
|
+ this.updated_time = res.data.updated_at ? res.data.updated_at : '';
|
|
|
+ // 自我介绍
|
|
|
+ // this.my_introduce_industry_num= res.data.industry //工作经历-自我介绍-行业
|
|
|
+ this.my_introduce = res.data.self_evaluation ? res.data.self_evaluation : '';
|
|
|
+ // 教育背景-自我介绍
|
|
|
+ this.education_experience_introduce_arr = JSON.parse(res.data.education_experience);
|
|
|
+ //专业技能-自我介绍
|
|
|
+ this.profession_skill_arr = JSON.parse(res.data.skillList);
|
|
|
+ //联系方式
|
|
|
+ this.contact_way_phone = res.data.phone;
|
|
|
+ // 工作地点
|
|
|
+ this.city_id_arr = Array.isArray(res.data.city_arr_id) ? res.data.city_arr_id : JSON.parse(res.data.city_arr_id);
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '网络错误，请重试！'
|
|
|
+ });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ async loadCascaderPath(path) {
|
|
|
+ for (let i = 0; i < path.length; i++) {
|
|
|
+ const parentId = path[i - 1] || 0; // 获取当前层级的父级ID
|
|
|
+ const level = i; // 当前层级的索引
|
|
|
+ await this.$store.dispatch('pool/categoryList', { pid: parentId })
|
|
|
+ .then((res) => {
|
|
|
+ const nodes = res.data.map(item => ({
|
|
|
+ value: item.id,
|
|
|
+ label: item.name,
|
|
|
+ leaf: level >= 3, // 假设4层结构，设置叶子节点标记
|
|
|
+ }));
|
|
|
+ // 级联选择器加载数据
|
|
|
+ if (level === path.length - 1) {
|
|
|
+ this.form.cat_arr_id = path; // 确保最后一级路径正确设置
|
|
|
+ this.parentKey += 1; // 强制刷新 cascader
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //1.3提交修改
|
|
|
+ editToServe() {
|
|
|
+ //提交之前先判断是否为外链
|
|
|
+ //如果使用了外链，清理掉除了外链以外的内容
|
|
|
+ //添加要修改的id
|
|
|
+ this.form.id = this.editId;
|
|
|
+ //先进行验证
|
|
|
+ let startTime = new Date().getTime();
|
|
|
+ console.log(startTime, '-------------------开始------------------');
|
|
|
+ this.$refs.form.validate(valid => {
|
|
|
+ //记录开始时间
|
|
|
+ let startTime1 = new Date().getTime();
|
|
|
+ console.log(startTime1, '-------------------校验开始------------------');
|
|
|
+ if (valid) {
|
|
|
+ console.log(this.form)
|
|
|
+ // 创建 form 对象的深拷贝
|
|
|
+ const formCopy = JSON.parse(JSON.stringify(this.form));
|
|
|
+ // 在副本上进行 JSON 转换
|
|
|
+ formCopy.job_experience = JSON.stringify(formCopy.job_experience);
|
|
|
+ formCopy.education_experience = JSON.stringify(formCopy.education_experience);
|
|
|
+ formCopy.skillList = JSON.stringify(formCopy.skillList);
|
|
|
+ formCopy.city_arr_id = JSON.stringify(formCopy.city_arr_id);
|
|
|
+ formCopy.cat_arr_id = JSON.stringify(formCopy.cat_arr_id);
|
|
|
+ formCopy.website_id = formCopy.web_site_id == 0 ? this.websiteid : formCopy.web_site_id;
|
|
|
+ // 去掉 formCopy.web_site_id
|
|
|
+ delete formCopy.web_site_id;
|
|
|
+ if (formCopy.website_id == 0) {
|
|
|
+ this.$message.error('请选择站点名称');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (formCopy.jobtime != '' && formCopy.jobtime != null && formCopy.jobtime != undefined) {
|
|
|
+ formCopy.jobtime = formatLocalDate(formCopy.jobtime);
|
|
|
+ } else {
|
|
|
+ formCopy.jobtime = null;
|
|
|
+ }
|
|
|
+ console.log(formCopy.birth, "-----------------birth----------");
|
|
|
+ if (formCopy.birth != '' && formCopy.birth != null && formCopy.birth != undefined) {
|
|
|
+ formCopy.birth = formatLocalDate(formCopy.birth);
|
|
|
+ } else {
|
|
|
+ formCopy.birth = null;
|
|
|
+ }
|
|
|
+ formCopy.job_timeList.forEach(item => {
|
|
|
+ item = formatLocalDate(item);
|
|
|
+ });
|
|
|
+ console.log(new Date().getTime(), '-------------------校验结束------------------');
|
|
|
+ //判断用户身份
|
|
|
+ if (this.creatNews_user_type == 10000) {
|
|
|
+ console.log("用户身份为管理员,无需审核直接发布!")
|
|
|
+ this.form.status = 2;
|
|
|
+ } else {
|
|
|
+ console.log("用户身份为其他用户,提交到审核!")
|
|
|
+ this.form.status = 1;
|
|
|
+ }
|
|
|
+ this.$store.dispatch('news/updateJobHunting', formCopy).then(res => {
|
|
|
+ //记录结束时间
|
|
|
+ let endTime = new Date().getTime(); //计算时间差
|
|
|
+ console.log(endTime, '-------------------结束------------------');
|
|
|
+ let time = endTime - this.startTime;
|
|
|
+ //记录时间差
|
|
|
+ console.log('时间差'.time, '------------------2--------');
|
|
|
+ if (res.code != 200) {
|
|
|
+ this.$message.error("修改失败，请稍后再试！");
|
|
|
+ } else {
|
|
|
+ //汇报结果
|
|
|
+ this.$message({
|
|
|
+ type: 'success',
|
|
|
+ message: '已成功编辑求职！'
|
|
|
+ });
|
|
|
+ this.cleatForm(2);
|
|
|
+ //返回列表页
|
|
|
+ this.returnPage()
|
|
|
+ }
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '网络错误，请重试！'
|
|
|
+ });
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //跳转操作 end ------------------------------------------------------------>
|
|
|
+ get_creatNews_form_id_fun() {//判断用户类型ajax
|
|
|
+ this.$store.dispatch('public/getInfo').then(res => {
|
|
|
+ // console.log("res======",res)
|
|
|
+ // this.form.user_type = res.data.type_id;
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '网络错误，请重试！'
|
|
|
+ });
|
|
|
+ })
|
|
|
+ // console.log("this.form.user_type==",this.form);
|
|
|
+ // console.log("this.form.user_type==2",this.form.user_type);
|
|
|
+ },
|
|
|
+ get_creatNews_nav_pool_arr_fun() {
|
|
|
+ this.$store.dispatch('pool/get_creatNews_nav_actions', { page: 1, pageSize: 666666 }).then(res => {
|
|
|
+ res.data.rows.forEach((per_obj) => {
|
|
|
+ let new_per = {
|
|
|
+ label: per_obj.website_name,
|
|
|
+ value: per_obj.id,
|
|
|
+ }
|
|
|
+ this.creatNews_nav_pool_arr.push(new_per)
|
|
|
+ })
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '网络错误，请重试！'
|
|
|
+ });
|
|
|
+ })
|
|
|
+ },
|
|
|
+ creatNews_nav_pool_change_fun() { //xx 导航池级
|
|
|
+ let that = this; this.form.web_site_id = this.form.web_site_id[0]
|
|
|
+ that.parentKey_2 += 1; this.$store.dispatch('pool/get_creatNews_nav_son_actions', { pid: String(this.creatNews_pid_num), website_id: String(this.form.web_site_id) }).then(res => {
|
|
|
+ if (res.data.length == 0) {//没有导航池子级
|
|
|
+ // alert("没有导航池子级");
|
|
|
+ return
|
|
|
+ } this.creatNews_add_nav_pool_arr = res.data; this.creatNews_add_nav_pool_arr.forEach((per_obj) => {
|
|
|
+ per_obj.label = per_obj.name,
|
|
|
+ per_obj.value = per_obj.id, this.creatNews_pid_num = per_obj.category_id
|
|
|
+ })
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '网络错误，请重试！'
|
|
|
+ });
|
|
|
+ })
|
|
|
+ },
|
|
|
},
|
|
|
- get_creatNews_nav_pool_arr_fun() {//xx
|
|
|
- this.$store.dispatch('pool/get_creatNews_nav_actions', { page: 1, pageSize: 666666 }).then(res => {
|
|
|
- res.data.rows.forEach((per_obj) => {
|
|
|
- let new_per = {
|
|
|
- label: per_obj.website_name,
|
|
|
- value: per_obj.id,
|
|
|
- }
|
|
|
- this.creatNews_nav_pool_arr.push(new_per)
|
|
|
- })
|
|
|
- }).catch(() => {
|
|
|
- this.$message({
|
|
|
- type: 'info',
|
|
|
- message: '网络错误，请重试！'
|
|
|
- });
|
|
|
- })
|
|
|
+ created() {
|
|
|
},
|
|
|
- creatNews_nav_pool_change_fun() { //xx 导航池级
|
|
|
- let that = this; this.form.web_site_id = this.form.web_site_id[0]
|
|
|
- that.parentKey_2 += 1; this.$store.dispatch('pool/get_creatNews_nav_son_actions', { pid: String(this.creatNews_pid_num), website_id: String(this.form.web_site_id) }).then(res => {
|
|
|
- if (res.data.length == 0) {//没有导航池子级
|
|
|
- // alert("没有导航池子级");
|
|
|
- return
|
|
|
- } this.creatNews_add_nav_pool_arr = res.data; this.creatNews_add_nav_pool_arr.forEach((per_obj) => {
|
|
|
- per_obj.label = per_obj.name,
|
|
|
- per_obj.value = per_obj.id, this.creatNews_pid_num = per_obj.category_id
|
|
|
- })
|
|
|
- }).catch(() => {
|
|
|
- this.$message({
|
|
|
- type: 'info',
|
|
|
- message: '网络错误，请重试！'
|
|
|
- });
|
|
|
- })
|
|
|
+ mounted() {
|
|
|
+ this.creatNews_user_type = getUseType()
|
|
|
+ this.websiteid = getWebSiteId()
|
|
|
+ this.get_creatNews_form_id_fun()//
|
|
|
+ this.get_creatNews_nav_pool_arr_fun()//
|
|
|
+ this.getJobHuntingData()
|
|
|
+ // console.log(this.websiteid, '-------websiteid-------');
|
|
|
+ //1.判断是新建还是回显
|
|
|
+ if (this.$route.query.id != undefined) {
|
|
|
+ this.editId = this.$route.query.id;
|
|
|
+ this.editStatus = true;
|
|
|
+ // console.log("编辑新闻！")
|
|
|
+ this.getMainData();
|
|
|
+ } else {
|
|
|
+ this.editStatus = false;
|
|
|
+ // console.log("添加新闻！")
|
|
|
+ }
|
|
|
},
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.creatNews_user_type = getUseType()
|
|
|
- this.websiteid = getWebSiteId()
|
|
|
- this.get_creatNews_form_id_fun()//
|
|
|
- this.get_creatNews_nav_pool_arr_fun()//
|
|
|
- this.getJobHuntingData()
|
|
|
- console.log(this.websiteid, '-------websiteid-------');
|
|
|
- //1.判断是新建还是回显
|
|
|
- if (this.$route.query.id != undefined) {
|
|
|
- this.editId = this.$route.query.id;
|
|
|
- this.editStatus = true;
|
|
|
- console.log("编辑新闻！")
|
|
|
- this.getMainData();
|
|
|
- } else {
|
|
|
- this.editStatus = false;
|
|
|
- console.log("添加新闻！")
|
|
|
- }
|
|
|
- },
|
|
|
- watch: {
|
|
|
- 'form.job_experience': {
|
|
|
- handler(newVal, oldVal) {
|
|
|
- newVal.forEach((item, index) => {
|
|
|
- // 确保每个对象都有默认值
|
|
|
- // if (!item.company_name) item.job_industry = '';
|
|
|
- // if (!item.job_name) item.job_name = '';
|
|
|
- // if (!item.department) item.department = '';
|
|
|
- // if (!item.job_timeList) item.job_timeList = '';
|
|
|
- // if (!item.job_content) item.job_content = '';
|
|
|
- // if (!item.performance) item.performance = '';
|
|
|
- // 检查 company_name 是否发生变化
|
|
|
- console.log(newVal[index].company_name, oldVal[index].company_name);
|
|
|
- console.log(newVal[index].job_industry, '---job_industry---');
|
|
|
- this.form.company_name[index] = item.company_name;
|
|
|
- this.form.job_industry[index] = item.job_industry;
|
|
|
- this.form.job_name[index] = item.job_name;
|
|
|
- this.form.department[index] = item.department;
|
|
|
- this.form.job_timeList[index] = item.job_timeList;
|
|
|
- this.form.job_content[index] = item.job_content;
|
|
|
-
|
|
|
- console.log(this.form.company_name[index], '-=-------company_name---------');
|
|
|
- console.log(this.form.job_industry, '-=-------job_industry---------');
|
|
|
- console.log(this.form.company_name, '-=-------job_name---------');
|
|
|
- // if (oldVal[index] && oldVal[index].company_name !== item.company_name) {
|
|
|
- // // 如果发生变化，就修改this.form.company_name相应的值
|
|
|
- // }
|
|
|
- });
|
|
|
- },
|
|
|
- deep: true // 深度监听数组内部对象的变化
|
|
|
+ watch: {
|
|
|
+ 'form.job_experience': {
|
|
|
+ handler(newVal, oldVal) {
|
|
|
+ newVal.forEach((item, index) => {
|
|
|
+ // 确保每个对象都有默认值
|
|
|
+ // if (!item.company_name) item.job_industry = '';
|
|
|
+ // if (!item.job_name) item.job_name = '';
|
|
|
+ // if (!item.department) item.department = '';
|
|
|
+ // if (!item.job_timeList) item.job_timeList = '';
|
|
|
+ // if (!item.job_content) item.job_content = '';
|
|
|
+ // if (!item.performance) item.performance = '';
|
|
|
+ // 检查 company_name 是否发生变化
|
|
|
+ console.log(newVal[index].company_name, oldVal[index].company_name);
|
|
|
+ console.log(newVal[index].job_industry, '---job_industry---');
|
|
|
+ this.form.company_name[index] = item.company_name;
|
|
|
+ this.form.job_industry[index] = item.job_industry;
|
|
|
+ this.form.job_name[index] = item.job_name;
|
|
|
+ this.form.department[index] = item.department;
|
|
|
+ this.form.job_timeList[index] = item.job_timeList;
|
|
|
+ this.form.job_content[index] = item.job_content;
|
|
|
+ console.log(this.form.company_name[index], '-=-------company_name---------');
|
|
|
+ console.log(this.form.job_industry, '-=-------job_industry---------');
|
|
|
+ console.log(this.form.company_name, '-=-------job_name---------');
|
|
|
+ // if (oldVal[index] && oldVal[index].company_name !== item.company_name) {
|
|
|
+ // // 如果发生变化，就修改this.form.company_name相应的值
|
|
|
+ // }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ deep: true // 深度监听数组内部对象的变化
|
|
|
+ }
|
|
|
}
|
|
|
- }
|
|
|
};
|
|
|
</script>
|
|
|
-
|
|
|
<style scoped lang="less">
|
|
|
.floating-menu {
|
|
|
- position: fixed;
|
|
|
- top: 50%;
|
|
|
- right: 20px;
|
|
|
- transform: translateY(-50%);
|
|
|
- background-color: #f8f8f8;
|
|
|
- border: 1px solid #ddd;
|
|
|
- padding: 10px;
|
|
|
- border-radius: 4px;
|
|
|
- z-index: 222;
|
|
|
+ position: fixed;
|
|
|
+ top: 50%;
|
|
|
+ right: 20px;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ background-color: #f8f8f8;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ padding: 10px;
|
|
|
+ border-radius: 4px;
|
|
|
+ z-index: 222;
|
|
|
}
|
|
|
-
|
|
|
.menu-item {
|
|
|
- cursor: pointer;
|
|
|
- margin-bottom: 5px;
|
|
|
- font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
-
|
|
|
.menu-item:hover {
|
|
|
- color: #409eff;
|
|
|
+ color: #409eff;
|
|
|
}
|
|
|
-
|
|
|
//执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
|
|
|
::v-deep .custom-form-item>.el-form-item__label {
|
|
|
- line-height: 140px !important;
|
|
|
+ line-height: 140px !important;
|
|
|
}
|
|
|
-
|
|
|
::v-deep .custom-textarea .el-textarea__inner {
|
|
|
- resize: none;
|
|
|
- /* 禁止用户拖拽调整大小 */
|
|
|
+ resize: none;
|
|
|
+ /* 禁止用户拖拽调整大小 */
|
|
|
}
|
|
|
-
|
|
|
::v-deep .custom-align-right .el-form-item__label {
|
|
|
- text-align: right;
|
|
|
- /* 设置标签文字右对齐 */
|
|
|
+ text-align: right;
|
|
|
+ /* 设置标签文字右对齐 */
|
|
|
}
|
|
|
-
|
|
|
::v-deep .el-select {
|
|
|
- width: 100%;
|
|
|
- /* 禁止用户拖拽调整大小 */
|
|
|
+ width: 100%;
|
|
|
+ /* 禁止用户拖拽调整大小 */
|
|
|
}
|
|
|
-
|
|
|
::v-deep .el-input-group__prepend {
|
|
|
- color: black !important;
|
|
|
+ color: black !important;
|
|
|
}
|
|
|
-
|
|
|
.formLabelFloatBox {
|
|
|
- margin-bottom: 10px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .formLabeladdIcon {
|
|
|
- position: absolute;
|
|
|
- right: 45px;
|
|
|
- top: 5px;
|
|
|
- width: 38px;
|
|
|
- height: 24px;
|
|
|
- }
|
|
|
-
|
|
|
- .formLabelDelIcon {
|
|
|
- position: absolute;
|
|
|
- right: 5px;
|
|
|
- top: 5px;
|
|
|
- width: 38px;
|
|
|
- height: 24px;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
+ margin-bottom: 10px;
|
|
|
+ position: relative;
|
|
|
+ .formLabeladdIcon {
|
|
|
+ position: absolute;
|
|
|
+ right: 45px;
|
|
|
+ top: 5px;
|
|
|
+ width: 38px;
|
|
|
+ height: 24px;
|
|
|
+ }
|
|
|
+ .formLabelDelIcon {
|
|
|
+ position: absolute;
|
|
|
+ right: 5px;
|
|
|
+ top: 5px;
|
|
|
+ width: 38px;
|
|
|
+ height: 24px;
|
|
|
+ }
|
|
|
+}
|
|
|
+//执行v-deep穿透scope选择器 end------------------------------------------------------------>*/
|
|
|
+.job_color_box {
|
|
|
+ background: #F5F7FB;
|
|
|
+ margin: 0px auto;
|
|
|
+ padding: 0px 30px;
|
|
|
+}
|
|
|
+.seek_head_box {
|
|
|
+ border-bottom: solid 1px #D9D9D9;
|
|
|
+ .seek_head_left {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .seek_head_a {
|
|
|
+ float: left;
|
|
|
+ height: 55px;
|
|
|
+ line-height: 55px;
|
|
|
+ color: #333;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 22px;
|
|
|
+ border-bottom: solid 3px rgba(0, 0, 0, 0);
|
|
|
+ margin-right: 40px;
|
|
|
+ }
|
|
|
+ .seek_head_only {
|
|
|
+ float: left;
|
|
|
+ height: 55px;
|
|
|
+ line-height: 55px;
|
|
|
+ color: #5570F1;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 22px;
|
|
|
+ border-bottom: solid 3px #5570F1;
|
|
|
+ }
|
|
|
+ .seek_head_right_box {
|
|
|
+ float: right;
|
|
|
+ margin-top: 19px;
|
|
|
+ }
|
|
|
+ .seek_head_right_text {
|
|
|
+ float: left;
|
|
|
+ height: 21px;
|
|
|
+ line-height: 21px;
|
|
|
+ color: #999;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 22px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.index_1_left {
|
|
|
+ float: left;
|
|
|
+ width: 70%;
|
|
|
+}
|
|
|
+.index_1_right {
|
|
|
+ float: right;
|
|
|
+ width: 28%;
|
|
|
+}
|
|
|
+.index_1_right_img {
|
|
|
+ float: right;
|
|
|
+ width: 130px;
|
|
|
+ height: 130px;
|
|
|
+ margin-top: 28px;
|
|
|
+ opacity: .6;
|
|
|
+}
|
|
|
+.seek_introduce_box {
|
|
|
+ .seek_introduce_left {
|
|
|
+ float: left;
|
|
|
+ width: 77%;
|
|
|
+ }
|
|
|
+ .seek_introduce_head {}
|
|
|
+ .seek_introduce_h4 {
|
|
|
+ height: 37px;
|
|
|
+ line-height: 37px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 28px;
|
|
|
+ margin-right: 15px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .seek_introduce_tag {
|
|
|
+ float: left;
|
|
|
+ height: 25px;
|
|
|
+ line-height: 25px;
|
|
|
+ padding: 0px 8px 0px 36px;
|
|
|
+ // background: url(../public/img/13.png) no-repeat 10px center #f2f7ed;
|
|
|
+ background-size: 16px 16px;
|
|
|
+ border: solid 1px #9CD26B;
|
|
|
+ color: #ADCF8B;
|
|
|
+ font-size: 16px;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin: 10px 5px 0px 0px;
|
|
|
+ }
|
|
|
+ .seek_introduce_text {
|
|
|
+ height: 25px;
|
|
|
+ line-height: 25px;
|
|
|
+ color: #999;
|
|
|
+ font-size: 16px;
|
|
|
+ margin-top: 10px;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ .seek_introduce_num {
|
|
|
+ color: #9CD26B;
|
|
|
+ }
|
|
|
+ .seek_introduce_title_box {}
|
|
|
+ .seek_introduce_label {
|
|
|
+ margin-right: 11px;
|
|
|
+ line-height: 21px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .seek_introduce_title {
|
|
|
+ margin-right: 40px;
|
|
|
+ line-height: 21px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+}
|
|
|
+.seek_introduce_foot {
|
|
|
+ margin-top: 32px;
|
|
|
+ .seek_introduce_foot_text {
|
|
|
+ height: 16px;
|
|
|
+ line-height: 16px;
|
|
|
+ float: left;
|
|
|
+ color: #999;
|
|
|
+ font-size: 16px;
|
|
|
+ padding-right: 10px;
|
|
|
+ margin-right: 10px;
|
|
|
+ border-right: solid 1px #999;
|
|
|
+ }
|
|
|
+ .seek_introduce_foot_text:nth-last-of-type(1) {
|
|
|
+ border: 0px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.index_2 {
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+.seek_article {
|
|
|
+ margin-top: 33px;
|
|
|
+}
|
|
|
+.index_3 {
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+.seek_in {
|
|
|
+ .seek_in_head {
|
|
|
+ margin: 31px 0px 10px;
|
|
|
+ }
|
|
|
+ .seek_in_head_text {
|
|
|
+ float: left;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ margin-right: 40px;
|
|
|
+ }
|
|
|
+ .seek_in_head_text:nth-last-of-type(1) {
|
|
|
+ margin-right: 0px;
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+}
|
|
|
+.seek_in_ul {
|
|
|
+ .seek_in_li {
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .seek_in_label {
|
|
|
+ font-weight: 500;
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ word-break: keep-all;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+ .seek_in_li_text {
|
|
|
+ height: 35px;
|
|
|
+ line-height: 35px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+ }
|
|
|
+ .seek_in_li:nth-last-of-type(1) {
|
|
|
+ margin-bottom: 0px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.index_4 {
|
|
|
+ margin-top: 13px;
|
|
|
+}
|
|
|
+.index_5 {
|
|
|
+ margin-top: 13px;
|
|
|
+}
|
|
|
+.index_5 .seek_in {
|
|
|
+ margin-top: 33px;
|
|
|
+}
|
|
|
+.index_6 {
|
|
|
+ margin-top: 13px;
|
|
|
+}
|
|
|
+.index_6 .seek_in {
|
|
|
+ margin: 33px auto;
|
|
|
+}
|
|
|
+.seek_article_2 {
|
|
|
+ color: #333;
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+.job_foot_btn {
|
|
|
+ float: none;
|
|
|
+ display: block;
|
|
|
+ margin: 10px auto;
|
|
|
+ width: 180px;
|
|
|
+ padding: 10px 0px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 20px;
|
|
|
}
|
|
|
-
|
|
|
-//执行v-deep穿透scope选择器 end------------------------------------------------------------>*/</style>
|
|
|
+</style>
|
