From 7b3e38d2c3f25e12381a4207250fd4bf18519e4e Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Sat, 14 Aug 2021 10:55:21 +0800
Subject: [PATCH] 公司许可证打印 保安员证打印
---
src/views/permit/permit.vue | 110 ++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 93 insertions(+), 17 deletions(-)
diff --git a/src/views/permit/permit.vue b/src/views/permit/permit.vue
index 9f2744a..cabe1cc 100644
--- a/src/views/permit/permit.vue
+++ b/src/views/permit/permit.vue
@@ -56,7 +56,7 @@
:type="type"
@click.stop="viewLicense(row)"
v-if="row.type != '2'"
- >生成许可证
+ >打印许可证
</el-button>
</template>
<template class="tdtype" slot-scope="{ row }" slot="type">
@@ -72,12 +72,13 @@
</avue-crud>
</basic-container>
- <el-dialog
+ <!-- <el-dialog
:visible.sync="dialogVisible"
:before-close="handleClose"
:modal-append-to-body="false"
width="1005px"
top="10vh"
+ class="printstyle"
>
<div id="licence_box">
<div class="licence" id="licence" v-if="dialogVisible">
@@ -89,10 +90,6 @@
}}</span>
号
</div>
- <!-- <div class="onceMain">
- 名称：
- <div class="fontStyle">{{ licenceData.enterprisename }}</div>
- </div> -->
<div class="licence-main">
<div
class="l-m-once"
@@ -125,7 +122,59 @@
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="Print">打 印</el-button>
</span>
- </el-dialog>
+ </el-dialog> -->
+ <div
+ v-if="dialogVisible"
+ class="dialogVisibles"
+ :class="classStyle == 'print' ? 'printstyle' : ''"
+ >
+ <div
+ id="licence_box"
+ :class="classStyle == 'print' ? 'printstyle' : ''"
+ ref="licence"
+ >
+ <div class="licence" id="licence" v-if="dialogVisible">
+ <div class="licence-head">保安服务许可证</div>
+ <div class="head-tid">
+ 洪公保服务
+ <span class="fontStyle">{{
+ licenceData.row.organizationcode
+ }}</span>
+ 号
+ </div>
+ <div class="licence-main">
+ <div
+ class="l-m-once"
+ v-for="(item, index, key) in licenceData.chiden"
+ :key="key"
+ >
+ <span class="l-m-o-title"> {{ index }}: </span>
+ <span class="l-m-r-once">{{ item }}</span>
+ </div>
+ </div>
+ <div class="licence-bottom">发证机关（南昌市公安局）</div>
+ <div class="l-bottom">
+ 发证日期
+ <span class="l-b-t">{{
+ licenceData.row.permitime.slice(0, 4)
+ }}</span
+ >年
+ <span class="l-b-t">{{
+ licenceData.row.permitime.slice(5, 7)
+ }}</span>
+ 月
+ <span class="l-b-t">{{
+ licenceData.row.permitime.slice(8, 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>
<el-dialog
title=""
@@ -149,6 +198,8 @@
export default {
data() {
return {
+ classStyle: "print", //打印样式
+
dialogVisiblecc: false, //许可证审核抽屉
xukezData: {},
@@ -444,17 +495,9 @@
// },
methods: {
Print() {
- //打印
- // let subOutputRankPrint = document.getElementById("licence_box");
- // let newContent = subOutputRankPrint.innerHTML;
- // let oldContent = document.body.innerHTML;
- // document.body.innerHTML = newContent;
- // window.print();
- // window.location.reload();
- // document.body.innerHTML = oldContent;
- this.$Print("#licence");
- // licence_box
+ this.$Print(this.$refs.licence);
},
+
handleCredentials(row) {
this.$router.push({
path: "/attach/index",
@@ -525,6 +568,9 @@
console.log(this.licenceData);
this.dialogVisible = true;
+ },
+ closePrint() {
+ this.dialogVisible = false;
},
handleDelete() {
if (this.selectionList.length === 0) {
@@ -666,6 +712,17 @@
/*padding-right: 40px !important;*/
}
+#licence_box {
+ position: relative;
+ top: 15px;
+ width: 1080px;
+ height: 780px;
+ background-color: #004ca7;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+}
.licence {
width: 960px;
height: 648px;
@@ -717,4 +774,23 @@
font-size: 1.5rem;
margin-top: 0.5rem;
}
+.dialogVisibles {
+ position: fixed;
+ top: 0;
+ left: -10%;
+ height: 0;
+ width: 120%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 9000;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.printstyle {
+ background-color: #fff !important;
+}
+.PrintBut {
+ margin-top: 15px;
+}
</style>
--
Gitblit v1.9.3