【新增】1.temu条码组件 2.添加SKU
This commit is contained in:
@@ -5,19 +5,42 @@ export const customProvider = function (options) {
|
||||
context.addPrintElementTypes('customProvider', [
|
||||
new hiprint.PrintElementTypeGroup('', [
|
||||
{
|
||||
tid: 'providerModule1.date',
|
||||
title: '业务日期',
|
||||
data: '2020-01-01',
|
||||
type: 'text',
|
||||
tid: 'providerModule1.html',
|
||||
title: 'temu条码',
|
||||
data: 'XS888888888',
|
||||
type: 'html',
|
||||
formatter: function (title, options, templateData) {
|
||||
console.log(options, templateData)
|
||||
|
||||
setTimeout(() => {
|
||||
// eslint-disable-next-line no-undef
|
||||
JsBarcode("#barcode", "1234567890", {
|
||||
format: "code128", // 条形码类型
|
||||
width: 2, // 条的宽度
|
||||
height: 50, // 条形码的高度
|
||||
});
|
||||
})
|
||||
return `
|
||||
<div class="temuBarCode">
|
||||
<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>
|
||||
<div class="temuBarCode-middle">
|
||||
<div class="hiprint-printElement-text-content hiprint-printElement-content temuBarCode-code">
|
||||
<svg id="barcode"></svg>
|
||||
</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">Made in China</div>
|
||||
</div>
|
||||
</div>
|
||||
`
|
||||
},
|
||||
options: {
|
||||
field: 'date',
|
||||
testData: '2020-01-01',
|
||||
height: 16,
|
||||
fontSize: 6.75,
|
||||
fontWeight: '700',
|
||||
textAlign: 'left',
|
||||
textContentVerticalAlign: 'middle',
|
||||
hideTitle: true
|
||||
width: 316,
|
||||
height: 120
|
||||
}
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user