样式调整

This commit is contained in:
BinBin Song 2025-06-25 20:49:15 +08:00
parent fea38d7741
commit e266dff4f9
3 changed files with 41 additions and 22 deletions

View File

@ -80,17 +80,28 @@
<div class="order-info">
<div style="display: flex;">
<span style="width: 210px;">订单编号{{ printData.purchaseNo }}</span>
<span style="margin-left:20px; width: 150px;">订单日期{{ formatDate(printData.ordDate) }}</span>
<span style="margin-left:20px; width: 170px;">订单日期{{ formatDate(printData.ordDate) }}</span>
<span style="margin-left:20px;width: 150px">供应商{{ printData.supplierName }}</span>
</div>
<div style="display: flex;">
<span style="margin-left:20px;width: 100px">联系人{{ printData.contactName }}</span>
<span style="margin-left:20px;width: 110px">联系人{{ printData.contactName }}</span>
<span style="margin-left:20px;width: 150px">电话{{ printData.contactMobile }}</span>
</div>
</div>
</div>
<table class="print-table">
<colgroup>
<col style="width: 19%;"/>
<col style="width: 25%;"/>
<col style="width: 8%;"/>
<col style="width: 8%;"/>
<col style="width: 7%;"/>
<col style="width: 8%;"/>
<col style="width: 9%;"/>
<col style="width: 9%;"/>
<col style="width: 7%;"/>
</colgroup>
<thead>
<tr>
<th>子项目编号</th>
@ -105,26 +116,27 @@
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in printData.purchaseOrderNoDetailList" :key="index">
<td>{{ item.projectSubCode }}</td>
<td>{{ item.boomName }}</td>
<td>{{ item.matCode }}</td>
<td>{{ item.compositionName }}</td>
<td>{{ item.purchaseAmount }}</td>
<td>{{ item.boomSpec }}</td>
<td>{{ formatDate(item.requireTime) }}</td>
<td>{{ formatDate(item.arriveTime) }}</td>
<td>{{ item.estimatedPrice }}</td>
</tr>
</tbody>
<tr v-for="(item, index) in 17" :key="index">
<td>{{ printData.purchaseOrderNoDetailList[index]?.projectSubCode || '' }}</td>
<td>{{ printData.purchaseOrderNoDetailList[index]?.boomName ? limitTo20Chars(printData.purchaseOrderNoDetailList[index].boomName) : '' }}</td>
<td>{{ printData.purchaseOrderNoDetailList[index]?.matCode || '' }}</td>
<td>{{ printData.purchaseOrderNoDetailList[index]?.compositionName || '' }}</td>
<td>{{ printData.purchaseOrderNoDetailList[index]?.purchaseAmount || '' }}</td>
<td>{{ printData.purchaseOrderNoDetailList[index]?.boomSpec || '' }}</td>
<td>{{ printData.purchaseOrderNoDetailList[index]?.requireTime ? formatDate(printData.purchaseOrderNoDetailList[index].requireTime) : '' }}</td>
<td>{{ printData.purchaseOrderNoDetailList[index]?.arriveTime ? formatDate(printData.purchaseOrderNoDetailList[index].arriveTime) : '' }}</td>
<td>{{ printData.purchaseOrderNoDetailList[index]?.estimatedPrice || '' }}</td>
</tr>
</tbody>
</table>
<div class="order-info" style="margin-top: 10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;">
<div style="display: flex;">
<span >交货地址</span>
<span >交货地址{{ printData.deliveryAddress }}</span>
</div>
<div style="display: flex; padding-right: 10%;">
<span style="margin-left:20px;width: 80px">邮编</span>
<span style="margin-left:20px;width: 100px">邮编{{ printData.postalCode }}</span>
<span style="margin-left:20px;width: 150px">接收人{{ printData.username }}</span>
<span style="margin-left:20px;width: 150px">电话{{ printData.userMobile }}</span>
</div>
@ -133,7 +145,7 @@
<div class="stamp-info" style="display: flex;justify-content: space-between;">
<div style="display: flex;flex-direction: column;">
<span >买方</span>
<span >买方{{ printData.buyer }}</span>
<span style="margin-top: 20px;">签字/盖章</span>
</div>
@ -281,7 +293,7 @@ function doPrint() {
body {
font-family: Arial, sans-serif;
margin: 10px;
font-size: 14px;
font-size: 12px;
}
.print-content {
width: 100%;
@ -316,6 +328,8 @@ function doPrint() {
border: 1px solid #ddd;
padding: 5px;
text-align: center;
height: 20px; /* 设置固定高度 */
line-height: 20px; /* 垂直居中 */
}
.print-table th {
background-color: #f5f5f5;
@ -344,6 +358,11 @@ function doPrint() {
}
}
function limitTo20Chars(input) {
if (typeof input !== 'string') return '';
return input.length > 20 ? input.slice(0, 20) : input;
}
const printLoading = ref(false)
const isPrint = async () => {
@ -434,6 +453,8 @@ const getList = async () => {
padding: 6px 8px;
text-align: center;
font-size: 13px !important;
height: 30px; /* 设置固定高度 */
line-height: 30px; /* 垂直居中 */
}

View File

@ -206,8 +206,6 @@ const onRefresherrefresh = async () => {
.statusLabel {
font-size: 28rpx;
font-weight: 500;
color: #333333;
margin-right: 20rpx;
}
.read-btn {

View File

@ -9,5 +9,5 @@
// export const serviceDomain = 'https://nxhs.cjyx.cc'
// export const serviceDomain = 'https://star.hz-hl.com'
// export const serviceDomain = 'http://222.71.165.187:9010'
export const serviceDomain = 'http://localhost:8080'
// export const serviceDomain = 'https://nxhs.cjyx.cc'
// export const serviceDomain = 'http://localhost:8080'
export const serviceDomain = 'https://nxhs.cjyx.cc'