标签样式

chenlu

2024-05-30 16340211617725306c94f245df255fa91999621d

标签样式

 north-glass-erp/northglass-erp/src/views/pp/processCard/PrintLabel.vue

@@ -30,7 +30,7 @@
          produceList.value = deepClone(res.data.data)
          for (let i = 0; i < produceList.value.length; i++) {
           let count= produceList.value[i].quantity
            for (let j = 0; j < count; j++) {
            for (let j = 0; j < 10; j++) {
              labelList.value.push(produceList.value[i])

            }
@@ -89,11 +89,12 @@
<template>
  <el-button id="printButton" @click="printFlowCard();">打印</el-button>
  <div id="printFlowCard" >
    <div id="entirety" v-for="(item,id) in labelList">
    <div id="entirety" v-for="(item,id) in labelList" >
      <div class="row1">{{ item.customer_name }}</div>
      <div class="row2">{{ item.order_id }} {{ item.type_name }} {{ item.remarks }}</div>
      <div class="row5">{{item.project}} {{item.child_width}}*{{item.child_height}}={{item.quantity}}</div>
      <div class="row6">{{item.glass_child}}</div>
      <div class="row2">{{ item.order_id }} {{ item.type_name }}</div>
      <div class="row3">{{item.child_width}}*{{item.child_height}}={{item.quantity}}</div>
      <div class="row5">{{item.project}} {{ item.remarks }}</div>
      <div class="row6">{{item.glass_child}} {{item.processing_note}}</div>
    </div>
  </div>

@@ -111,77 +112,61 @@
}

#printFlowCard {
  margin-left: 20px;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;

//font-weight: bolder; height: 600px;
}

#entirety{
  text-align: center;
  width: 190px;
  height: 90px;
  width: 196px;
  height: 88px;
  margin-bottom: 10px;
}

.row1 {
  font-size: 9pt;
  font-size: 8pt;
  font-weight: bold;
  height: 16px;
}

.row2 {
  font-size: 9pt;
  font-size: 8pt;
  font-weight: bold;
  height: 16px;
}

.row3 {

  font-size: 9pt;
  margin-top: -5px;
  height: 19px;
  font-size: 12pt;
  font-weight: bolder;
  display: flex;
  justify-content: space-between;
}

.remarks{
  margin-right: 40px;
}
.type{
  margin-left: 40px;
}

.row4 {
  font-weight: bold;
  font-size: 9pt;
}
.row5 {
  margin-left: 5px;
  height: 15px;
  font-weight: bold;
  font-size: 9pt;
  font-size: 8pt;
}

.row6 {
  height: 15px;
  font-weight: bold;
  font-size: 9pt;
  font-size: 8pt;
}



@page {
  size: auto;  /* auto is the initial value */
  margin: 5mm 2mm 0mm 0mm  /* this affects the margin in the printer settings */
  margin: 7mm 2mm 2mm 0mm  /* this affects the margin in the printer settings */

}

@media print {
  div {
    display: table-footer-group;
    page-break-inside: avoid;
    text-align: center;
  }


}

</style>