uu
This commit is contained in:
parent
336df1bf66
commit
2891f0fe92
@ -1,14 +1,26 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="dt-block" style="margin-top: 0;">
|
<view class="dt-block" style="margin-top: 0;">
|
||||||
<view class="dt-tle">
|
|
||||||
<view class="t1">订单号: Tw891823727001</view>
|
<!-- <tpx-text-dic :value="modelInfo.waybillStatus" :list="dicData.emis_waybill_status" ></tpx-text-dic> -->
|
||||||
|
<!-- <view class="dt-tle">
|
||||||
|
<view class="t1">订单号: {{modelInfo.orderSn}}</view>
|
||||||
<view class="t2">
|
<view class="t2">
|
||||||
<text class="clr-prm">{{'待遗收'}}</text>
|
<text class="clr-prm">
|
||||||
|
<tpx-text-dic :value="modelInfo.orderStatus" :list="dicData.emis_order_status" ></tpx-text-dic>
|
||||||
|
</text>
|
||||||
|
</view>
|
||||||
|
</view> -->
|
||||||
|
<view class="dt-tle">
|
||||||
|
<view class="t1">运单号: {{modelInfo.billCode}}</view>
|
||||||
|
<view class="t2">
|
||||||
|
<text class="clr-prm">
|
||||||
|
<tpx-text-dic :value="modelInfo.billCode" :list="dicData.emis_waybill_status" ></tpx-text-dic>
|
||||||
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
<u-line margin="20rpx 0 20rpx"></u-line>
|
||||||
<view>
|
<view>
|
||||||
<bpe-addressjiami-tmp v-model:value="submitParam"></bpe-addressjiami-tmp>
|
<bpe-addressjiami-tmp v-model:value="modelInfo"></bpe-addressjiami-tmp>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
@ -17,28 +29,30 @@
|
|||||||
<view class="dt-tle">
|
<view class="dt-tle">
|
||||||
<view class="t1">托寄货物描述</view>
|
<view class="t1">托寄货物描述</view>
|
||||||
<view class="t2">
|
<view class="t2">
|
||||||
<text class="clr-prm">{{'待确认'}}</text>
|
<text class="clr-prm">
|
||||||
|
<tpx-text-dic :value="modelInfo.waybillStatus" :list="dicData.emis_waybill_status" ></tpx-text-dic>
|
||||||
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
<u-line margin="20rpx 0 20rpx"></u-line>
|
||||||
<view v-for="(item) in ydList" class="yditem">
|
<view v-for="(item) in (modelInfo.cargoList || [])" class="yditem">
|
||||||
<view class="ydi-lab">
|
<view class="ydi-lab">
|
||||||
<text class="font-weight">女士针织棉上衣</text>
|
<text class="font-weight">{{item.goodsName}}</text>
|
||||||
<text>预报: 300</text>
|
<text>预报: {{item.cargoQty}}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="ydi-lab mt-10">
|
<view class="ydi-lab mt-10">
|
||||||
<text class="clr-sub">无 12L 中国内地</text>
|
<text class="clr-sub">{{item.nationArea}}</text>
|
||||||
<text>实入仓: 0</text>
|
<text>实入仓: {{ item.cargoQty - (item.abnormalQty || 0) }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="ydi-lab mt-10">
|
<view class="ydi-lab mt-10">
|
||||||
<text class="clr-prm">12 CNY</text>
|
<text class="clr-prm">{{item.price}} CNY</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="dt-item">
|
<view class="dt-item">
|
||||||
<view class="font-weight">
|
<view class="font-weight">
|
||||||
<text>总重量:50kg</text>
|
<text>总重量:{{modelInfo.totalWeight || '-'}}kg</text>
|
||||||
<text class="pl-20">总体积:50m</text>
|
<text class="pl-20">总体积:{{modelInfo.totalVolume || '-'}}m³</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@ -59,7 +73,9 @@
|
|||||||
<view class="dt-tle">
|
<view class="dt-tle">
|
||||||
<view class="t1">产品类型及费用</view>
|
<view class="t1">产品类型及费用</view>
|
||||||
<view class="t2">
|
<view class="t2">
|
||||||
<text class="clr-prm">{{'已付款/待付款月结'}}</text>
|
<text class="clr-prm">
|
||||||
|
{{'已付款/待付款'}}
|
||||||
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
<u-line margin="20rpx 0 20rpx"></u-line>
|
||||||
@ -67,17 +83,17 @@
|
|||||||
<view class="dt-item">
|
<view class="dt-item">
|
||||||
<view>
|
<view>
|
||||||
<text class="clr-sub pr-10">目的国家:</text>
|
<text class="clr-sub pr-10">目的国家:</text>
|
||||||
<text class="">柬埔寨</text>
|
<text class="">{{ modelInfo.reciever.countryName }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view>
|
<view>
|
||||||
<text class="clr-sub pr-10">线路:</text>
|
<text class="clr-sub pr-10">线路:</text>
|
||||||
<text class="">柬埔寨快递</text>
|
<text class="">{{ modelInfo.transLineName }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="dt-item">
|
<view class="dt-item">
|
||||||
<view>
|
<view>
|
||||||
<text class="clr-sub pr-10">产品类型:</text>
|
<text class="clr-sub pr-10">产品类型:</text>
|
||||||
<text class="">柬埔寨国际特快</text>
|
<text class="">{{ modelInfo.productTypeName }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view>
|
<view>
|
||||||
<text class="clr-sub pr-10">时效:</text>
|
<text class="clr-sub pr-10">时效:</text>
|
||||||
@ -91,23 +107,29 @@
|
|||||||
</view>
|
</view>
|
||||||
<view>
|
<view>
|
||||||
<text class="clr-sub pr-10">付款方式:</text>
|
<text class="clr-sub pr-10">付款方式:</text>
|
||||||
<text class="">寄付现结</text>
|
<text class="">
|
||||||
|
<tpx-text-dic :value="modelInfo.paymentType" :list="dicData.emis_payment_type" ></tpx-text-dic>
|
||||||
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="dt-item">
|
<view class="dt-item">
|
||||||
<view>
|
<view>
|
||||||
<text class="clr-sub pr-10">报关方式:</text>
|
<text class="clr-sub pr-10">报关方式:</text>
|
||||||
<text class="">快递报关</text>
|
<text class="">
|
||||||
|
<tpx-text-dic :value="modelInfo.customsEclaration" :list="dicData.emis_declare_mode" ></tpx-text-dic>
|
||||||
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<view>
|
<view>
|
||||||
<text class="clr-sub pr-10">清关方式:</text>
|
<text class="clr-sub pr-10">清关方式:</text>
|
||||||
<text class="">快递清关</text>
|
<text class="">
|
||||||
|
<tpx-text-dic :value="modelInfo.customsClear" :list="dicData.emis_customs_clear" ></tpx-text-dic>
|
||||||
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="dt-item">
|
<view class="dt-item">
|
||||||
<view>
|
<view>
|
||||||
<text class="clr-sub pr-10">运费:</text>
|
<text class="clr-sub pr-10">运费:</text>
|
||||||
<text class="clr-prm font-32">¥ 80.00</text>
|
<text class="clr-prm font-32">¥ {{modelInfo.freight}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -117,7 +139,9 @@
|
|||||||
<view class="dt-tle">
|
<view class="dt-tle">
|
||||||
<view class="t1">取件信息</view>
|
<view class="t1">取件信息</view>
|
||||||
<view class="t2">
|
<view class="t2">
|
||||||
<text class="clr-prm">{{'已付款/待付款月结'}}</text>
|
<text class="clr-prm">
|
||||||
|
|
||||||
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
<u-line margin="20rpx 0 20rpx"></u-line>
|
||||||
@ -125,7 +149,9 @@
|
|||||||
<view class="dt-item">
|
<view class="dt-item">
|
||||||
<view>
|
<view>
|
||||||
<text class="clr-sub pr-10">取货方式:</text>
|
<text class="clr-sub pr-10">取货方式:</text>
|
||||||
<text class="">上门取件 整柜提货</text>
|
<text class="">
|
||||||
|
<tpx-text-dic :value="modelInfo.pickupMethod" :list="dicData.emis_qujian_fangshi" ></tpx-text-dic>
|
||||||
|
</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="dt-item">
|
<view class="dt-item">
|
||||||
@ -146,7 +172,7 @@
|
|||||||
<u-row justify="between">
|
<u-row justify="between">
|
||||||
<u-text text="快递员" size="28" :bold="true"></u-text>
|
<u-text text="快递员" size="28" :bold="true"></u-text>
|
||||||
<u-row>
|
<u-row>
|
||||||
<u-text text="李晓" size="28" :bold="true" margin="0 30rpx 0 0"></u-text>
|
<u-text :text="modelInfo.takePieceEmployeeCode" size="28" :bold="true" margin="0 30rpx 0 0"></u-text>
|
||||||
<view>
|
<view>
|
||||||
<u-avatar size="50" :src="''"></u-avatar>
|
<u-avatar size="50" :src="''"></u-avatar>
|
||||||
</view>
|
</view>
|
||||||
@ -196,14 +222,17 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import getCdnUrl from "@/common/getCdnUrl"
|
|
||||||
import { goto, goBack, setClipboardData, confirmModal, showLoading } from "@/common/untool"
|
|
||||||
import BpeAddressjiamiTmp from "@/components/buns-post-edit-templates/bpe-addressjiami-tmp"
|
import BpeAddressjiamiTmp from "@/components/buns-post-edit-templates/bpe-addressjiami-tmp"
|
||||||
|
import * as apiService from "@/common/api"
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { BpeAddressjiamiTmp },
|
components: { BpeAddressjiamiTmp },
|
||||||
computed: {
|
computed: {
|
||||||
submitInfo: {
|
dicData() {
|
||||||
|
return this.$store.getters.dicData
|
||||||
|
},
|
||||||
|
modelInfo: {
|
||||||
get(){
|
get(){
|
||||||
return this.value
|
return this.value
|
||||||
}
|
}
|
||||||
@ -214,16 +243,22 @@
|
|||||||
default () {
|
default () {
|
||||||
return { }
|
return { }
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
billCode: {
|
||||||
|
default () {
|
||||||
|
return ''
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
ydList: [
|
|
||||||
{},{},{}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
||||||
|
},
|
||||||
|
mounted(){
|
||||||
|
this.initData()
|
||||||
},
|
},
|
||||||
onHide() {
|
onHide() {
|
||||||
|
|
||||||
@ -232,8 +267,13 @@
|
|||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
goto,
|
async initData(){
|
||||||
getCdnUrl,
|
if(this.billCode) {
|
||||||
|
let res = await apiService.getOrderDetail({billCode: this.billCode, _loading: true})
|
||||||
|
// 通过对象合并才能修改父级 数据
|
||||||
|
Object.assign(this.modelInfo, res.data || {})
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
<template v-slot:header></template>
|
<template v-slot:header></template>
|
||||||
<template v-slot:body>
|
<template v-slot:body>
|
||||||
<view class="mt-30">
|
<view class="mt-30">
|
||||||
<bo-detail-tmp v-model:value="submitParam"></bo-detail-tmp>
|
<bo-detail-tmp v-model:value="submitParam" :billCode="queryOption.billCode"></bo-detail-tmp>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:footer>
|
<template v-slot:footer>
|
||||||
@ -25,9 +25,8 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import getCdnUrl from "@/common/getCdnUrl"
|
|
||||||
import { goto, goBack, setClipboardData, confirmModal, showLoading } from "@/common/untool"
|
|
||||||
import BoDetailTmp from "@/components/buns-order-templates/bo-detail-tmp"
|
import BoDetailTmp from "@/components/buns-order-templates/bo-detail-tmp"
|
||||||
|
import * as apiService from "@/common/api"
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: { BoDetailTmp },
|
components: { BoDetailTmp },
|
||||||
@ -40,31 +39,26 @@
|
|||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
submitParam: {
|
submitParam: {},
|
||||||
|
queryOption: {
|
||||||
|
billCode: '', // 运单id
|
||||||
},
|
},
|
||||||
ydList: [
|
|
||||||
{},{},{}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onShareAppMessage() {
|
onShareAppMessage() {
|
||||||
return {
|
return {
|
||||||
// title: '',
|
|
||||||
// path: 'TODO'
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(queryOption) {
|
onLoad(option) {
|
||||||
this.queryOption = queryOption
|
this.queryOption = option
|
||||||
this.initData();
|
this.initData();
|
||||||
},
|
},
|
||||||
onUnload() {
|
onUnload() {
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
goto,
|
|
||||||
getCdnUrl,
|
|
||||||
initData(){
|
initData(){
|
||||||
// showLoading()
|
|
||||||
},
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -193,7 +193,7 @@
|
|||||||
let itemQuery = `?billCode=${item.billCode || ''}&orderSn=${item.orderSn || ''}`
|
let itemQuery = `?billCode=${item.billCode || ''}&orderSn=${item.orderSn || ''}`
|
||||||
switch (deal.type){
|
switch (deal.type){
|
||||||
case 1: // 跳转
|
case 1: // 跳转
|
||||||
this.goto(`post/detail?id=${item.id || ''}`)
|
this.goto(`post/detail${itemQuery}`)
|
||||||
break;
|
break;
|
||||||
case 2: // 复制订单号
|
case 2: // 复制订单号
|
||||||
this.setClipboardData(item.billCode || item.orderSn)
|
this.setClipboardData(item.billCode || item.orderSn)
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user