【新增】晚上打印页面和标签组件

src/components/print/Print.vue

@@ -262,7 +262,6 @@
       addItemToCanvas(name) {
         this.panel.addPrintText({
           options: {
-            left: 200,
             field: name,
             testData: name,
             title: '',

src/components/print/customProvider.js

@@ -9,19 +9,28 @@ export const customProvider = function (options) {
           title: 'temu条码',
           data: 'XS888888888',
           type: 'html',
-          formatter: function (data, options, templateData) {
-            console.log(data, options, templateData)
+          formatter: function (data, options, sukData) {
             const elId = options.elId || 'barCode-' + new Date().getTime()
             const codeWidth = parseInt((options.width - 22) * 0.85)
+            let printData = {
+              labelCode: 96778555251,
+              productSkuId: 6606980005,
+              skuExtCode: 'AAA1100mWh-orange',
+              skuSpecName: '8pcs'
+            }
+
             options.elId = `${elId}`
+            if (sukData) {
+              printData = sukData
+            }
 
             // eslint-disable-next-line no-undef
             $('body').append(`<div id="codewrapper-${elId}" style="width: ${codeWidth}pt">
               <svg id="${elId}" width="100%" display="block" height="100%" class="hibarcode_imgcode" preserveAspectRatio="none slice"></svg>
             </div>`)
             // eslint-disable-next-line no-undef
-            JsBarcode('#'+ elId, '96778555251', {
-              format: "CODE128B",
+            JsBarcode('#' + elId, printData.labelCode, {
+              format: 'CODE128B',
               width: 2,
               height:  parseInt(hinnn.pt.toPx(options.height - 22).toString()) * 0.6,
               margin: 0,
@@ -34,7 +43,7 @@ export const customProvider = function (options) {
             $(`body>#codewrapper-${elId}`).remove()
             // eslint-disable-next-line no-undef
             const resizeObserver = new ResizeObserver(() => {
-              JsBarcode('#'+ elId, '96778555251', {
+              JsBarcode('#'+ elId, printData.labelCode, {
                 format: "CODE128B",
                 width: 2,
                 height:  parseInt(hinnn.pt.toPx(options.height - 22).toString()) * 0.6,
@@ -52,8 +61,8 @@ export const customProvider = function (options) {
             var html = `
               <div class="temuBarCode" id="temuBarCode-${elId}">
                 <div class="temuBarCode-top">
-                  <div class="hiprint-printElement-text-content hiprint-printElement-content">(AA+AAA)*20PCS</div>
-                  <div class="hiprint-printElement-text-content hiprint-printElement-content">AA 20PCS+AAA 20PCS</div>
+                  <div class="hiprint-printElement-text-content hiprint-printElement-content">${ printData.skuExtCode }</div>
+                  <div class="hiprint-printElement-text-content hiprint-printElement-content">${ printData.skuSpecName }</div>
                 </div>
                 <div class="temuBarCode-middle">
                   <div class="hiprint-printElement-text-content hiprint-printElement-content temuBarCode-code" style="width: 100%">
@@ -61,7 +70,7 @@ export const customProvider = function (options) {
                   </div>
                 </div>
                 <div class="temuBarCode-bottom">
-                  <div class="hiprint-printElement-text-content hiprint-printElement-content">1034130097</div>
+                  <div class="hiprint-printElement-text-content hiprint-printElement-content">${ printData.productSkuId }</div>
                   <div class="hiprint-printElement-text-content hiprint-printElement-content">Made in China</div>
                 </div>
               </div>