| public/img/register/bazbj1.png | patch | view | raw | blame | history | |
| public/img/register/bazbj1模板.png | patch | view | raw | blame | history | |
| public/img/register/bazbj2.png | patch | view | raw | blame | history | |
| src/views/securityGuardManagement/baoanz.vue | ●●●●● patch | view | raw | blame | history | |
| src/views/securityGuardManagement/register.vue | ●●●●● patch | view | raw | blame | history |
public/img/register/bazbj1.png
New file @@ -0,0 +1,134 @@ <template> <div class="baoanzheng-1" id="baoanzheng-1"> <div class="baz-main-1" ref="baoanzheng1"> <img class="baz-main-img1" :src="data.avatar" alt="" /> <div class="baz-main-img1-2"> <img class="baz-main-img1-2-i" :src="erweima" alt="" /> </div> <div class="b-m-ups-1"> {{ data.realName }} </div> <div class="b-m-ups-1"> {{ data.$sex }} </div> <div class="b-m-ups-1 securitynumber-1"> {{ data.securitynumber }} </div> <div class="b-m-ups-1 b-m-ups-2"> <!-- {{ data.securitynumber }} -->南昌市公安局 </div> <div class="b-m-ups-1 b-m-ups-2"> {{ data.paperTime || "---" }} </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> </template> <script> // export const getER = (securityNumber) => { // return request({ // url: '/api/qrCode/getQrCodeBase64', // method: 'get', // params: { // securityNumber // } // }) // } // import { getER } from "@/api/performance/performance"; //外网路径 import { getER } from "@/api/register/honor"; export default { props: ["data"], data() { return { erweima: "", }; }, mounted() { getER(this.data.securitynumber).then((res) => { this.erweima = res.data; // console.log(res.data); }); }, methods: { Print() { var printDom = document.getElementById("baoanzheng-1"); printDom.style.position = "fixed"; printDom.style.left = "-10%"; printDom.style.width = "120%"; printDom.style.height = "100%"; this.$Print(this.$refs.baoanzheng1); printDom.style.position = "relative"; printDom.style.left = "0"; printDom.style.width = "100%"; printDom.style.height = "calc(100% - 100px)"; }, closePrint() { this.$parent.closePrint(); }, }, }; </script> <style lang="scss" scoped> //保安证 .baoanzheng-1 { width: 100%; height: 90%; display: flex; align-items: center; justify-content: center; flex-direction: column; .baz-main-1 { background-image: url("/img/register/bazbj2.png"); background-size: 100% 100%; width: calc(1274px * 0.5) !important; height: calc(828px * 0.5) !important; position: relative; margin-bottom: 10px; .baz-main-img1 { width: 170px; position: absolute; left: 51px; top: 57px; height: 237px; } .baz-main-img1-2 { width: 91px; position: absolute; left: 474px; // top: 120px; top: 78px; height: 93px; overflow: hidden; .baz-main-img1-2-i { width: 115px; height: 115px; position: relative; top: -10px; left: -11px; } } .b-m-ups-1 { width: 50%; font-size: 22px; font-weight: 400; position: relative; top: 91px; left: 320px; margin-bottom: 20px; } // .securitynumber-1 { // font-size: 22px; // margin-bottom: 18px; // } .b-m-ups-2 { left: 358px; } } } </style> 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-10-11 10:40:12 * @Last Modified time: 2021-10-21 15:31:24 * menu-name 保安员注册查询 */ <template> @@ -170,8 +170,11 @@ <div class="baoanzheng" v-if="dialogVisiblecertificates"> <!-- 保安员证 --> <!-- <div class="baoanzheng" id="baoanzheng"> --> <div class="baz-main"> <baoanz :data="objVisiblecertificates" v-if="dialogVisiblecertificates" ></baoanz> <!-- <div class="baz-main"> <div class="baz-m-body" ref="baoanzheng"> <div class="bmb-heard">保安员证</div> <div class="img"> @@ -181,12 +184,8 @@ <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 @@ -206,45 +205,6 @@ <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 }}</span> </div> <div class="bmb-b"> 性别：<span class="bmb-b-s">{{ objVisiblecertificates.sexName }}</span> </div> <div class="bmb-b"> 编号：<span class="bmb-b-s">{{ objVisiblecertificates.securitynumber }}</span> </div> <div class="bmb-b"> 发证机关：<span class="bmb-b-s" style="margin-right: 15px" >南昌市公安局</span >发证日期：<span class="bmb-b-s">{{ objVisiblecertificates.createTime.slice(0, 10) }}</span> </div> </div> @@ -269,8 +229,11 @@ import website from "@/config/website"; import { getToken } from "@/util/auth"; import { addhonor, getER } from "@/api/register/honor"; import baoanz from "./baoanz.vue"; export default { components: { baoanz, }, data() { const validatePass = (rule, value, callback) => { if (value === "") {
