|
|
|
@ -1,7 +1,9 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="allbox"> |
|
|
|
<div class="allbox"> |
|
|
|
<div class="userAbility"> |
|
|
|
<div class="userAbility"> |
|
|
|
<div class="toptttt">云员工个人简历</div> |
|
|
|
<div class="toptttt"> |
|
|
|
|
|
|
|
<img src="/assets/ability/metop.png" style="width:24px;height:28px;margin-right:15px" alt=""> |
|
|
|
|
|
|
|
云员工个人简历</div> |
|
|
|
<div class="contentBig"> |
|
|
|
<div class="contentBig"> |
|
|
|
<div class="contentBox"> |
|
|
|
<div class="contentBox"> |
|
|
|
<div class="active4"> |
|
|
|
<div class="active4"> |
|
|
|
@ -11,7 +13,7 @@ |
|
|
|
个人简介 |
|
|
|
个人简介 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="workIt"> |
|
|
|
<div class="workIt"> |
|
|
|
<el-form :rules="userRules" :model="userForm" label-width="80px"> |
|
|
|
<el-form :rules="userRules" :model="userForm" label-width="80px" ref="userRef"> |
|
|
|
<div class="flexbox"> |
|
|
|
<div class="flexbox"> |
|
|
|
<el-form-item label="姓名: "> |
|
|
|
<el-form-item label="姓名: "> |
|
|
|
<span>张三(已实名)</span> |
|
|
|
<span>张三(已实名)</span> |
|
|
|
@ -20,8 +22,8 @@ |
|
|
|
<span>男</span> |
|
|
|
<span>男</span> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-form-item label="所在城市: " prop="namep"> |
|
|
|
<el-form-item label="所在城市" prop="city"> |
|
|
|
<el-input v-model="userForm.area" v-show="false"></el-input> |
|
|
|
<el-input v-model="userForm.city" v-show="false"></el-input> |
|
|
|
<v-distpicker |
|
|
|
<v-distpicker |
|
|
|
@province="onChangeProvince" |
|
|
|
@province="onChangeProvince" |
|
|
|
@city="onChangeCity" |
|
|
|
@city="onChangeCity" |
|
|
|
@ -31,21 +33,24 @@ |
|
|
|
hide-area |
|
|
|
hide-area |
|
|
|
></v-distpicker> |
|
|
|
></v-distpicker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="技能方向: " prop="name1"> |
|
|
|
<el-form-item label="技能方向" prop="testSkills"> |
|
|
|
<el-input |
|
|
|
<el-input |
|
|
|
v-model="userForm.name1" |
|
|
|
v-model="userForm.testSkills" |
|
|
|
placeholder="请输入技能，如：测试工程师" |
|
|
|
placeholder="请输入技能，如：测试工程师" |
|
|
|
></el-input> |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="个人优势: " prop="workCon"> |
|
|
|
<el-form-item label="个人优势" prop="personalAdvantage"> |
|
|
|
<el-input |
|
|
|
<el-input |
|
|
|
type="textarea" |
|
|
|
type="textarea" |
|
|
|
:rows="5" |
|
|
|
:rows="5" |
|
|
|
v-model="userForm.workCon" |
|
|
|
v-model="userForm.personalAdvantage" |
|
|
|
placeholder="请输入优势" |
|
|
|
placeholder="请输入个人优势" |
|
|
|
></el-input> |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<div class="delWork"> |
|
|
|
|
|
|
|
<div class="saveWork" @click="saveUser">保存</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="active2"> |
|
|
|
<div class="active2"> |
|
|
|
@ -55,46 +60,53 @@ |
|
|
|
工作经历 |
|
|
|
工作经历 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="workIt" v-for="(it, index) in workList" :key="index"> |
|
|
|
<div class="workIt" v-for="(it, index) in workList" :key="index"> |
|
|
|
<el-form :rules="workRules" :model="it" label-width="90px"> |
|
|
|
<el-form :rules="workRules" :model="it" label-width="90px" :ref="'workRef' + index"> |
|
|
|
<el-form-item label="公司名称: " prop="name"> |
|
|
|
<el-form-item label="公司名称: " prop="name"> |
|
|
|
<el-input v-model="it.name" placeholder="请输入公司名称"></el-input> |
|
|
|
<el-input v-model="it.name" placeholder="请输入公司名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="在职时间: " prop="time"> |
|
|
|
<div class="flexbox"> |
|
|
|
|
|
|
|
<el-form-item label="在职时间: " prop="startTime"> |
|
|
|
<el-date-picker |
|
|
|
<el-date-picker |
|
|
|
value-format="yyyy-MM" |
|
|
|
value-format="yyyy-MM" |
|
|
|
v-model="it.time" |
|
|
|
v-model="it.startTime" |
|
|
|
type="month" |
|
|
|
type="month" |
|
|
|
placeholder="开始时间" |
|
|
|
placeholder="开始时间" |
|
|
|
> |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
<span style="color: #bfbfbf; margin: 0 15px">-</span> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<span style="color: #bfbfbf; margin: -27px 15px 0 15px">-</span> |
|
|
|
|
|
|
|
<el-form-item prop="endTime" class="endtime"> |
|
|
|
<el-date-picker |
|
|
|
<el-date-picker |
|
|
|
value-format="yyyy-MM" |
|
|
|
value-format="yyyy-MM" |
|
|
|
v-model="it.time1" |
|
|
|
v-model="it.endTime" |
|
|
|
type="month" |
|
|
|
type="month" |
|
|
|
placeholder="结束时间" |
|
|
|
placeholder="结束时间" |
|
|
|
> |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="职位名称: " prop="name1"> |
|
|
|
</div> |
|
|
|
<el-input v-model="it.name1" placeholder="请输入职位名称"></el-input> |
|
|
|
<el-form-item label="职位名称: " prop="title"> |
|
|
|
|
|
|
|
<el-input v-model="it.title" placeholder="请输入职位名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="工作内容: " prop="workCon"> |
|
|
|
<el-form-item label="工作内容: " prop="intro"> |
|
|
|
<el-input |
|
|
|
<el-input |
|
|
|
type="textarea" |
|
|
|
type="textarea" |
|
|
|
v-model="it.workCon" |
|
|
|
v-model="it.intro" |
|
|
|
:rows="5" |
|
|
|
:rows="5" |
|
|
|
placeholder="请输入工作内容" |
|
|
|
placeholder="请输入工作内容" |
|
|
|
></el-input> |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
<div class="delWork" @click="delWork(index)"> |
|
|
|
<div class="delWork"> |
|
|
|
|
|
|
|
<div v-if="!it.caseId" class="saveWork" @click="saveWork(index)">保存</div> |
|
|
|
|
|
|
|
<div v-else class="saveWork" @click="updateWork(index)">修改</div> |
|
|
|
<img |
|
|
|
<img |
|
|
|
src="/assets/ability/delicon.png" |
|
|
|
src="/assets/ability/delicon.png" |
|
|
|
style="width: 14px; height: 16px; margin-right: 5px" |
|
|
|
style="width: 14px; height: 16px; margin-right: 5px" |
|
|
|
alt="" |
|
|
|
alt="" |
|
|
|
|
|
|
|
@click="delWork(index)" |
|
|
|
/> |
|
|
|
/> |
|
|
|
删除 |
|
|
|
<span @click="delWork(index)">删除</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="addWork" @click="addWork">+ 新增经历</div> |
|
|
|
<div class="addWork" @click="addWork">+ 新增经历</div> |
|
|
|
@ -106,49 +118,56 @@ |
|
|
|
项目经历 |
|
|
|
项目经历 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="workIt" v-for="(it, index) in projectList" :key="index"> |
|
|
|
<div class="workIt" v-for="(it, index) in projectList" :key="index"> |
|
|
|
<el-form :rules="projectRules" :model="it" label-width="80px"> |
|
|
|
<el-form :rules="projectRules" :model="it" label-width="90px" :ref="'projectRef' + index"> |
|
|
|
<el-form-item label="项目名称" prop="namep"> |
|
|
|
<el-form-item label="项目名称" prop="name"> |
|
|
|
<el-input v-model="it.namep" placeholder="请输入项目名称"></el-input> |
|
|
|
<el-input v-model="it.name" placeholder="请输入项目名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="项目时间" prop="time"> |
|
|
|
<div class="flexbox"> |
|
|
|
|
|
|
|
<el-form-item label="项目时间: " prop="startTime"> |
|
|
|
<el-date-picker |
|
|
|
<el-date-picker |
|
|
|
value-format="yyyy-MM" |
|
|
|
value-format="yyyy-MM" |
|
|
|
v-model="it.time" |
|
|
|
v-model="it.startTime" |
|
|
|
type="month" |
|
|
|
type="month" |
|
|
|
placeholder="开始时间" |
|
|
|
placeholder="开始时间" |
|
|
|
> |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
<span style="color: #bfbfbf; margin: 0 15px">-</span> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<span style="color: #bfbfbf; margin: -27px 15px 0 15px">-</span> |
|
|
|
|
|
|
|
<el-form-item prop="endTime" class="endtime"> |
|
|
|
<el-date-picker |
|
|
|
<el-date-picker |
|
|
|
value-format="yyyy-MM" |
|
|
|
value-format="yyyy-MM" |
|
|
|
v-model="it.time1" |
|
|
|
v-model="it.endTime" |
|
|
|
type="month" |
|
|
|
type="month" |
|
|
|
placeholder="结束时间" |
|
|
|
placeholder="结束时间" |
|
|
|
> |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="担任角色" prop="name1"> |
|
|
|
</div> |
|
|
|
<el-input v-model="it.name1" placeholder="请输入担任角色"></el-input> |
|
|
|
<el-form-item label="担任角色" prop="title"> |
|
|
|
|
|
|
|
<el-input v-model="it.title" placeholder="请输入担任角色"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="应用技术" prop="name2"> |
|
|
|
<el-form-item label="应用技术" prop="applyTech"> |
|
|
|
<el-input v-model="it.name2" placeholder="请输入应用技术"></el-input> |
|
|
|
<el-input v-model="it.applyTech" placeholder="请输入应用技术"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="工作内容" prop="workCon"> |
|
|
|
<el-form-item label="工作内容" prop="intro"> |
|
|
|
<el-input |
|
|
|
<el-input |
|
|
|
:rows="5" |
|
|
|
:rows="5" |
|
|
|
type="textarea" |
|
|
|
type="textarea" |
|
|
|
v-model="it.workCon" |
|
|
|
v-model="it.intro" |
|
|
|
placeholder="请输入工作内容" |
|
|
|
placeholder="请输入工作内容" |
|
|
|
></el-input> |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
<div class="delWork" @click="delWork(index)"> |
|
|
|
<div class="delWork"> |
|
|
|
|
|
|
|
<div v-if="!it.caseId" class="saveWork" @click="saveProject(index)">保存</div> |
|
|
|
|
|
|
|
<div v-else class="saveWork" @click="updateProject(index)">修改</div> |
|
|
|
<img |
|
|
|
<img |
|
|
|
src="/assets/ability/delicon.png" |
|
|
|
src="/assets/ability/delicon.png" |
|
|
|
style="width: 14px; height: 16px; margin-right: 5px" |
|
|
|
style="width: 14px; height: 16px; margin-right: 5px" |
|
|
|
alt="" |
|
|
|
alt="" |
|
|
|
|
|
|
|
@click="delProject(index)" |
|
|
|
/> |
|
|
|
/> |
|
|
|
删除 |
|
|
|
<span @click="delProject(index)">删除</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="addWork" @click="addProject">+ 新增经历</div> |
|
|
|
<div class="addWork" @click="addProject">+ 新增经历</div> |
|
|
|
@ -161,26 +180,33 @@ |
|
|
|
资格证书 |
|
|
|
资格证书 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="workIt" v-for="(it, index) in certificateList" :key="index"> |
|
|
|
<div class="workIt" v-for="(it, index) in certificateList" :key="index"> |
|
|
|
<el-form :rules="certificateRules" :model="it" label-width="80px"> |
|
|
|
<el-form |
|
|
|
<el-form-item label="证书名称" prop="namep"> |
|
|
|
:rules="certificateRules" |
|
|
|
<el-input v-model="it.namep"></el-input> |
|
|
|
:model="it" |
|
|
|
|
|
|
|
label-width="80px" |
|
|
|
|
|
|
|
:ref="'certificateRef' + index" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<el-form-item label="证书名称" prop="credentialsName"> |
|
|
|
|
|
|
|
<el-input v-model="it.credentialsName" placeholder="请输入证书名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-form-item prop="url"> |
|
|
|
<imageUpload |
|
|
|
<imageUpload |
|
|
|
v-model="it.attachment" |
|
|
|
v-model="it.url" |
|
|
|
fileName="publicize" |
|
|
|
fileName="publicize" |
|
|
|
:limit="1" |
|
|
|
:limit="1" |
|
|
|
:ref="'myupload' + index" |
|
|
|
:ref="'myupload' + index" |
|
|
|
/> |
|
|
|
/> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
<div class="delWork" @click="delWork(index)"> |
|
|
|
<div class="delWork"> |
|
|
|
|
|
|
|
<div v-if="!it.fileId" class="saveWork" @click="saveCertificate(index)">保存</div> |
|
|
|
|
|
|
|
<div v-else class="saveWork" @click="updateCertificate(index)">修改</div> |
|
|
|
<img |
|
|
|
<img |
|
|
|
src="/assets/ability/delicon.png" |
|
|
|
src="/assets/ability/delicon.png" |
|
|
|
style="width: 14px; height: 16px; margin-right: 5px" |
|
|
|
style="width: 14px; height: 16px; margin-right: 5px" |
|
|
|
alt="" |
|
|
|
@click="delCertificate(index)" |
|
|
|
/> |
|
|
|
/> |
|
|
|
删除 |
|
|
|
<span @click="delCertificate(index)">删除</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="addWork" @click="addCertificate">+ 新增证书</div> |
|
|
|
<div class="addWork" @click="addCertificate">+ 新增证书</div> |
|
|
|
@ -192,46 +218,58 @@ |
|
|
|
教育经历 |
|
|
|
教育经历 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="workIt" v-for="(it, index) in educationList" :key="index"> |
|
|
|
<div class="workIt" v-for="(it, index) in educationList" :key="index"> |
|
|
|
<el-form :rules="educationRules" :model="it" label-width="80px"> |
|
|
|
<el-form |
|
|
|
|
|
|
|
:rules="educationRules" |
|
|
|
|
|
|
|
:model="it" |
|
|
|
|
|
|
|
label-width="90px" |
|
|
|
|
|
|
|
:ref="'educationRef' + index" |
|
|
|
|
|
|
|
> |
|
|
|
<el-form-item label="学校名称" prop="name"> |
|
|
|
<el-form-item label="学校名称" prop="name"> |
|
|
|
<el-input v-model="it.name"></el-input> |
|
|
|
<el-input v-model="it.name" placeholder="请输入学校名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="在校时间" prop="time"> |
|
|
|
<div class="flexbox"> |
|
|
|
|
|
|
|
<el-form-item label="在校时间: " prop="startTime"> |
|
|
|
<el-date-picker |
|
|
|
<el-date-picker |
|
|
|
value-format="yyyy-MM" |
|
|
|
value-format="yyyy-MM" |
|
|
|
v-model="it.time" |
|
|
|
v-model="it.startTime" |
|
|
|
type="month" |
|
|
|
type="month" |
|
|
|
placeholder="选择月" |
|
|
|
placeholder="开始时间" |
|
|
|
> |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
- |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<span style="color: #bfbfbf; margin: -27px 15px 0 15px">-</span> |
|
|
|
|
|
|
|
<el-form-item prop="endTime" class="endtime"> |
|
|
|
<el-date-picker |
|
|
|
<el-date-picker |
|
|
|
value-format="yyyy-MM" |
|
|
|
value-format="yyyy-MM" |
|
|
|
v-model="it.time1" |
|
|
|
v-model="it.endTime" |
|
|
|
type="month" |
|
|
|
type="month" |
|
|
|
placeholder="选择月" |
|
|
|
placeholder="结束时间" |
|
|
|
> |
|
|
|
> |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="学历" prop="name1"> |
|
|
|
</div> |
|
|
|
<el-select v-model="it.value" placeholder="请选择"> |
|
|
|
<el-form-item label="学历" prop="education"> |
|
|
|
|
|
|
|
<el-select v-model="it.education" placeholder="请选择学历"> |
|
|
|
<el-option label="专科" value="专科"> </el-option> |
|
|
|
<el-option label="专科" value="专科"> </el-option> |
|
|
|
<el-option label="本科" value="本科"> </el-option> |
|
|
|
<el-option label="本科" value="本科"> </el-option> |
|
|
|
<el-option label="硕士研究生" value="硕士研究生"> </el-option> |
|
|
|
<el-option label="硕士研究生" value="硕士研究生"> </el-option> |
|
|
|
<el-option label="博士研究生" value="博士研究生"> </el-option> |
|
|
|
<el-option label="博士研究生" value="博士研究生"> </el-option> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="专业名称" prop="workCon"> |
|
|
|
<el-form-item label="专业名称" prop="major"> |
|
|
|
<el-input v-model="it.workCon"></el-input> |
|
|
|
<el-input v-model="it.major" placeholder="请输入专业名称"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
<div class="delWork" @click="delWork(index)"> |
|
|
|
<div class="delWork"> |
|
|
|
|
|
|
|
<div v-if="!it.caseId" class="saveWork" @click="saveEducation(index)">保存</div> |
|
|
|
|
|
|
|
<div v-else class="saveWork" @click="updateEducation(index)">修改</div> |
|
|
|
<img |
|
|
|
<img |
|
|
|
src="/assets/ability/delicon.png" |
|
|
|
src="/assets/ability/delicon.png" |
|
|
|
style="width: 14px; height: 16px; margin-right: 5px" |
|
|
|
style="width: 14px; height: 16px; margin-right: 5px" |
|
|
|
alt="" |
|
|
|
alt="" |
|
|
|
|
|
|
|
@click="delEducation(index)" |
|
|
|
/> |
|
|
|
/> |
|
|
|
删除 |
|
|
|
<span @click="delEducation(index)">删除</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="addWork" @click="addEducation">+ 新增经历</div> |
|
|
|
<div class="addWork" @click="addEducation">+ 新增经历</div> |
|
|
|
@ -242,10 +280,21 @@ |
|
|
|
<div class="bottomBtn">保存并发布</div> |
|
|
|
<div class="bottomBtn">保存并发布</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import imageUpload from '@/page/common/imageUpload' |
|
|
|
import imageUpload from '@/page/common/imageUpload' |
|
|
|
import { gettesterId, addtesterApply, updatetesterApply } from '@/api/tester/CompanyApply' |
|
|
|
import { gettesterId, addtesterApply, updatetesterApply } from '@/api/tester/CompanyApply' |
|
|
|
|
|
|
|
import { |
|
|
|
|
|
|
|
getCloudAll, |
|
|
|
|
|
|
|
couldInfoAdd, |
|
|
|
|
|
|
|
couldInfoUpdate, |
|
|
|
|
|
|
|
couldInfoDelete, |
|
|
|
|
|
|
|
couldUserInfoAdd, |
|
|
|
|
|
|
|
couldBookAdd, |
|
|
|
|
|
|
|
couldBookUpdate, |
|
|
|
|
|
|
|
} from '@/api/tester/TesterApply' |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
components: { imageUpload }, |
|
|
|
components: { imageUpload }, |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
@ -279,15 +328,30 @@ export default { |
|
|
|
workList: [{}], |
|
|
|
workList: [{}], |
|
|
|
workRules: { |
|
|
|
workRules: { |
|
|
|
name: [{ required: true, message: '请输入公司名称', trigger: 'blur' }], |
|
|
|
name: [{ required: true, message: '请输入公司名称', trigger: 'blur' }], |
|
|
|
|
|
|
|
startTime: [{ required: true, message: '请输入开始时间', trigger: 'blur' }], |
|
|
|
|
|
|
|
endTime: [{ required: true, message: '请输入结束时间', trigger: 'blur' }], |
|
|
|
|
|
|
|
title: [{ required: true, message: '请输入职位名称', trigger: 'blur' }], |
|
|
|
|
|
|
|
intro: [{ required: true, message: '请输入工作内容', trigger: 'blur' }], |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 项目经历 |
|
|
|
// 项目经历 |
|
|
|
projectList: [{}], |
|
|
|
projectList: [{}], |
|
|
|
projectRules: { |
|
|
|
projectRules: { |
|
|
|
namep: [{ required: true, message: '请输入公司名称', trigger: 'blur' }], |
|
|
|
name: [{ required: true, message: '请输入公司名称', trigger: 'blur' }], |
|
|
|
|
|
|
|
startTime: [{ required: true, message: '请输入开始时间', trigger: 'blur' }], |
|
|
|
|
|
|
|
endTime: [{ required: true, message: '请输入结束时间', trigger: 'blur' }], |
|
|
|
|
|
|
|
title: [{ required: true, message: '请输入职位名称', trigger: 'blur' }], |
|
|
|
|
|
|
|
intro: [{ required: true, message: '请输入工作内容', trigger: 'blur' }], |
|
|
|
|
|
|
|
applyTech: [{ required: true, message: '请输入应用技术', trigger: 'blur' }], |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 个人简历 |
|
|
|
// 个人简历 |
|
|
|
userForm: {}, |
|
|
|
userForm: { |
|
|
|
userRules: {}, |
|
|
|
city: '北京市-北京市', |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
userRules: { |
|
|
|
|
|
|
|
testSkills: [{ required: true, message: '请输入技能方向', trigger: 'blur' }], |
|
|
|
|
|
|
|
personalAdvantage: [{ required: true, message: '请输入个人优势', trigger: 'blur' }], |
|
|
|
|
|
|
|
city: [{ required: true, message: '请选择城市', trigger: 'change' }], |
|
|
|
|
|
|
|
}, |
|
|
|
province: '北京市', |
|
|
|
province: '北京市', |
|
|
|
city: '北京市', |
|
|
|
city: '北京市', |
|
|
|
placeholders: { |
|
|
|
placeholders: { |
|
|
|
@ -297,13 +361,21 @@ export default { |
|
|
|
// 资格证书 |
|
|
|
// 资格证书 |
|
|
|
materialServerAddr: '', |
|
|
|
materialServerAddr: '', |
|
|
|
certificateList: [{}], |
|
|
|
certificateList: [{}], |
|
|
|
certificateRules: {}, |
|
|
|
certificateRules: { |
|
|
|
|
|
|
|
credentialsName: [{ required: true, message: '请输入证书名称', trigger: 'blur' }], |
|
|
|
|
|
|
|
url: [{ required: true, message: '请上传证书', trigger: 'blur' }], |
|
|
|
|
|
|
|
}, |
|
|
|
// 教育经历 |
|
|
|
// 教育经历 |
|
|
|
educationList: [{}], |
|
|
|
educationList: [{}], |
|
|
|
educationRules: {}, |
|
|
|
educationRules: { |
|
|
|
|
|
|
|
name: [{ required: true, message: '请输入学校名称', trigger: 'blur' }], |
|
|
|
|
|
|
|
startTime: [{ required: true, message: '请输入开始时间', trigger: 'blur' }], |
|
|
|
|
|
|
|
endTime: [{ required: true, message: '请输入结束时间', trigger: 'blur' }], |
|
|
|
|
|
|
|
education: [{ required: true, message: '请输入学历', trigger: 'change' }], |
|
|
|
|
|
|
|
major: [{ required: true, message: '请输入专业名称', trigger: 'blur' }], |
|
|
|
|
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() {}, |
|
|
|
|
|
|
|
watch: { |
|
|
|
watch: { |
|
|
|
active: { |
|
|
|
active: { |
|
|
|
handler(newval, oldval) { |
|
|
|
handler(newval, oldval) { |
|
|
|
@ -317,7 +389,45 @@ export default { |
|
|
|
computed: { |
|
|
|
computed: { |
|
|
|
...mapGetters(['userinform', 'token']), |
|
|
|
...mapGetters(['userinform', 'token']), |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
created() { |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
|
|
|
|
// 获取简历信息 |
|
|
|
|
|
|
|
getCloudAllList() { |
|
|
|
|
|
|
|
getCloudAll().then((res) => { |
|
|
|
|
|
|
|
console.log(res) |
|
|
|
|
|
|
|
// 经历 |
|
|
|
|
|
|
|
this.projectList = res.experience.filter((it) => it.type == 0) |
|
|
|
|
|
|
|
if (!this.projectList.length) { |
|
|
|
|
|
|
|
this.projectList = [{}] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
this.workList = res.experience.filter((it) => it.type == 1) |
|
|
|
|
|
|
|
if (!this.workList.length) { |
|
|
|
|
|
|
|
this.workList = [{}] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
this.educationList = res.experience.filter((it) => it.type == 2) |
|
|
|
|
|
|
|
if (!this.educationList.length) { |
|
|
|
|
|
|
|
this.educationList = [{}] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
// 个人简介 |
|
|
|
|
|
|
|
this.userForm = res.personalInfo |
|
|
|
|
|
|
|
this.province = this.userForm.city.split('-')[0] |
|
|
|
|
|
|
|
this.city = this.userForm.city.split('-')[1] |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 证书 |
|
|
|
|
|
|
|
this.certificateList = res.credentials.map((it) => { |
|
|
|
|
|
|
|
return { |
|
|
|
|
|
|
|
url: it.fileUrl, |
|
|
|
|
|
|
|
credentialsName: it.fileName, |
|
|
|
|
|
|
|
fileId: it.fileId, |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
if (!this.certificateList.length) { |
|
|
|
|
|
|
|
this.certificateList = [{}] |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
// 查询用户认证信息 |
|
|
|
// 查询用户认证信息 |
|
|
|
searchApply() { |
|
|
|
searchApply() { |
|
|
|
gettesterId(this.userinform.userId).then((res) => { |
|
|
|
gettesterId(this.userinform.userId).then((res) => { |
|
|
|
@ -378,24 +488,159 @@ export default { |
|
|
|
addWork() { |
|
|
|
addWork() { |
|
|
|
this.workList.push({}) |
|
|
|
this.workList.push({}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
// 工作经历保存 |
|
|
|
|
|
|
|
saveWork(i) { |
|
|
|
|
|
|
|
this.$refs[`workRef${i}`][0].validate((valid) => { |
|
|
|
|
|
|
|
if (valid) { |
|
|
|
|
|
|
|
const data = this.workList[i] |
|
|
|
|
|
|
|
data.type = 1 |
|
|
|
|
|
|
|
couldInfoAdd(data).then((res) => { |
|
|
|
|
|
|
|
this.$message.success('工作经历保存成功') |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 工作经历修改 |
|
|
|
|
|
|
|
updateWork(i) { |
|
|
|
|
|
|
|
this.$refs[`workRef${i}`][0].validate((valid) => { |
|
|
|
|
|
|
|
if (valid) { |
|
|
|
|
|
|
|
const data = this.workList[i] |
|
|
|
|
|
|
|
couldInfoUpdate(data).then((res) => { |
|
|
|
|
|
|
|
this.$message.success('工作经历修改成功') |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
// 工作经历删除 |
|
|
|
// 工作经历删除 |
|
|
|
delWork(i) { |
|
|
|
delWork(i) { |
|
|
|
|
|
|
|
this.$confirm('此操作将永久删除, 是否继续?', '提示', { |
|
|
|
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
}).then(() => { |
|
|
|
|
|
|
|
if (this.workList[i].caseId) { |
|
|
|
|
|
|
|
couldInfoDelete(this.workList[i].caseId).then(() => { |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
type: 'success', |
|
|
|
|
|
|
|
message: '删除成功!', |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} else { |
|
|
|
if (this.workList.length == 1) return this.$message.warning('最少有一项') |
|
|
|
if (this.workList.length == 1) return this.$message.warning('最少有一项') |
|
|
|
this.workList.splice(i, 1) |
|
|
|
this.workList.splice(i, 1) |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
type: 'success', |
|
|
|
|
|
|
|
message: '删除成功!', |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 项目经历添加 |
|
|
|
// 项目经历添加 |
|
|
|
addProject() { |
|
|
|
addProject() { |
|
|
|
this.projectList.push({}) |
|
|
|
this.projectList.push({}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
// 项目经历保存 |
|
|
|
|
|
|
|
saveProject(i) { |
|
|
|
|
|
|
|
this.$refs[`projectRef${i}`][0].validate((valid) => { |
|
|
|
|
|
|
|
if (valid) { |
|
|
|
|
|
|
|
const data = this.projectList[i] |
|
|
|
|
|
|
|
data.type = 0 |
|
|
|
|
|
|
|
couldInfoAdd(data).then((res) => { |
|
|
|
|
|
|
|
this.$message.success('项目经历保存成功') |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 项目经历修改 |
|
|
|
|
|
|
|
updateProject(i) { |
|
|
|
|
|
|
|
this.$refs[`projectRef${i}`][0].validate((valid) => { |
|
|
|
|
|
|
|
if (valid) { |
|
|
|
|
|
|
|
const data = this.projectList[i] |
|
|
|
|
|
|
|
couldInfoUpdate(data).then((res) => { |
|
|
|
|
|
|
|
this.$message.success('项目经历修改成功') |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
// 项目经历删除 |
|
|
|
// 项目经历删除 |
|
|
|
delProject(i) { |
|
|
|
delProject(i) { |
|
|
|
|
|
|
|
this.$confirm('此操作将永久删除, 是否继续?', '提示', { |
|
|
|
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
}).then(() => { |
|
|
|
|
|
|
|
if (this.projectList[i].caseId) { |
|
|
|
|
|
|
|
couldInfoDelete(this.projectList[i].caseId).then(() => { |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
type: 'success', |
|
|
|
|
|
|
|
message: '删除成功!', |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} else { |
|
|
|
if (this.projectList.length == 1) return this.$message.warning('最少有一项') |
|
|
|
if (this.projectList.length == 1) return this.$message.warning('最少有一项') |
|
|
|
this.projectList.splice(i, 1) |
|
|
|
this.projectList.splice(i, 1) |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
type: 'success', |
|
|
|
|
|
|
|
message: '删除成功!', |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 个人简介保存 |
|
|
|
|
|
|
|
saveUser() { |
|
|
|
|
|
|
|
this.$refs[`userRef`].validate((valid) => { |
|
|
|
|
|
|
|
if (valid) { |
|
|
|
|
|
|
|
if (this.userForm.city.indexOf('--- 市 ---') != -1) { |
|
|
|
|
|
|
|
return this.$message.warning('请选择市') |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
couldUserInfoAdd(this.userForm).then((res) => { |
|
|
|
|
|
|
|
this.$message.success('保存个人简介成功') |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 资格证书添加 |
|
|
|
// 资格证书添加 |
|
|
|
addCertificate() { |
|
|
|
addCertificate() { |
|
|
|
this.certificateList.push({}) |
|
|
|
this.certificateList.push({}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
// 保存证书 |
|
|
|
|
|
|
|
saveCertificate(i) { |
|
|
|
|
|
|
|
this.$refs[`certificateRef${i}`][0].validate((valid) => { |
|
|
|
|
|
|
|
if (valid) { |
|
|
|
|
|
|
|
const data = { |
|
|
|
|
|
|
|
credentialsList: [JSON.parse(JSON.stringify(this.certificateList[i]))], |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
data.credentialsList[0].url = data.credentialsList[0].url.replace(/.*\/profile/, '/profile') |
|
|
|
|
|
|
|
couldBookAdd(data).then((res) => { |
|
|
|
|
|
|
|
this.$message.success('资格证书保存成功') |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 更新证书 |
|
|
|
|
|
|
|
updateCertificate(i) { |
|
|
|
|
|
|
|
this.$refs[`certificateRef${i}`][0].validate((valid) => { |
|
|
|
|
|
|
|
if (valid) { |
|
|
|
|
|
|
|
const data = { |
|
|
|
|
|
|
|
credentialsList: JSON.parse(JSON.stringify(this.certificateList)), |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
data.credentialsList.forEach((it) => { |
|
|
|
|
|
|
|
it.url = it.url.replace(/.*\/profile/, '/profile') |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
couldBookUpdate(data).then((res) => { |
|
|
|
|
|
|
|
this.$message.success('资格证书修改成功') |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
// 资格证书删除 |
|
|
|
// 资格证书删除 |
|
|
|
delCertificate(i) { |
|
|
|
delCertificate(i) { |
|
|
|
if (this.certificateList.length == 1) return this.$message.warning('最少有一项') |
|
|
|
if (this.certificateList.length == 1) return this.$message.warning('最少有一项') |
|
|
|
@ -405,25 +650,71 @@ export default { |
|
|
|
addEducation() { |
|
|
|
addEducation() { |
|
|
|
this.educationList.push({}) |
|
|
|
this.educationList.push({}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
// 教育经历保存 |
|
|
|
|
|
|
|
saveEducation(i) { |
|
|
|
|
|
|
|
this.$refs[`educationRef${i}`][0].validate((valid) => { |
|
|
|
|
|
|
|
if (valid) { |
|
|
|
|
|
|
|
const data = this.educationList[i] |
|
|
|
|
|
|
|
data.type = 2 |
|
|
|
|
|
|
|
couldInfoAdd(data).then((res) => { |
|
|
|
|
|
|
|
this.$message.success('教育经历保存成功') |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 教育经历修改 |
|
|
|
|
|
|
|
updateEducation(i) { |
|
|
|
|
|
|
|
this.$refs[`educationRef${i}`][0].validate((valid) => { |
|
|
|
|
|
|
|
if (valid) { |
|
|
|
|
|
|
|
const data = this.educationList[i] |
|
|
|
|
|
|
|
couldInfoUpdate(data).then((res) => { |
|
|
|
|
|
|
|
this.$message.success('教育经历修改成功') |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}, |
|
|
|
// 教育经历删除 |
|
|
|
// 教育经历删除 |
|
|
|
delEducation(i) { |
|
|
|
delEducation(i) { |
|
|
|
|
|
|
|
this.$confirm('此操作将永久删除, 是否继续?', '提示', { |
|
|
|
|
|
|
|
confirmButtonText: '确定', |
|
|
|
|
|
|
|
cancelButtonText: '取消', |
|
|
|
|
|
|
|
type: 'warning', |
|
|
|
|
|
|
|
}).then(() => { |
|
|
|
|
|
|
|
if (this.educationList[i].caseId) { |
|
|
|
|
|
|
|
couldInfoDelete(this.educationList[i].caseId).then(() => { |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
type: 'success', |
|
|
|
|
|
|
|
message: '删除成功!', |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
this.getCloudAllList() |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} else { |
|
|
|
if (this.educationList.length == 1) return this.$message.warning('最少有一项') |
|
|
|
if (this.educationList.length == 1) return this.$message.warning('最少有一项') |
|
|
|
this.educationList.splice(i, 1) |
|
|
|
this.educationList.splice(i, 1) |
|
|
|
|
|
|
|
this.$message({ |
|
|
|
|
|
|
|
type: 'success', |
|
|
|
|
|
|
|
message: '删除成功!', |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 城市 |
|
|
|
// 省 |
|
|
|
onChangeProvince(data) { |
|
|
|
onChangeProvince(data) { |
|
|
|
if (data.value.indexOf('---') == -1) { |
|
|
|
if (data.value.indexOf('---') == -1) { |
|
|
|
this.province = data.value |
|
|
|
this.province = data.value |
|
|
|
this.city = '--- 市 ---' |
|
|
|
this.city = '--- 市 ---' |
|
|
|
this.userForm.area = this.province + '-' + this.city |
|
|
|
this.userForm.city = this.province + '-' + this.city |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
this.province = '' |
|
|
|
this.province = '' |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
// 市 |
|
|
|
onChangeCity(data) { |
|
|
|
onChangeCity(data) { |
|
|
|
if (data.value.indexOf('---') == -1) { |
|
|
|
if (data.value.indexOf('---') == -1) { |
|
|
|
this.city = data.value |
|
|
|
this.city = data.value |
|
|
|
this.userForm.area = this.province + '-' + this.city |
|
|
|
this.userForm.city = this.province + '-' + this.city |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
this.city = '' |
|
|
|
this.city = '' |
|
|
|
} |
|
|
|
} |
|
|
|
@ -433,6 +724,237 @@ export default { |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped> |
|
|
|
<style scoped> |
|
|
|
|
|
|
|
.userAbility { |
|
|
|
|
|
|
|
background: #f2f3f7; |
|
|
|
|
|
|
|
padding-bottom: 40px; |
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.container { |
|
|
|
|
|
|
|
width: 1200px; |
|
|
|
|
|
|
|
margin: auto; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.topTitle { |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
font-size: 32px; |
|
|
|
|
|
|
|
color: #1a1a1a; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
margin: 40px auto; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.colra { |
|
|
|
|
|
|
|
background: linear-gradient(-90deg, #fa2c3f 0%, #792bf9 100%); |
|
|
|
|
|
|
|
-webkit-background-clip: text; |
|
|
|
|
|
|
|
-webkit-text-fill-color: transparent; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.stepBoxBtn { |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
margin: 30px 0; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.backBtn { |
|
|
|
|
|
|
|
width: 130px; |
|
|
|
|
|
|
|
height: 40px; |
|
|
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
border: 1px solid #0066eb; |
|
|
|
|
|
|
|
margin-right: 16px; |
|
|
|
|
|
|
|
line-height: 40px; |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 15px; |
|
|
|
|
|
|
|
color: #0066eb; |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.nextBtn { |
|
|
|
|
|
|
|
width: 130px; |
|
|
|
|
|
|
|
height: 40px; |
|
|
|
|
|
|
|
background: #0066eb; |
|
|
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
line-height: 40px; |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 15px; |
|
|
|
|
|
|
|
color: #ffffff; |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.contentBig { |
|
|
|
|
|
|
|
background: #ffffff; |
|
|
|
|
|
|
|
padding: 40px; |
|
|
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.stepBox { |
|
|
|
|
|
|
|
margin: 30px auto; |
|
|
|
|
|
|
|
border-bottom: 2px dashed #ebebeb; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.stepBox >>> .el-steps { |
|
|
|
|
|
|
|
flex: 1; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.stepBox >>> .el-step__icon { |
|
|
|
|
|
|
|
width: 60px; |
|
|
|
|
|
|
|
height: 60px; |
|
|
|
|
|
|
|
background: #f2f3f7; |
|
|
|
|
|
|
|
border: unset; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.stepBox >>> .el-step__line { |
|
|
|
|
|
|
|
top: 30px !important; |
|
|
|
|
|
|
|
background: #f2f3f7; |
|
|
|
|
|
|
|
height: 3px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/* 已完成 */ |
|
|
|
|
|
|
|
.stepBox >>> .el-step__head.is-finish { |
|
|
|
|
|
|
|
color: #f2f3f7; |
|
|
|
|
|
|
|
border-color: unset; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.stepBox >>> .el-step__title.is-finish { |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 15px; |
|
|
|
|
|
|
|
color: #666666; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.stepBox >>> .el-step__title.is-wait { |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 15px; |
|
|
|
|
|
|
|
color: #666666; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.stepBox >>> .el-step__title.is-process { |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 15px; |
|
|
|
|
|
|
|
color: #0066eb; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
/* 当前 */ |
|
|
|
|
|
|
|
.stepBox >>> .el-step__head.is-process .el-step__icon { |
|
|
|
|
|
|
|
background: #0066eb !important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.workIt >>> .distpicker-address-wrapper label select { |
|
|
|
|
|
|
|
width: 247px !important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.addWork { |
|
|
|
|
|
|
|
width: 150px; |
|
|
|
|
|
|
|
height: 40px; |
|
|
|
|
|
|
|
background: linear-gradient(90deg, #0066eb, #2783fc); |
|
|
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 15px; |
|
|
|
|
|
|
|
color: #ffffff; |
|
|
|
|
|
|
|
line-height: 40px; |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
margin-bottom: 30px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.delWork { |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: 20px; |
|
|
|
|
|
|
|
right: 20px; |
|
|
|
|
|
|
|
margin-left: 20px; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
color: #fd4747; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.saveWork { |
|
|
|
|
|
|
|
margin-right: 30px; |
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
color: #23ca7d; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.workIt { |
|
|
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
border: 1px solid #f2f2f2; |
|
|
|
|
|
|
|
margin-bottom: 20px; |
|
|
|
|
|
|
|
padding: 26px; |
|
|
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.workIt >>> .el-input { |
|
|
|
|
|
|
|
width: 500px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.workIt >>> .el-date-editor { |
|
|
|
|
|
|
|
width: 231px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.workIt >>> .el-textarea__inner { |
|
|
|
|
|
|
|
width: 500px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.activeTitle { |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
font-size: 20px; |
|
|
|
|
|
|
|
color: #000000; |
|
|
|
|
|
|
|
margin-bottom: 30px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.activeTitLine { |
|
|
|
|
|
|
|
width: 5px; |
|
|
|
|
|
|
|
height: 17px; |
|
|
|
|
|
|
|
background: #0066eb; |
|
|
|
|
|
|
|
margin-right: 10px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.applytip { |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
color: #808080; |
|
|
|
|
|
|
|
margin-bottom: 30px; |
|
|
|
|
|
|
|
margin-top: -10px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.applySuccess { |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 18px; |
|
|
|
|
|
|
|
color: #23ca7d; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.applySuccess img { |
|
|
|
|
|
|
|
width: 27px; |
|
|
|
|
|
|
|
height: 27px; |
|
|
|
|
|
|
|
margin-right: 10px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.applyIng { |
|
|
|
|
|
|
|
width: 275px; |
|
|
|
|
|
|
|
height: 50px; |
|
|
|
|
|
|
|
background: #fbefe1; |
|
|
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 18px; |
|
|
|
|
|
|
|
color: #fa912a; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
margin: 40px auto; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.applySuccessAll { |
|
|
|
|
|
|
|
width: 275px; |
|
|
|
|
|
|
|
height: 50px; |
|
|
|
|
|
|
|
background: #e0f9ed; |
|
|
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 18px; |
|
|
|
|
|
|
|
color: #23ca7d; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
margin: 40px auto; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.applyFail { |
|
|
|
|
|
|
|
width: 275px; |
|
|
|
|
|
|
|
height: 50px; |
|
|
|
|
|
|
|
background: #fceded; |
|
|
|
|
|
|
|
border-radius: 4px; |
|
|
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
font-size: 18px; |
|
|
|
|
|
|
|
color: #fc4444; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
margin: 40px auto; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.flexbox { |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.endtime >>> .el-form-item__content { |
|
|
|
|
|
|
|
margin-left: 0px !important; |
|
|
|
|
|
|
|
} |
|
|
|
.userAbility { |
|
|
|
.userAbility { |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
background: #ffffff; |
|
|
|
background: #ffffff; |
|
|
|
|
