|
@@ -7,6 +7,7 @@
|
|
|
>
|
|
>
|
|
|
<div
|
|
<div
|
|
|
id="printSection"
|
|
id="printSection"
|
|
|
|
|
+ ref="printRef"
|
|
|
style="
|
|
style="
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -48,7 +49,7 @@
|
|
|
margin-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
|
"
|
|
"
|
|
|
>
|
|
>
|
|
|
- <span style="width: 40%">客户名称:</span>
|
|
|
|
|
|
|
+ <span style="width: 40%">客户名称:{{ infoData.customerNames }}</span>
|
|
|
<span style="width: 40%"
|
|
<span style="width: 40%"
|
|
|
>发货单号:{{ infoData.allotCode }}</span
|
|
>发货单号:{{ infoData.allotCode }}</span
|
|
|
>
|
|
>
|
|
@@ -63,8 +64,8 @@
|
|
|
>
|
|
>
|
|
|
<span style="width: 40%">发货日期:{{ infoData.createTime }}</span>
|
|
<span style="width: 40%">发货日期:{{ infoData.createTime }}</span>
|
|
|
<span style="width: 40%"
|
|
<span style="width: 40%"
|
|
|
- >收货联系人:
|
|
|
|
|
- </span>
|
|
|
|
|
|
|
+ >收货联系人:{{ infoData.receiveContacts }} {{ infoData.receiveTels }}</span
|
|
|
|
|
+ >
|
|
|
</div>
|
|
</div>
|
|
|
<table
|
|
<table
|
|
|
cellspacing="0"
|
|
cellspacing="0"
|
|
@@ -82,14 +83,14 @@
|
|
|
<td style="padding: 5px; width: 35px"> 序号 </td>
|
|
<td style="padding: 5px; width: 35px"> 序号 </td>
|
|
|
<td style="padding: 5px; width: 10%;"> 车型 </td>
|
|
<td style="padding: 5px; width: 10%;"> 车型 </td>
|
|
|
<td style="padding: 5px; width: 12%;"> 料号 </td>
|
|
<td style="padding: 5px; width: 12%;"> 料号 </td>
|
|
|
- <td style="padding: 5px; width: 20%;"> 零件名 </td>
|
|
|
|
|
|
|
+ <td style="padding: 5px; width: 18%;"> 零件名 </td>
|
|
|
<td style="padding: 5px; width: 8%;"> 单位</td>
|
|
<td style="padding: 5px; width: 8%;"> 单位</td>
|
|
|
<td style="padding: 5px; width: 8%;"> 交货数</td>
|
|
<td style="padding: 5px; width: 8%;"> 交货数</td>
|
|
|
<td style="padding: 5px; width: 8%;"> 实收数量</td>
|
|
<td style="padding: 5px; width: 8%;"> 实收数量</td>
|
|
|
<td style="padding: 5px; width: 15%"> 客户订单号</td>
|
|
<td style="padding: 5px; width: 15%"> 客户订单号</td>
|
|
|
<td style="padding: 5px; width: 8%;"> 重量</td>
|
|
<td style="padding: 5px; width: 8%;"> 重量</td>
|
|
|
<td style="padding: 5px; width: 10%;"> 工艺</td>
|
|
<td style="padding: 5px; width: 10%;"> 工艺</td>
|
|
|
- <td style="padding: 5px; width: 10%;"> 备注</td>
|
|
|
|
|
|
|
+ <td style="padding: 5px; width: 12%;"> 备注</td>
|
|
|
</tr>
|
|
</tr>
|
|
|
|
|
|
|
|
<tr align="center" v-for="(item, index) in detailList">
|
|
<tr align="center" v-for="(item, index) in detailList">
|
|
@@ -116,11 +117,44 @@
|
|
|
<td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ detailList.reduce((total, item) => total + Number(item.quantity || 0), 0) || ''}}</td>
|
|
<td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ detailList.reduce((total, item) => total + Number(item.quantity || 0), 0) || ''}}</td>
|
|
|
<td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ detailList.reduce((total, item) => total + Number(item.quantity || 0), 0) || ''}}</td>
|
|
<td style="border: 1px solid #000; padding: 8px; text-align: center;">{{ detailList.reduce((total, item) => total + Number(item.quantity || 0), 0) || ''}}</td>
|
|
|
<td style="border: 1px solid #000; padding: 8px; text-align: center;" colspan="4">
|
|
<td style="border: 1px solid #000; padding: 8px; text-align: center;" colspan="4">
|
|
|
- <div style="display: flex; align-items: center;">
|
|
|
|
|
- <div style="flex: 1;">铁框:</div>
|
|
|
|
|
- <div style="flex: 1;">托盘:</div>
|
|
|
|
|
- <div style="flex: 1;">工装:</div>
|
|
|
|
|
- <div style="flex: 1;">胶框:</div>
|
|
|
|
|
|
|
+ <div style="display: flex; align-items: center;" class="foot">
|
|
|
|
|
+ <div style="flex: 1; width: 25%; display: flex; align-items: center;">
|
|
|
|
|
+ <span style="width: 50px;">铁框:</span>
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ style="width: calc(100% - 50px); border: none;"
|
|
|
|
|
+ placeholder=""
|
|
|
|
|
+ v-model="query.tk"
|
|
|
|
|
+ class="input-with-select"
|
|
|
|
|
+ >
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div style="flex: 1; width: 25%; display: flex; align-items: center;">
|
|
|
|
|
+ <span style="width: 50px;">托盘:</span>
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ style="width: calc(100% - 50px); border: none;"
|
|
|
|
|
+ placeholder=""
|
|
|
|
|
+ v-model="query.tp"
|
|
|
|
|
+ class="input-with-select"
|
|
|
|
|
+ ></el-input>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div style="flex: 1; width: 25%; display: flex; align-items: center;">
|
|
|
|
|
+ <span style="width: 50px;">工装:</span>
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ style="width: calc(100% - 50px); border: none;"
|
|
|
|
|
+ placeholder=""
|
|
|
|
|
+ v-model="query.gz"
|
|
|
|
|
+ class="input-with-select"
|
|
|
|
|
+ ></el-input>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div style="flex: 1; width: 25%; display: flex; align-items: center;">
|
|
|
|
|
+ <span style="width: 50px;">胶框:</span>
|
|
|
|
|
+ <el-input
|
|
|
|
|
+ style="width: calc(100% - 50px); border: none;"
|
|
|
|
|
+ placeholder=""
|
|
|
|
|
+ v-model="query.jk"
|
|
|
|
|
+ class="input-with-select"
|
|
|
|
|
+ ></el-input>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</td>
|
|
</td>
|
|
|
</tr>
|
|
</tr>
|
|
@@ -156,6 +190,7 @@
|
|
|
<script>
|
|
<script>
|
|
|
import storageApi from '@/api/warehouseManagement/index.js';
|
|
import storageApi from '@/api/warehouseManagement/index.js';
|
|
|
import { mapGetters } from 'vuex';
|
|
import { mapGetters } from 'vuex';
|
|
|
|
|
+ import { printElement } from 'ele-admin';
|
|
|
export default {
|
|
export default {
|
|
|
name: 'print',
|
|
name: 'print',
|
|
|
computed: {
|
|
computed: {
|
|
@@ -174,11 +209,22 @@
|
|
|
isPrintPrice: false,
|
|
isPrintPrice: false,
|
|
|
infoData: {},
|
|
infoData: {},
|
|
|
outBound: {},
|
|
outBound: {},
|
|
|
- detailList: []
|
|
|
|
|
|
|
+ detailList: [],
|
|
|
|
|
+ query: {
|
|
|
|
|
+ tp: '',
|
|
|
|
|
+ gz: '',
|
|
|
|
|
+ jk: '',
|
|
|
|
|
+ tk: '',
|
|
|
|
|
+ }
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ print() {
|
|
|
|
|
+ // 如果 ref 是组件可以用 this.$refs.printRef.$el
|
|
|
|
|
+ printElement(this.$refs.printRef);
|
|
|
|
|
+ //printElement(this.$refs.printRef, { }); // 参数二加更多参数同 printThis 方法
|
|
|
|
|
+ },
|
|
|
async open(row) {
|
|
async open(row) {
|
|
|
this.row = row;
|
|
this.row = row;
|
|
|
this.getData();
|
|
this.getData();
|
|
@@ -215,7 +261,7 @@
|
|
|
this.QRvisible = false;
|
|
this.QRvisible = false;
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
- print() {
|
|
|
|
|
|
|
+ print1() {
|
|
|
const printSection = document.getElementById('printSection');
|
|
const printSection = document.getElementById('printSection');
|
|
|
// 创建打印任务
|
|
// 创建打印任务
|
|
|
const printWindow = window.open('', '_blank');
|
|
const printWindow = window.open('', '_blank');
|
|
@@ -236,4 +282,12 @@
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
-<style lang="scss"></style>
|
|
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
|
+ :deep(.foot) {
|
|
|
|
|
+ .el-input--medium .el-input__inner {
|
|
|
|
|
+ border: none;
|
|
|
|
|
+ padding-left: 0;
|
|
|
|
|
+ padding-right: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+</style>
|