From 1fcf8e3593c07aa6c10fd515ffc8674d1beecbf2 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Mon, 19 Jul 2021 17:56:13 +0800
Subject: [PATCH] 新增保安员证件信息
---
src/router/views/index.js | 13 +++
src/views/management/register.vue | 18 ++++
src/views/management/idinformation.vue | 167 +++++++++++++++++++++++++++++++++++++++++
3 files changed, 197 insertions(+), 1 deletions(-)
diff --git a/src/router/views/index.js b/src/router/views/index.js
index 0da4ba9..596f702 100644
--- a/src/router/views/index.js
+++ b/src/router/views/index.js
@@ -230,6 +230,19 @@
import ( /* webpackChunkName: "views" */ '@/views/management/peopleDetails')
}]
}, {
+ path: '/management',
+ redirect: '/management/idinformation',
+ component: Layout,
+ children: [{
+ path: 'idinformation',
+ name: '保安证件信息',
+ meta: {
+ i18n: 'index',
+ },
+ component: () =>
+ import ( /* webpackChunkName: "views" */ '@/views/management/idinformation')
+ }]
+ }, {
path: '/securityCompany',
redirect: '/securityCompany/index',
component: Layout,
diff --git a/src/views/management/idinformation.vue b/src/views/management/idinformation.vue
new file mode 100644
index 0000000..84d9374
--- /dev/null
+++ b/src/views/management/idinformation.vue
@@ -0,0 +1,167 @@
+
+<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 rowspan="4" align="center" width="150px" v-if="data.avatar == ''">
+ 照片
+ </td>
+ <td rowspan="4" align="center" width="150px" v-if="data.avatar != ''">
+ <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>政治面貌</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.avatar;
+ console.log(this.data, 111);
+ },
+};
+</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>
diff --git a/src/views/management/register.vue b/src/views/management/register.vue
index de5af0a..1a23a55 100644
--- a/src/views/management/register.vue
+++ b/src/views/management/register.vue
@@ -60,6 +60,13 @@
</template> -->
<template slot-scope="{ type, size, row }" slot="menu">
<el-button
+ :size="size"
+ :type="type"
+ class="zhengJian-icon"
+ @click.stop="handleViewCredentials(row)"
+ >查看证件</el-button
+ >
+ <el-button
icon="icon-zhengjian"
:size="size"
:type="type"
@@ -188,7 +195,7 @@
//dialogType: 'drawer',
dialogClickModal: false,
// 操作栏宽度
- menuWidth: 156,
+ menuWidth: 175,
column: [
{
label: "保安姓名",
@@ -787,6 +794,15 @@
query: obj,
});
},
+ //证件查看
+ handleViewCredentials(row) {
+ var obj = row;
+ obj["name"] = "保安证件信息";
+ this.$router.push({
+ path: `/management/idinformation`,
+ query: obj,
+ });
+ },
// 证件吊销事件
handleCredentials(row) {
if (row.hold == 1) {
--
Gitblit v1.9.3