廖井涛
2024-06-19 a944fc9a5bfaac1e2367f6ce398f09eafbcb53a5
north-glass-erp/northglass-erp/src/views/pp/processCard/PrintLabel.vue
@@ -12,13 +12,13 @@
let router = useRouter()
let produceList = ref([])
let labelList = ref([])
let list = ref()
const details = ref([])
let list = ref([])
const data = ref({
  printList: []
})
const {currentRoute} = useRouter()
const route = currentRoute.value
@@ -29,10 +29,15 @@
        if (res.code == 200) {
          produceList.value = deepClone(res.data.data)
          console.log(produceList.value)
          for (let i = 0; i < produceList.value.length; i++) {
           let count= produceList.value[i].quantity
           let count= produceList.value[i].data.length
            for (let j = 0; j < count; j++) {
              labelList.value.push(produceList.value[i])
              for (let k = 0; k < produceList.value[i].data[j].quantity; k++){
                labelList.value.push(produceList.value[i].data[j])
              }
            }
          }
@@ -46,6 +51,7 @@
    }
)
@@ -88,15 +94,41 @@
</script>
<template>
  <el-button id="printButton" @click="printFlowCard();">打印</el-button>
  <el-button id="printButton" @click="printFlowCard();">{{ $t('basicData.print') }}</el-button>
  <div id="printFlowCard" >
<!--    <div id="entirety" v-for="(items,id) in produceList" >
      <div v-for="(item,index) in items.data" :key="index">
        <div class="row1">{{ item.customer_name }}</div>
        <div  class="row2">
          <span>{{ item.order_id }}</span>
          <span>{{ item.type_name }}</span>
        </div>
        <div class="row3">{{item.child_width}}*{{item.child_height}}={{item.quantity}}</div>
        <div class="row5">
          <span>{{item.project}}</span>
          <span>{{ item.remarks }}</span>
        </div>
        <div class="row6">
          <span>{{item.glass_child}}</span>
          <span>{{item.processing_note}}</span>
        </div>
      </div>
    </div>-->
    <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 }}</div>
      <div class="row4">{{item.project}} {{ item.remarks }}</div>
      <div class="row5">{{item.child_width}}*{{item.child_height}}={{item.quantity}}</div>
      <div class="row6">{{item.glass_child}}</div>
        <div class="row1">{{ item.customer_name }}</div>
        <div  class="row2">
          <span>{{ item.order_id }}</span>
          <span>{{ item.type_name }}</span>
        </div>
        <div class="row3">{{item.child_width}}*{{item.child_height}}={{item.quantity}}</div>
        <div class="row5">
          <span>{{item.project}}</span>
          <span>{{ item.remarks }}</span>
        </div>
        <div class="row6">
          <span>{{item.glass_child}}</span>
          <span>{{item.processing_note}}</span>
        </div>
    </div>
  </div>
@@ -109,83 +141,72 @@
}
#printButton {
  margin-top: -30px;
  margin-top: -20px;
  width: 100px;
}
#printFlowCard {
margin-left: 25px;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
//font-weight: bolder; height: 600px;
  margin-left: 5px;
  margin-top: 15px;
}
#entirety{
  text-align: center;
  width: 190px;
  height: 90px;
  width: 195px;
  height: 87px;
  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;
}
span {
  font-size: 8pt;
  font-weight: bold;
}
.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 {
  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: 2mm 0mm 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>