|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="detail-container">
|
|
|
<div id="printMe">
|
|
|
- <div class="print-table-1">
|
|
|
+ <div class="print-form-1">
|
|
|
<el-row :gutter="0">
|
|
|
<el-col :span="6" class="item">
|
|
|
<div class="label">经销商编码:</div>
|
|
@@ -26,30 +26,76 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
|
|
|
- <div class="table" style="margin-top: 20px">
|
|
|
- <el-table :data="detailData.retreatDocumentOrder" element-loading-text="Loading" border fit highlight-current-row stripe>
|
|
|
- <el-table-column align="center" label="序号" type="index" width="50"></el-table-column>
|
|
|
- <el-table-column align="center" label="订单号" prop="mainOrderId" min-width="200" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="发货单号" prop="invoiceId" min-width="180" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="仓库名称" prop="correspondName" min-width="120" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="产品编号" prop="materialCode" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="产品名称" prop="materialName" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="规格型号" prop="specification" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="单位" prop="unit" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="数量" prop="num" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="含税单价" prop="price" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="含税金额" prop="payAmount" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="无税单价" prop="afterTaxPrice" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="无税金额" prop="noTotalAmount" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="价税合计" prop="payAmount" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="税率(%)" prop="tax" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="使用返利金额" prop="payRebateAmount" min-width="120" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="折扣金额" prop="totalDiscAmount" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="退补标记" prop="status" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="厂产品代码" prop="materialOldNumber" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="业务员" prop="serviceName" min-width="100" show-overflow-tooltip></el-table-column>
|
|
|
- <el-table-column align="center" label="备注" prop="remark" min-width="160" show-overflow-tooltip></el-table-column>
|
|
|
- </el-table>
|
|
|
+ <div class="print-table-1">
|
|
|
+ <div class="head">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="3">发货单号/订单号</el-col>
|
|
|
+ <el-col :span="2">销售类型</el-col>
|
|
|
+ <el-col :span="3">文件编号</el-col>
|
|
|
+ <el-col :span="6">规格型号</el-col>
|
|
|
+ <el-col :span="2">数量</el-col>
|
|
|
+ <el-col :span="2">单位</el-col>
|
|
|
+ <el-col :span="2">单价</el-col>
|
|
|
+ <el-col :span="2">金额</el-col>
|
|
|
+ <el-col :span="2">折让</el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ <div class="body">
|
|
|
+ <div v-for="(item, index) in detailData.invoicePickBeans" :key="index">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="3">{{ item.invoiceId || '' }}</el-col>
|
|
|
+ <el-col :span="2">{{ item.saleTypeName || '' }}</el-col>
|
|
|
+ <el-col :span="3">{{ item.aaa || '' }}</el-col>
|
|
|
+ <el-col :span="6">{{ item.specification || '' }}</el-col>
|
|
|
+ <el-col :span="2">{{ item.qty || 0 }}</el-col>
|
|
|
+ <el-col :span="2">{{ item.unit || '' }}</el-col>
|
|
|
+ <el-col :span="2">{{ item.price || 0 }}</el-col>
|
|
|
+ <el-col :span="2">{{ item.payAmount || 0 }}</el-col>
|
|
|
+ <el-col :span="2">{{ item.totalDiscAmount || 0 }}</el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="3">{{ item.invoiceId || '' }}</el-col>
|
|
|
+ <el-col :span="2">发货日期</el-col>
|
|
|
+ <el-col :span="4">{{ item.theTime || '' }}</el-col>
|
|
|
+ <el-col :span="2">工程编号</el-col>
|
|
|
+ <el-col :span="3">{{ item.aaa || '' }}</el-col>
|
|
|
+ <el-col :span="2">备注</el-col>
|
|
|
+ <el-col :span="8">{{ item.remark || '' }}</el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="foot">
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="14">合计</el-col>
|
|
|
+ <el-col :span="2">{{ 0 }}</el-col>
|
|
|
+ <el-col :span="2"></el-col>
|
|
|
+ <el-col :span="2">{{ 0 }}</el-col>
|
|
|
+ <el-col :span="2"></el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="print-form-2">
|
|
|
+ <el-row :gutter="30">
|
|
|
+ <el-col :span="8" class="item">
|
|
|
+ <div class="label">销售公司</div>
|
|
|
+ <div class="value">
|
|
|
+ <el-input readonly></el-input>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="item">
|
|
|
+ <div class="label">仓库</div>
|
|
|
+ <div class="value">
|
|
|
+ <el-input readonly></el-input>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="item">
|
|
|
+ <div class="label">经销商</div>
|
|
|
+ <div class="value">
|
|
|
+ <el-input readonly></el-input>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -119,7 +165,7 @@ export default {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
- .print-table-1 {
|
|
|
+ .print-form-1 {
|
|
|
.item {
|
|
|
display: flex;
|
|
|
padding-right: 10px;
|
|
@@ -147,4 +193,88 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .print-table-1 {
|
|
|
+ font-size: 14px;
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ .el-row {
|
|
|
+ margin-left: 0 !important;
|
|
|
+ margin-right: 0 !important;
|
|
|
+ border: 1px solid #EBEEF5;
|
|
|
+ border-right: none;
|
|
|
+ }
|
|
|
+ .el-col {
|
|
|
+ padding-top: 14px;
|
|
|
+ padding-bottom: 14px;
|
|
|
+ border-right: 1px solid #EBEEF5;
|
|
|
+ }
|
|
|
+ .head {
|
|
|
+ color: #909399;
|
|
|
+ font-weight: bold;
|
|
|
+ .el-col {
|
|
|
+ padding: 0;
|
|
|
+ display: flex;
|
|
|
+ height: 40px;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .body {
|
|
|
+ color: #333333;
|
|
|
+ .el-row {
|
|
|
+ border-top: none;
|
|
|
+ }
|
|
|
+ .el-col {
|
|
|
+ padding: 0;
|
|
|
+ display: flex;
|
|
|
+ height: 40px;
|
|
|
+ align-items: center;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .foot {
|
|
|
+ color: #333333;
|
|
|
+ margin-top: 20px;
|
|
|
+ border-right: 1px solid #EBEEF5;
|
|
|
+ .el-col {
|
|
|
+ padding: 0;
|
|
|
+ display: flex;
|
|
|
+ height: 40px;
|
|
|
+ align-items: center;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .print-form-2 {
|
|
|
+ .item {
|
|
|
+ display: flex;
|
|
|
+ padding-right: 10px;
|
|
|
+ .label {
|
|
|
+ height: 40px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+ flex-shrink: 0;
|
|
|
+ }
|
|
|
+ .value {
|
|
|
+ flex: 1;
|
|
|
+ height: 40px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+ ::v-deep .el-input input {
|
|
|
+ height: 30px;
|
|
|
+ border: none;
|
|
|
+ border-bottom: 1px solid #EBEEF5;
|
|
|
+ padding: 0 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|