guoyuji
2024-07-04 1c13bd7a2cd2c8ba69a185da69344c8b59f4e561
north-glass-erp/northglass-erp/src/views/pp/processCard/PrintLabel.vue
@@ -12,52 +12,60 @@
let router = useRouter()
let produceList = ref([])
let labelList = ref([])
let list = ref()
let projectNo = ref([])
let orderId = ref([])
const data = ref({
  printList: []
})
const setupData = ref({
})
let printSetupData = {
  printState:''
}
const {currentRoute} = useRouter()
const route = currentRoute.value
projectNo.value = route.query.projectNo
data.value.printList = JSON.parse(route.query.printList)
onMounted(() => {
  if(projectNo.value!=null){
    request.post(`/processCard/getSelectPrintLabel/${projectNo.value}`).then((res) => {
      if (res.code == 200) {
        labelList.value = deepClone(res.data.data)
      request.post(`/processCard/getSelectPrintLabel`, data.value).then((res) => {
        if (res.code == 200) {
          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++) {
              labelList.value.push(produceList.value[i])
      } else {
        ElMessage.warning(res.msg)
        router.push("/login")
      }
    })
  }else{
    console.log(JSON.stringify(route.query.printList))
    request.post(`/processCard/getSelectPrintLabel1`,data.value).then((res) => {
      if (res.code == 200) {
        console.log(res.data.data)
        produceList.value = deepClone(res.data.data)
        for (let i = 0; i < produceList.value.length; i++) {
         let count= produceList.value[i].data.length
          for (let j = 0; j < count; j++) {
            for (let k = 0; k < produceList.value[i].data[j].quantity; k++){
              labelList.value.push(produceList.value[i].data[j])
            }
          }
        } else {
          ElMessage.warning(res.msg)
          router.push("/login")
        }
      })
    }
          }
        }
        console.log(labelList.value)
      } else {
        ElMessage.warning(res.msg)
        router.push("/login")
      }
    })
  }
}
)
request.post(`/processCard/printSetup`, setupData.value).then((res) => {
  if (res.code == 200) {
    printSetupData = deepClone(res.data.data)
  } else {
    ElMessage.warning(res.msg)
    router.push("/login")
  }
})
@@ -102,20 +110,41 @@
<template>
  <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 v-show="printSetupData[0].printState" class="row1">{{ item.customer_name }}</div>
      <div v-show="printSetupData[6].printState || printSetupData[7].printState" class="row2">
        <span v-show="printSetupData[6].printState">{{ item.order_id }}</span>
        <span v-show="printSetupData[7].printState">{{ item.type_name }}</span>
      </div>
      <div v-show="printSetupData[2].printState" class="row3">{{item.child_width}}*{{item.child_height}}={{item.quantity}}</div>
      <div v-show="printSetupData[1].printState || printSetupData[3].printState" class="row5">
        <span v-show="printSetupData[1].printState">{{item.project}}</span>
        <span v-show="printSetupData[3].printState">{{ item.remarks }}</span>
      </div>
      <div v-show="printSetupData[5].printState || printSetupData[4].printState" class="row6">
        <span v-show="printSetupData[5].printState">{{item.glass_child}}</span>
        <span v-show="printSetupData[4].printState">{{item.processing_note}}</span></div>
        <div class="row1">
          <span>{{ item.customer_name }}</span>&nbsp;
          <span>{{ item.type_name }}</span>
        </div>
        <div  class="row2">
          <span>{{ item.order_id }}</span>&nbsp;
        </div>
        <div class="row3">{{item.width}}*{{item.height}}={{item.quantity}}</div>
        <div class="row5">
          <span>{{item.project}}</span>&nbsp;
          <span>{{ item.building_number }}</span>
        </div>
        <div class="row6">
          <span>{{item.glass_child}}</span>&nbsp;
          <span>{{item.processing_note}}</span>
        </div>
    </div>
  </div>
@@ -142,7 +171,7 @@
#entirety{
  text-align: center;
  width: 195px;
  width: 185px;
  height: 87px;
  margin-bottom: 10px;
}
@@ -186,7 +215,7 @@
@page {
  size: auto;  /* auto is the initial value */
  margin: 7mm 2mm 2mm 0mm  /* this affects the margin in the printer settings */
  margin: 8mm 4mm 0mm 6mm  /* this affects the margin in the printer settings */
}