Fedex / EcomWeb

Go to a project
Toggle navigation Toggle navigation pinning
zhanbo.xu
93f6aab1 1 parent 0385450f

feat: 新增功能

Inline Side-by-side
Showing 13 changed files with 3517 additions and 245 deletions
......@@ -55,9 +55,69 @@ export function getPvgWaybillList(data) {
// GET
// /exportWaybill/pvg/receipt​/{id}
// 获取PVG订单回执信息
export function getPvgWaybillReceiptInfo(id) {
export function getPvgWaybillReceiptInfo({ id }) {
return request({
url: `/bus-customer/exportWaybill/pvg/receipt/${id}`,
method: "get",
});
}
// GET
// /exportList/pvg/info/{listId}
// 获取pvg出口清单详情
export function getPvgListInfo({ listId }) {
return request({
url: `/bus-customer/exportList/pvg/info/${listId}`,
method: "get",
});
}
// GET
// /exportList/pvg/receipt/{listId}
// 获取pvg出口清单回执
export function getPvgListReceipt({ listId }) {
return request({
url: `/bus-customer/exportList/pvg/receipt/${listId}`,
method: "get",
});
}
// POST
// /exportList/pvg/search
// 根据条件搜索pvg出口清单
export function getPvgListSearch(data) {
return request({
url: "/bus-customer/exportList/pvg/search",
method: "post",
data: data,
});
}
// GET
// /exportArrivalIn/pvg/info/{arrivalInId}
// 查询pvg运抵单详情
export function getPvgArrivalInInfo(arrivalInId) {
return request({
url: `/bus-customer/exportArrivalIn/pvg/info/${arrivalInId}`,
method: "get",
});
}
// GET
// /exportArrivalIn/pvg/receipt/arrivalInId
// 获取运抵单回执
export function getPvgArrivalInReceipt(arrivalInId) {
return request({
url: `/bus-customer/exportArrivalIn/pvg/receipt/${arrivalInId}`,
method: "get",
});
}
// POST
// /exportArrivalIn/pvg/search
// 查询pvg运抵单列表
export function getPvgArrivalInList(data) {
return request({
url: "/bus-customer/exportArrivalIn/pvg/search",
method: "post",
data: data,
});
}
......
......@@ -214,6 +214,22 @@ export const constantRoutes = [
name: "PvgOrderDetail",
meta: { title: "PVG订单详情", icon: "" },
},
{
path: "/pvg-list-detail",
component: (resolve) =>
require(["@/views/pvgList/detail.vue"], resolve),
hidden: true,
name: "PvgListDetail",
meta: { title: "PVG清单详情", icon: "" },
},
{
path: "/pvg-waybill-detail",
component: (resolve) =>
require(["@/views/pvgWaybill/detail.vue"], resolve),
hidden: true,
name: "PvgWaybillDetail",
meta: { title: "PVG运单详情", icon: "" },
},
],
},
{
......
......@@ -257,7 +257,6 @@
></el-input>
</Formitem>
</el-col>
<!-- 申报类型 -->
<el-col :span="3">
<Formitem label="贸易方式" prop="appType">
<el-input
......
......@@ -411,12 +411,6 @@
clearable
placeholder=""
>
<!-- <el-option
v-for="(item, index) in dictData.currency"
:key="index"
:label="item.name"
:value="item.value"
></el-option> -->
</el-select>
</Formitem>
</el-col>
......@@ -430,12 +424,6 @@
clearable
placeholder=""
>
<!-- <el-option
v-for="(item, index) in dictData.currency"
:key="index"
:label="item.name"
:value="item.value"
></el-option> -->
</el-select>
</Formitem>
</el-col>
......
<template>
<div class="entry" v-loading="loadings.entryLoading">
<div class="entryTitle">
<div>出口订单详情</div>
<div>
<el-button class="entrySaveButton" @click="back">返 回</el-button>
</div>
</div>
<el-form
class="fedexFormStyle"
ref="sreachForm"
:model="formData"
label-position="top"
disabled
size="small"
>
<el-row :gutter="5">
<!-- 订单编号 -->
<el-col :span="3">
<Formitem label="电商订单/海外仓订仓编号" prop="orderNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--orderNo"
resize="none"
v-model="formData.orderNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 物流申报企业平台代码 -->
<el-col :span="3">
<Formitem label="物流申报企业平台代码" prop="logisticsSenderCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--logisticsSenderCode"
resize="none"
v-model="formData.logisticsSenderCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 申报类型 -->
<el-col :span="3">
<Formitem label="申报类型" prop="appType">
<el-input
type="text"
class="inputShadow"
id="inputInner--appType"
resize="none"
v-model="formData.appType"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商平台代码 -->
<el-col :span="3">
<Formitem label="电商平台代码" prop="ebpCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebpCode"
resize="none"
v-model="formData.ebpCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商平台/海外仓名称 -->
<el-col :span="6">
<Formitem label="电商平台/海外仓名称" prop="ebpName">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebpName"
resize="none"
v-model="formData.ebpName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商企业代码 -->
<el-col :span="3">
<Formitem label="电商企业代码" prop="ebcCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebcCode"
resize="none"
v-model="formData.ebcCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商企业 -->
<el-col :span="6">
<Formitem label="电商企业名称" prop="ebcName">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebcName"
resize="none"
v-model="formData.ebcName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
</el-row>
<el-row :gutter="5">
<!-- 商品金额 -->
<el-col :span="3">
<Formitem label="商品金额" prop="totalPrice">
<el-input
type="text"
class="inputShadow"
id="inputInner--totalPrice"
resize="none"
v-model="formData.totalPrice"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 运杂费 -->
<el-col :span="3">
<Formitem label="运杂费" prop="freight">
<el-input
type="text"
class="inputShadow"
id="inputInner--freight"
resize="none"
v-model="formData.freight"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 币制 -->
<el-col :span="3">
<Formitem label="币制" prop="currency">
<el-select
type="text"
id="inputInner--currency"
v-model="formData.currency"
clearable
placeholder=""
>
<el-option
v-for="(item, index) in $store.getters.dict.CURRENCY"
:key="index"
:label="item.itemChineseName"
:value="item.itemValue"
></el-option>
</el-select>
</Formitem>
</el-col>
<!-- 收货人名称 -->
<el-col :span="3">
<Formitem label="收货人名称" prop="consignee">
<el-input
type="text"
class="inputShadow"
id="inputInner--consignee"
resize="none"
v-model="formData.consignee"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 收货人电话 -->
<el-col :span="3">
<Formitem label="收货人电话" prop="consigneeTelephone">
<el-input
type="text"
class="inputShadow"
id="inputInner--consigneeTelephone"
resize="none"
v-model="formData.consigneeTelephone"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 收货人地址 -->
<el-col :span="3">
<Formitem label="收货人地址" prop="consigneeAddress">
<el-input
type="text"
class="inputShadow"
id="inputInner--consigneeAddress"
resize="none"
v-model="formData.consigneeAddress"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 收货人所在国 -->
<el-col :span="3">
<Formitem label="收货人所在国" prop="consigneeCountry">
<el-input
type="text"
class="inputShadow"
id="inputInner--consigneeCountry"
resize="none"
v-model="formData.consigneeCountry"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人名称 -->
<el-col :span="3">
<Formitem label="发货人名称" prop="shipper">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipper"
resize="none"
v-model="formData.shipper"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人电话 -->
<el-col :span="3">
<Formitem label="发货人电话" prop="shipperTelephone">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipperTelephone"
resize="none"
v-model="formData.shipperTelephone"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人地址 -->
<el-col :span="3">
<Formitem label="发货人地址" prop="shipperAddress">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipperAddress"
resize="none"
v-model="formData.shipperAddress"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人所在国 -->
<el-col :span="3">
<Formitem label="发货人所在国" prop="shipperCountry">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipperCountry"
resize="none"
v-model="formData.shipperCountry"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="平台编码" prop="crossOrderId">
<el-input
type="text"
class="inputShadow"
id="inputInner--crossOrderId"
resize="none"
v-model="formData.crossOrderId"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="9">
<Formitem label="备注" prop="note">
<el-input
type="text"
class="inputShadow"
id="inputInner--note"
resize="none"
v-model="formData.note"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
</el-row>
</el-form>
<div
:class="{ entryTitle: true, titleBorder: logtableType ? false : true }"
style="margin-top: 10px"
>
<div>
回执信息
<el-button type="text" @click="hiddenLogTable">
<svg-icon v-if="logtableType" icon-class="downIcon"></svg-icon>
<svg-icon v-else icon-class="upIcon"></svg-icon>
</el-button>
</div>
</div>
<ReceiptInfoTable
v-if="logtableType"
:tableData="logData"
:headerData="logHeaderData"
/>
<div class="entryTitle" style="margin-top: 10px">商品明细</div>
<ProductDetailTable
:tableData="detailData"
:bodyHeader="detialHeaderData"
/>
<div style="margin-bottom: 20px; text-align: center"></div>
</div>
</template>
<script>
import ReceiptInfoTable from "../components/ReceiptInfoTable/index.vue";
import ProductDetailTable from "../components/ProductDetailTable/index.vue";
import { getPvgWaybillInfo } from "@/api/pvg.js";
export default {
name: "",
components: { ProductDetailTable, ReceiptInfoTable },
data() {
return {
id: null,
formData: {},
logData: [],
logHeaderData: [
{
name: "回执状态",
value: "rspCode",
width: "200",
align: "left",
},
{
name: "状态时间",
value: "rspTime",
width: "400",
align: "left",
},
{
name: "回执描述",
value: "rspMsg",
width: "",
align: "left",
},
],
detailData: [],
detialHeaderData: [
{
name: "序号",
value: "gnum",
width: "",
align: "left",
},
{
name: "商品名称",
value: "itemName",
width: "",
align: "left",
},
{
name: "企业商品货号",
value: "itemNo",
width: "",
align: "left",
},
{
name: "商品编码",
value: "gcode",
width: "",
align: "left",
},
{
name: "规格型号",
value: "itemDescribe",
width: "",
align: "left",
},
{
name: "申报数量",
value: "barCode",
width: "",
align: "left",
},
{
name: "法定数量",
value: "qty1",
width: "",
align: "left",
},
{
name: "法定计量单位",
value: "unit1",
width: "",
align: "left",
slot: true,
},
{
name: "第二数量",
value: "qty2",
width: "",
align: "left",
},
{
name: "第二计量单位",
value: "unit2",
width: "",
align: "left",
slot: true,
},
{
name: "申报计量单位",
value: "unit",
width: "",
align: "left",
},
{
name: "商品品牌",
value: "brand",
width: "",
align: "left",
},
{
name: "企业商品描述",
value: "itemDescribe",
width: "",
align: "left",
},
{
name: "单价",
value: "price",
width: "",
align: "left",
},
{
name: "总价",
value: "totalPrice",
width: "",
align: "left",
},
{
name: "币制",
value: "currency",
width: "",
align: "left",
slot: true,
},
{
name: "条形码",
value: "gmodel",
width: "",
align: "left",
},
{
name: "备注",
value: "note",
width: "",
align: "left",
},
],
loadings: {
entryLoading: false,
},
logtableType: true,
};
},
created() {
if (this.$route.params.data) {
this.id = this.$route.params.data.id;
this.searchData();
} else {
this.back();
}
},
methods: {
searchData() {
this.loadings.entryLoading = true;
getPvgWaybillInfo({ id: this.id })
.then((res) => {
if (res.code === "200") {
this.formData = res.data.pvgExportOrderVo;
this.detailData = res.data.pvgExportOrderProductVo;
this.logData = res.data.pvgExportOrderReceiptVo;
this.detailData.forEach((item, idx) => {
item.index = idx;
});
} else {
this.alertWarningMsg(res.message);
}
this.loadings.entryLoading = false;
})
.catch((err) => {
console.log(err);
this.loadings.entryLoading = false;
});
},
searchLogData() {},
hiddenLogTable() {
this.logtableType = !this.logtableType;
},
back() {
this.$router.go(-1);
},
},
};
</script>
<style scoped lang="scss">
.entry {
width: 100%;
height: 100%;
padding: 10px;
background-color: #fff;
overflow: auto;
.entryInformation {
width: 100%;
height: 100%;
}
.entryTitle {
display: flex;
justify-content: space-between;
font-weight: 600;
font-weight: 16px;
color: #000;
margin-bottom: 10px;
}
.titleBorder {
border-bottom: 1px solid #333;
}
}
</style>
<template>
<div class="entrySreach">
<el-form
class="fedexFormStyle fedexformSreach fedexformSreachBottomBorder"
ref="sreachForm"
:model="sreachFormData"
label-position="top"
size="small"
>
<el-row class="row-border">
<!-- 回执状态 -->
<el-col :span="5">
<Formitem label="回执状态" prop="rspCode">
<el-select
type="text"
id="inputInner--rspCode"
v-model="sreachFormData.rspCode"
clearable
placeholder=""
>
<el-option
v-for="(
item, index
) in $store.getters.dict.RECEIPT_STATUS.filter(
(fItem) => fItem.itemChineseName !== '已提交'
)"
:key="index"
:label="item.itemChineseName"
:value="item.itemValue"
></el-option>
</el-select>
</Formitem>
</el-col>
<!-- 运单编号 -->
<el-col :span="5">
<Formitem label="物流运单编号" prop="logisticsNo">
<FormTextareaInput
:formData="sreachFormData"
dataKey="logisticsNo"
@formChange="formChange"
/>
</Formitem>
</el-col>
<!-- 订单编号 -->
<el-col :span="5">
<Formitem label="提运单号" prop="billNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--billNo"
resize="none"
v-model="sreachFormData.billNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商企业代码 -->
<el-col :span="5">
<Formitem label="订单编号" prop="orderNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--orderNo"
resize="none"
v-model="sreachFormData.orderNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="2">
<el-form-item class="textCenter">
<el-button
class="entrySreachButton"
type="text"
icon="el-icon-search"
:loading="loadings.searchLoading"
@click="search(0)"
></el-button>
</el-form-item>
</el-col>
<el-col :span="2">
<el-form-item class="textCenter">
<el-button
type="text"
size="small"
icon="el-icon-refresh"
@click="clear"
>
重置
</el-button>
</el-form-item>
</el-col>
<!-- 创建时间 -->
<el-col :span="5">
<Formitem label="创建时间" prop="createTime" :activeType="true">
<el-date-picker
class="inputInner--createTime"
id="inputInner--createTime"
v-model="sreachFormData.createTime"
type="daterange"
format="yyyy-MM-dd"
prefix-icon="none"
value-format="yyyy-MM-dd"
range-separator="至"
@change="dateChange"
/>
</Formitem>
</el-col>
</el-row>
</el-form>
<div class="optionButton">
<!-- <el-button
class="entrySaveButton"
size="small"
icon="el-icon-download"
@click="downloadData"
>
导出
</el-button> -->
</div>
<Table
class="fedexDetialTable fedexSreachTable"
ref="entryTable"
:data="tableData"
:headerData="headerData"
:maxHeight="tableMaxheight"
:border="true"
:pagination="true"
:order="false"
:loading="loadings.searchLoading"
:page="page.pageIndex"
:totalCount="page.total"
@sizeChange="sizeChange"
@currentChange="currentChange"
@cellClick="cellClick"
:selection="false"
:selectFixed="false"
:rowSelectDataType="false"
>
<template v-slot:rspCode="scope">
<TablePopover
ref="returnStatusPopover"
dataKey="returnStatus"
:parentDom="$refs.entryTable"
:receiptDataHead="receiptDataHead"
:rowData="scope.row"
:tableData="tableData"
@popoverChange="popoverChange"
@popoverClose="popoverClose"
>
<div slot="title">
<span style="font-weight: 700; color: #515a6e">订单编号：</span
>{{ scope.row.orderNo }}
</div>
<div slot="buttonLabel">
{{ scope.row.rspCode }}
</div>
</TablePopover>
</template>
<template v-slot:logisticsNo="scope">
<el-button type="text" @click="view(scope.row)">{{
scope.row.logisticsNo
}}</el-button>
</template>
</Table>
</div>
</template>
<script>
import { getPvgWaybillList, getPvgWaybillReceiptInfo } from "@/api/pvg.js";
export default {
name: "ExportBillQuery",
data() {
return {
sreachFormData: {
billNo: "",
orderNo: "",
rspCode: "",
createTime: [],
logisticsNo: "",
},
originalLogisticsNo: "", // 用于保存原始的 logisticsNo 字符串
page: {
pageIndex: 1,
pageSize: 20,
total: 0,
},
tableData: [],
headerData: [
{
name: "回执状态",
value: "rspCode",
width: "",
align: "left",
slot: true,
},
{
name: "物流运单编号",
value: "logisticsNo",
width: "",
align: "left",
slot: true,
},
{
name: "提运单号",
value: "billNo",
width: "",
align: "left",
},
{
name: "订单编号",
value: "orderNo",
width: "",
align: "left",
},
{
name: "大包裹号",
value: "totalPackageNo",
width: "",
align: "left",
},
{
name: "主要货物信息",
value: "mainGName",
width: "",
align: "left",
},
{
name: "报送类型",
value: "appType",
width: "",
align: "left",
},
{
name: "创建时间",
value: "createTime",
width: "",
align: "left",
},
],
receiptDataHead: [
{
name: "回执状态",
value: "rspCode",
width: "120",
align: "left",
},
{
name: "状态时间",
value: "rspTime",
width: "",
align: "left",
},
{
name: "回执描述",
value: "rspMsg",
width: "",
align: "left",
},
],
loadings: {
searchLoading: false,
},
textareaVisible: {
formItemconsignmentCode: false,
formItemconsignmentHeadCode: false,
},
tableMaxheight: null,
};
},
created() {
this.search(0);
},
mounted() {
this.tableMaxheight = window.innerHeight - 300;
},
watch: {
$route() {
this.popoverClose();
},
},
methods: {
//查询
search(val) {
this.loadings.searchLoading = true;
if (val == 0) {
this.page.pageIndex = 1;
}
let obj = { ...this.sreachFormData }; // 使用对象展开运算符复制 sreachFormData
//let obj = this.sreachFormData;
obj.pageIndex = this.page.pageIndex;
obj.pageSize = this.page.pageSize;
obj.createTimeStart = "";
obj.createTimeEnd = "";
if (obj.createTime.length > 0) {
obj.startCreateTime = obj.createTime[0];
obj.endCreateTime = obj.createTime[1];
}
// 使用保存的原始 logisticsNo 字符串
obj.logisticsNo = this.originalLogisticsNo;
if (obj.logisticsNo != null && obj.logisticsNo != "") {
obj.logisticsNo = obj.logisticsNo.split("\n");
} else {
obj.logisticsNo = [];
}
getPvgWaybillList(obj)
.then((res) => {
if (res.code === "200") {
this.tableData = res.data.value;
this.page.total = res.data.totalItems;
this.tableData.forEach((item, idx) => {
item.index = idx;
item.returnStatusPopoverType = false;
item.popoverData = [];
});
} else {
this.alertWarningMsg(res.message);
}
this.loadings.searchLoading = false;
})
.catch((err) => {
console.log(err);
this.loadings.searchLoading = false;
});
},
//重置
clear() {
this.sreachFormData = {
billNo: "",
orderNo: "",
rspCode: "",
createTime: [],
};
this.originalLogisticsNo = "";
},
//导出
downloadData() {},
//查询详情
view(val) {
this.$router.push({
name: "PvgOrderDetail",
params: { data: val },
});
},
popoverChange(val) {
console.log(val);
this.tableData = val.tableData;
this.receiptApi(val.data.id, val.status)
.then((res) => {
val.tableData.forEach((item) => {
if (item.declareId == val.data.declareId) {
item.popoverData = res;
}
});
this.tableData = val.tableData;
})
.finally(() => {
this.$nextTick(() => {
this.$store.dispatch("setLoadingState", false);
this.$refs.returnStatusPopover.tableLoading = false;
});
});
},
//查询回执
receiptApi(id) {
return new Promise((resolve, reject) => {
let obj = { id: id };
getPvgWaybillReceiptInfo(obj)
.then((res) => {
if (res.code === "200") {
resolve(res.data);
} else {
reject();
}
})
.catch((err) => {
console.log(err);
reject();
});
});
},
popoverClose(val) {
this.tableData.forEach((item) => {
item.returnStatusPopoverType = false;
item.popoverData = [];
});
this.$refs.entryTable.$refs.tables.$refs.bodyWrapper.style.overflowY =
"auto";
},
formChange(val) {
this.sreachFormData = val;
this.originalLogisticsNo = val.logisticsNo; // 保存原始的 logisticsNo 字符串
},
//分页
currentChange(val) {
this.page.pageIndex = val.page;
this.search(1);
},
sizeChange(val) {
this.page.pageSize = val;
this.search(1);
},
cellClick() {
this.popoverClose();
},
dateChange(val) {
if (val == "" || val == null) {
this.$nextTick(() => {
this.sreachFormData.createTime = [];
});
}
},
input() {
this.$forceUpdate();
},
},
};
</script>
<style scoped lang="scss">
@import "@/assets/styles/variables.scss";
.entrySreach {
height: 100%;
background-color: $menuLightBg;
.entrySreachButton {
display: inline-block;
font-size: 20px;
color: $fedexButton !important;
}
.optionButton {
padding: 10px;
text-align: right;
.el-button {
color: $fedexButton;
border-color: $fedexButton !important;
svg {
display: inline-block;
margin-right: 5px;
fill: $fedexButton;
}
}
.entrySaveButton:hover,
.entrySaveButton:focus {
color: $menuLightBg !important;
background-color: $fedexButton !important;
}
}
}
.texttareaTip {
position: absolute;
top: 52%;
right: 20px;
transform: translate(0, -50%);
z-index: 10;
}
</style>
<template>
<div class="entry" v-loading="loadings.entryLoading">
<div class="entryTitle">
<div>PVG清单详情</div>
<div>
<el-button class="entrySaveButton" @click="back">返 回</el-button>
</div>
</div>
<el-form
class="fedexFormStyle"
ref="sreachForm"
:model="formData"
label-position="top"
disabled
size="small"
>
<el-row :gutter="5">
<el-col :span="3">
<Formitem label="清单编号" prop="invtNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--invtNo"
resize="none"
v-model="formData.invtNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="发货人代码" prop="ebcCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebcCode"
resize="none"
v-model="formData.ebcCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="发货人名称" prop="ebcName">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebcName"
resize="none"
v-model="formData.ebcName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="电商平台名称" prop="ebpName">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebpName"
resize="none"
v-model="formData.ebpName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="贸易方式" prop="tradeMode">
<el-select
type="text"
id="inputInner--tradeMode"
v-model="formData.tradeMode"
clearable
placeholder=""
>
<el-option
v-for="(item, index) in $store.getters.dict.CURRENCY"
:key="index"
:label="item.itemChineseName"
:value="item.itemValue"
></el-option>
</el-select>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="物流运单编号" prop="logisticsNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--logisticsNo"
resize="none"
v-model="formData.logisticsNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="提运单号" prop="billNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--billNo"
resize="none"
v-model="formData.billNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="订单编号" prop="orderNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--orderNo"
resize="none"
v-model="formData.orderNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="物流企业代码" prop="logisticsCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--logisticsCode"
resize="none"
v-model="formData.logisticsCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- <el-col :span="3">
<Formitem label="币制" prop="currency">
<el-select
type="text"
id="inputInner--currency"
v-model="formData.currency"
clearable
placeholder=""
>
<el-option
v-for="(item, index) in $store.getters.dict.CURRENCY"
:key="index"
:label="item.itemChineseName"
:value="item.itemValue"
></el-option>
</el-select>
</Formitem>
</el-col> -->
<el-col :span="3">
<Formitem label="物流企业名称" prop="logisticsName">
<el-input
type="text"
class="inputShadow"
id="inputInner--logisticsName"
resize="none"
v-model="formData.logisticsName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="申报海关企业代码" prop="agentCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--agentCode"
resize="none"
v-model="formData.agentCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="申报海关企业名称" prop="agentName">
<el-input
type="text"
class="inputShadow"
id="inputInner--agentName"
resize="none"
v-model="formData.agentName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="大包裹号" prop="totalPackageNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--totalPackageNo"
resize="none"
v-model="formData.totalPackageNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="小包数量" prop="shipper">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipper"
resize="none"
v-model="formData.shipper"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人电话 -->
<el-col :span="3">
<Formitem label="包装种类" prop="wrapType">
<el-input
type="text"
class="inputShadow"
id="inputInner--wrapType"
resize="none"
v-model="formData.wrapType"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人地址 -->
<el-col :span="3">
<Formitem label="申报业务类型" prop="statisticsFlag">
<el-input
type="text"
class="inputShadow"
id="inputInner--statisticsFlag"
resize="none"
v-model="formData.statisticsFlag"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人所在国 -->
<el-col :span="3">
<Formitem label="出口口岸代码" prop="portCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--portCode"
resize="none"
v-model="formData.portCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="出口日期" prop="ieDate">
<el-input
type="text"
class="inputShadow"
id="inputInner--ieDate"
resize="none"
v-model="formData.ieDate"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="申报地海关代码" prop="customsCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--customsCode"
resize="none"
v-model="formData.customsCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="申报日期" prop="crossOrderId">
<el-input
type="text"
class="inputShadow"
id="inputInner--crossOrderId"
resize="none"
v-model="formData.crossOrderId"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="毛重（kg）" prop="grossWeight">
<el-input
type="text"
class="inputShadow"
id="inputInner--grossWeight"
resize="none"
v-model="formData.grossWeight"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="净重（kg）" prop="netWt">
<el-input
type="text"
class="inputShadow"
id="inputInner--netWt"
resize="none"
v-model="formData.netWt"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="件数" prop="packNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--packNo"
resize="none"
v-model="formData.packNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="运输方式" prop="trafMode">
<el-input
type="text"
class="inputShadow"
id="inputInner--trafMode"
resize="none"
v-model="formData.trafMode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="航班航次号" prop="voyageNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--voyageNo"
resize="none"
v-model="formData.voyageNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="运抵国(地区)" prop="country" :activeType="true">
<el-select
type="text"
id="inputInner--country"
v-model="formData.country"
clearable
filterable
placeholder=""
>
<el-option
v-for="(item, index) in $store.getters.dict.COUNTRY_REGION_CODE"
:key="index"
:label="item.itemChineseName"
:value="item.itemCode"
></el-option>
</el-select>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="指运港" prop="pod">
<el-input
type="text"
class="inputShadow"
id="inputInner--pod"
resize="none"
v-model="formData.pod"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="监管场所代码" prop="loctNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--loctNo"
resize="none"
v-model="formData.loctNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="保费" prop="insuredFee">
<el-input
type="text"
class="inputShadow"
id="inputInner--insuredFee"
resize="none"
v-model="formData.insuredFee"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="保费币制" prop="icurrency">
<el-input
type="text"
class="inputShadow"
id="inputInner--icurrency"
resize="none"
v-model="formData.icurrency"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="保费标志" prop="iflag">
<el-input
type="text"
class="inputShadow"
id="inputInner--iflag"
resize="none"
v-model="formData.iflag"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="运费" prop="freight">
<el-input
type="text"
class="inputShadow"
id="inputInner--freight"
resize="none"
v-model="formData.freight"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="运费币制" prop="fcurrency">
<el-input
type="text"
class="inputShadow"
id="inputInner--fcurrency"
resize="none"
v-model="formData.fcurrency"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="生产销售企业代码" prop="ownerCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--ownerCode"
resize="none"
v-model="formData.ownerCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="生产销售企业名称" prop="ownerName">
<el-input
type="text"
class="inputShadow"
id="inputInner--ownerName"
resize="none"
v-model="formData.ownerName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="运输工具名称" prop="trafName">
<el-input
type="text"
class="inputShadow"
id="inputInner--trafName"
resize="none"
v-model="formData.trafName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="区内企业代码" prop="iacCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--iacCode"
resize="none"
v-model="formData.iacCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="区内企业名称" prop="iacName">
<el-input
type="text"
class="inputShadow"
id="inputInner--iacName"
resize="none"
v-model="formData.iacName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="账册编号" prop="emsNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--emsNo"
resize="none"
v-model="formData.emsNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="许可证号" prop="licenseNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--licenseNo"
resize="none"
v-model="formData.licenseNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="9">
<Formitem label="备注" prop="note">
<el-input
type="text"
class="inputShadow"
id="inputInner--note"
resize="none"
v-model="formData.note"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
</el-row>
</el-form>
<div
:class="{ entryTitle: true, titleBorder: logtableType ? false : true }"
style="margin-top: 10px"
>
<div>
回执信息
<el-button type="text" @click="hiddenLogTable">
<svg-icon v-if="logtableType" icon-class="downIcon"></svg-icon>
<svg-icon v-else icon-class="upIcon"></svg-icon>
</el-button>
</div>
</div>
<ReceiptInfoTable
v-if="logtableType"
:tableData="logData"
:headerData="logHeaderData"
/>
<div class="entryTitle" style="margin-top: 10px">商品明细</div>
<ProductDetailTable
:tableData="detailData"
:bodyHeader="detialHeaderData"
/>
<div style="margin-bottom: 20px; text-align: center"></div>
</div>
</template>
<script>
import ReceiptInfoTable from "../components/ReceiptInfoTable/index.vue";
import ProductDetailTable from "../components/ProductDetailTable/index.vue";
import { getPvgListInfo } from "@/api/pvg.js";
export default {
name: "",
components: { ProductDetailTable, ReceiptInfoTable },
data() {
return {
id: null,
formData: {},
logData: [],
logHeaderData: [
{
name: "回执状态",
value: "rspCode",
width: "200",
align: "left",
},
{
name: "状态时间",
value: "rspTime",
width: "400",
align: "left",
},
{
name: "回执描述",
value: "rspMsg",
width: "",
align: "left",
},
],
detailData: [],
detialHeaderData: [
{
name: "序号",
value: "gnum",
width: "",
align: "left",
},
{
name: "商品名称",
value: "itemName",
width: "",
align: "left",
},
{
name: "商品编码",
value: "gcode",
width: "",
align: "left",
},
{
name: "规格型号",
value: "itemDescribe",
width: "",
align: "left",
},
{
name: "申报数量",
value: "barCode",
width: "",
align: "left",
},
{
name: "法定数量",
value: "qty1",
width: "",
align: "left",
},
{
name: "法定计量单位",
value: "unit1",
width: "",
align: "left",
slot: true,
},
{
name: "第二数量",
value: "qty2",
width: "",
align: "left",
},
{
name: "第二计量单位",
value: "unit2",
width: "",
align: "left",
slot: true,
},
{
name: "申报计量单位",
value: "unit",
width: "",
align: "left",
},
{
name: "商品品牌",
value: "brand",
width: "",
align: "left",
},
{
name: "企业商品描述",
value: "itemDescribe",
width: "",
align: "left",
},
{
name: "单价",
value: "price",
width: "",
align: "left",
},
{
name: "总价",
value: "totalPrice",
width: "",
align: "left",
},
{
name: "币制",
value: "currency",
width: "",
align: "left",
slot: true,
},
{
name: "条形码",
value: "gmodel",
width: "",
align: "left",
},
{
name: "备注",
value: "note",
width: "",
align: "left",
},
],
loadings: {
entryLoading: false,
},
logtableType: true,
};
},
created() {
if (this.$route.params.data) {
this.id = this.$route.params.data.id;
this.searchData();
} else {
this.back();
}
},
methods: {
searchData() {
this.loadings.entryLoading = true;
getPvgListInfo({ listId: this.id })
.then((res) => {
if (res.code === "200") {
this.formData = res.data.pvgExportOrderVo;
this.detailData = res.data.pvgExportOrderProductVo;
this.logData = res.data.pvgExportOrderReceiptVo;
this.detailData.forEach((item, idx) => {
item.index = idx;
});
} else {
this.alertWarningMsg(res.message);
}
this.loadings.entryLoading = false;
})
.catch((err) => {
console.log(err);
this.loadings.entryLoading = false;
});
},
searchLogData() {},
hiddenLogTable() {
this.logtableType = !this.logtableType;
},
back() {
this.$router.go(-1);
},
},
};
</script>
<style scoped lang="scss">
.entry {
width: 100%;
height: 100%;
padding: 10px;
background-color: #fff;
overflow: auto;
.entryInformation {
width: 100%;
height: 100%;
}
.entryTitle {
display: flex;
justify-content: space-between;
font-weight: 600;
font-weight: 16px;
color: #000;
margin-bottom: 10px;
}
.titleBorder {
border-bottom: 1px solid #333;
}
}
</style>
<template>
<div class="entrySreach">
<el-form
class="fedexFormStyle fedexformSreach fedexformSreachBottomBorder"
ref="sreachForm"
:model="sreachFormData"
label-position="top"
size="small"
>
<el-row class="row-border">
<el-col :span="5">
<Formitem label="回执状态" prop="rspCode">
<el-select
type="text"
id="inputInner--rspCode"
v-model="sreachFormData.rspCode"
clearable
placeholder=""
>
<el-option
v-for="(
item, index
) in $store.getters.dict.RECEIPT_STATUS.filter(
(fItem) => fItem.itemChineseName !== '已提交'
)"
:key="index"
:label="item.itemChineseName"
:value="item.itemValue"
></el-option>
</el-select>
</Formitem>
</el-col>
<el-col :span="5">
<Formitem label="物流运单编号" prop="logisticsNo">
<FormTextareaInput
:formData="sreachFormData"
dataKey="logisticsNo"
@formChange="formChange"
/>
</Formitem>
</el-col>
<el-col :span="5">
<Formitem label="提运单号" prop="billNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--billNo"
resize="none"
v-model="sreachFormData.billNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="5">
<Formitem label="订单编号" prop="orderNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--orderNo"
resize="none"
v-model="sreachFormData.orderNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="2">
<el-form-item class="textCenter">
<el-button
class="entrySreachButton"
type="text"
icon="el-icon-search"
:loading="loadings.searchLoading"
@click="search(0)"
></el-button>
</el-form-item>
</el-col>
<el-col :span="2">
<el-form-item class="textCenter">
<el-button
type="text"
size="small"
icon="el-icon-refresh"
@click="clear"
>
重置
</el-button>
</el-form-item>
</el-col>
<!-- 创建时间 -->
<el-col :span="5">
<Formitem label="清单编号" prop="invtNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--invtNo"
resize="none"
v-model="sreachFormData.invtNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="5">
<Formitem label="大包裹号" prop="totalPackageNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--totalPackageNo"
resize="none"
v-model="sreachFormData.totalPackageNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="5">
<Formitem label="创建时间" prop="createTime" :activeType="true">
<el-date-picker
class="inputInner--createTime"
id="inputInner--createTime"
v-model="sreachFormData.createTime"
type="daterange"
format="yyyy-MM-dd"
prefix-icon="none"
value-format="yyyy-MM-dd"
range-separator="至"
@change="dateChange"
/>
</Formitem>
</el-col>
</el-row>
</el-form>
<div class="optionButton"></div>
<Table
class="fedexDetialTable fedexSreachTable"
ref="entryTable"
:data="tableData"
:headerData="headerData"
:maxHeight="tableMaxheight"
:border="true"
:pagination="true"
:order="false"
:loading="loadings.searchLoading"
:page="page.pageIndex"
:totalCount="page.total"
@sizeChange="sizeChange"
@currentChange="currentChange"
@cellClick="cellClick"
:selection="false"
:selectFixed="false"
:rowSelectDataType="false"
>
<template v-slot:rspCode="scope">
<TablePopover
ref="returnStatusPopover"
dataKey="returnStatus"
:parentDom="$refs.entryTable"
:receiptDataHead="receiptDataHead"
:rowData="scope.row"
:tableData="tableData"
@popoverChange="popoverChange"
@popoverClose="popoverClose"
>
<div slot="title">
<span style="font-weight: 700; color: #515a6e">订单编号：</span
>{{ scope.row.orderNo }}
</div>
<div slot="buttonLabel">
{{ scope.row.rspCode }}
</div>
</TablePopover>
</template>
<template v-slot:logisticsNo="scope">
<el-button type="text" @click="view(scope.row)">{{
scope.row.logisticsNo
}}</el-button>
</template>
</Table>
</div>
</template>
<script>
import { getPvgListSearch, getPvgListReceipt } from "@/api/pvg.js";
export default {
name: "ExportBillQuery",
data() {
return {
sreachFormData: {
billNo: "",
orderNo: "",
totalPackageNo: "",
invtNo: "",
rspCode: "",
createTime: [],
logisticsNo: "",
},
originalLogisticsNo: "", // 用于保存原始的 logisticsNo 字符串
page: {
pageIndex: 1,
pageSize: 20,
total: 0,
},
tableData: [],
headerData: [
{
name: "回执状态",
value: "rspCode",
width: "",
align: "left",
slot: true,
},
{
name: "物流运单编号",
value: "logisticsNo",
width: "",
align: "left",
slot: true,
},
{
name: "提运单号",
value: "billNo",
width: "",
align: "left",
},
{
name: "订单编号",
value: "orderNo",
width: "",
align: "left",
},
{
name: "清单编号",
value: "invtNo",
width: "",
align: "left",
},
{
name: "大包裹号",
value: "totalPackageNo",
width: "",
align: "left",
},
{
name: "电商企业名称",
value: "ebpName",
width: "",
align: "left",
},
{
name: "申报类型",
value: "appType",
width: "",
align: "left",
},
{
name: "创建时间",
value: "createTime",
width: "",
align: "left",
},
],
receiptDataHead: [
{
name: "回执状态",
value: "rspCode",
width: "120",
align: "left",
},
{
name: "状态时间",
value: "rspTime",
width: "",
align: "left",
},
{
name: "回执描述",
value: "rspMsg",
width: "",
align: "left",
},
],
loadings: {
searchLoading: false,
},
textareaVisible: {
formItemconsignmentCode: false,
formItemconsignmentHeadCode: false,
},
tableMaxheight: null,
};
},
created() {
this.search(0);
},
mounted() {
this.tableMaxheight = window.innerHeight - 300;
},
watch: {
$route() {
this.popoverClose();
},
},
methods: {
//查询
search(val) {
this.loadings.searchLoading = true;
if (val == 0) {
this.page.pageIndex = 1;
}
let obj = { ...this.sreachFormData }; // 使用对象展开运算符复制 sreachFormData
//let obj = this.sreachFormData;
obj.pageIndex = this.page.pageIndex;
obj.pageSize = this.page.pageSize;
obj.createTimeStart = "";
obj.createTimeEnd = "";
if (obj.createTime.length > 0) {
obj.startTime = obj.createTime[0];
obj.endTime = obj.createTime[1];
}
// 使用保存的原始 logisticsNo 字符串
obj.logisticsNo = this.originalLogisticsNo;
if (obj.logisticsNo != null && obj.logisticsNo != "") {
obj.logisticsNo = obj.logisticsNo.split("\n");
} else {
obj.logisticsNo = [];
}
getPvgListSearch(obj)
.then((res) => {
if (res.code === "200") {
this.tableData = res.data.value;
this.page.total = res.data.totalItems;
this.tableData.forEach((item, idx) => {
item.index = idx;
item.returnStatusPopoverType = false;
item.popoverData = [];
});
} else {
this.alertWarningMsg(res.message);
}
this.loadings.searchLoading = false;
})
.catch((err) => {
console.log(err);
this.loadings.searchLoading = false;
});
},
//重置
clear() {
this.sreachFormData = {
billNo: "",
orderNo: "",
rspCode: "",
totalPackageNo: "",
invtNo: "",
createTime: [],
};
this.originalLogisticsNo = "";
},
//导出
downloadData() {},
//查询详情
view(val) {
this.$router.push({
name: "PvgListDetail",
params: { data: val },
});
},
popoverChange(val) {
console.log(val);
this.tableData = val.tableData;
this.receiptApi(val.data.id, val.status)
.then((res) => {
val.tableData.forEach((item) => {
if (item.declareId == val.data.declareId) {
item.popoverData = res;
}
});
this.tableData = val.tableData;
})
.finally(() => {
this.$nextTick(() => {
this.$store.dispatch("setLoadingState", false);
this.$refs.returnStatusPopover.tableLoading = false;
});
});
},
//查询回执
receiptApi(id) {
return new Promise((resolve, reject) => {
let obj = { listId: id };
getPvgListReceipt(obj)
.then((res) => {
if (res.code === "200") {
resolve(res.data);
} else {
reject();
}
})
.catch((err) => {
console.log(err);
reject();
});
});
},
popoverClose(val) {
this.tableData.forEach((item) => {
item.returnStatusPopoverType = false;
item.popoverData = [];
});
this.$refs.entryTable.$refs.tables.$refs.bodyWrapper.style.overflowY =
"auto";
},
formChange(val) {
this.sreachFormData = val;
this.originalLogisticsNo = val.logisticsNo; // 保存原始的 logisticsNo 字符串
},
//分页
currentChange(val) {
this.page.pageIndex = val.page;
this.search(1);
},
sizeChange(val) {
this.page.pageSize = val;
this.search(1);
},
cellClick() {
this.popoverClose();
},
dateChange(val) {
if (val == "" || val == null) {
this.$nextTick(() => {
this.sreachFormData.createTime = [];
});
}
},
input() {
this.$forceUpdate();
},
},
};
</script>
<style scoped lang="scss">
@import "@/assets/styles/variables.scss";
.entrySreach {
height: 100%;
background-color: $menuLightBg;
.entrySreachButton {
display: inline-block;
font-size: 20px;
color: $fedexButton !important;
}
.optionButton {
padding: 10px;
text-align: right;
.el-button {
color: $fedexButton;
border-color: $fedexButton !important;
svg {
display: inline-block;
margin-right: 5px;
fill: $fedexButton;
}
}
.entrySaveButton:hover,
.entrySaveButton:focus {
color: $menuLightBg !important;
background-color: $fedexButton !important;
}
}
}
.texttareaTip {
position: absolute;
top: 52%;
right: 20px;
transform: translate(0, -50%);
z-index: 10;
}
</style>
<template>
<div class="entry" v-loading="loadings.entryLoading">
<div class="entryTitle">
<div>出口订单详情</div>
<div>
<el-button class="entrySaveButton" @click="back">返 回</el-button>
</div>
</div>
<el-form
class="fedexFormStyle"
ref="sreachForm"
:model="formData"
label-position="top"
disabled
size="small"
>
<el-row :gutter="5">
<!-- 订单编号 -->
<el-col :span="3">
<Formitem label="电商订单/海外仓订仓编号" prop="orderNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--orderNo"
resize="none"
v-model="formData.orderNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 物流申报企业平台代码 -->
<el-col :span="3">
<Formitem label="物流申报企业平台代码" prop="logisticsSenderCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--logisticsSenderCode"
resize="none"
v-model="formData.logisticsSenderCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 申报类型 -->
<el-col :span="3">
<Formitem label="申报类型" prop="appType">
<el-input
type="text"
class="inputShadow"
id="inputInner--appType"
resize="none"
v-model="formData.appType"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商平台代码 -->
<el-col :span="3">
<Formitem label="电商平台代码" prop="ebpCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebpCode"
resize="none"
v-model="formData.ebpCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商平台/海外仓名称 -->
<el-col :span="6">
<Formitem label="电商平台/海外仓名称" prop="ebpName">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebpName"
resize="none"
v-model="formData.ebpName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商企业代码 -->
<el-col :span="3">
<Formitem label="电商企业代码" prop="ebcCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebcCode"
resize="none"
v-model="formData.ebcCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商企业 -->
<el-col :span="6">
<Formitem label="电商企业名称" prop="ebcName">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebcName"
resize="none"
v-model="formData.ebcName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
</el-row>
<el-row :gutter="5">
<!-- 商品金额 -->
<el-col :span="3">
<Formitem label="商品金额" prop="totalPrice">
<el-input
type="text"
class="inputShadow"
id="inputInner--totalPrice"
resize="none"
v-model="formData.totalPrice"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 运杂费 -->
<el-col :span="3">
<Formitem label="运杂费" prop="freight">
<el-input
type="text"
class="inputShadow"
id="inputInner--freight"
resize="none"
v-model="formData.freight"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 币制 -->
<el-col :span="3">
<Formitem label="币制" prop="currency">
<el-select
type="text"
id="inputInner--currency"
v-model="formData.currency"
clearable
placeholder=""
>
<el-option
v-for="(item, index) in $store.getters.dict.CURRENCY"
:key="index"
:label="item.itemChineseName"
:value="item.itemValue"
></el-option>
</el-select>
</Formitem>
</el-col>
<!-- 收货人名称 -->
<el-col :span="3">
<Formitem label="收货人名称" prop="consignee">
<el-input
type="text"
class="inputShadow"
id="inputInner--consignee"
resize="none"
v-model="formData.consignee"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 收货人电话 -->
<el-col :span="3">
<Formitem label="收货人电话" prop="consigneeTelephone">
<el-input
type="text"
class="inputShadow"
id="inputInner--consigneeTelephone"
resize="none"
v-model="formData.consigneeTelephone"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 收货人地址 -->
<el-col :span="3">
<Formitem label="收货人地址" prop="consigneeAddress">
<el-input
type="text"
class="inputShadow"
id="inputInner--consigneeAddress"
resize="none"
v-model="formData.consigneeAddress"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 收货人所在国 -->
<el-col :span="3">
<Formitem label="收货人所在国" prop="consigneeCountry">
<el-input
type="text"
class="inputShadow"
id="inputInner--consigneeCountry"
resize="none"
v-model="formData.consigneeCountry"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人名称 -->
<el-col :span="3">
<Formitem label="发货人名称" prop="shipper">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipper"
resize="none"
v-model="formData.shipper"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人电话 -->
<el-col :span="3">
<Formitem label="发货人电话" prop="shipperTelephone">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipperTelephone"
resize="none"
v-model="formData.shipperTelephone"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人地址 -->
<el-col :span="3">
<Formitem label="发货人地址" prop="shipperAddress">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipperAddress"
resize="none"
v-model="formData.shipperAddress"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人所在国 -->
<el-col :span="3">
<Formitem label="发货人所在国" prop="shipperCountry">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipperCountry"
resize="none"
v-model="formData.shipperCountry"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="平台编码" prop="crossOrderId">
<el-input
type="text"
class="inputShadow"
id="inputInner--crossOrderId"
resize="none"
v-model="formData.crossOrderId"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="9">
<Formitem label="备注" prop="note">
<el-input
type="text"
class="inputShadow"
id="inputInner--note"
resize="none"
v-model="formData.note"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
</el-row>
</el-form>
<div
:class="{ entryTitle: true, titleBorder: logtableType ? false : true }"
style="margin-top: 10px"
>
<div>
回执信息
<el-button type="text" @click="hiddenLogTable">
<svg-icon v-if="logtableType" icon-class="downIcon"></svg-icon>
<svg-icon v-else icon-class="upIcon"></svg-icon>
</el-button>
</div>
</div>
<ReceiptInfoTable
v-if="logtableType"
:tableData="logData"
:headerData="logHeaderData"
/>
<div class="entryTitle" style="margin-top: 10px">商品明细</div>
<ProductDetailTable
:tableData="detailData"
:bodyHeader="detialHeaderData"
/>
<div style="margin-bottom: 20px; text-align: center"></div>
</div>
</template>
<script>
import ReceiptInfoTable from "../components/ReceiptInfoTable/index.vue";
import ProductDetailTable from "../components/ProductDetailTable/index.vue";
import { getPvgWaybillInfo } from "@/api/pvg.js";
export default {
name: "",
components: { ProductDetailTable, ReceiptInfoTable },
data() {
return {
id: null,
formData: {},
logData: [],
logHeaderData: [
{
name: "回执状态",
value: "rspCode",
width: "200",
align: "left",
},
{
name: "状态时间",
value: "rspTime",
width: "400",
align: "left",
},
{
name: "回执描述",
value: "rspMsg",
width: "",
align: "left",
},
],
detailData: [],
detialHeaderData: [
{
name: "序号",
value: "gnum",
width: "",
align: "left",
},
{
name: "商品名称",
value: "itemName",
width: "",
align: "left",
},
{
name: "企业商品货号",
value: "itemNo",
width: "",
align: "left",
},
{
name: "商品编码",
value: "gcode",
width: "",
align: "left",
},
{
name: "规格型号",
value: "itemDescribe",
width: "",
align: "left",
},
{
name: "申报数量",
value: "barCode",
width: "",
align: "left",
},
{
name: "法定数量",
value: "qty1",
width: "",
align: "left",
},
{
name: "法定计量单位",
value: "unit1",
width: "",
align: "left",
slot: true,
},
{
name: "第二数量",
value: "qty2",
width: "",
align: "left",
},
{
name: "第二计量单位",
value: "unit2",
width: "",
align: "left",
slot: true,
},
{
name: "申报计量单位",
value: "unit",
width: "",
align: "left",
},
{
name: "商品品牌",
value: "brand",
width: "",
align: "left",
},
{
name: "企业商品描述",
value: "itemDescribe",
width: "",
align: "left",
},
{
name: "单价",
value: "price",
width: "",
align: "left",
},
{
name: "总价",
value: "totalPrice",
width: "",
align: "left",
},
{
name: "币制",
value: "currency",
width: "",
align: "left",
slot: true,
},
{
name: "条形码",
value: "gmodel",
width: "",
align: "left",
},
{
name: "备注",
value: "note",
width: "",
align: "left",
},
],
loadings: {
entryLoading: false,
},
logtableType: true,
};
},
created() {
if (this.$route.params.data) {
this.id = this.$route.params.data.id;
this.searchData();
} else {
this.back();
}
},
methods: {
searchData() {
this.loadings.entryLoading = true;
getPvgWaybillInfo({ id: this.id })
.then((res) => {
if (res.code === "200") {
this.formData = res.data.pvgExportOrderVo;
this.detailData = res.data.pvgExportOrderProductVo;
this.logData = res.data.pvgExportOrderReceiptVo;
this.detailData.forEach((item, idx) => {
item.index = idx;
});
} else {
this.alertWarningMsg(res.message);
}
this.loadings.entryLoading = false;
})
.catch((err) => {
console.log(err);
this.loadings.entryLoading = false;
});
},
searchLogData() {},
hiddenLogTable() {
this.logtableType = !this.logtableType;
},
back() {
this.$router.go(-1);
},
},
};
</script>
<style scoped lang="scss">
.entry {
width: 100%;
height: 100%;
padding: 10px;
background-color: #fff;
overflow: auto;
.entryInformation {
width: 100%;
height: 100%;
}
.entryTitle {
display: flex;
justify-content: space-between;
font-weight: 600;
font-weight: 16px;
color: #000;
margin-bottom: 10px;
}
.titleBorder {
border-bottom: 1px solid #333;
}
}
</style>
<template>
<div class="entrySreach">
<el-form
class="fedexFormStyle fedexformSreach fedexformSreachBottomBorder"
ref="sreachForm"
:model="sreachFormData"
label-position="top"
size="small"
>
<el-row class="row-border">
<!-- 回执状态 -->
<el-col :span="5">
<Formitem label="回执状态" prop="rspCode">
<el-select
type="text"
id="inputInner--rspCode"
v-model="sreachFormData.rspCode"
clearable
placeholder=""
>
<el-option
v-for="(
item, index
) in $store.getters.dict.RECEIPT_STATUS.filter(
(fItem) => fItem.itemChineseName !== '已提交'
)"
:key="index"
:label="item.itemChineseName"
:value="item.itemValue"
></el-option>
</el-select>
</Formitem>
</el-col>
<!-- 运单编号 -->
<el-col :span="5">
<Formitem label="物流运单编号" prop="logisticsNo">
<FormTextareaInput
:formData="sreachFormData"
dataKey="logisticsNo"
@formChange="formChange"
/>
</Formitem>
</el-col>
<!-- 订单编号 -->
<el-col :span="5">
<Formitem label="提运单号" prop="billNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--billNo"
resize="none"
v-model="sreachFormData.billNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商企业代码 -->
<el-col :span="5">
<Formitem label="订单编号" prop="orderNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--orderNo"
resize="none"
v-model="sreachFormData.orderNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="2">
<el-form-item class="textCenter">
<el-button
class="entrySreachButton"
type="text"
icon="el-icon-search"
:loading="loadings.searchLoading"
@click="search(0)"
></el-button>
</el-form-item>
</el-col>
<el-col :span="2">
<el-form-item class="textCenter">
<el-button
type="text"
size="small"
icon="el-icon-refresh"
@click="clear"
>
重置
</el-button>
</el-form-item>
</el-col>
<!-- 创建时间 -->
<el-col :span="5">
<Formitem label="创建时间" prop="createTime" :activeType="true">
<el-date-picker
class="inputInner--createTime"
id="inputInner--createTime"
v-model="sreachFormData.createTime"
type="daterange"
format="yyyy-MM-dd"
prefix-icon="none"
value-format="yyyy-MM-dd"
range-separator="至"
@change="dateChange"
/>
</Formitem>
</el-col>
</el-row>
</el-form>
<div class="optionButton">
<!-- <el-button
class="entrySaveButton"
size="small"
icon="el-icon-download"
@click="downloadData"
>
导出
</el-button> -->
</div>
<Table
class="fedexDetialTable fedexSreachTable"
ref="entryTable"
:data="tableData"
:headerData="headerData"
:maxHeight="tableMaxheight"
:border="true"
:pagination="true"
:order="false"
:loading="loadings.searchLoading"
:page="page.pageIndex"
:totalCount="page.total"
@sizeChange="sizeChange"
@currentChange="currentChange"
@cellClick="cellClick"
:selection="false"
:selectFixed="false"
:rowSelectDataType="false"
>
<template v-slot:rspCode="scope">
<TablePopover
ref="returnStatusPopover"
dataKey="returnStatus"
:parentDom="$refs.entryTable"
:receiptDataHead="receiptDataHead"
:rowData="scope.row"
:tableData="tableData"
@popoverChange="popoverChange"
@popoverClose="popoverClose"
>
<div slot="title">
<span style="font-weight: 700; color: #515a6e">订单编号：</span
>{{ scope.row.orderNo }}
</div>
<div slot="buttonLabel">
{{ scope.row.rspCode }}
</div>
</TablePopover>
</template>
<template v-slot:logisticsNo="scope">
<el-button type="text" @click="view(scope.row)">{{
scope.row.logisticsNo
}}</el-button>
</template>
</Table>
</div>
</template>
<script>
import { getPvgWaybillList, getPvgWaybillReceiptInfo } from "@/api/pvg.js";
export default {
name: "ExportBillQuery",
data() {
return {
sreachFormData: {
billNo: "",
orderNo: "",
rspCode: "",
createTime: [],
logisticsNo: "",
},
originalLogisticsNo: "", // 用于保存原始的 logisticsNo 字符串
page: {
pageIndex: 1,
pageSize: 20,
total: 0,
},
tableData: [],
headerData: [
{
name: "回执状态",
value: "rspCode",
width: "",
align: "left",
slot: true,
},
{
name: "物流运单编号",
value: "logisticsNo",
width: "",
align: "left",
slot: true,
},
{
name: "提运单号",
value: "billNo",
width: "",
align: "left",
},
{
name: "订单编号",
value: "orderNo",
width: "",
align: "left",
},
{
name: "大包裹号",
value: "totalPackageNo",
width: "",
align: "left",
},
{
name: "主要货物信息",
value: "mainGName",
width: "",
align: "left",
},
{
name: "报送类型",
value: "appType",
width: "",
align: "left",
},
{
name: "创建时间",
value: "createTime",
width: "",
align: "left",
},
],
receiptDataHead: [
{
name: "回执状态",
value: "rspCode",
width: "120",
align: "left",
},
{
name: "状态时间",
value: "rspTime",
width: "",
align: "left",
},
{
name: "回执描述",
value: "rspMsg",
width: "",
align: "left",
},
],
loadings: {
searchLoading: false,
},
textareaVisible: {
formItemconsignmentCode: false,
formItemconsignmentHeadCode: false,
},
tableMaxheight: null,
};
},
created() {
this.search(0);
},
mounted() {
this.tableMaxheight = window.innerHeight - 300;
},
watch: {
$route() {
this.popoverClose();
},
},
methods: {
//查询
search(val) {
this.loadings.searchLoading = true;
if (val == 0) {
this.page.pageIndex = 1;
}
let obj = { ...this.sreachFormData }; // 使用对象展开运算符复制 sreachFormData
//let obj = this.sreachFormData;
obj.pageIndex = this.page.pageIndex;
obj.pageSize = this.page.pageSize;
obj.createTimeStart = "";
obj.createTimeEnd = "";
if (obj.createTime.length > 0) {
obj.startCreateTime = obj.createTime[0];
obj.endCreateTime = obj.createTime[1];
}
// 使用保存的原始 logisticsNo 字符串
obj.logisticsNo = this.originalLogisticsNo;
if (obj.logisticsNo != null && obj.logisticsNo != "") {
obj.logisticsNo = obj.logisticsNo.split("\n");
} else {
obj.logisticsNo = [];
}
getPvgWaybillList(obj)
.then((res) => {
if (res.code === "200") {
this.tableData = res.data.value;
this.page.total = res.data.totalItems;
this.tableData.forEach((item, idx) => {
item.index = idx;
item.returnStatusPopoverType = false;
item.popoverData = [];
});
} else {
this.alertWarningMsg(res.message);
}
this.loadings.searchLoading = false;
})
.catch((err) => {
console.log(err);
this.loadings.searchLoading = false;
});
},
//重置
clear() {
this.sreachFormData = {
billNo: "",
orderNo: "",
rspCode: "",
createTime: [],
};
this.originalLogisticsNo = "";
},
//导出
downloadData() {},
//查询详情
view(val) {
this.$router.push({
name: "PvgOrderDetail",
params: { data: val },
});
},
popoverChange(val) {
console.log(val);
this.tableData = val.tableData;
this.receiptApi(val.data.id, val.status)
.then((res) => {
val.tableData.forEach((item) => {
if (item.declareId == val.data.declareId) {
item.popoverData = res;
}
});
this.tableData = val.tableData;
})
.finally(() => {
this.$nextTick(() => {
this.$store.dispatch("setLoadingState", false);
this.$refs.returnStatusPopover.tableLoading = false;
});
});
},
//查询回执
receiptApi(id) {
return new Promise((resolve, reject) => {
let obj = { id: id };
getPvgWaybillReceiptInfo(obj)
.then((res) => {
if (res.code === "200") {
resolve(res.data);
} else {
reject();
}
})
.catch((err) => {
console.log(err);
reject();
});
});
},
popoverClose(val) {
this.tableData.forEach((item) => {
item.returnStatusPopoverType = false;
item.popoverData = [];
});
this.$refs.entryTable.$refs.tables.$refs.bodyWrapper.style.overflowY =
"auto";
},
formChange(val) {
this.sreachFormData = val;
this.originalLogisticsNo = val.logisticsNo; // 保存原始的 logisticsNo 字符串
},
//分页
currentChange(val) {
this.page.pageIndex = val.page;
this.search(1);
},
sizeChange(val) {
this.page.pageSize = val;
this.search(1);
},
cellClick() {
this.popoverClose();
},
dateChange(val) {
if (val == "" || val == null) {
this.$nextTick(() => {
this.sreachFormData.createTime = [];
});
}
},
input() {
this.$forceUpdate();
},
},
};
</script>
<style scoped lang="scss">
@import "@/assets/styles/variables.scss";
.entrySreach {
height: 100%;
background-color: $menuLightBg;
.entrySreachButton {
display: inline-block;
font-size: 20px;
color: $fedexButton !important;
}
.optionButton {
padding: 10px;
text-align: right;
.el-button {
color: $fedexButton;
border-color: $fedexButton !important;
svg {
display: inline-block;
margin-right: 5px;
fill: $fedexButton;
}
}
.entrySaveButton:hover,
.entrySaveButton:focus {
color: $menuLightBg !important;
background-color: $fedexButton !important;
}
}
}
.texttareaTip {
position: absolute;
top: 52%;
right: 20px;
transform: translate(0, -50%);
z-index: 10;
}
</style>
......@@ -143,7 +143,7 @@
<template v-slot:rspCode="scope">
<TablePopover
ref="returnStatusPopover"
dataKey="rspCode"
dataKey="returnStatus"
:parentDom="$refs.entryTable"
:receiptDataHead="receiptDataHead"
:rowData="scope.row"
......@@ -219,19 +219,19 @@ export default {
},
{
name: "电商企业代码",
value: "ebccode",
value: "ebcCode",
width: "",
align: "left",
},
{
name: "电商企业名称",
value: "ebcname",
value: "ebcName",
width: "",
align: "left",
},
{
name: "物流申报企业平台代码",
value: "agentName",
value: "logisticsSenderCode",
width: "",
align: "left",
},
......@@ -252,13 +252,13 @@ export default {
},
{
name: "状态时间",
value: "returnTime",
value: "rspTime",
width: "",
align: "left",
},
{
name: "回执描述",
value: "returnInfo",
value: "rspMsg",
width: "",
align: "left",
},
......
<template>
<div class="entry" v-loading="loadings.entryLoading">
<div class="entryTitle">
<div>出口订单详情</div>
<div>PVG运单详情</div>
<div>
<el-button class="entrySaveButton" @click="back">返 回</el-button>
</div>
......@@ -15,135 +15,98 @@
size="small"
>
<el-row :gutter="5">
<!-- 订单编号 -->
<el-col :span="3">
<Formitem label="电商订单/海外仓订仓编号" prop="orderNo">
<Formitem label="提运单号" prop="billNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--orderNo"
resize="none"
v-model="formData.orderNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 物流申报企业平台代码 -->
<el-col :span="3">
<Formitem label="物流申报企业平台代码" prop="logisticsSenderCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--logisticsSenderCode"
resize="none"
v-model="formData.logisticsSenderCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 申报类型 -->
<el-col :span="3">
<Formitem label="申报类型" prop="appType">
<el-input
type="text"
class="inputShadow"
id="inputInner--appType"
id="inputInner--billNo"
resize="none"
v-model="formData.appType"
v-model="formData.billNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商平台代码 -->
<el-col :span="3">
<Formitem label="电商平台代码" prop="ebpCode">
<Formitem label="物流运单编号" prop="logisticsNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebpCode"
id="inputInner--logisticsNo"
resize="none"
v-model="formData.ebpCode"
v-model="formData.logisticsNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商平台/海外仓名称 -->
<el-col :span="6">
<Formitem label="电商平台/海外仓名称" prop="ebpName">
<Formitem label="商品信息" prop="mainGName">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebpName"
id="inputInner--mainGName"
resize="none"
v-model="formData.ebpName"
v-model="formData.mainGName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商企业代码 -->
<el-col :span="3">
<Formitem label="电商企业代码" prop="ebcCode">
<Formitem label="大包裹号" prop="totalPackageNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebcCode"
id="inputInner--totalPackageNo"
resize="none"
v-model="formData.ebcCode"
v-model="formData.totalPackageNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 电商企业 -->
<el-col :span="6">
<Formitem label="电商企业名称" prop="ebcName">
<el-col :span="3">
<Formitem label="小包数量" prop="packageNum">
<el-input
type="text"
class="inputShadow"
id="inputInner--ebcName"
id="inputInner--packageNum"
resize="none"
v-model="formData.ebcName"
v-model="formData.packageNum"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
</el-row>
<el-row :gutter="5">
<!-- 商品金额 -->
<el-col :span="3">
<Formitem label="商品金额" prop="totalPrice">
<Formitem label="运费" prop="freight">
<el-input
type="text"
class="inputShadow"
id="inputInner--totalPrice"
id="inputInner--freight"
resize="none"
v-model="formData.totalPrice"
v-model="formData.freight"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 运杂费 -->
<!-- 电商企业 -->
<el-col :span="3">
<Formitem label="运杂费" prop="freight">
<Formitem label="保费" prop="insuredFee">
<el-input
type="text"
class="inputShadow"
id="inputInner--freight"
id="inputInner--insuredFee"
resize="none"
v-model="formData.freight"
v-model="formData.insuredFee"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 币制 -->
<el-col :span="3">
<Formitem label="币制" prop="currency">
<el-select
......@@ -162,131 +125,143 @@
</el-select>
</Formitem>
</el-col>
<!-- 收货人名称 -->
<el-col :span="3">
<Formitem label="收货人名称" prop="consignee">
<Formitem label="毛重" prop="grossWeight">
<el-input
type="text"
class="inputShadow"
id="inputInner--consignee"
id="inputInner--grossWeight"
resize="none"
v-model="formData.consignee"
v-model="formData.grossWeight"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 收货人电话 -->
<el-col :span="3">
<Formitem label="收货人电话" prop="consigneeTelephone">
<Formitem label="件数" prop="packNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--consigneeTelephone"
id="inputInner--packNo"
resize="none"
v-model="formData.consigneeTelephone"
v-model="formData.packNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 收货人地址 -->
<el-col :span="3">
<Formitem label="收货人地址" prop="consigneeAddress">
<Formitem label="运输方式" prop="cusTrafMode">
<el-select
type="text"
id="inputInner--cusTrafMode"
v-model="formData.cusTrafMode"
clearable
placeholder=""
>
<el-option
v-for="(item, index) in $store.getters.dict.DECLARE_TRAFMODE"
:key="index"
:label="item.itemChineseName"
:value="item.itemValue"
></el-option>
</el-select>
</Formitem>
</el-col>
<el-col :span="6">
<Formitem label="物流企业名称" prop="logisticsName">
<el-input
type="text"
class="inputShadow"
id="inputInner--consigneeAddress"
id="inputInner--logisticsName"
resize="none"
v-model="formData.consigneeAddress"
v-model="formData.logisticsName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 收货人所在国 -->
<el-col :span="3">
<Formitem label="收货人所在国" prop="consigneeCountry">
<Formitem label="物流企业代码" prop="logisticsCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--consigneeCountry"
id="inputInner--logisticsCode"
resize="none"
v-model="formData.consigneeCountry"
v-model="formData.logisticsCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人名称 -->
<el-col :span="3">
<Formitem label="发货人名称" prop="shipper">
<Formitem label="电商企业代码" prop="ebcName">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipper"
id="inputInner--ebcName"
resize="none"
v-model="formData.shipper"
v-model="formData.ebcName"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人电话 -->
<el-col :span="3">
<Formitem label="发货人电话" prop="shipperTelephone">
<el-col :span="6">
<Formitem label="电商企业名称" prop="ebcCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipperTelephone"
id="inputInner--ebcCode"
resize="none"
v-model="formData.shipperTelephone"
v-model="formData.ebcCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人地址 -->
<el-col :span="3">
<Formitem label="发货人地址" prop="shipperAddress">
<Formitem label="订单编号" prop="orderNo">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipperAddress"
id="inputInner--orderNo"
resize="none"
v-model="formData.shipperAddress"
v-model="formData.orderNo"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<!-- 发货人所在国 -->
<el-col :span="3">
<Formitem label="发货人所在国" prop="shipperCountry">
<Formitem label="电商企业电话" prop="ebcTelephone">
<el-input
type="text"
class="inputShadow"
id="inputInner--shipperCountry"
id="inputInner--ebcTelephone"
resize="none"
v-model="formData.shipperCountry"
v-model="formData.ebcTelephone"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="3">
<Formitem label="平台编码" prop="crossOrderId">
<Formitem label="监管场所代码" prop="operatorCode">
<el-input
type="text"
class="inputShadow"
id="inputInner--crossOrderId"
id="inputInner--operatorCode"
resize="none"
v-model="formData.crossOrderId"
v-model="formData.operatorCode"
clearable
placeholder=""
></el-input>
</Formitem>
</el-col>
<el-col :span="9">
<Formitem label="备注" prop="note">
<el-input
......@@ -319,22 +294,21 @@
:tableData="logData"
:headerData="logHeaderData"
/>
<div class="entryTitle" style="margin-top: 10px">商品明细</div>
<!-- <div class="entryTitle" style="margin-top: 10px">商品明细</div>
<ProductDetailTable
:tableData="detailData"
:bodyHeader="detialHeaderData"
/>
/> -->
<div style="margin-bottom: 20px; text-align: center"></div>
</div>
</template>
<script>
import ReceiptInfoTable from "../components/ReceiptInfoTable/index.vue";
import ProductDetailTable from "../components/ProductDetailTable/index.vue";
import { getPvgWaybillInfo } from "@/api/pvg.js";
export default {
name: "",
components: { ProductDetailTable, ReceiptInfoTable },
components: { ReceiptInfoTable },
data() {
return {
id: null,
......@@ -360,120 +334,7 @@ export default {
align: "left",
},
],
detailData: [],
detialHeaderData: [
{
name: "序号",
value: "gnum",
width: "",
align: "left",
},
{
name: "商品名称",
value: "itemName",
width: "",
align: "left",
},
{
name: "企业商品货号",
value: "itemNo",
width: "",
align: "left",
},
{
name: "商品编码",
value: "gcode",
width: "",
align: "left",
},
{
name: "规格型号",
value: "itemDescribe",
width: "",
align: "left",
},
{
name: "申报数量",
value: "barCode",
width: "",
align: "left",
},
{
name: "法定数量",
value: "qty1",
width: "",
align: "left",
},
{
name: "法定计量单位",
value: "unit1",
width: "",
align: "left",
slot: true,
},
{
name: "第二数量",
value: "qty2",
width: "",
align: "left",
},
{
name: "第二计量单位",
value: "unit2",
width: "",
align: "left",
slot: true,
},
{
name: "申报计量单位",
value: "unit",
width: "",
align: "left",
},
{
name: "商品品牌",
value: "brand",
width: "",
align: "left",
},
{
name: "企业商品描述",
value: "itemDescribe",
width: "",
align: "left",
},
{
name: "单价",
value: "price",
width: "",
align: "left",
},
{
name: "总价",
value: "totalPrice",
width: "",
align: "left",
},
{
name: "币制",
value: "currency",
width: "",
align: "left",
slot: true,
},
{
name: "条形码",
value: "gmodel",
width: "",
align: "left",
},
{
name: "备注",
value: "note",
width: "",
align: "left",
},
],
loadings: {
entryLoading: false,
},
......@@ -494,12 +355,8 @@ export default {
getPvgWaybillInfo({ id: this.id })
.then((res) => {
if (res.code === "200") {
this.formData = res.data.pvgExportOrderVo;
this.detailData = res.data.pvgExportOrderProductVo;
this.logData = res.data.pvgExportOrderReceiptVo;
this.detailData.forEach((item, idx) => {
item.index = idx;
});
this.formData = res.data.pvgExportWaybillVO;
this.logData = res.data.pvgExportWaybillReceiptVOList;
} else {
this.alertWarningMsg(res.message);
}
......
......@@ -143,7 +143,7 @@
<template v-slot:rspCode="scope">
<TablePopover
ref="returnStatusPopover"
dataKey="rspCode"
dataKey="returnStatus"
:parentDom="$refs.entryTable"
:receiptDataHead="receiptDataHead"
:rowData="scope.row"
......@@ -252,13 +252,13 @@ export default {
},
{
name: "状态时间",
value: "returnTime",
value: "rspTime",
width: "",
align: "left",
},
{
name: "回执描述",
value: "returnInfo",
value: "rspMsg",
width: "",
align: "left",
},
......@@ -344,7 +344,7 @@ export default {
//查询详情
view(val) {
this.$router.push({
name: "PvgOrderDetail",
name: "PvgWaybillDetail",
params: { data: val },
});
},
......