<template>
  <div class="productOrderSpecification">
      <div class="titles1" >
        <div class="cdbh">PartNo:IF2024079822</div>
        <div class="cdbh">S/N:9222431790000023</div>
        <div class="cdbh">Part Name:</div>
        <div class="cdbh1">1753525-00-F.1-SH</div>
      </div>
      <div class="titles" style="">
        <div id="qrCode" ref="qrCodeDiv"></div>
      </div>
      <div style="page-break-after:always"></div>
  </div>
</template>

<script>


import dayjs from 'dayjs'
import VueBarcode from 'vue-barcode'
import QRCode from "qrcodejs2";
export default {
  components: { VueBarcode },
  props: ['templateData'],
  dicts: ['pro_requisition_type'],
  data() {
    return {
      date: dayjs().format('YYYY-MM-DD'),
      mytable: {
  }
    }
  },
  mounted() {
    if (this.$refs.qrCodeDiv) {
      this.$refs.qrCodeDiv.innerHTML = '';
    }
    new QRCode(this.$refs.qrCodeDiv, {
      text: "1234", // 需要转换为二维码的内容
      width: 37, //宽度
      height: 37, //高度
      colorDark: '#000000', //二维码方块颜色
      colorLight: '#ffffff', //背景颜色
      correctLevel: QRCode.CorrectLevel.Q, //容错率：L M Q H 依次递减
    });
  },
  computed: {
  }
}
</script>

<style scoped lang="scss">
.productOrderSpecification{
  font-family: "Angsana New",serif;
  margin: 0;
  position: relative;
  width: 35.6mm;
  height: 12.7mm;
  padding: 2px 0 0 4px;
  font-size: 8px;
  font-weight: bold;
  color: black;
}
@media print {
  @page {
    size: 35.6mm 12.7mm;
    margin: 0; /* 设置上下左右页边距都为1厘米，可根据需求调整具体数值 */
  }
  #print-content {
    background-color: white; /* 通常将背景设为白色，避免打印出不必要的背景色等 */
  }
}

.cdbh{
  height: 8px;
}
.titles{
  float: left;
  padding-top: 1mm;
}
.titles1{
  float: left;
  width: 24mm;
}

[text-center]{
  text-align: center;
}
.text-left {
  text-align: left !important;
}
.color000{
  color: #000;
  font-weight: 400 !important;
  td {
    word-wrap:break-word;
    word-break:break-all
  }
}
</style>

