uu
This commit is contained in:
aihe
parent
38115b507c
commit
1516a6a49d
@ -37,26 +37,10 @@
|
||||
</view>
|
||||
</view>
|
||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
||||
<view v-for="(item) in (modelInfo.cargoList || [])" class="yditem">
|
||||
<view class="ydi-lab">
|
||||
<text class="font-weight">{{item.goodsName}}</text>
|
||||
<text>预报: {{item.cargoQty}}</text>
|
||||
</view>
|
||||
<view class="ydi-lab mt-10">
|
||||
<text class="clr-sub">{{item.nationArea}}</text>
|
||||
<text>实入仓: {{ item.cargoQty - (item.abnormalQty || 0) }}</text>
|
||||
</view>
|
||||
<view class="ydi-lab mt-10">
|
||||
<text class="clr-prm">{{item.price}} CNY</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="dt-item">
|
||||
<view class="font-weight">
|
||||
<text>总重量:{{modelInfo.totalWeight || '-'}}kg</text>
|
||||
<text class="pl-20">总体积:{{modelInfo.totalVolume || '-'}}m³</text>
|
||||
</view>
|
||||
<view class="">
|
||||
<bpe-goodstatic-tmp v-model:value="modelInfo"></bpe-goodstatic-tmp>
|
||||
</view>
|
||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
||||
|
||||
<u-row justify="end">
|
||||
<view style="display: inline-block;white-space: nowrap;" class="mt-10">
|
||||
@ -73,7 +57,7 @@
|
||||
|
||||
<view class="dt-block">
|
||||
<view class="dt-tle">
|
||||
<view class="t1">产品类型及费用</view>
|
||||
<view class="t1">产品类型</view>
|
||||
<view class="t2">
|
||||
<text class="clr-prm">
|
||||
<tpx-text-dic :value="modelInfo.paymentStatus" :list="dicData.emis_payment_status" ></tpx-text-dic>
|
||||
@ -84,75 +68,80 @@
|
||||
<view class="blcok-grey-sm">
|
||||
<view class="dt-item">
|
||||
<view v-if="modelInfo.reciever">
|
||||
<text class="clr-sub pr-10">寄件网点:</text>
|
||||
<text class="clr-sub pr-10">寄件网点</text>
|
||||
<text class="">{{ modelInfo.sendSiteName }}</text>
|
||||
</view>
|
||||
<view>
|
||||
<text class="clr-sub pr-10">目的网点:</text>
|
||||
<text class="clr-sub pr-10">目的网点</text>
|
||||
<text class="">{{ modelInfo.dispatchUnderlingSiteName }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dt-item">
|
||||
<view v-if="modelInfo.reciever">
|
||||
<text class="clr-sub pr-10">目的地:</text>
|
||||
<view>
|
||||
<text class="clr-sub pr-10">目的地</text>
|
||||
<text class="">{{ modelInfo.destinationName }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dt-item">
|
||||
<view v-if="modelInfo.reciever">
|
||||
<text class="clr-sub pr-10">目的国家:</text>
|
||||
<text class="clr-sub pr-10">目的国家</text>
|
||||
<text class="">{{ modelInfo.reciever.countryName }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dt-item">
|
||||
<view>
|
||||
<text class="clr-sub pr-10">线路:</text>
|
||||
<text class="clr-sub pr-10">线路</text>
|
||||
<text class="">{{ modelInfo.transLineTypeName }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dt-item">
|
||||
<view>
|
||||
<text class="clr-sub pr-10">产品类型:</text>
|
||||
<text class="clr-sub pr-10">产品类型</text>
|
||||
<text class="">{{ modelInfo.productTypeName }}</text>
|
||||
</view>
|
||||
<view>
|
||||
<text class="clr-sub pr-10">时效:</text>
|
||||
<text class="">{{modelInfo.timeType}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dt-item">
|
||||
<view>
|
||||
<text class="clr-sub pr-10">基础运费:</text>
|
||||
<text class="">￥{{modelInfo.freight}}</text>
|
||||
</view>
|
||||
<view>
|
||||
<text class="clr-sub pr-10">付款方式:</text>
|
||||
<u-row>
|
||||
<text class="clr-sub pr-10">付款方式</text>
|
||||
<text class="">
|
||||
<tpx-text-dic :value="modelInfo.paymentType" :list="dicData.emis_payment_type" ></tpx-text-dic>
|
||||
</text>
|
||||
</u-row>
|
||||
<view>
|
||||
<text class="clr-sub pr-10">时效</text>
|
||||
<text class="">{{modelInfo.timeType}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="isShowYueJie" class="dt-item">
|
||||
<u-row>
|
||||
<text class="clr-sub pr-10">月结账号</text>
|
||||
<text class="">{{modelInfo.custNo}}</text>
|
||||
</u-row>
|
||||
</view>
|
||||
<view class="dt-item">
|
||||
<view>
|
||||
<text class="clr-sub pr-10">报关方式:</text>
|
||||
<u-row>
|
||||
<text class="clr-sub pr-10">报关方式</text>
|
||||
<text class="">
|
||||
<tpx-text-dic :value="modelInfo.customsEclaration" :list="dicData.emis_declare_mode" ></tpx-text-dic>
|
||||
</text>
|
||||
</view>
|
||||
<view>
|
||||
<text class="clr-sub pr-10">清关方式:</text>
|
||||
</u-row>
|
||||
<u-row>
|
||||
<text class="clr-sub pr-10">清关方式</text>
|
||||
<text class="">
|
||||
<tpx-text-dic :value="modelInfo.customsClear" :list="dicData.emis_customs_clear" ></tpx-text-dic>
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dt-item">
|
||||
<view>
|
||||
<text class="clr-sub pr-10">运费:</text>
|
||||
<text class="clr-prm font-32">￥ {{modelInfo.freight}}</text>
|
||||
</view>
|
||||
</u-row>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="dt-block">
|
||||
<view class="dt-tle">
|
||||
<view class="t1">费用明细</view>
|
||||
<view class="t2"></view>
|
||||
</view>
|
||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
||||
<view class="">
|
||||
<bpe-coststatic-tmp v-model:value="modelInfo"></bpe-coststatic-tmp>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="dt-block">
|
||||
<view class="dt-tle">
|
||||
<view class="t1">取件信息</view>
|
||||
@ -165,22 +154,22 @@
|
||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
||||
<view class="blcok-grey-sm">
|
||||
<view class="dt-item">
|
||||
<view>
|
||||
<text class="clr-sub pr-10">取货方式:</text>
|
||||
<u-row>
|
||||
<text class="clr-sub pr-10">取货方式</text>
|
||||
<text class="">
|
||||
<tpx-text-dic :value="modelInfo.pickupMethod" :list="dicData.emis_qujian_fangshi" ></tpx-text-dic>
|
||||
</text>
|
||||
</view>
|
||||
</u-row>
|
||||
</view>
|
||||
<view class="dt-item">
|
||||
<view>
|
||||
<text class="clr-sub pr-10">预约上门:</text>
|
||||
<text class="clr-sub pr-10">预约上门</text>
|
||||
<text class=""> {{modelInfo.pickStartDate}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dt-item">
|
||||
<view>
|
||||
<text class="clr-sub pr-10">安排信息:</text>
|
||||
<text class="clr-sub pr-10">安排信息</text>
|
||||
<text >
|
||||
<text v-if="modelInfo.pickupMethod == 1">{{modelInfo.operateEmployeeName}}</text>
|
||||
<text v-if="modelInfo.pickupMethod == 2">{{modelInfo.takePieceEmployeeName}}</text>
|
||||
@ -221,22 +210,20 @@
|
||||
</view>
|
||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
||||
<view class="blcok-grey-sm" style="margin-top: 0;">
|
||||
<view>收件进仓单图片</view>
|
||||
<u-image @click="handlePreviewDiDan()" :src="getCdnUrl(`mine/kjcha.png`)" width="100" height="100" mode="aspectFill"
|
||||
custom-style="margin: 20rpx 20rpx 0 0;"
|
||||
></u-image>
|
||||
<bpd-pic-preview-tmp label="货物图片" :list="modelInfo.billPicGoodsRmk" ></bpd-pic-preview-tmp>
|
||||
</view>
|
||||
<view class="blcok-grey-sm mt-20">
|
||||
<view>签收货物图片</view>
|
||||
<u-image @click="handlePreviewDiDan()" :src="getCdnUrl(`mine/kjcha.png`)" width="100" height="100" mode="aspectFill"
|
||||
custom-style="margin: 20rpx 20rpx 0 0;"
|
||||
></u-image>
|
||||
<bpd-pic-preview-tmp label="揽收底单图片" :list="modelInfo.billPicSendRmk" ></bpd-pic-preview-tmp>
|
||||
</view>
|
||||
<u-line margin="20rpx 0 20rpx"></u-line>
|
||||
<view class="blcok-grey-sm mt-20">
|
||||
<bpd-pic-preview-tmp label="收件进仓单图片TODO" :list="modelInfo.TODO" ></bpd-pic-preview-tmp>
|
||||
</view>
|
||||
<view class="blcok-grey-sm mt-20">
|
||||
<view>签收签名图片</view>
|
||||
<u-image @click="handlePreviewDiDan()" :src="getCdnUrl(`mine/kjcha.png`)" width="100" height="100" mode="aspectFill"
|
||||
custom-style="margin: 20rpx 20rpx 0 0;"
|
||||
></u-image>
|
||||
<bpd-pic-preview-tmp label="签收货物图片" :list="modelInfo.billPicDispatchRmk" ></bpd-pic-preview-tmp>
|
||||
</view>
|
||||
<view class="blcok-grey-sm mt-20">
|
||||
<bpd-pic-preview-tmp label="签收签名图片TODO" :list="modelInfo.TODO" ></bpd-pic-preview-tmp>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height: 30rpx;"></view>
|
||||
@ -247,10 +234,14 @@
|
||||
<script>
|
||||
|
||||
import BpeAddressjiamiTmp from "@/components/buns-post-edit-templates/bpe-addressjiami-tmp"
|
||||
import BpdPicPreviewTmp from "@/components/buns-post-detail-templates/bpd-pic-preview-tmp"
|
||||
import BpeGoodstaticTmp from "@/components/buns-post-edit-templates/bpe-goodstatic-tmp"
|
||||
import BpeCoststaticTmp from "@/components/buns-post-edit-templates/bpe-coststatic-tmp"
|
||||
|
||||
import * as apiService from "@/common/api"
|
||||
|
||||
export default {
|
||||
components: { BpeAddressjiamiTmp },
|
||||
components: { BpeAddressjiamiTmp, BpdPicPreviewTmp, BpeGoodstaticTmp, BpeCoststaticTmp },
|
||||
computed: {
|
||||
dicData() {
|
||||
return this.$store.getters.dicData
|
||||
@ -259,7 +250,11 @@
|
||||
get(){
|
||||
return this.value
|
||||
}
|
||||
}
|
||||
},
|
||||
isShowYueJie(){
|
||||
let { modelInfo } = this
|
||||
return modelInfo.paymentType == 2 || modelInfo.paymentType == 4 || modelInfo.paymentType == 5
|
||||
},
|
||||
},
|
||||
props: {
|
||||
value: {
|
||||
|
||||
@ -0,0 +1,78 @@
|
||||
<template>
|
||||
<u-row justify="between" align="top">
|
||||
<view class="font-28 font-weight">
|
||||
{{label}}
|
||||
</view>
|
||||
<view style="width: 120rpx;">
|
||||
<u-button @click="handleCheckDanJu(dataList)" :plain="true" shape="circle" custom-style="margin: 0 10rpx;height:50rpx;font-size: 28rpx;">
|
||||
查看
|
||||
</u-button>
|
||||
</view>
|
||||
</u-row>
|
||||
<view>
|
||||
<u-row>
|
||||
<u-image v-for="(item, index) in dataList"
|
||||
@click="handlePreviewCur(dataList, index)" :src="item" width="100" height="50" mode="aspectFill"
|
||||
custom-style="margin: 20rpx 20rpx 0 0;"
|
||||
></u-image>
|
||||
</u-row>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
computed: {
|
||||
dataList() {
|
||||
let list = this.list || []
|
||||
if(typeof list == 'string') {
|
||||
list = list.split(",")
|
||||
}
|
||||
return list
|
||||
}
|
||||
},
|
||||
props: {
|
||||
label: {
|
||||
default () {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
list: {
|
||||
default () {
|
||||
return []
|
||||
}
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
onHide() {
|
||||
|
||||
},
|
||||
unmounted() {
|
||||
},
|
||||
|
||||
methods: {
|
||||
handleCheckDanJu(list, type){
|
||||
let url = ''
|
||||
if(list.length == 0) {
|
||||
return this.showToast("暂无数据")
|
||||
}
|
||||
this.handlePreviewCur(list, 0)
|
||||
},
|
||||
handlePreviewCur(list, index) {
|
||||
uni.previewImage({
|
||||
urls: list,
|
||||
current: index
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
</style>
|
||||
135
components/buns-post-edit-templates/bpe-coststatic-tmp.vue
Normal file
135
components/buns-post-edit-templates/bpe-coststatic-tmp.vue
Normal file
@ -0,0 +1,135 @@
|
||||
<template>
|
||||
<view class="shet-cont">
|
||||
|
||||
<view>
|
||||
<u-row justify="between">
|
||||
<view>
|
||||
<text class="clr-sub pr-10">总费用</text>
|
||||
<text >
|
||||
{{modelInfo.freight || 0}}<text class="clr-sub pl-10">CNY</text>
|
||||
</text>
|
||||
</view>
|
||||
<u-row>
|
||||
<text class="clr-sub pr-10">计费方式</text>
|
||||
<text>
|
||||
<tpx-text-dic :value="modelInfo.calcFeeType" :list="dicData.emis_calc_fee_type"></tpx-text-dic>
|
||||
</text>
|
||||
</u-row>
|
||||
</u-row>
|
||||
</view>
|
||||
|
||||
<view class="pt-20 pb-20">
|
||||
<u-row justify="between">
|
||||
<view>
|
||||
<text class="clr-sub pr-10">特殊报价</text>
|
||||
<text>{{modelInfo.blSpecialQuote ? '是' : '否'}}</text>
|
||||
</view>
|
||||
<view>
|
||||
<text class="clr-sub pr-10">敏感物</text>
|
||||
<text>{{modelInfo.blSpecialGoods ? '是' : '否'}}</text>
|
||||
</view>
|
||||
</u-row>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
<view v-for="(item, index) in modelInfo.feeItems" class="jsfm-item">
|
||||
<!-- 手动添加的才能删除 -->
|
||||
<view>
|
||||
<u-row justify="between">
|
||||
<view>
|
||||
<text class="clr-sub">{{item.feeName}}</text> {{item.realFee || 0}}<text class="clr-sub pl-10">CNY</text>
|
||||
</view>
|
||||
<view >
|
||||
<text class="clr-sub">应收</text> {{item.fee || 0}}<text class="clr-sub pl-10">CNY</text>
|
||||
</view>
|
||||
</u-row>
|
||||
</view>
|
||||
<view class="pt-10">
|
||||
<u-row justify="between">
|
||||
<view>
|
||||
<text class="clr-sub">续重单价</text> {{item.addWeightPrice || 0}}<text class="clr-sub pl-10">CNY</text>
|
||||
</view>
|
||||
<view >
|
||||
<text class="clr-sub">首重费</text> {{item.initialWeightFee || 0}}<text class="clr-sub pl-10">CNY</text>
|
||||
</view>
|
||||
</u-row>
|
||||
</view>
|
||||
<view v-if="item.calcExp" class="pt-10">
|
||||
<text class="clr-sub">计算公式</text> {{item.calcExp}}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="">
|
||||
<u-row justify="between">
|
||||
<u-row>
|
||||
<text class="clr-sub pr-10">费用备注</text>
|
||||
<text>{{modelInfo.feeRemaker}}</text>
|
||||
</u-row>
|
||||
</u-row>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as apiService from "@/common/api"
|
||||
export default {
|
||||
computed: {
|
||||
modelInfo: {
|
||||
get() {
|
||||
return this.value
|
||||
}
|
||||
},
|
||||
dicData() {
|
||||
return this.$store.getters.dicData
|
||||
},
|
||||
},
|
||||
props: {
|
||||
value: {
|
||||
default () {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
created() {
|
||||
},
|
||||
onHide() {
|
||||
|
||||
},
|
||||
unmounted() {
|
||||
|
||||
},
|
||||
|
||||
methods: {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.shet-cont {}
|
||||
|
||||
.jsfm-item {
|
||||
position: relative;
|
||||
background-color: #F6F6F6;
|
||||
padding: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
border-bottom: 2rpx solid #F6F6F6;
|
||||
&:last-child {
|
||||
margin-bottom: 0rpx;
|
||||
}
|
||||
.lft1 {
|
||||
font-weight: 700;
|
||||
width: 150rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.delicon {
|
||||
padding: 16rpx 0 16rpx 20rpx;
|
||||
}
|
||||
}
|
||||
.nobg {
|
||||
background-color: transparent;
|
||||
}
|
||||
</style>
|
||||
@ -12,7 +12,7 @@
|
||||
</u-col>
|
||||
<u-col span="6">
|
||||
<view class="pt-5">
|
||||
<text class="clr-sub pr-10">实发</text> {{item.cargoQty}}
|
||||
<text class="clr-sub pr-10">件数</text> {{item.cargoQty}}
|
||||
</view>
|
||||
</u-col>
|
||||
<u-col v-if="item.price" span="6">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user