样式调整
This commit is contained in:
		
							parent
							
								
									fea38d7741
								
							
						
					
					
						commit
						e266dff4f9
					
				@ -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;    /* 垂直居中 */
 | 
			
		||||
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -206,8 +206,6 @@ const onRefresherrefresh = async () => {
 | 
			
		||||
 | 
			
		||||
      .statusLabel {
 | 
			
		||||
        font-size: 28rpx;
 | 
			
		||||
        font-weight: 500;
 | 
			
		||||
        color: #333333;
 | 
			
		||||
        margin-right: 20rpx;
 | 
			
		||||
      }
 | 
			
		||||
      .read-btn {
 | 
			
		||||
 | 
			
		||||
@ -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'
 | 
			
		||||
 | 
			
		||||
		Loading…
	
		Reference in New Issue
	
	Block a user