| | |
| | | style.innerHTML = |
| | | "body>#" + |
| | | printId + |
| | | "{display:none}@media print{body>:not(#" + |
| | | "{display:none}@media print{" + |
| | | "@page {" + |
| | | " size: auto; " + |
| | | " margin: 2mm 2mm 2mm 2mm; " + |
| | | " }body>:not(#" + |
| | | printId + |
| | | "){display:none !important}body>#" + |
| | | printId + |
| | |
| | | <template> |
| | | <el-button id="printButton" @click="printFlowCard();">{{ $t('basicData.print') }}</el-button> |
| | | <div id="printFlowCard" > |
| | | <div id="entirety" v-for="(item,id) in lastList" > |
| | | <template v-for="(item,id) in lastList"> |
| | | <div id="entirety" > |
| | | <div class="row1"> |
| | | <span>{{ item.customerAbbreviation }}</span> |
| | | <span>{{ item.orderId }}</span> |
| | |
| | | <span>{{ item.project }}</span> |
| | | <span>{{ item.buildingNumber }}</span> |
| | | </div> |
| | | <div class="row3" v-if="JSON.parse(item.other_columns).S02==null">{{item.width}}*{{item.height}}={{item.quantity}}</div> |
| | | <div class="row3" v-else>{{JSON.parse(item.other_columns).S02}}={{item.quantity}}</div> |
| | | <div class="row3" v-if="item.other_columns!=null&&(JSON.parse(item.other_columns).S02!=null)">{{JSON.parse(item.other_columns).S02}}={{item.quantity}}</div> |
| | | <div class="row3" v-else>{{Math.round(item.width)}}x{{Math.round(item.height)}}={{item.quantity}}</div> |
| | | <div class="row5"> |
| | | <span>{{item.remarks}}</span> |
| | | <span>{{item.filmNumber}}</span> |
| | | <span>{{ item.processingNote }}</span> |
| | | </div> |
| | | </div> |
| | | <div style="width: 20px" v-if="id%2===0"></div> |
| | | </template> |
| | | </div> |
| | | |
| | | </template> |
| | |
| | | display: flex; |
| | | justify-content: left; |
| | | flex-wrap: wrap; |
| | | margin-left: 5px; |
| | | width: 500px; |
| | | } |
| | | |
| | | #entirety{ |
| | | text-align: center; |
| | | width: 50%; |
| | | height: 105px; |
| | | width: 48%; |
| | | height: 160px; |
| | | border: black 1px; |
| | | word-wrap: break-word; |
| | | } |
| | | |
| | | .row1 { |
| | | font-size: 12pt; |
| | | font-weight: bold; |
| | | height: 25px; |
| | | height: 35px; |
| | | } |
| | | .row1 span { |
| | | font-size: 15pt; |
| | | } |
| | | |
| | | .row2 { |
| | | font-size: 12pt; |
| | | font-size: 14pt; |
| | | font-weight: bold; |
| | | height: 25px; |
| | | height: 35px; |
| | | } |
| | | .row2 span { |
| | | font-size: 14pt; |
| | | } |
| | | span { |
| | | font-size: 12pt; |
| | |
| | | |
| | | .row3 { |
| | | margin-top: -5px; |
| | | height: 30px; |
| | | font-size: 20pt; |
| | | height: 35px; |
| | | font-size: 22pt; |
| | | font-weight: bolder; |
| | | line-height: 35px; |
| | | } |
| | | |
| | | .row5 { |
| | | height: 25px; |
| | | height: 50px; |
| | | font-weight: bold; |
| | | font-size: 12pt; |
| | | margin-left: 20px; |
| | | } |
| | | .row5 span { |
| | | font-size: 10pt; |
| | | font-size: 14pt; |
| | | } |
| | | |
| | | .row6 { |
| | |
| | | |
| | | |
| | | |
| | | @page { |
| | | size: auto; /* auto is the initial value */ |
| | | margin: 2mm 2mm 2mm 2mm /* this affects the margin in the printer settings */ |
| | | |
| | | } |
| | | |
| | | @media print { |
| | | div { |
| | | page-break-inside: avoid; |
| | | } |
| | | @page { |
| | | size: auto; /* auto is the initial value */ |
| | | margin: 2mm 2mm 2mm 2mm; /* this affects the margin in the printer settings */ |
| | | |
| | | } |
| | | } |
| | | |
| | | </style> |