This commit is contained in:
aihe 2024-05-14 15:19:42 +08:00
parent 336df1bf66
commit 2891f0fe92
3 changed files with 82 additions and 48 deletions

View File

@ -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>

View File

@ -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()
}, },
} }

View File

@ -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)