hb

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;