|
@@ -1,93 +1,15 @@
|
|
|
<template>
|
|
|
<div class="detail-container">
|
|
|
- <div id="printMe">
|
|
|
- <div class="print-form-1">
|
|
|
- <el-row :gutter="0">
|
|
|
- <el-col :span="6" class="item">
|
|
|
- <div class="label">经销商编码:</div>
|
|
|
- <div class="value">{{detailData.customerId}}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" class="item">
|
|
|
- <div class="label">出库日期:</div>
|
|
|
- <div class="value">{{getDate()}}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" class="item">
|
|
|
- <div class="label">仓库:</div>
|
|
|
- <div class="value">{{detailData.correspondName}}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" class="item">
|
|
|
- <div class="label">信息密钥:</div>
|
|
|
- <div class="value">{{detailData.informationKey}}</div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="item">
|
|
|
- <div class="label">经销商:</div>
|
|
|
- <div class="value">{{detailData.customerName}}</div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
+ <div class="top-container">
|
|
|
+ <el-radio-group v-model="currentType" size="medium" @change="changeType()">
|
|
|
+ <el-radio-button v-for="(item, index) in typeList" :key="index" :label="item.value">{{item.label}}</el-radio-button>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="print-table-1">
|
|
|
- <div class="head">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="4">发货单号/订单号</el-col>
|
|
|
- <el-col :span="3">销售类型</el-col>
|
|
|
- <el-col :span="3">文件编号</el-col>
|
|
|
- <el-col :span="8">规格型号</el-col>
|
|
|
- <el-col :span="3">单位</el-col>
|
|
|
- <el-col :span="3">数量</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="4">{{ item.invoiceId || '' }}</el-col>
|
|
|
- <el-col :span="3">{{ item.saleTypeName || '' }}</el-col>
|
|
|
- <el-col :span="3">{{ item.fileNo || '' }}</el-col>
|
|
|
- <el-col :span="8">{{ item.specification || '' }}</el-col>
|
|
|
- <el-col :span="3">{{ item.unit || '' }}</el-col>
|
|
|
- <el-col :span="3">{{ item.refundableQty || 0 }}</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="4">{{ 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="4">{{ item.refEnginRecordNo || '' }}</el-col>
|
|
|
- <el-col :span="2">备注</el-col>
|
|
|
- <el-col :span="6">{{ item.remark || '' }}</el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="foot">
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="21">合计</el-col>
|
|
|
- <el-col :span="3">{{total}}</el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div id="printMe">
|
|
|
+
|
|
|
+ <PrintFoshan :detailData="detailData" v-if="currentType === 1" />
|
|
|
|
|
|
- <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>
|
|
|
|
|
|
<div class="page-footer">
|
|
@@ -103,16 +25,26 @@
|
|
|
<script>
|
|
|
import print from 'vue-print-nb'
|
|
|
import { getDetail, addPrint } from "@/api/supply/pickup";
|
|
|
+import PrintFoshan from "@/components/Common/print-foshan";
|
|
|
|
|
|
export default {
|
|
|
name: 'ReturnDetail',
|
|
|
componentName: 'ReturnDetail',
|
|
|
props: ['listItem'],
|
|
|
+ components: {
|
|
|
+ PrintFoshan
|
|
|
+ },
|
|
|
directives: {
|
|
|
print
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ currentType: 1,
|
|
|
+ typeList: [
|
|
|
+ { label: '佛山', value: 1 },
|
|
|
+ { label: '广州', value: 2 },
|
|
|
+ { label: '韶关', value: 3 },
|
|
|
+ ],
|
|
|
printObj: {
|
|
|
id: 'printMe',
|
|
|
closeCallback: () => {
|
|
@@ -123,16 +55,6 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
- computed: {
|
|
|
- total() {
|
|
|
- let num = 0;
|
|
|
- this.listItem.forEach(item => {
|
|
|
- num = num + item.refundableQty;
|
|
|
- });
|
|
|
- return num;
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
created() {
|
|
|
this.getDetail();
|
|
|
},
|
|
@@ -143,20 +65,8 @@ export default {
|
|
|
this.$emit('backListFormDetail');
|
|
|
},
|
|
|
|
|
|
- getDate() {
|
|
|
- var date = new Date();
|
|
|
- var seperator1 = "-";
|
|
|
- var year = date.getFullYear();
|
|
|
- var month = date.getMonth() + 1;
|
|
|
- var strDate = date.getDate();
|
|
|
- if (month >= 1 && month <= 9) {
|
|
|
- month = "0" + month;
|
|
|
- }
|
|
|
- if (strDate >= 0 && strDate <= 9) {
|
|
|
- strDate = "0" + strDate;
|
|
|
- }
|
|
|
- var currentdate = year + seperator1 + month + seperator1 + strDate;
|
|
|
- return currentdate;
|
|
|
+ changeType() {
|
|
|
+
|
|
|
},
|
|
|
|
|
|
// 获取详情
|
|
@@ -168,7 +78,7 @@ export default {
|
|
|
|
|
|
// 添加次数
|
|
|
addPrint() {
|
|
|
- addPrint({ids: this.listItem.invoiceOrderId}).then(res => {
|
|
|
+ addPrint({ids: this.listItem[0].invoiceOrderId}).then(res => {
|
|
|
// this.$successMsg('提交成功');
|
|
|
this.$parent.getList();
|
|
|
})
|
|
@@ -182,116 +92,7 @@ export default {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
- .print-form-1 {
|
|
|
- .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;
|
|
|
- input {
|
|
|
- border: none;
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .print-table-1 {
|
|
|
- font-size: 14px;
|
|
|
- margin-top: 20px;
|
|
|
+ .top-container {
|
|
|
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>
|