|
@@ -1,12 +1,6 @@
|
|
<template>
|
|
<template>
|
|
<div class="add-edit-dialog-container">
|
|
<div class="add-edit-dialog-container">
|
|
- <el-dialog
|
|
|
|
- title="详情"
|
|
|
|
- :visible.sync="visible"
|
|
|
|
- width="600px"
|
|
|
|
- :before-close="close"
|
|
|
|
- :close-on-click-modal="false"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="详情" :visible.sync="visible" width="800px" :before-close="close" :close-on-click-modal="false">
|
|
<el-form :model="formData" ref="formData" label-width="90px">
|
|
<el-form :model="formData" ref="formData" label-width="90px">
|
|
<el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
@@ -34,21 +28,18 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
-
|
|
|
|
|
|
+
|
|
<el-row>
|
|
<el-row>
|
|
- <el-col :span="12">
|
|
|
|
|
|
+ <!-- <el-col :span="12">
|
|
<el-form-item label="用户id:">
|
|
<el-form-item label="用户id:">
|
|
<span>{{ formData.userId }}</span>
|
|
<span>{{ formData.userId }}</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- </el-col>
|
|
|
|
|
|
+ </el-col> -->
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
<el-form-item label="身份证号:">
|
|
<el-form-item label="身份证号:">
|
|
<span>{{ formData.idNumber }}</span>
|
|
<span>{{ formData.idNumber }}</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- </el-row>
|
|
|
|
-
|
|
|
|
- <el-row>
|
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
<el-form-item label="学历:">
|
|
<el-form-item label="学历:">
|
|
<span v-if="formData.eduLevel === 1">小学</span>
|
|
<span v-if="formData.eduLevel === 1">小学</span>
|
|
@@ -61,34 +52,60 @@
|
|
<span v-if="formData.eduLevel === 8">博士研究生</span>
|
|
<span v-if="formData.eduLevel === 8">博士研究生</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+
|
|
|
|
+ <el-row>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
<el-form-item label="专业:">
|
|
<el-form-item label="专业:">
|
|
<span>{{ formData.professional }}</span>
|
|
<span>{{ formData.professional }}</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- </el-row>
|
|
|
|
-
|
|
|
|
- <el-row>
|
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
<el-form-item label="从业时长:">
|
|
<el-form-item label="从业时长:">
|
|
- <span>{{ formData.workDate }}</span>
|
|
|
|
|
|
+ <span>{{ formData.workDate }}年</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
+ </el-row>
|
|
|
|
|
|
|
|
+ <el-row>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
<el-form-item label="公司:">
|
|
<el-form-item label="公司:">
|
|
<span>{{ formData.company }}</span>
|
|
<span>{{ formData.company }}</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- </el-row>
|
|
|
|
-
|
|
|
|
- <el-row>
|
|
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
<el-form-item label="工作岗位:">
|
|
<el-form-item label="工作岗位:">
|
|
<span>{{ formData.job }}</span>
|
|
<span>{{ formData.job }}</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="擅长品牌:">
|
|
|
|
+ <span>{{ formData.proficiencyBrandName }}</span>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
|
|
+ <el-form-item label="擅长电气:">
|
|
|
|
+ <span>{{ formData.goodElectrical }}</span>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
|
|
+
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col :span="12">
|
|
|
|
+ <el-form-item label="擅长机械:">
|
|
|
|
+ <span>{{ formData.goodMechanical }}</span>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <!-- <el-col :span="12">
|
|
|
|
+ <el-form-item label="创建时间:">
|
|
|
|
+ <span>{{ formData.createTime | formatTimePipe }}</span>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col> -->
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col>
|
|
<el-form-item label="常驻地点:">
|
|
<el-form-item label="常驻地点:">
|
|
<span>{{ formData.residentPlace }}</span>
|
|
<span>{{ formData.residentPlace }}</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -96,31 +113,42 @@
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
<el-row>
|
|
- <el-col :span="12">
|
|
|
|
|
|
+ <el-col>
|
|
<el-form-item label="工作经历:">
|
|
<el-form-item label="工作经历:">
|
|
<span>{{ formData.workExperience }}</span>
|
|
<span>{{ formData.workExperience }}</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
- <el-col :span="12">
|
|
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-row>
|
|
|
|
+ <el-col>
|
|
<el-form-item label="项目经历:">
|
|
<el-form-item label="项目经历:">
|
|
<span>{{ formData.projectExperience }}</span>
|
|
<span>{{ formData.projectExperience }}</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
-
|
|
|
|
<el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
<el-form-item label="专业技能证书:">
|
|
<el-form-item label="专业技能证书:">
|
|
- <span @click="imgOpen(formData.skillsCertificate)">
|
|
|
|
- <el-image v-if="formData.skillsCertificate" :src="formData.skillsCertificate | pathPipe" style="width:100px;height:100px;cursor:pointer;"></el-image>
|
|
|
|
|
|
+ <span>
|
|
|
|
+ <el-image
|
|
|
|
+ v-if="formData.skillsCertificate"
|
|
|
|
+ :src="formData.skillsCertificate"
|
|
|
|
+ :preview-src-list="srcList"
|
|
|
|
+ style="width: 100px; height: 100px; cursor: pointer"
|
|
|
|
+ ></el-image>
|
|
<span v-else>暂无图片</span>
|
|
<span v-else>暂无图片</span>
|
|
</span>
|
|
</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
<el-form-item label="其他证书:">
|
|
<el-form-item label="其他证书:">
|
|
- <span @click="imgOpen(formData.otherCertificates)">
|
|
|
|
- <el-image v-if="formData.otherCertificates" :src="formData.otherCertificates | pathPipe" style="width:100px;height:100px;cursor:pointer;"></el-image>
|
|
|
|
|
|
+ <span>
|
|
|
|
+ <el-image
|
|
|
|
+ v-if="formData.otherCertificates"
|
|
|
|
+ :src="formData.otherCertificates"
|
|
|
|
+ :preview-src-list="srcList"
|
|
|
|
+ style="width: 100px; height: 100px; cursor: pointer"
|
|
|
|
+ ></el-image>
|
|
<span v-else>暂无图片</span>
|
|
<span v-else>暂无图片</span>
|
|
</span>
|
|
</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
@@ -130,57 +158,33 @@
|
|
<el-row>
|
|
<el-row>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
<el-form-item label="身份证照片:">
|
|
<el-form-item label="身份证照片:">
|
|
- <span @click="imgOpen(formData.cardPicture)">
|
|
|
|
- <el-image
|
|
|
|
- v-if="formData.cardPicture"
|
|
|
|
- style="width: 100px; height: 50px; cursor: pointer"
|
|
|
|
- :src="formData.cardPicture"
|
|
|
|
- fit="fit"
|
|
|
|
- ></el-image>
|
|
|
|
- <span v-else>暂无图片</span>
|
|
|
|
|
|
+ <span>
|
|
|
|
+ <el-image
|
|
|
|
+ v-if="formData.cardPicture"
|
|
|
|
+ style="width: 100px; height: 100px; cursor: pointer"
|
|
|
|
+ :src="formData.cardPicture"
|
|
|
|
+ :preview-src-list="srcList"
|
|
|
|
+ fit="fit"
|
|
|
|
+ ></el-image>
|
|
|
|
+ <span v-else>暂无图片</span>
|
|
</span>
|
|
</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-col :span="12">
|
|
<el-form-item label="证书:">
|
|
<el-form-item label="证书:">
|
|
- <span @click="imgOpen(formData.degreeCertificate)">
|
|
|
|
- <el-image
|
|
|
|
- v-if="formData.degreeCertificate"
|
|
|
|
- style="width: 100px; height: 50px; cursor: pointer"
|
|
|
|
- :src="formData.degreeCertificate"
|
|
|
|
- fit="fit"
|
|
|
|
- ></el-image>
|
|
|
|
- <span v-else>暂无图片</span>
|
|
|
|
|
|
+ <span>
|
|
|
|
+ <el-image
|
|
|
|
+ v-if="formData.degreeCertificate"
|
|
|
|
+ style="width: 100px; height: 100px; cursor: pointer"
|
|
|
|
+ :src="formData.degreeCertificate"
|
|
|
|
+ :preview-src-list="srcList"
|
|
|
|
+ fit="fit"
|
|
|
|
+ ></el-image>
|
|
|
|
+ <span v-else>暂无图片</span>
|
|
</span>
|
|
</span>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
-
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="12">
|
|
|
|
- <el-form-item label="擅长品牌:">
|
|
|
|
- <span>{{ formData.proficiencyBrandName }}</span>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12">
|
|
|
|
- <el-form-item label="擅长电气:">
|
|
|
|
- <span>{{ formData.goodElectrical }}</span>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
-
|
|
|
|
- <el-row>
|
|
|
|
- <el-col :span="12">
|
|
|
|
- <el-form-item label="擅长机械:">
|
|
|
|
- <span>{{ formData.goodMechanical }}</span>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- <el-col :span="12">
|
|
|
|
- <el-form-item label="创建时间:">
|
|
|
|
- <span>{{ formData.createTime | formatTimePipe }}</span>
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-col>
|
|
|
|
- </el-row>
|
|
|
|
</el-form>
|
|
</el-form>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
</div>
|
|
</div>
|
|
@@ -190,7 +194,7 @@ export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
formData: {},
|
|
formData: {},
|
|
- visible: false,
|
|
|
|
|
|
+ visible: false
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -202,20 +206,20 @@ export default {
|
|
this.formData = {};
|
|
this.formData = {};
|
|
this.visible = false;
|
|
this.visible = false;
|
|
},
|
|
},
|
|
- imgOpen(imgs) {
|
|
|
|
- window.open(imgs);
|
|
|
|
- },
|
|
|
|
|
|
+ // imgOpen(imgs) {
|
|
|
|
+ // window.open(imgs);
|
|
|
|
+ // },
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
<style lang="stylus" scoped>
|
|
<style lang="stylus" scoped>
|
|
.add-edit-dialog-container {
|
|
.add-edit-dialog-container {
|
|
- ::v-deep .el-form-item {
|
|
|
|
- margin-bottom: 0;
|
|
|
|
- }
|
|
|
|
|
|
+ ::v-deep .el-form-item {
|
|
|
|
+ margin-bottom: 0;
|
|
|
|
+ }
|
|
|
|
|
|
- .images {
|
|
|
|
- margin-right: 5px;
|
|
|
|
- }
|
|
|
|
|
|
+ .images {
|
|
|
|
+ margin-right: 5px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|