仓库出库也买你

src/views/warehouse/outStock/index.vue

@@ -94,46 +94,52 @@
       <div ref="print">
         <table class="table table-striped table-bordered" align="center" valign="center" style="font-size: 12px;border-collapse: collapse; border: none;margin-top: 10px;" >
           <tr>
-            <td style="font-size: 24px;font-weight:bold" class="column" colspan="15" align="center">出库明细</td>
+            <td style="font-size: 24px;font-weight:bold" class="column" colspan="6">仓库出库</td>
           </tr>
-
           <tr>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">出库时间</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">产品名称</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">规格</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">数量</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">供货商</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">供货人</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">联系电话</td>
-            <!--            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">生产日期或批号</td>-->
-            <!--            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">保质期限</td>-->
-            <!--            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">保存条件</td>-->
-            <!--            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">索证索票情况</td>-->
-            <!--            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">采购人</td>-->
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" colspan="2">检验结果</td>
-
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" rowspan="2">验收人</td>
+            <td class="column" style="width: 15%;">项目</td>
+            <td class="column" style="width: 15%;">{{formList.projectName}}</td>
+            <td class="column" style="width: 15%;">供应商</td>
+            <td class="column" style="width: 15%;">{{ formList.corpName }}</td>
+            <td class="column" style="width: 20%;" colspan="2">日期：{{formList.fBsdate}}</td>
           </tr>
+        </table>
+        <table class="table table-striped table-bordered" align="center" valign="center">
           <tr>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >感官</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >数量</td>
+            <td class="column" style="width: 15%;border-top: none;">品名</td>
+            <td class="column" style="width: 15%;border-top: none;">单价</td>
+            <!-- <td class="column" style="width: 15%;border-top: none;">采购计划</td> -->
+            <td class="column" style="width: 15%;border-top: none;">实际重量</td>
+            <td class="column" style="width: 15%;border-top: none;">金额</td>
+            <td class="column" style="width: 20%;border-top: none;">备注</td>
           </tr>
-          <tr v-for="(item,index) in this.detailData" :key="index">
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{detailForm.fBsdate}}</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{item.fFeeid}}</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{item.fCurrencyName}}</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{item.fQty}}</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{detailForm.corpName}}</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{item.fAmount}}</td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{item.fStltypeid}}</td>
-            <!--            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{item.tProductdate}}/{{item.fLotno}}</td>-->
-            <!--            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{item.fValid}}</td>-->
-            <!--            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{item.fStoreEnv}}</td>-->
-            <!--            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{item.fIsfilles}}</td>-->
-            <!--            <td class="column" style="border: 1px solid #000; padding:10px" align="center" >{{detailForm.fPurchase}}</td>-->
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" ></td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" ></td>
-            <td class="column" style="border: 1px solid #000; padding:10px" align="center" ></td>
+          <tr v-for="(item,index) in detailData" :key="index">
+            <td class="column">{{item.feeName}}</td>
+            <td class="column">{{item.fUnitprice?Number(item.fUnitprice).toFixed(2):item.fUnitprice}}</td>
+            <!-- <td class="column">{{item.fPurchase}}({{item.fFeeunitName}})</td> -->
+            <td class="column">{{item.fQty}}({{item.fFeeunitName}})</td>
+            <td class="column">{{item.fAmount?Number(item.fAmount).toFixed(2):item.fAmount}}</td>
+            <td class="column">{{item.remark}}</td>
+          </tr>
+        </table>
+        <table class="table table-striped table-bordered" align="center" valign="center">
+          <tr>
+            <td colspan="6" style="border-top: none;" class="column"></td>
+          </tr>
+          <tr>
+            <td class="column" style="width: 33.333333%;">收货人签字</td>
+            <!-- <td class="column" style="width: 25%;">厨房主管签字</td> -->
+            <td class="column" style="width: 33.333333%;">验收人签字</td>
+            <td class="column" style="width: 33.333333%;">主管签字</td>
+          </tr>
+          <tr>
+            <td class="column" style="width: 33.333333%;height: 37px;"></td>
+            <!-- <td class="column" style="width: 25%;"></td> -->
+            <td class="column" style="width: 33.333333%;"></td>
+            <td class="column" style="width: 33.333333%;"></td>
+          </tr>
+          <tr>
+            <td colspan="4" style="border-top: none;font-weight:bold;text-align: right;padding-right: 10%;font-size: 16px;" class="column">{{ formList.fsbuName }}</td>
           </tr>
         </table>
       </div>
@@ -1886,4 +1892,25 @@ export default {
 .app-container ::v-deep .el-table__body-wrapper{
   z-index: 2;
 }
+.table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  background-color: transparent;
+  display: table;
+  width: 100%;
+  max-width: 100%;
+  margin: 0 auto;
+}
+
+.table td {
+  text-align: center;
+  vertical-align: middle;
+  font-size: 14px;
+  color: #333333;
+  padding: 8px 12px;
+}
+
+.column {
+  border: 1px solid #000;
+}
 </style>