| | |
| | | <script setup> |
| | | import request from "@/utils/request" |
| | | import {ElDatePicker, ElMessage} from "element-plus" |
| | | import {nextTick, onMounted, onUnmounted, reactive, ref, watch} from "vue" |
| | | import {Search} from "@element-plus/icons-vue" |
| | | // import {useRouter} from 'vue-router' |
| | | // import {changeFilterEvent, filterChanged} from "@/hook" |
| | | // import {useI18n} from 'vue-i18n' |
| | | // import deepClone from "@/utils/deepClone"; |
| | | import {ElMessage} from "element-plus" |
| | | import {onMounted, ref} from "vue" |
| | | import companyInfo from "@/lang/companyInfo" |
| | | |
| | | const company = companyInfo() |
| | |
| | | let props = defineProps({ |
| | | printFlowCardId: null, |
| | | printLayer: null, |
| | | printGlassId: null, |
| | | }) |
| | | |
| | | onMounted(async () => { |
| | | console.log(props.printFlowCardId,props.printLayer) |
| | | const response = await request.post('/unLoadGlass/downGlassInfo/downGlassLabelPrint',{ |
| | | flowCardId:props.printFlowCardId, |
| | | layer:props.printLayer |
| | | }); |
| | | const response = await request.post('/unLoadGlass/downGlassInfo/downGlassLabelPrint', { |
| | | flowCardId: props.printFlowCardId, |
| | | layer: props.printLayer, |
| | | glassId: props.printGlassId |
| | | }); |
| | | if (response.code == 200) { |
| | | console.log("lastList.value",response.data) |
| | | lastList.value=response.data; |
| | |
| | | <div id="entirety" > |
| | | |
| | | <div class="row1"> |
| | | <div style="position: absolute;font-weight: bold;margin-left: 5px;" v-if="item.tempering_layout_id!=null">{{ item.tempering_layout_id }}/{{ item.tempering_feed_sequence }}</div> |
| | | |
| | | <span>{{ item.customer_name }}</span> |
| | | <span>{{ item.order_id }}</span> |
| | | <span v-if="item.process.includes('夹胶')">胶片</span> |
| | | <span v-else-if="item.process.includes('中空')">中空</span> |
| | | <span v-else-if="item.process.includes('百叶')">百叶</span> |
| | | <span v-else></span> |
| | | <div style="position: absolute;font-weight: bold;margin-left: 210px;margin-top: -26px;" >{{ index+1 }}</div> |
| | | </div> |
| | | <div class="row2"> |
| | | <span>{{ item.project }}</span> |
| | | <span>{{ item.building_number }}</span> |
| | | </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="row3" v-if="item.other_columns!=null&&(JSON.parse(item.other_columns).S02!=null)"> |
| | | <span v-if="item.tempering_layout_id!==null " style="font-size: 7pt;"> |
| | | ({{ index+1 }}) {{ item.tempering_layout_id }}/{{ item.tempering_feed_sequence }} |
| | | </span> |
| | | {{JSON.parse(item.other_columns).S02}}={{item.quantity}} |
| | | </div> |
| | | <div class="row3" v-else> |
| | | <span v-if="item.heat_layout_id!==null " style="font-size: 7pt;"> |
| | | ({{ index+1 }}) {{ item.tempering_layout_id }}/{{ item.tempering_feed_sequence }} |
| | | </span> |
| | | {{Math.round(item.width)}}x{{Math.round(item.height)}}={{item.quantity}} |
| | | </div> |
| | | <div class="row5"> |
| | | <span>{{item.glass_child }}</span> |
| | | <span>{{ item.processing_note }}</span> |
| | | </div> |
| | | </div> |
| | | <div style="width: 20px" v-if="index%2===0"></div> |
| | | <div class="print-page" v-else></div> |
| | | </template> |
| | | </div> |
| | | |
| | |
| | | height: 35px; |
| | | } |
| | | .row1 span { |
| | | font-size: 12pt; |
| | | } |
| | | |
| | | .row2 { |
| | | font-size: 14pt; |
| | | } |
| | | .row2 { |
| | | font-size: 12pt; |
| | | font-weight: bold; |
| | | height: 35px; |
| | | } |
| | | .row2 span { |
| | | font-size: 12pt; |
| | | font-size: 17pt; |
| | | } |
| | | span { |
| | | font-size: 12pt; |
| | |
| | | .row3 { |
| | | margin-top: -5px; |
| | | height: 35px; |
| | | font-size: 22pt; |
| | | font-size: 20pt; |
| | | font-weight: bolder; |
| | | line-height: 35px; |
| | | } |
| | | .row3 span{ |
| | | font-size: 24pt; |
| | | } |
| | | |
| | | .row5 { |
| | | height: 50px; |
| | | font-weight: bold; |
| | | font-size: 12pt; |
| | | margin-left: 20px; |
| | | font-size: 14pt; |
| | | } |
| | | .row5 span { |
| | | font-size: 12pt; |
| | | font-size: 16pt; |
| | | } |
| | | |
| | | .row6 { |
| | | height: 15px; |
| | | height: 25px; |
| | | font-weight: bold; |
| | | font-size: 8pt; |
| | | font-size: 10pt; |
| | | } |
| | | .row6 span { |
| | | font-size: 16pt; |
| | | } |
| | | |
| | | |
| | |
| | | |
| | | |
| | | @media print { |
| | | .print-page { |
| | | page-break-after: always; /* 添加分页符,在每个print-page div之后分页 */ |
| | | } |
| | | div { |
| | | page-break-inside: avoid; |
| | | } |