|
|
@@ -1,193 +1,1256 @@
|
|
|
<template>
|
|
|
- <div class="job-hunting-form">
|
|
|
- <el-form :model="form" ref="form" :rules="rules" label-width="120px">
|
|
|
- <!-- 个人信息 -->
|
|
|
- <el-form-item label="头像">
|
|
|
- <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false"
|
|
|
- :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
|
|
|
- <img v-if="form.avatar" :src="form.avatar" class="avatar">
|
|
|
- <i v-else class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
- </el-upload>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="姓名" prop="name">
|
|
|
- <el-input v-model="form.name"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="性别" prop="gender">
|
|
|
- <el-radio-group v-model="form.gender">
|
|
|
- <el-radio label="男">男</el-radio>
|
|
|
- <el-radio label="女">女</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="出生日期" prop="birthDate">
|
|
|
- <el-date-picker v-model="form.birthDate" type="date" placeholder="选择日期"></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <!-- 求职意向 -->
|
|
|
- <el-form-item label="期望职位" prop="expectedPosition">
|
|
|
- <el-input v-model="form.expectedPosition"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="期望行业" prop="expectedIndustry">
|
|
|
- <el-input v-model="form.expectedIndustry"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="期望薪资" prop="expectedSalary">
|
|
|
- <el-input v-model="form.expectedSalary"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <!-- 教育背景 -->
|
|
|
- <el-form-item label="学校名称" prop="schoolName">
|
|
|
- <el-input v-model="form.schoolName"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="专业" prop="major">
|
|
|
- <el-input v-model="form.major"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="学历" prop="education">
|
|
|
- <el-select v-model="form.education" placeholder="请选择">
|
|
|
- <el-option label="本科" value="本科"></el-option>
|
|
|
- <el-option label="硕士" value="硕士"></el-option>
|
|
|
- <el-option label="博士" value="博士"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <!-- 工作经历 -->
|
|
|
- <el-form-item label="公司名称" prop="companyName">
|
|
|
- <el-input v-model="form.companyName"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="职位" prop="position">
|
|
|
- <el-input v-model="form.position"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="工作时间" prop="workTime">
|
|
|
- <el-date-picker v-model="form.workTime" type="daterange" range-separator="至" start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <!-- 项目经验 -->
|
|
|
- <el-form-item label="项目名称" prop="projectName">
|
|
|
- <el-input v-model="form.projectName"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="项目描述" prop="projectDescription">
|
|
|
- <el-input v-model="form.projectDescription" type="textarea" :rows="4"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <!-- 技能证书 -->
|
|
|
- <el-form-item label="技能" prop="skills">
|
|
|
- <el-input v-model="form.skills" type="textarea" :rows="4"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="证书" prop="certificates">
|
|
|
- <el-input v-model="form.certificates" type="textarea" :rows="4"></el-input>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="submitForm('form')">提交</el-button>
|
|
|
- <el-button @click="resetForm('form')">重置</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+ <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>
|
|
|
+
|
|
|
+ </el-upload>
|
|
|
+ <div class="imgBox" style="color:red;margin-left: 00px ;margin-bottom: 20px; padding-top: -20px;">
|
|
|
+ 请添加图片，上传格式要求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>
|
|
|
+ <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="phone" class="custom-align-right">
|
|
|
+ <el-input v-model="form.phone" 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="请选择最高学历">
|
|
|
+ <el-option v-for="item in educations" :key="item.id" :label="item.ename" :value="item.id"></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%;">
|
|
|
+ <el-option v-for="item in languages" :key="item.id" :label="item.ename" :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select v-model="form.level" placeholder="请选择掌握程度" style="width: 40%;">
|
|
|
+ <el-option v-for="item in languagetypes" :key="item.id" :label="item.ename" :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-divider content-position="right"> </el-divider>
|
|
|
+ <div id="jobIntentions">
|
|
|
+ <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="请选择职位性质">
|
|
|
+ <el-option v-for="item in natures" :key="item.id" :label="item.ename" :value="item.id"></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="company_nature" class="custom-align-right">
|
|
|
+ <el-select v-model="form.company_nature" placeholder="请选择公司性质：">
|
|
|
+ <el-option v-for="item in jobNature" :key="item.id" :label="item.nature_name"
|
|
|
+ :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="薪资范围：" prop="salary" class="custom-align-right">
|
|
|
+ <el-select v-model="form.salary" placeholder="请选择薪资范围：">
|
|
|
+ <el-option v-for="item in incomes" :key="item.id" :label="item.ename" :value="item.id"></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.skillsList" :key="index" :label="`专业技能 ${index + 1}:`"
|
|
|
+ prop="skills11" class="custom-align-right">
|
|
|
+
|
|
|
+ <el-input v-model="form.skillsList[index]" autocomplete="off" placeholder="请输入专业技能"> </el-input>
|
|
|
+ </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>
|
|
|
+ <el-divider content-position="right"> </el-divider>
|
|
|
+
|
|
|
+
|
|
|
+ <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">
|
|
|
+ <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="请选择所属行业">
|
|
|
+ <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="请选择职位名称">
|
|
|
+ <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 content-position="right">{{ index + 1 }}</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="请选择学历">
|
|
|
+ <el-option v-for="item in educations" :key="item.id" :label="item.ename" :value="item.id"></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>
|
|
|
+ <div class="bottomBtnBox">
|
|
|
+ <el-button type="info" @click="returnPage">返回</el-button>
|
|
|
+ <el-button type="primary" @click="editToServe" v-if="editStatus == true">确定</el-button>
|
|
|
+ <el-button type="primary" @click="addToServe" v-else>发布求职</el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
</div>
|
|
|
+
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { getWebSiteId, getUseType } from '@/utils/auth'
|
|
|
+//表格标题
|
|
|
+import tableTitle from './components/tableTitle';
|
|
|
+//引入公用样式
|
|
|
+import '@/styles/global.less';
|
|
|
+
|
|
|
+import { quillEditor } from 'vue-quill-editor';
|
|
|
+import 'quill/dist/quill.snow.css';
|
|
|
+import ImageResize from 'quill-image-resize-module';
|
|
|
+import Quill from 'quill'; // 引入 Quill
|
|
|
+import Delta from 'quill-delta'; // 引入 Delta，用于手动修改文档
|
|
|
+//格式化时间
|
|
|
+import { formatLocalDate } from '@/utils/public';
|
|
|
+
|
|
|
+// 注册 Image Resize 模块
|
|
|
+Quill.register('modules/imageResize', ImageResize);
|
|
|
+
|
|
|
+//解决富文本样式居中不显示
|
|
|
+import 'quill/dist/quill.core.css';
|
|
|
+
|
|
|
export default {
|
|
|
+ components: {
|
|
|
+ quillEditor,
|
|
|
+ tableTitle
|
|
|
+ },
|
|
|
data() {
|
|
|
+
|
|
|
+ //0.全局操作 start ------------------------------------------------------------>
|
|
|
+ //表单验证
|
|
|
+ const validateEmpty = (rule, value, callback) => {
|
|
|
+ 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('职位名称不能为空！'))
|
|
|
+ }
|
|
|
+ })
|
|
|
+ callback()
|
|
|
+ }
|
|
|
+ const validateJobTimeListEmpty = (rule, value, callback) => {
|
|
|
+ console.log(value, '-------------value--------')
|
|
|
+ if (value == '') {
|
|
|
+ callback(new Error('该项不能为空！'))
|
|
|
+ }
|
|
|
+ value.forEach(item => {
|
|
|
+ if (item == '') {
|
|
|
+ callback(new Error('工作时间不能为空！'))
|
|
|
+ }
|
|
|
+ })
|
|
|
+ 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: {
|
|
|
- avatar: '',
|
|
|
- name: '',
|
|
|
- gender: '',
|
|
|
- birthDate: '',
|
|
|
- expectedPosition: '',
|
|
|
- expectedIndustry: '',
|
|
|
- expectedSalary: '',
|
|
|
- schoolName: '',
|
|
|
- major: '',
|
|
|
- education: '',
|
|
|
- companyName: '',
|
|
|
- position: '',
|
|
|
- workTime: '',
|
|
|
- projectName: '',
|
|
|
- projectDescription: '',
|
|
|
- skills: '',
|
|
|
- certificates: ''
|
|
|
+ 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: "",
|
|
|
+ //校验专用
|
|
|
+ company_name: [],//公司名称
|
|
|
+ job_industry: [],//行业
|
|
|
+ job_name: [],//职位名称
|
|
|
+ department: [],//所属部门
|
|
|
+ job_timeList: [],//工作时间
|
|
|
+ job_content: [],//工作内容
|
|
|
+ imgUrl: "",
|
|
|
},
|
|
|
- rules: {
|
|
|
- name: [
|
|
|
- { required: true, message: '请输入姓名', trigger: 'blur' }
|
|
|
- ],
|
|
|
- gender: [
|
|
|
- { required: true, message: '请选择性别', trigger: 'change' }
|
|
|
- ],
|
|
|
- birthDate: [
|
|
|
- { required: true, message: '请选择出生日期', trigger: 'change' }
|
|
|
- ],
|
|
|
- expectedPosition: [
|
|
|
- { required: true, message: '请输入期望职位', trigger: 'blur' }
|
|
|
- ],
|
|
|
- expectedIndustry: [
|
|
|
- { required: true, message: '请输入期望行业', trigger: 'blur' }
|
|
|
- ],
|
|
|
- expectedSalary: [
|
|
|
- { required: true, message: '请输入期望薪资', trigger: 'blur' }
|
|
|
- ],
|
|
|
- schoolName: [
|
|
|
- { required: true, message: '请输入学校名称', trigger: 'blur' }
|
|
|
- ],
|
|
|
- major: [
|
|
|
- { required: true, message: '请输入专业', trigger: 'blur' }
|
|
|
- ],
|
|
|
- education: [
|
|
|
- { required: true, message: '请选择学历', trigger: 'change' }
|
|
|
- ],
|
|
|
- companyName: [
|
|
|
- { required: true, message: '请输入公司名称', trigger: 'blur' }
|
|
|
- ],
|
|
|
- position: [
|
|
|
- { required: true, message: '请输入职位', trigger: 'blur' }
|
|
|
- ],
|
|
|
- workTime: [
|
|
|
- { required: true, message: '请选择工作时间', trigger: 'change' }
|
|
|
- ],
|
|
|
- projectName: [
|
|
|
- { required: true, message: '请输入项目名称', trigger: 'blur' }
|
|
|
- ],
|
|
|
- projectDescription: [
|
|
|
- { required: true, message: '请输入项目描述', trigger: 'blur' }
|
|
|
- ],
|
|
|
- skills: [
|
|
|
- { required: true, message: '请输入技能', trigger: 'blur' }
|
|
|
- ],
|
|
|
- certificates: [
|
|
|
- { required: true, message: '请输入证书', trigger: 'blur' }
|
|
|
- ]
|
|
|
- }
|
|
|
+ //1.2 表单验证规则
|
|
|
+ formRules: {
|
|
|
+ skillList: [{ required: true, trigger: 'blur', validator: validateArraySkill }],
|
|
|
+ //求职名称不能为空
|
|
|
+ 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富文本编辑器配置
|
|
|
+ showHtml: false, //用于保存源码内容
|
|
|
+ editorHtml: '',
|
|
|
+ editorOptions: {
|
|
|
+ placeholder: '请输入内容...',
|
|
|
+ theme: 'snow', // 主题样式
|
|
|
+ modules: {
|
|
|
+ toolbar: {
|
|
|
+ container: [
|
|
|
+ [{ 'font': [] }], // 字体
|
|
|
+ [{ 'header': [1, 2, 3, 4, 5, 6, false] }], // 标题
|
|
|
+ [{ 'size': ['small', false, 'large', 'huge'] }], // 字体大小
|
|
|
+ ['bold', 'italic', 'underline', 'strike'], // 加粗、斜体、下划线、删除线
|
|
|
+ [{ 'color': [] }, { 'background': [] }], // 文字颜色、背景颜色
|
|
|
+ [{ 'script': 'sub' }, { 'script': 'super' }], // 上标、下标
|
|
|
+ [{ 'list': 'ordered' }, { 'list': 'bullet' }], // 列表
|
|
|
+ [{ 'indent': '-1' }, { 'indent': '+1' }], // 缩进
|
|
|
+ [{ 'align': [] }], // 对齐方式
|
|
|
+ ['blockquote', 'code-block'], // 引用、代码块
|
|
|
+ ['link', 'image', 'video'], // 链接、图片、视频
|
|
|
+ ['clean'],
|
|
|
+ [{ 'html': true }] // 添加自定义按钮的占位符
|
|
|
+ ],
|
|
|
+ handlers: {
|
|
|
+ image: () => {
|
|
|
+ this.handleImageClick();
|
|
|
+ },
|
|
|
+ showHtml: function () {
|
|
|
+ this.$emit('toggleSourceMode');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ imageResize: {
|
|
|
+ displayStyles: {
|
|
|
+ backgroundColor: 'black',
|
|
|
+ border: 'none',
|
|
|
+ color: 'white'
|
|
|
+ },
|
|
|
+ modules: ['Resize', 'DisplaySize', 'Toolbar'] // 启用不同的调整方式
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //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: []
|
|
|
+ }))
|
|
|
+ resolve(nodes)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ inputList: [
|
|
|
+ { value: '' }
|
|
|
+ ]
|
|
|
+ //表单项 end ------------------------------------------------------------>
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
- submitForm(formName) {
|
|
|
- this.$refs[formName].validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- alert('提交成功!');
|
|
|
- } else {
|
|
|
- console.log('error submit!!');
|
|
|
- return false;
|
|
|
+ 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.jobIndustry = res.data.jobIndustry;
|
|
|
+ this.jobNature = res.data.jobNature;
|
|
|
+ this.jobPosition = res.data.jobPosition;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // ... 其他方法
|
|
|
+ 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 方法
|
|
|
+ }
|
|
|
+ this.form.job_experience.push({
|
|
|
+ company_name: '',
|
|
|
+ job_industry: '',
|
|
|
+ job_name: '',
|
|
|
+ department: '',
|
|
|
+ job_timeList: '',
|
|
|
+ performance: '',
|
|
|
+ job_content: ''
|
|
|
});
|
|
|
},
|
|
|
- resetForm(formName) {
|
|
|
- this.$refs[formName].resetFields();
|
|
|
+ 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 方法
|
|
|
+ }
|
|
|
+ this.form.education_experience.push({
|
|
|
+ school_name: '',
|
|
|
+ degree: '',
|
|
|
+ major: '',
|
|
|
+ graduation_time: ''
|
|
|
+ });
|
|
|
},
|
|
|
- handleAvatarSuccess(res, file) {
|
|
|
- this.form.avatar = URL.createObjectURL(file.raw);
|
|
|
+ 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) {
|
|
|
- this.$message.error('上传头像图片只能是 JPG 格式!');
|
|
|
+ if (!isJPG && !isPNG) {
|
|
|
+ this.$message.error('上传缩略图只能是 JPG 或 PNG 格式!');
|
|
|
+ return false;
|
|
|
}
|
|
|
if (!isLt2M) {
|
|
|
- this.$message.error('上传头像图片大小不能超过 2MB!');
|
|
|
+ this.$message.error('上传缩略图大小不能超过 2MB!');
|
|
|
+ return false;
|
|
|
}
|
|
|
- return isJPG && isLt2M;
|
|
|
+
|
|
|
+ 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;//提供表单地址
|
|
|
+ console.log(res.data.imgUrl)
|
|
|
+ }).catch(() => {
|
|
|
+ this.$message({
|
|
|
+ type: 'info',
|
|
|
+ message: '网络错误，请重试！'
|
|
|
+ });
|
|
|
+ })
|
|
|
+ // 阻止默认的上传行为
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ //1.2 提交表单
|
|
|
+ addToServe() {
|
|
|
+ //先进行验证
|
|
|
+ console.log(this.form, '-------------form--------');
|
|
|
+ this.$refs.form.validate(valid => {
|
|
|
+
|
|
|
+ if (valid) {
|
|
|
+ console.log(this.form)
|
|
|
+ this.form.job_experience = JSON.stringify(this.form.job_experience);
|
|
|
+ this.form.education_experience = JSON.stringify(this.form.education_experience);
|
|
|
+ this.form.skillList = JSON.stringify(this.form.skillList);
|
|
|
+ this.form.city_arr_id = JSON.stringify(this.form.city_arr_id);
|
|
|
+ this.form.cat_arr_id = JSON.stringify(this.form.cat_arr_id);
|
|
|
+ this.form.website_id = this.form.web_site_id == 0 ? this.websiteid : this.form.web_site_id;
|
|
|
+ //去掉this.form.web_site_id
|
|
|
+ delete this.form.web_site_id;
|
|
|
+ if (this.form.website_id == 0) {
|
|
|
+ this.$message.error('请选择站点名称');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.form.jobtime != '' || this.form.jobtime != null) {
|
|
|
+ this.form.jobtime = formatLocalDate(this.form.jobtime);
|
|
|
+ } else {
|
|
|
+ this.form.jobtime = null;
|
|
|
+ }
|
|
|
+ if (this.form.birth != '' || this.form.birth != null) {
|
|
|
+ this.form.birth = formatLocalDate(this.form.birth);
|
|
|
+ } else {
|
|
|
+ this.form.birth = null;
|
|
|
+ }
|
|
|
+ this.form.job_timeList.forEach(item => {
|
|
|
+ item = formatLocalDate(item);
|
|
|
+ });
|
|
|
+
|
|
|
+ this.$store.dispatch('news/addJobHunting', this.form).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 ------------------------------------------------------------>
|
|
|
+
|
|
|
+ //3.回显操作 ------------------------------------------------------------>
|
|
|
+ //3.1回显数据
|
|
|
+ getMainData() {
|
|
|
+ let data = {
|
|
|
+ id: this.$route.query.id
|
|
|
+ };
|
|
|
+ this.$store.dispatch('news/getJobHuntingInfo', data).then(res => {
|
|
|
+ console.log(res);
|
|
|
+
|
|
|
+ this.form.web_site_id = res.data.web_site_id //站点名称
|
|
|
+ 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.address = res.data.address;
|
|
|
+ this.form.content = res.data.content;
|
|
|
+ this.form.img = res.data.img;
|
|
|
+ this.imgUrl = res.data.img;
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //1.3提交修改
|
|
|
+ editToServe() {
|
|
|
+ //提交之前先判断是否为外链
|
|
|
+ //如果使用了外链，清理掉除了外链以外的内容
|
|
|
+
|
|
|
+ //添加要修改的id
|
|
|
+ this.form.id = this.editId;
|
|
|
+ //先进行验证
|
|
|
+ this.$refs.form.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ console.log(this.form)
|
|
|
+ this.form.job_experience = JSON.stringify(this.form.job_experience);
|
|
|
+ this.form.education_experience = JSON.stringify(this.form.education_experience);
|
|
|
+ this.form.skillList = JSON.stringify(this.form.skillList);
|
|
|
+ this.form.city_arr_id = JSON.stringify(this.form.city_arr_id);
|
|
|
+ this.form.cat_arr_id = JSON.stringify(this.form.cat_arr_id);
|
|
|
+ this.form.website_id = this.form.web_site_id == 0 ? this.websiteid : this.form.web_site_id;
|
|
|
+ //去掉this.form.web_site_id
|
|
|
+ delete this.form.web_site_id;
|
|
|
+ if (this.form.website_id == 0) {
|
|
|
+ this.$message.error('请选择站点名称');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.form.jobtime != '' || this.form.jobtime != null) {
|
|
|
+ this.form.jobtime = formatLocalDate(this.form.jobtime);
|
|
|
+ } else {
|
|
|
+ this.form.jobtime = null;
|
|
|
+ }
|
|
|
+ if (this.form.birth != '' || this.form.birth != null) {
|
|
|
+ this.form.birth = formatLocalDate(this.form.birth);
|
|
|
+ } else {
|
|
|
+ this.form.birth = null;
|
|
|
+ }
|
|
|
+ this.form.job_timeList.forEach(item => {
|
|
|
+ item = formatLocalDate(item);
|
|
|
+ });
|
|
|
+
|
|
|
+ this.$store.dispatch('news/updateJobHunting', this.form).then(res => {
|
|
|
+ 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() {//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: '网络错误，请重试！'
|
|
|
+ });
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ 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("添加新闻！")
|
|
|
+ }
|
|
|
+ //复制内容到富文本 start ------------------------------------------------------------>
|
|
|
+ //复制富文本 end ------------------------------------------------------------>
|
|
|
+ },
|
|
|
+ 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;
|
|
|
+}
|
|
|
+
|
|
|
+.menu-item {
|
|
|
+ cursor: pointer;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.menu-item:hover {
|
|
|
+ color: #409eff;
|
|
|
+}
|
|
|
+
|
|
|
+//文本编辑器
|
|
|
+.QuillTitle {
|
|
|
+ line-height: 36px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #606266;
|
|
|
+ font-weight: bold;
|
|
|
+ padding-left: 30px;
|
|
|
+
|
|
|
+ span {
|
|
|
+ color: #ff4949
|
|
|
+ }
|
|
|
+
|
|
|
+ .QuillModelBtn {
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 10px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.editor-container {
|
|
|
+ height: 420px;
|
|
|
+ padding-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.my-quill-editor {
|
|
|
+ height: 320px;
|
|
|
+}
|
|
|
+
|
|
|
+.ql-editor {
|
|
|
+ height: 320px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 富文本对齐方式 */
|
|
|
+.ql-align-center {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.ql-align-right {
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+
|
|
|
+.ql-indent-1 {
|
|
|
+ padding-left: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.ql-indent-2 {
|
|
|
+ padding-left: 32px;
|
|
|
+}
|
|
|
+
|
|
|
+.ql-indent-3 {
|
|
|
+ padding-left: 48px;
|
|
|
+}
|
|
|
+
|
|
|
+.ql-indent-4 {
|
|
|
+ padding-left: 64px;
|
|
|
+}
|
|
|
+
|
|
|
+.ql-indent-5 {
|
|
|
+ padding-left: 80px;
|
|
|
+}
|
|
|
+
|
|
|
+.ql-indent-6 {
|
|
|
+ padding-left: 96px;
|
|
|
+}
|
|
|
+
|
|
|
+.ql-indent-7 {
|
|
|
+ padding-left: 112px;
|
|
|
+}
|
|
|
+
|
|
|
+.ql-indent-8 {
|
|
|
+ padding-left: 128px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+//执行v-deep穿透scope选择器 start------------------------------------------------------------>*/
|
|
|
+::v-deep .custom-form-item>.el-form-item__label {
|
|
|
+ line-height: 140px !important;
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .custom-textarea .el-textarea__inner {
|
|
|
+ resize: none;
|
|
|
+ /* 禁止用户拖拽调整大小 */
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .custom-align-right .el-form-item__label {
|
|
|
+ text-align: right;
|
|
|
+ /* 设置标签文字右对齐 */
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-select {
|
|
|
+ width: 100%;
|
|
|
+ /* 禁止用户拖拽调整大小 */
|
|
|
+}
|
|
|
+
|
|
|
+::v-deep .el-input-group__prepend {
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+//执行v-deep穿透scope选择器 end------------------------------------------------------------>*/</style>
|
AI