| | |
| | | const lableType = route.query.lableType |
| | | |
| | | onMounted(() => { |
| | | request.post(`/processCard/getSelectPrintCustomLabel/${type}`, data.value).then((res) => { |
| | | request.post(`/processCard/getSelectPrintCustomLabel/${type}/1`, data.value).then((res) => { |
| | | if (res.code == 200) { |
| | | console.log(res.data.data) |
| | | produceList.value = deepClone(res.data.title) |
| | | list.value = deepClone(res.data.data) |
| | | const data = produceList.value[0].value |
| | |
| | | } |
| | | } |
| | | } |
| | | console.log(lastList.value) |
| | | } else { |
| | | ElMessage.warning(res.msg) |
| | | router.push("/login") |
| | |
| | | // 打印方法 |
| | | const printFlowCard = () => { |
| | | // 需要打印的局部区域赋予"print-wrap"的id |
| | | let el = document.getElementById("print"); |
| | | let el = document.getElementById("printFlowCard"); |
| | | let doc = document; |
| | | let body = doc.body || doc.getElementsByTagName("body")[0]; |
| | | let printId = "print-" + Date.now(); |
| | |
| | | </div> |
| | | <div class="row2"> |
| | | <span>{{ item.project }}</span> |
| | | <span>{{ item.building_number }}</span> |
| | | <span>{{ item.buildingNumber }}</span> |
| | | </div> |
| | | <div class="row3">{{item.width}}*{{item.height}}={{item.quantity}}</div> |
| | | <div class="row3" v-if="item.other_columns==null||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="row5"> |
| | | <span>{{item.remarks}}</span> |
| | | <span>{{ item.processing_note }}</span> |
| | | <span>{{ item.processingNote }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | } |
| | | |
| | | #printButton { |
| | | margin-top: -20px; |
| | | /*margin-top: -20px;*/ |
| | | width: 100px; |
| | | } |
| | | |
| | |
| | | display: flex; |
| | | justify-content: left; |
| | | flex-wrap: wrap; |
| | | margin-left: 5px; |
| | | margin-top: 15px; |
| | | width: 450px; |
| | | } |
| | | |
| | | #entirety{ |
| | | text-align: center; |
| | | width: 185px; |
| | | height: 87px; |
| | | margin-bottom: 10px; |
| | | width: 50%; |
| | | height: 140px; |
| | | border: black 1px; |
| | | } |
| | | |
| | | .row1 { |
| | | font-size: 8pt; |
| | | font-size: 12pt; |
| | | font-weight: bold; |
| | | height: 16px; |
| | | height: 25px; |
| | | } |
| | | .row1 span { |
| | | font-size: 12pt; |
| | | } |
| | | |
| | | .row2 { |
| | | font-size: 8pt; |
| | | font-size: 12pt; |
| | | font-weight: bold; |
| | | height: 16px; |
| | | height: 25px; |
| | | } |
| | | .row2 span { |
| | | font-size: 12pt; |
| | | } |
| | | span { |
| | | font-size: 8pt; |
| | | font-size: 12pt; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .row3 { |
| | | margin-top: -5px; |
| | | height: 19px; |
| | | font-size: 12pt; |
| | | height: 30px; |
| | | font-size: 20pt; |
| | | font-weight: bolder; |
| | | } |
| | | |
| | | .row5 { |
| | | height: 15px; |
| | | height: 25px; |
| | | font-weight: bold; |
| | | font-size: 8pt; |
| | | font-size: 12pt; |
| | | } |
| | | .row5 span { |
| | | font-size: 12pt; |
| | | } |
| | | |
| | | .row6 { |
| | |
| | | |
| | | @page { |
| | | size: auto; /* auto is the initial value */ |
| | | margin: 8mm 4mm 0mm 6mm /* this affects the margin in the printer settings */ |
| | | margin: 2mm 2mm 2mm 2mm; /* this affects the margin in the printer settings */ |
| | | |
| | | } |
| | | |