147 lines
3.7 KiB
Vue
147 lines
3.7 KiB
Vue
<template>
|
|
<div>
|
|
<el-tabs tab-position="top" v-model="active">
|
|
<el-tab-pane label="基本信息" name="1">
|
|
<el-form label-width="130px" style="padding: 20px 0">
|
|
<vi-title title="基本信息"></vi-title>
|
|
<el-row gutter="20">
|
|
<el-col :span="8">
|
|
<el-form-item label="姓名：">
|
|
{{ dbData.username }}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="性别：">
|
|
{{ dbData.sex }}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="年龄：">
|
|
{{ age }}
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row gutter="20">
|
|
<el-col :span="8">
|
|
<el-form-item label="民族：">
|
|
{{ dbData.mz }}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="文化程度：">
|
|
{{ dbData.xl }}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="政治面貌：">
|
|
{{ dbData.zzmm }}
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row gutter="20">
|
|
<el-col :span="8">
|
|
<el-form-item label="所在部门：">
|
|
{{ dbData.dwname }}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="职称：">
|
|
{{ dbData.zc }}
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="职务：">
|
|
{{ dbData.zw }}
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<vi-title title="个人简历"></vi-title>
|
|
<div v-html="dbData.grjl"></div>
|
|
</el-form>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="预选信息" name="2" v-if="dbData.rewards">
|
|
<el-form label-width="130px" style="padding: 20px 0">
|
|
<vi-title title="近几年奖惩情况"></vi-title>
|
|
<div v-html="dbData.rewards"></div>
|
|
|
|
|
|
<el-form-item label="附  件" label-width="125px" class="view-header"></el-form-item>
|
|
<file-upload v-if="dbData.files&&dbData.files.length"
|
|
:files="dbData.files"
|
|
:view="true"></file-upload>
|
|
<span v-else>暂无</span>
|
|
|
|
</el-form>
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</div>
|
|
|
|
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
data() {
|
|
return {
|
|
active: "1",
|
|
dbData: {}
|
|
}
|
|
},
|
|
components: {
|
|
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
|
},
|
|
methods: {
|
|
async openView(id) {
|
|
const {data, code, msg} = await $.get("/platform/jdh/Common/findDbxx", {id})
|
|
if (code === 0) {
|
|
this.dbData = data
|
|
if (this.dbData.files) {
|
|
this.dbData.files = JSON.parse(data.files)
|
|
}
|
|
this.active = this.handle ? "999" : "1"
|
|
|
|
} else {
|
|
this.dbData = {}
|
|
this.$message.error("获取会议信息失败");
|
|
}
|
|
}
|
|
},
|
|
|
|
|
|
props: {
|
|
id: String,
|
|
handle: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
label: {
|
|
type: String,
|
|
default: '审核'
|
|
},
|
|
panes: {
|
|
type: Array,
|
|
default: []
|
|
}
|
|
},
|
|
computed: {
|
|
age() {
|
|
if (this.dbData.birthday) {
|
|
let y1 = parseInt(this.dbData.birthday.split('-')[0])
|
|
let y2 = parseInt(moment().format('YYYY'))
|
|
return (y2 - y1) + '岁'
|
|
}
|
|
return ''
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
td {
|
|
text-align: center;
|
|
}
|
|
</style>
|