<template>
|
<el-card shadow="never" class="print-container">
|
<el-tabs v-model="activeName">
|
<el-tab-pane label="面单补打" name="first">
|
<el-form ref="formExpress" :model="formExpress" label-width="120px">
|
<el-form-item label="订单号">
|
<el-input v-model="formExpress.orderCode" :rows="2" type="textarea" class="w-300"></el-input>
|
<el-button type="primary" icon="el-icon-search" @keyup.enter="searchExpress('order', formExpress.orderCode)" @click="searchExpress('order', formExpress.orderCode)">查 询</el-button>
|
</el-form-item>
|
<el-form-item label="快递单号">
|
<el-input v-model="formExpress.expressCode" :rows="2" type="textarea" class="w-300"></el-input>
|
<el-button type="primary" icon="el-icon-search" @keyup.enter="searchExpress('order', formExpress.expressCode)" @click="searchExpress('express',formExpress.expressCode)">查 询</el-button>
|
</el-form-item>
|
<el-form-item label="波次单号">
|
<el-input v-model="formExpress.orderPrintCode" class="w-300"></el-input>
|
<el-button type="primary" icon="el-icon-search" @keyup.enter="searchExpress('orderprint', formExpress.orderPrintCode)" @click="searchExpress('orderprint', formExpress.orderPrintCode)">查 询</el-button>
|
</el-form-item>
|
</el-form>
|
<el-divider></el-divider>
|
<!-- 显示打印模板 -->
|
<print ref="printRef" :ids="ids_epxress" type="express"></print>
|
</el-tab-pane>
|
<el-tab-pane label="出库单补单" name="second">
|
<el-form ref="form" :model="form" label-width="120px">
|
<el-form-item label="订单号">
|
<el-input v-model="form.orderCode" :rows="2" type="textarea" class="w-300"></el-input>
|
<el-button type="primary" icon="el-icon-search" @keyup.enter="search('order', form.orderCode)" @click="search('order', form.orderCode)">查 询</el-button>
|
</el-form-item>
|
<el-form-item label="快递单号">
|
<el-input v-model="form.expressCode" :rows="2" type="textarea" class="w-300"></el-input>
|
<el-button type="primary" icon="el-icon-search" @keyup.enter="search('order', form.expressCode)" @click="search('express',form.expressCode)">查 询</el-button>
|
</el-form-item>
|
<el-form-item label="波次单号">
|
<el-input v-model="form.orderPrintCode" class="w-300"></el-input>
|
<el-button type="primary" icon="el-icon-search" @keyup.enter="search('orderprint', form.orderPrintCode)" @click="search('orderprint', form.orderPrintCode)">查 询</el-button>
|
</el-form-item>
|
</el-form>
|
<el-divider></el-divider>
|
<!-- 显示打印模板 -->
|
<print ref="printRef" :ids="ids" type="detail"></print>
|
</el-tab-pane>
|
</el-tabs>
|
</el-card>
|
</template>
|
|
<script>
|
import print from "@/views/sys/print/base2";
|
|
export default {
|
components: {
|
print
|
},
|
data() {
|
return {
|
activeName: "first",
|
form: {
|
orderCode: null,
|
expressCode: null,
|
orderPrintCode: null
|
},
|
// 快递面单
|
formExpress: {
|
orderCode: null,
|
expressCode: null,
|
orderPrintCode: null
|
},
|
// 订单IDs
|
ids: "0",
|
// 订单IDs - 快递单
|
ids_epxress: "0"
|
};
|
},
|
methods: {
|
// 获取订单数据 - 详情单
|
search(type, code) {
|
if (!code) {
|
this.$messsage.error("请输入单号！");
|
return;
|
}
|
code = code.replace(/\r/gi, "");
|
const url = "/api/outbound/orderPrint/getOrderIds";
|
const params = {
|
type: type,
|
code: code.split("\n")
|
};
|
this.common.ajax(
|
url,
|
params,
|
res => {
|
this.common.showMsg(res);
|
if (res.result) {
|
if (res.data.length) {
|
this.ids = res.data.join(",");
|
} else {
|
this.$messsage.error("没有查询到数据！");
|
this.ids = "0";
|
}
|
}
|
},
|
true
|
);
|
},
|
// 获取订单数据 - 快递单
|
searchExpress(type, code) {
|
if (!code) {
|
this.$messsage.error("请输入单号！");
|
return;
|
}
|
code = code.replace(/\r/gi, "");
|
const url = "/api/outbound/orderPrint/getOrderIds";
|
const params = {
|
type: type,
|
code: code.split("\n")
|
};
|
this.common.ajax(
|
url,
|
params,
|
res => {
|
this.common.showMsg(res);
|
if (res.result) {
|
if (res.data.length) {
|
this.ids_epxress = res.data.join(",");
|
} else {
|
this.$messsage.error("没有查询到数据！");
|
this.ids_epxress = "0";
|
}
|
}
|
},
|
true
|
);
|
}
|
}
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.print-container {
|
.box-card {
|
margin-bottom: 20px;
|
max-width: 1366px;
|
}
|
.head {
|
text-align: center;
|
}
|
.stat-tr {
|
td {
|
padding: 10px;
|
}
|
.bottom-line {
|
border-bottom: 2px solid gray;
|
}
|
}
|
}
|
</style>
|
