| | |
| | | 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 |
| | |
| | | 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]) |
| | | } |
| | | |
| | | |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | ) |
| | | |
| | | |
| | | |
| | | |
| | |
| | | </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> |
| | | |
| | |
| | | } |
| | | |
| | | #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> |