新字体添加

src/assets/styles/font.css

@@ -2,3 +2,12 @@
     font-family: 'Angsana New';
     src: url('../font/Angsana New.ttf');
 }
+
+@font-face {
+    font-family: 'Arial narrow';
+    src: url('../font/thaisansneue-regular-webfont.ttf');
+}
+@font-face {
+    font-family: 'Arial narrow2';
+    src: url('../font/Arial Narrow.ttf');
+}

src/views/mes/pro/qrcodeRecord/template/tesla1.vue

 <template>
   <div class="productOrderSpecification">
       <div class="titles1" >
-        <div class="cdbh">PartNo:IF2024079822</div>
-        <div class="cdbh">S/N:9222431790000023</div>
+        <div class="cdbh">PartNo:{{templateData.itemCode}}</div>
+        <div class="cdbh">S/N:{{templateData.qrcode}}</div>
         <div class="cdbh">Part Name:</div>
-        <div class="cdbh1">1753525-00-F.1-SH</div>
+        <div class="cdbh1">{{templateData.specification}}</div>
       </div>
       <div class="titles" style="">
         <div id="qrCode" ref="qrCodeDiv"></div>
@@ -50,15 +50,15 @@ export default {
 
 <style scoped lang="scss">
 .productOrderSpecification{
-  font-family: "Angsana New",serif;
+  font-family: "Arial narrow2";
   margin: 0;
   position: relative;
   width: 35.6mm;
   height: 12.7mm;
   padding: 2px 0 0 4px;
   font-size: 8px;
-  font-weight: bold;
   color: black;
+  font-weight: bold;
 }
 @media print {
   @page {
@@ -75,11 +75,11 @@ export default {
 }
 .titles{
   float: left;
-  padding-top: 1mm;
+  padding-top: 2px;
 }
 .titles1{
   float: left;
-  width: 24mm;
+  width: 23mm;
 }
 
 [text-center]{