From ef32fdb91a9b5f2aa53bd499698aee2cd381616d Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Fri, 03 Sep 2021 09:46:00 +0800
Subject: [PATCH] 营业执照 保安证
---
src/views/securityGuardManagement/register.vue | 208 +++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 182 insertions(+), 26 deletions(-)
diff --git a/src/views/securityGuardManagement/register.vue b/src/views/securityGuardManagement/register.vue
index 663fc12..39c6757 100644
--- a/src/views/securityGuardManagement/register.vue
+++ b/src/views/securityGuardManagement/register.vue
@@ -2,7 +2,7 @@
* @Author: Morpheus
* @Date: 2021-07-05 16:31:54
* @Last Modified by: liu
- * @Last Modified time: 2021-08-30 11:45:26
+ * @Last Modified time: 2021-08-31 11:26:49
* menu-name 保安员注册查询
*/
<template>
@@ -155,10 +155,62 @@
</el-dialog>
<div class="baoanzheng" v-if="dialogVisiblecertificates">
+ <!-- 保安员证 -->
+ <!-- <div class="baoanzheng" id="baoanzheng"> -->
<div class="baz-main">
<div class="baz-m-body" ref="baoanzheng">
<div class="bmb-heard">保安员证</div>
+ <div class="img">
+ <div v-if="!objVisiblecertificates.myPicture">暂无照片</div>
+ <img :src="objVisiblecertificates.myPicture" alt="" v-else />
+ </div>
+ <div class="imgs">
+ <div v-if="erweima == ''">暂无二维码</div>
+ <img :src="erweima" alt="" v-else />
+ <!-- <img src="/img/register/ewm.png" alt="" /> -->
+ <!-- logoSrc="/img/register/ewm.png" -->
+ <!-- <vue-qr :text="goToUrl" :size="200"></vue-qr> -->
+ </div>
+
<!-- <img src="/img/mock/card/card-1.jpg" alt="" /> -->
+ <div class="bmb-b">
+ 姓名：<span class="bmb-b-s">{{
+ objVisiblecertificates.realName
+ }}</span>
+ </div>
+ <div class="bmb-b">
+ 性别：<span class="bmb-b-s">{{ objVisiblecertificates.$sex }}</span>
+ </div>
+ <div class="bmb-b">
+ 编号：<span class="bmb-b-s">{{
+ objVisiblecertificates.securitynumber
+ }}</span>
+ </div>
+ <div class="bmb-b">
+ 发证机关：<span class="bmb-b-s">南昌市公安局</span>
+ </div>
+ <div class="bmb-b">
+ 发证日期：<span class="bmb-b-s">{{
+ objVisiblecertificates.paperTime.slice(0, 10)
+ }}</span>
+ </div>
+ <!-- <div class="bmb-b">
+ 发证机关：<span class="bmb-b-s" style="margin-right: 15px"
+ >南昌市公安局</span
+ >发证日期：<span class="bmb-b-s">{{
+ obj0.createTime.slice(0, 10)
+ }}</span>
+ </div> -->
+ </div>
+ <span slot="footer" class="dialog-footer no-print PrintBut">
+ <el-button type="primary" @click="Print">打 印</el-button>
+ <el-button type="primary" @click="closePrint"> 取 消 </el-button>
+ </span>
+ </div>
+ <!-- </div> -->
+ <!-- <div class="baz-main">
+ <div class="baz-m-body" ref="baoanzheng">
+ <div class="bmb-heard">保安员证</div>
<div class="bmb-b">
姓名：<span class="bmb-b-s">{{
objVisiblecertificates.realName
@@ -186,7 +238,7 @@
<el-button type="primary" @click="Print">打 印</el-button>
<el-button type="primary" @click="closePrint"> 取 消 </el-button>
</span>
- </div>
+ </div> -->
</div>
</div>
</template>
@@ -202,7 +254,7 @@
import { mapGetters } from "vuex";
import website from "@/config/website";
import { getToken } from "@/util/auth";
-import { addhonor } from "@/api/register/honor";
+import { addhonor, getER } from "@/api/register/honor";
export default {
data() {
@@ -225,6 +277,7 @@
return {
dialogVisiblecertificates: false,
objVisiblecertificates: {},
+ erweima: "", //二维码
objf: {},
optionf: {
@@ -438,6 +491,7 @@
label: "学历",
prop: "education",
display: false,
+ hide: true,
width: 90,
dicUrl: "/api/blade-system/dict-biz/dictionary?code=educationType",
props: {
@@ -907,6 +961,10 @@
// this.$Print("#certificatess");
this.objVisiblecertificates = obj;
console.log(this.objVisiblecertificates);
+ getER(this.obj.securitynumber).then((res) => {
+ this.erweima = res.data;
+ // console.log(res.data);
+ });
},
// 证件吊销事件
handleCredentials(row) {
@@ -985,13 +1043,91 @@
align-items: center;
justify-content: center;
}
+// .baz-main {
+// position: relative;
+// top: 15px;
+// // width: 441px;
+// // height: 358px;
+// width: 491px;
+// height: 468px;
+// // background-color: #004ca7;
+// background-color: #fff;
+// display: flex;
+// align-items: center;
+// justify-content: center;
+// flex-direction: column;
+// }
+// .baz-m-body {
+// width: 461px;
+// height: 308px;
+// background-image: url("/img/register/bazbj.png");
+// background-size: 100% 100%;
+// .bmb-heard {
+// font-size: 2rem;
+// width: 100%;
+// text-align: center;
+// letter-spacing: 1rem;
+// margin-bottom: 40px;
+// position: relative;
+// top: 20px;
+// }
+// img {
+// width: 130px;
+// height: 130px;
+// border-radius: 130px;
+// position: absolute;
+// top: 110px;
+// right: 60px;
+// }
+// .bmb-b {
+// padding-left: 20px;
+// box-sizing: border-box;
+// height: 50px;
+// margin-left: 10px;
+// width: 100%;
+// font-size: 1rem;
+// font-weight: 400;
+// .bmb-b-s {
+// display: inline-block;
+// width: 110px;
+// font-size: 1.1rem;
+// font-weight: 600;
+// }
+// }
+// }
+// .PrintBut {
+// margin-top: 15px;
+// }
+// .rowClickSelf {
+// &:hover {
+// cursor: pointer;
+// }
+// }
+
+// .baoanzheng {
+// // position: fixed;
+// position: relative;
+// // top: 0;
+// top: 0;
+// // left: -10%;
+// left: 0;
+// // height: 0;
+// width: 100%;
+// height: calc(100% - 100px);
+// // background-color: rgba(0, 0, 0, 0.5);
+// background-color: #fff;
+// z-index: 9000;
+// display: flex;
+// align-items: center;
+// justify-content: center;
+// }
.baz-main {
position: relative;
top: 15px;
// width: 441px;
// height: 358px;
- width: 491px;
- height: 468px;
+ width: 750px;
+ height: 550px;
// background-color: #004ca7;
background-color: #fff;
display: flex;
@@ -1000,49 +1136,69 @@
flex-direction: column;
}
.baz-m-body {
- width: 461px;
- height: 308px;
+ width: 750px;
+ height: 550px;
background-image: url("/img/register/bazbj.png");
background-size: 100% 100%;
.bmb-heard {
- font-size: 2rem;
+ font-size: 4rem;
width: 100%;
text-align: center;
- letter-spacing: 1rem;
+ letter-spacing: 1.4rem;
margin-bottom: 40px;
+ padding-left: 10px;
position: relative;
top: 20px;
}
- img {
- width: 130px;
- height: 130px;
- border-radius: 130px;
+ .img {
+ width: 152px;
+ height: 205px;
+ border-radius: 10px;
position: absolute;
+ // border: 1px solid rgba($color: #888888, $alpha: 0.5);
top: 110px;
- right: 60px;
+ right: 80px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ img {
+ width: 100%;
+ height: 100%;
+ }
+ }
+ .imgs {
+ width: 110px;
+ height: 110px;
+ border-radius: 10px;
+ position: absolute;
+ // border: 1px solid rgba($color: #888888, $alpha: 0.5);
+ top: 330px;
+ right: 103px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ img {
+ width: 100%;
+ height: 100%;
+ }
}
.bmb-b {
padding-left: 20px;
box-sizing: border-box;
- height: 50px;
- margin-left: 10px;
+ height: 3.9rem;
+ margin-left: 3rem;
width: 100%;
- font-size: 1rem;
- font-weight: 400;
+ font-size: 2rem;
+ font-weight: 300;
.bmb-b-s {
display: inline-block;
- width: 110px;
- font-size: 1.1rem;
- font-weight: 600;
+ width: 20rem;
+ font-size: 2rem;
+ font-weight: 300;
}
}
}
.PrintBut {
margin-top: 15px;
-}
-.rowClickSelf {
- &:hover {
- cursor: pointer;
- }
}
</style>
--
Gitblit v1.9.3