|
<template>
|
<div>
|
<div id="table">
|
<span class="title">保安员证件信息</span>
|
<table
|
class="user-info-table"
|
border="1px"
|
align="center"
|
cellspacing="0"
|
cellpadding="10"
|
>
|
<tr class="user-info-tr">
|
<td width="150px">姓名</td>
|
<td width="150px">{{ data.realName }}</td>
|
<td width="150px">身份证号</td>
|
<td width="150px">{{ data.cardid }}</td>
|
<td width="150px">性别</td>
|
<td width="150px" v-if="data.sex == 1">男</td>
|
<td width="150px" v-if="data.sex == 2">女</td>
|
<td width="150px" v-if="data.sex == -1"></td>
|
<td rowspan="4" align="center" width="150px" v-if="data.myPicture == ''">
|
照片
|
</td>
|
<td rowspan="4" align="center" width="150px" v-if="data.myPicture != ''">
|
<img :src="img" class="avatar" />
|
</td>
|
</tr>
|
|
<tr class="user-info-tr">
|
<td>手机号</td>
|
<td>{{ data.phone }}</td>
|
<td>出生日期</td>
|
<td>{{ data.birthday }}</td>
|
<td>名族</td>
|
<td>{{ data.nation }}</td>
|
</tr>
|
|
<tr class="user-info-tr">
|
<td>文化程度</td>
|
<td v-if="data.education == 1">初中及以下</td>
|
<td v-if="data.education == 2">高中/中技/中专</td>
|
<td v-if="data.education == 3">大专</td>
|
<td v-if="data.education == 4">本科</td>
|
<td v-if="data.education == 5">硕士</td>
|
<td v-if="data.education == 6">博士</td>
|
<td v-if="data.education == ''"></td>
|
<td>政治面貌</td>
|
<td>{{ data.politicaloutlook }}</td>
|
<td>身高</td>
|
<td v-if="data.height == -1"></td>
|
<td v-if="data.height != -1">{{ data.height }}</td>
|
</tr>
|
|
<tr class="user-info-tr">
|
<td>婚姻状况</td>
|
<td></td>
|
<td>兵役情况</td>
|
<td></td>
|
<td>是否缴纳社保</td>
|
<td></td>
|
</tr>
|
|
<tr class="user-info-tr">
|
<td>是否在职</td>
|
<td v-if="data.status == 1">是</td>
|
<td v-if="data.status == 2">否</td>
|
<td>保安单位</td>
|
<td colspan="4">{{ data.deptName }}</td>
|
</tr>
|
|
<tr class="user-info-tr">
|
<td colspan="2">户籍地省市县(区)</td>
|
<td colspan="2">{{ data.nativeplace }}</td>
|
<td>培训单位</td>
|
<td colspan="2"></td>
|
</tr>
|
|
<tr class="user-info-tr">
|
<td>户籍地详细地址</td>
|
<td colspan="6">{{ data.address }}</td>
|
</tr>
|
|
<tr class="user-info-tr">
|
<td>保安员证编号</td>
|
<td colspan="2">{{ data.securitynumber }}</td>
|
<td>职业等级</td>
|
<td></td>
|
<td>指纹撩印卡号</td>
|
<td></td>
|
</tr>
|
<tr class="user-info-tr">
|
<td>发证机关</td>
|
<td colspan="2"></td>
|
<td>发证日期</td>
|
<td></td>
|
<td>吊销机关</td>
|
<td></td>
|
</tr>
|
|
<tr class="user-info-tr">
|
<td>数据录入机关</td>
|
<td colspan="2"></td>
|
<td>数据录入地</td>
|
<td colspan="3"></td>
|
</tr>
|
<tr class="user-info-tr">
|
<td>签订合同日期</td>
|
<td colspan="2"></td>
|
<td>签订合同期限</td>
|
<td colspan="3"></td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</template>
|
<script>
|
import table from "../util/table.vue";
|
export default {
|
components: { table },
|
data() {
|
return {
|
data: {},
|
img: "",
|
};
|
},
|
created() {
|
this.data = this.$route.query;
|
this.img = this.data.myPicture;
|
},
|
mounted() {
|
var flag = false,
|
i = 0,
|
ind = null;
|
this.$store.state.tags.tagList.forEach((item, index) => {
|
if (item.label == "保安证件信息") {
|
if (flag == false) {
|
ind = index;
|
flag = true;
|
}
|
i++;
|
}
|
});
|
if (i > 1) {
|
this.$store.state.tags.tagList.splice(ind, 1);
|
}
|
},
|
};
|
</script>
|
|
<style lang='scss' scoped>
|
#table {
|
color: #fff;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
flex-direction: column;
|
|
.title {
|
margin-top: 20px;
|
}
|
|
.user-info-table {
|
margin-top: 30px;
|
width: 70%;
|
height: 60%;
|
border: 1px solid #fff;
|
// text-align: center;
|
|
.user-info-tr {
|
height: 50px;
|
|
.avatar {
|
width: 140px;
|
height: 190px;
|
}
|
}
|
}
|
}
|
|
.avatar {
|
width: 140px;
|
height: 190px;
|
}
|
</style>
|
