Skip to content

F
founder_vue
Commit a32f2417 by 张超军
Options

hb

parents 7c1b3d2a e6daa268
Showing with 58 additions and 28 deletions
babel.config.js
/*
* @Author: your name
* @Date: 2021-09-07 09:57:48
* @LastEditTime: 2022-06-28 14:32:36
* @LastEditTime: 2022-06-28 18:06:46
* @LastEditors: error: git config user.name && git config user.email & please set dead value or install git
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \指纹系统\founder_vue\babel.config.js
......@@ -10,12 +10,14 @@
// presets: ["@vue/cli-plugin-babel/preset"]
// };
let plugins = [];
let plugins = ["@babel/plugin-proposal-optional-chaining"];
if (process.env.NODE_ENV === "production") { // todo if判断是否打包,打包环境下控制台去掉console.log,也可去掉if判断，整个项目不会出现console.log(不建议)
plugins.push("transform-remove-console");
}
module.exports = {
presets: ["@vue/cli-plugin-babel/preset"],
// presets: ["@vue/cli-plugin-babel/preset"],
// plugins: plugins
presets: ['@vue/app'],
plugins: plugins
// presets: ['@vue/app'],
// plugins: ["@babel/plugin-proposal-optional-chaining", "transform-remove-console"]
......
src/i18n/zh-cn.js
......@@ -1409,5 +1409,23 @@ export default {
Friday: '周五',
Saturday: '周六',
not_an_object: '不是一个对象！'
},
// 打印
Print: {
reportPdf: '导出PDF',
printPdf: '打印PDF',
zzhwxxk: '指掌纹信息卡',
zy: '职业',
gdny: '滚动捺印',
pmny: '平面捺印',
bnyrqm: '被捺印人签名',
nydwmc: '捺印单位名称',
nydwdm: '捺印单位代码',
nyr: '捺印人',
fhr: '复核人',
gaj: '公安局',
zhwny: '掌纹捺印',
}
}
src/views/dy/rymb.vue
<template>
<div class="rymb">
<div class="options">
<div class="btn" @click="getPdf()">导出PDF</div>
<div class="btn" @click="goPrint()">打印PDF</div>
<div class="btn" @click="getPdf()">{{ $t('Print.reportPdf') }}</div>
<div class="btn" @click="goPrint()">{{ $t('Print.printPdf') }}</div>
</div>
<div class="pdfContent " id="pdfDom" ref="print">
<!-- 正面模板 -->
<div class="content marginBottom zm" style="page-break-after:always">
<div class="head">
指掌纹信息卡
{{ $t('Print.zzhwxxk') }}
</div>
<!-- 基本信息 -->
<div class="ryxx">
<div class="left">
<div class="title">人员信息</div>
<div class="title"> {{ $t('Xzry.ryxx') }}</div>
<div class="ryxxcontent">
<div class="item item1">
<div class="itemOnly">
<div class="label">人员编号：</div>
<div class="label">{{ $t('Common.rybh') }}：</div>
<div class="value">{{ htmlTitle }}</div>
</div>
<div class="itemOnly">
<div class="label">姓名：</div>
<div class="label">{{ $t('Common.xm') }}：</div>
<div class="value">{{ ryInfo.xm }}</div>
</div>
<div class="itemOnly">
<div class="label">身份证号：</div>
<div class="label">{{ $t('Common.sfzh') }}：</div>
<div class="value"></div>
</div>
<div class="itemOnly">
......@@ -40,15 +40,15 @@
<div class="value"></div>
</div>
<div class="itemOnly">
<div class="label">别名：</div>
<div class="label">{{ $t('Common.bmch') }}：</div>
<div class="value">{{ ryInfo.bmch }}</div>
</div>
<div class="itemOnly">
<div class="label">出生日期：</div>
<div class="label">{{ $t('Common.csrq') }}：</div>
<div class="value">{{ ryInfo.csrq | dataFilter }}</div>
</div>
<div class="itemOnly">
<div class="label">职业：</div>
<div class="label">{{ $t('Print.zy') }}：</div>
<div class="value">{{ ryInfo.profession }}</div>
</div>
</div>
......@@ -58,15 +58,15 @@
<div class="value"></div>
</div>
<div class="itemOnly">
<div class="label">性别：</div>
<div class="label">{{ $t('Common.xb') }}：</div>
<div class="value">{{ ryInfo.sexCodeName }}</div>
</div>
<div class="itemOnly">
<div class="label">籍贯：</div>
<div class="label">{{ $t('Common.native_place') }}：</div>
<div class="value">{{ ryInfo.hjdzCodeName }}</div>
</div>
<div class="itemOnly">
<div class="label">民族：</div>
<div class="label">{{ $t('Common.mz') }}：</div>
<div class="value">{{ ryInfo.mzCodeName }}</div>
</div>
</div>
......@@ -76,7 +76,7 @@
<div v-if="FaceLoading">
<img src="@/assets/img/zzjz/zmjz.gif" alt="" />
</div>
<div v-if="FaceImg[0].img && FaceLoading == false">
<div v-if="FaceImg[0].img && FaceLoading == false" class="hasImg">
<img :src="'data:image/jpeg;base64,' + FaceImg[0].img" alt="" />
</div>
<div v-if="!FaceImg[0].img && FaceLoading == false" class="noImg">
......@@ -88,7 +88,7 @@
</div>
<!-- 滚动 -->
<div class="zw">
<div class="zwtitle">滚动捺印</div>
<div class="zwtitle">{{ $t('Print.gdny') }}</div>
<div class="zwcontent">
<div class="zwOnly" v-for="(item, index) in RollImg" :key="index">
<div class="name">{{ item.name }}</div>
......@@ -110,7 +110,7 @@
</div>
<!-- 平面 -->
<div class="zw pmzw">
<div class="zwtitle">平面捺印</div>
<div class="zwtitle">{{ $t('Print.pmny') }}</div>
<div class="zwcontent">
<div class="zwOnly" v-for="(item, index) in PlainImg" :key="index">
<div class="name">{{ item.name }}</div>
......@@ -134,35 +134,35 @@
<div class="textBottom">
<div class="item1">
<div class="itemOnly">
<span>被捺印人签名</span>
<span>{{ $t('Print.bnyrqm') }}</span>
<span></span>
</div>
</div>
<div class="item2">
<div class="itemOnly">
<span class="label">捺印单位名称</span>
<span class="label">{{ $t('Print.nydwmc') }}</span>
<span class="value">{{ ryInfo.nydwGajgmc }}</span>
</div>
<div class="itemOnly">
<span class="label">捺印单位代码</span>
<span class="label">{{ $t('Print.nydwdm') }}</span>
<span class="value">{{ ryInfo.nydwGajgjgdm }}</span>
</div>
<div class="itemOnly">
<span class="label">捺印日期</span>
<span class="label">{{ $t('Htcj.nyrq') }}</span>
<span class="value">{{ ryInfo.nysj | dataFilter }}</span>
</div>
</div>
<div class="item3">
<div class="itemOnly">
<span class="label">捺印人</span>
<span class="label">{{ $t('Print.nyr') }}</span>
<span class="value">{{ ryInfo.nyryXm }}</span>
</div>
<div class="itemOnly">
<span class="label">复核人</span>
<span class="label">{{ $t('Print.fhr') }}</span>
<span class="value"></span>
</div>
<div class="itemOnly">
<span class="label">公安局</span>
<span class="label">{{ $t('Print.gaj') }}</span>
<span class="value"></span>
</div>
</div>
......@@ -185,7 +185,7 @@
<!-- 掌纹 -->
<div class="zhw">
<div class="zhwtitle">掌纹捺印</div>
<div class="zhwtitle">{{ $t('Print.zhwny') }}</div>
<div class="zhwcontent">
<div class="zhwOnly" v-for="(item, index) in PlamImg" :key="index">
<div class="name">{{ item.name }}</div>
......@@ -220,7 +220,7 @@
</template>
<script>
import html2Canvas from 'html2Canvas'
import html2Canvas from 'html2canvas'
import printJS from 'print-js'
export default {
name: 'rymb',
......@@ -616,6 +616,16 @@ export default {
background: #DDDDDD;
margin-top: 9px;
.hasImg {
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
}
}
.noImg {
// display: flex;
margin-top: 40px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment