样式调整

mes-ui/mes-ui-admin-vue3/src/views/heli/purchaseorderno/managementdetail.vue

@@ -92,69 +92,81 @@
       </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%;"/>
+<col style="width: 4%;" />
+<col style="width: 14%;" />
+<col style="width: 4%;" />
+<col style="width: 15%;" />
+<col style="width: 7%;" />
+<col style="width: 4%;" />
+<col style="width: 7%;" />
+<col style="width: 8%;" />
+<col style="width: 8%;" />
+<col style="width: 7%;" />
+<col style="width: 6%;" />
+<col style="width: 7%;" />
+
   </colgroup>
   <thead>
     <tr>
+      <th>序号</th>
       <th>子项目编号</th>
+      <th>件号</th>
       <th>标准件名称</th>
       <th>物料编码</th>
       <th>材料</th>
-      <th>实际数量</th>
       <th>规格型号</th>
       <th>要求完成日期</th>
       <th>计划到货日期</th>
-      <th>价格(元)</th>
+      <th>采购数量</th>
+      <th>单价(元)</th>
+      <th>总价格(元)</th>
     </tr>
   </thead>
   <tbody>
   <tr v-for="(item, index) in 17" :key="index">
+    <td>{{ index + 1 }}</td>
     <td>{{ printData.purchaseOrderNoDetailList[index]?.projectSubCode || '' }}</td>
+   <td>{{ printData.purchaseOrderNoDetailList[index]?.blueprintNo || '' }}</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></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]?.purchaseAmount || '' }}</td>
+    <td>{{ printData.purchaseOrderNoDetailList[index]?.unitPrice || '' }}</td>
     <td>{{ printData.purchaseOrderNoDetailList[index]?.estimatedPrice || '' }}</td>
+
   </tr>
+   <tr>
+      <td colspan="8"></td>
+      <td style="font-weight: bold;">合计</td>
+      <td style="font-weight: bold;">{{ printData.purchaseAmountSum }}</td>
+      <td></td>
+      <td style="font-weight: bold;">{{ printData.estimatedPriceSum }}</td>
+    </tr>
 </tbody>
 
 </table>
 <div class="order-info" style="margin-top: 10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;">
-  <div style="display: flex;">
+  <div style="display: flex;width: 40%;">
          <span >交货地址：{{ printData.deliveryAddress }}</span>
 
   </div>
-    <div style="display: flex; padding-right: 10%;">
-         <span style="margin-left:20px;width: 100px">邮编：{{ printData.postalCode }}</span>
-   <span style="margin-left:20px;width: 150px">接收人：{{ printData.username }}</span>
+  <div style="display: flex;width: 20%;justify-content: center;">
+        <span style="margin-left:20px;width: 120px">审核：{{ printData.auditorName }}</span>
+        <span style="margin-left:20px;width: 120px">签字区</span>
+
+  </div>
+    <div style="display: flex; width: 40%;justify-content: right;">
+    <span style="margin-left:20px;width: 130px">接收人：{{ printData.username }}</span>
       <span style="margin-left:20px;width: 150px">电话：{{ printData.userMobile }}</span>
         </div>
         </div>
 
-        <div class="stamp-info" style="display: flex;justify-content: space-between;">
-
-          <div style="display: flex;flex-direction: column;">
-             <span >买方：{{ printData.buyer }}</span>
-              <span style="margin-top: 20px;">签字/盖章</span>
-
-          </div>
-             <div style="display: flex;flex-direction: column;padding-right: 20%;">
-             <span >卖方：{{ printData.supplierName }}</span>
-              <span style="margin-top: 20px;">签字/盖章</span>
-
-          </div>
-        </div>
+     
     </div>
     <template #footer>
       <el-button @click="printDialogVisible = false">关闭</el-button>