| | |
| | | 教育经历 |
| | | </span> |
| | | </template> |
| | | <el-table :data="form.educationList" border> |
| | | <el-table-column label="学历" prop="degree" width="120"> |
| | | <el-table :data="form.staffEducationList" border> |
| | | <el-table-column label="学历" prop="education" width="120"> |
| | | <template #default="{ row }"> |
| | | <el-select |
| | | v-model="row.degree" |
| | | v-model="row.education" |
| | | placeholder="请选择" |
| | | clearable |
| | | style="width: 100%" |
| | |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="毕业院校" prop="school" min-width="160"> |
| | | <el-table-column label="毕业院校" prop="schoolName" min-width="160"> |
| | | <template #default="{ row }"> |
| | | <el-input |
| | | v-model="row.school" |
| | | v-model="row.schoolName" |
| | | placeholder="请输入" |
| | | clearable |
| | | maxlength="30" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="入学时间" prop="admissionDate" width="150"> |
| | | <el-table-column label="入学时间" prop="enrollTime" width="150"> |
| | | <template #default="{ row }"> |
| | | <el-date-picker |
| | | v-model="row.admissionDate" |
| | | v-model="row.enrollTime" |
| | | type="date" |
| | | value-format="YYYY-MM-DD" |
| | | format="YYYY-MM-DD" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="毕业时间" prop="graduationDate" width="150"> |
| | | <el-table-column label="毕业时间" prop="graduateTime" width="150"> |
| | | <template #default="{ row }"> |
| | | <el-date-picker |
| | | v-model="row.graduationDate" |
| | | v-model="row.graduateTime" |
| | | type="date" |
| | | value-format="YYYY-MM-DD" |
| | | format="YYYY-MM-DD" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="学位" prop="academicDegree" width="140"> |
| | | <el-table-column label="学位" prop="degree" width="140"> |
| | | <template #default="{ row }"> |
| | | <el-input |
| | | v-model="row.academicDegree" |
| | | v-model="row.degree" |
| | | placeholder="请输入" |
| | | clearable |
| | | maxlength="20" |
| | |
| | | <el-table-column label="操作" width="80" align="center"> |
| | | <template #default="scope"> |
| | | <el-button |
| | | v-if="form.educationList.length > 1" |
| | | v-if="form.staffEducationList.length > 1" |
| | | type="primary" |
| | | link |
| | | @click="removeEducationRow(scope.$index)" |
| | |
| | | 工作经历 |
| | | </span> |
| | | </template> |
| | | <el-table :data="form.workExperienceList" border> |
| | | <el-table-column label="前公司" prop="company" min-width="180"> |
| | | <el-table :data="form.staffWorkExperienceList" border> |
| | | <el-table-column label="前公司" prop="formerCompany" min-width="180"> |
| | | <template #default="{ row }"> |
| | | <el-input |
| | | v-model="row.company" |
| | | v-model="row.formerCompany" |
| | | placeholder="请输入" |
| | | clearable |
| | | maxlength="30" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="前公司部门" prop="department" min-width="140"> |
| | | <el-table-column label="前公司部门" prop="formerDept" min-width="140"> |
| | | <template #default="{ row }"> |
| | | <el-input |
| | | v-model="row.department" |
| | | v-model="row.formerDept" |
| | | placeholder="请输入" |
| | | clearable |
| | | maxlength="20" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="前公司职位" prop="position" min-width="140"> |
| | | <el-table-column label="前公司职位" prop="formerPosition" min-width="140"> |
| | | <template #default="{ row }"> |
| | | <el-input |
| | | v-model="row.position" |
| | | v-model="row.formerPosition" |
| | | placeholder="请输入" |
| | | clearable |
| | | maxlength="20" |
| | |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="工作描述" prop="description" min-width="220"> |
| | | <el-table-column label="工作描述" prop="workDesc" min-width="220"> |
| | | <template #default="{ row }"> |
| | | <el-input |
| | | v-model="row.description" |
| | | v-model="row.workDesc" |
| | | type="textarea" |
| | | :rows="2" |
| | | placeholder="请输入" |
| | |
| | | <el-table-column label="操作" width="80" align="center"> |
| | | <template #default="scope"> |
| | | <el-button |
| | | v-if="form.workExperienceList.length > 1" |
| | | v-if="form.staffWorkExperienceList.length > 1" |
| | | type="primary" |
| | | link |
| | | @click="removeWorkRow(scope.$index)" |
| | |
| | | const { form } = toRefs(props); |
| | | |
| | | const addEducationRow = () => { |
| | | form.value.educationList.push({ |
| | | degree: "", |
| | | school: "", |
| | | admissionDate: "", |
| | | graduationDate: "", |
| | | form.value.staffEducationList.push({ |
| | | education: "", |
| | | schoolName: "", |
| | | enrollTime: "", |
| | | graduateTime: "", |
| | | major: "", |
| | | academicDegree: "", |
| | | degree: "", |
| | | }); |
| | | }; |
| | | |
| | | const removeEducationRow = (index) => { |
| | | if (form.value.educationList.length <= 1) return; |
| | | form.value.educationList.splice(index, 1); |
| | | if (form.value.staffEducationList.length <= 1) return; |
| | | form.value.staffEducationList.splice(index, 1); |
| | | }; |
| | | |
| | | const addWorkRow = () => { |
| | | form.value.workExperienceList.push({ |
| | | company: "", |
| | | department: "", |
| | | position: "", |
| | | form.value.staffWorkExperienceList.push({ |
| | | formerCompany: "", |
| | | formerDept: "", |
| | | formerPosition: "", |
| | | startDate: "", |
| | | endDate: "", |
| | | description: "", |
| | | workDesc: "", |
| | | }); |
| | | }; |
| | | |
| | | const removeWorkRow = (index) => { |
| | | if (form.value.workExperienceList.length <= 1) return; |
| | | form.value.workExperienceList.splice(index, 1); |
| | | if (form.value.staffWorkExperienceList.length <= 1) return; |
| | | form.value.staffWorkExperienceList.splice(index, 1); |
| | | }; |
| | | </script> |
| | | |