出库单打印 标题

mes-ui/mes-ui-admin-vue3/src/views/biz/storage/outprint.vue

@@ -3,9 +3,9 @@
     <!-- 打印预览 -->
     <div class="print-wraps" ref="print">
       <div class="print-wrap page" v-for="item in List" :key="item.id">
-        <!-- <div style="display: flex">
-        <div style="width: 33%">基础信息：</div>
-      </div> -->
+        <div style="text-align: center"
+          ><span style="font-size: 25px !important; font-weight: bold"> 出库单</span>
+        </div>
         <div style="display: flex; margin-top: 20px">
           <div style="width: 33%"
             ><span class="label">出库单号：</span> {{ item.data.stockNo }}</div
@@ -73,7 +73,7 @@
           >
           <div style="width: 33%"></div>
         </div>
-        <table border="2" cellspacing="0" id="table" style="font-size: 12px !important;">
+        <table border="2" cellspacing="0" id="table" style="font-size: 12px !important">
           <tbody>
             <tr
               ><td colspan="10">
@@ -82,7 +82,7 @@
             >
             <tr>
               <td class="xh"> 序号</td>
-              <td > 物料编码 </td>
+              <td> 物料编码 </td>
               <td colspan="2">物料名称</td>
               <td>物料类型</td>
               <td>规格型号</td>
@@ -93,21 +93,33 @@
             </tr>
             <tr v-for="(tabite, index) in item.matItemDOList" :key="tabite.index">
               <td>{{ index + 1 }}</td>
-              <td  style="max-width: 90px;font-size: 12px !important;">{{ tabite.projectSubCode }}</td>
-              <td style="max-width: 90px;font-size: 12px !important;">{{ tabite.projectSubName }}</td>
-              <td colspan="2" style="max-width: 120px;font-size: 12px !important;">{{ getDictLabel(DICT_TYPE.BIZ_MATERIAL_TYPE, tabite.materialType) }}</td>
-              <td style="max-width: 90px;font-size: 12px !important;">{{ tabite.spec }}</td>
-              <td style="max-width: 90px;font-size: 12px !important;">{{ getDictLabel(DICT_TYPE.BIZ_MATERIAL_UNIT, tabite.unit) }} </td>
-              <td style="max-width: 90px;font-size: 12px !important;">{{ tabite.stockQuantity }}</td>
-              <td style="max-width: 90px;font-size: 12px !important;">{{ tabite.storageOkQty }}</td>
-              <td colspan="3" style="min-width: 100px;font-size: 12px !important;"> {{ tabite.description }}</td>
+              <td style="max-width: 90px; font-size: 12px !important">{{
+                tabite.projectSubCode
+              }}</td>
+              <td style="max-width: 90px; font-size: 12px !important">{{
+                tabite.projectSubName
+              }}</td>
+              <td colspan="2" style="max-width: 120px; font-size: 12px !important">{{
+                getDictLabel(DICT_TYPE.BIZ_MATERIAL_TYPE, tabite.materialType)
+              }}</td>
+              <td style="max-width: 90px; font-size: 12px !important">{{ tabite.spec }}</td>
+              <td style="max-width: 90px; font-size: 12px !important"
+                >{{ getDictLabel(DICT_TYPE.BIZ_MATERIAL_UNIT, tabite.unit) }}
+              </td>
+              <td style="max-width: 90px; font-size: 12px !important">{{
+                tabite.stockQuantity
+              }}</td>
+              <td style="max-width: 90px; font-size: 12px !important">{{ tabite.storageOkQty }}</td>
+              <td colspan="3" style="min-width: 100px; font-size: 12px !important">
+                {{ tabite.description }}</td
+              >
             </tr>
           </tbody>
           <tbody v-if="item.matItemDOList.length < 8">
             <tr v-for="(tabite, index) in 8 - item.matItemDOList.length" :key="tabite.index">
-              <td class="xh"> {{ item.matItemDOList.length + index+1 }}</td>
+              <td class="xh"> {{ item.matItemDOList.length + index + 1 }}</td>
               <td> </td>
-              <td  colspan="2"></td>
+              <td colspan="2"></td>
               <td></td>
               <td></td>
               <td></td>