uu
This commit is contained in:
aihe
parent
91c727fba7
commit
3d1f091640
@ -49,35 +49,43 @@
|
|||||||
</tpx-text-item>
|
</tpx-text-item>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="edm-input-item">
|
<view>
|
||||||
<tpx-text-item label="物品单价">
|
|
||||||
<template v-slot:right>
|
</view>
|
||||||
<u-input placeholder="请填写" v-model="modelInfo.price" inputAlign="right" font-size="26"
|
<bpe-gooditemsize-tmp v-model:value="modelInfo"></bpe-gooditemsize-tmp>
|
||||||
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
|
|
||||||
placeholder-style="color: #999; " type="digit"
|
<view v-if="showMode!=1">
|
||||||
>
|
<view class="edm-input-item">
|
||||||
<template #suffix>
|
<tpx-text-item label="物品单价">
|
||||||
<text class="font-26 clr-sub pl-10">CNY</text>
|
<template v-slot:right>
|
||||||
</template>
|
<u-input placeholder="请填写" v-model="modelInfo.price" inputAlign="right" font-size="26"
|
||||||
</u-input>
|
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
|
||||||
</template>
|
placeholder-style="color: #999; " type="digit"
|
||||||
</tpx-text-item>
|
>
|
||||||
|
<template #suffix>
|
||||||
|
<text class="font-26 clr-sub pl-10">CNY</text>
|
||||||
|
</template>
|
||||||
|
</u-input>
|
||||||
|
</template>
|
||||||
|
</tpx-text-item>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="edm-input-item">
|
||||||
|
<tpx-text-item label="原产地">
|
||||||
|
<template v-slot:right>
|
||||||
|
<u-input placeholder="请填写" v-model="modelInfo.nationArea" inputAlign="right" font-size="26"
|
||||||
|
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
|
||||||
|
placeholder-style="color: #999; "
|
||||||
|
></u-input>
|
||||||
|
</template>
|
||||||
|
</tpx-text-item>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="edm-input-item">
|
|
||||||
<tpx-text-item label="原产地">
|
|
||||||
<template v-slot:right>
|
|
||||||
<u-input placeholder="请填写" v-model="modelInfo.nationArea" inputAlign="right" font-size="26"
|
|
||||||
custom-style="border:0;border-radius: 10rpx;padding: 14rpx 20rpx;"
|
|
||||||
placeholder-style="color: #999; "
|
|
||||||
></u-input>
|
|
||||||
</template>
|
|
||||||
</tpx-text-item>
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="dt-block" style="margin-top: 50rpx;">
|
<view v-if="showMode!=1" class="dt-block" style="margin-top: 50rpx;">
|
||||||
<view class="dt-tle">
|
<view class="dt-tle">
|
||||||
<view class="com-section grey">其他信息(按需填写)</view>
|
<view class="com-section grey">其他信息(按需填写)</view>
|
||||||
</view>
|
</view>
|
||||||
@ -165,7 +173,9 @@
|
|||||||
<script>
|
<script>
|
||||||
import * as apiService from "@/common/api"
|
import * as apiService from "@/common/api"
|
||||||
import { transListKeyTitle } from "@/common/util"
|
import { transListKeyTitle } from "@/common/util"
|
||||||
|
import BpeGooditemsizeTmp from "@/components/buns-post-edit-templates/bpe-gooditemsize-tmp"
|
||||||
export default {
|
export default {
|
||||||
|
components: { BpeGooditemsizeTmp },
|
||||||
computed: {
|
computed: {
|
||||||
dicData() {
|
dicData() {
|
||||||
return this.$store.getters.dicData
|
return this.$store.getters.dicData
|
||||||
@ -191,6 +201,11 @@
|
|||||||
default () {
|
default () {
|
||||||
return {}
|
return {}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
showMode: {
|
||||||
|
default () {
|
||||||
|
return '1' // 1 只显示商品名称、体积； 2：显示全部商品信息
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|||||||
89
components/buns-post-edit-templates/bpe-gooditemsize-tmp.vue
Normal file
89
components/buns-post-edit-templates/bpe-gooditemsize-tmp.vue
Normal file
@ -0,0 +1,89 @@
|
|||||||
|
<template>
|
||||||
|
<view class="">
|
||||||
|
|
||||||
|
<view class="jsfm-item">
|
||||||
|
<u-row justify="between" align="top">
|
||||||
|
<text class="font-28 pt-20 font-weight">尺寸</text>
|
||||||
|
<view style="width: 70%;">
|
||||||
|
<u-row justify="between">
|
||||||
|
<u-col span="3.7">
|
||||||
|
<tpx-input v-model:value="modelInfo.length" @change="calculateVplume" placeholder="长" inputAlign="right" suffix="cm" type="digit"></tpx-input>
|
||||||
|
</u-col>
|
||||||
|
<u-col span="3.7">
|
||||||
|
<tpx-input v-model:value="modelInfo.width" @change="calculateVplume" placeholder="宽" inputAlign="right" suffix="cm" type="digit"></tpx-input>
|
||||||
|
</u-col>
|
||||||
|
<u-col span="3.7">
|
||||||
|
<tpx-input v-model:value="modelInfo.height" @change="calculateVplume" placeholder="高" inputAlign="right" suffix="cm" type="digit"></tpx-input>
|
||||||
|
</u-col>
|
||||||
|
</u-row>
|
||||||
|
</view>
|
||||||
|
</u-row>
|
||||||
|
</view>
|
||||||
|
<view class="jsfm-item">
|
||||||
|
<u-row justify="between" align="top">
|
||||||
|
<text class="font-28 font-weight">体积</text>
|
||||||
|
<view style="">
|
||||||
|
{{modelInfo.volume || '0'}}
|
||||||
|
<text class="clr-sub">m³</text>
|
||||||
|
</view>
|
||||||
|
</u-row>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
modelInfo: {
|
||||||
|
get(){
|
||||||
|
return this.value
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
props: {
|
||||||
|
value: {
|
||||||
|
default () {
|
||||||
|
return { }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
unmounted() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
calculateVplume() {
|
||||||
|
setTimeout(()=> {
|
||||||
|
let volume = this.modelInfo.volume
|
||||||
|
const { length, width, height } = this.modelInfo
|
||||||
|
if(length && width && height){
|
||||||
|
volume = length/100 * width/100 * height/100
|
||||||
|
}
|
||||||
|
if(volume && volume.toFixed) {
|
||||||
|
volume = volume.toFixed(5)
|
||||||
|
this.modelInfo.volume = volume
|
||||||
|
}
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.shet-cont{
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.jsfm-item{
|
||||||
|
margin-top: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -1,5 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<view v-if="title" class="mb-20">{{title}}</view>
|
<view class="mb-20">
|
||||||
|
<slot name="title"></slot>
|
||||||
|
<view v-if="title && !$slots.title">{{title}}</view>
|
||||||
|
</view>
|
||||||
<tpx-upload v-model:value="modelInfo[filedName]" maxLen="10"></tpx-upload>
|
<tpx-upload v-model:value="modelInfo[filedName]" maxLen="10"></tpx-upload>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
<view class="shet-cont">
|
<view class="shet-cont">
|
||||||
<view class="jsfm-item">
|
<view class="jsfm-item">
|
||||||
<u-row justify="between">
|
<u-row justify="between">
|
||||||
<text class="font-28">件数</text>
|
<text class="font-28 font-weight">总件数</text>
|
||||||
<view>
|
<view>
|
||||||
<uni-number-box v-model="modelInfo.parcelQty" :min="1" :max="10000"></uni-number-box>
|
<uni-number-box v-model="modelInfo.parcelQty" :min="1" :max="10000"></uni-number-box>
|
||||||
</view>
|
</view>
|
||||||
@ -10,30 +10,18 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="jsfm-item">
|
<view class="jsfm-item">
|
||||||
<u-row justify="between">
|
<u-row justify="between">
|
||||||
<text class="font-28">包裹重量</text>
|
<text class="font-28 font-weight">包裹重量</text>
|
||||||
<view>
|
<view>
|
||||||
<tpx-input v-model:value="modelInfo.billWeight" :isWhite="true" placeholder="" inputAlign="right" suffix="kg" type="digit"></tpx-input>
|
<tpx-input v-model:value="modelInfo.billWeight" placeholder="" inputAlign="right" suffix="kg" type="digit"></tpx-input>
|
||||||
</view>
|
</view>
|
||||||
</u-row>
|
</u-row>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="jsfm-item">
|
<view class="jsfm-item">
|
||||||
<u-row justify="between" align="top">
|
<u-row justify="between" align="top">
|
||||||
<text class="font-28 pt-20">体积</text>
|
<text class="font-28 pt-20 font-weight">总体积</text>
|
||||||
<view style="width: 70%;">
|
<view v-if="totalVolume || true">
|
||||||
<u-row justify="between">
|
<tpx-input v-model:value="modelInfo.totalVolume" placeholder="" inputAlign="right" suffix="m³" type="digit"></tpx-input>
|
||||||
<u-col span="3.7">
|
|
||||||
<tpx-input v-model:value="modelInfo.length" :isWhite="true" placeholder="长" inputAlign="right" suffix="cm" type="digit"></tpx-input>
|
|
||||||
</u-col>
|
|
||||||
<u-col span="3.7">
|
|
||||||
<tpx-input v-model:value="modelInfo.width" :isWhite="true" placeholder="宽" inputAlign="right" suffix="cm" type="digit"></tpx-input>
|
|
||||||
</u-col>
|
|
||||||
<u-col span="3.7">
|
|
||||||
<tpx-input v-model:value="modelInfo.height" :isWhite="true" placeholder="高" inputAlign="right" suffix="cm" type="digit"></tpx-input>
|
|
||||||
</u-col>
|
|
||||||
</u-row>
|
|
||||||
|
|
||||||
<u-row v-if="totalVolume" customStyle="margin: 20rpx 0 0 0;" justify="end">{{modelInfo.totalVolume}}m³</u-row>
|
|
||||||
</view>
|
</view>
|
||||||
</u-row>
|
</u-row>
|
||||||
</view>
|
</view>
|
||||||
@ -51,14 +39,8 @@
|
|||||||
},
|
},
|
||||||
totalVolume() {
|
totalVolume() {
|
||||||
let totalVolume = this.modelInfo.totalVolume
|
let totalVolume = this.modelInfo.totalVolume
|
||||||
const { length, width, height } = this.modelInfo
|
|
||||||
if(length && width && height){
|
|
||||||
totalVolume = length/100 * width/100 * height/100
|
|
||||||
}
|
|
||||||
if(totalVolume && totalVolume.toFixed) {
|
|
||||||
totalVolume = totalVolume.toFixed(5)
|
|
||||||
this.modelInfo.totalVolume = totalVolume
|
|
||||||
}
|
|
||||||
return totalVolume
|
return totalVolume
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@ -245,14 +245,18 @@
|
|||||||
<view class="mb-20">托寄货物描述</view>
|
<view class="mb-20">托寄货物描述</view>
|
||||||
<bpe-gooditem-edit-tmp :value="tempObject.value"></bpe-gooditem-edit-tmp>
|
<bpe-gooditem-edit-tmp :value="tempObject.value"></bpe-gooditem-edit-tmp>
|
||||||
<view class="mt-30">
|
<view class="mt-30">
|
||||||
<bpe-goodphoto-tmp title="货物照片" :value="tempObject.value" filedName="goodsPics"></bpe-goodphoto-tmp>
|
<bpe-goodsize-tmp ref="goodSize" :value="tempObject.value"></bpe-goodsize-tmp>
|
||||||
|
</view>
|
||||||
|
<view class="mt-30">
|
||||||
|
<bpe-goodphoto-tmp :value="tempObject.value" filedName="goodsPics">
|
||||||
|
<template v-slot:title>
|
||||||
|
<text class="font-weight font-28">货物照片</text>
|
||||||
|
</template>
|
||||||
|
</bpe-goodphoto-tmp>
|
||||||
</view>
|
</view>
|
||||||
<view class="mt-30">
|
<view class="mt-30">
|
||||||
<bpe-good-kuaidi-tmp :value="tempObject.value"></bpe-good-kuaidi-tmp>
|
<bpe-good-kuaidi-tmp :value="tempObject.value"></bpe-good-kuaidi-tmp>
|
||||||
</view>
|
</view>
|
||||||
<view class="mt-30">
|
|
||||||
<bpe-goodsize-tmp ref="goodSize" :value="tempObject.value"></bpe-goodsize-tmp>
|
|
||||||
</view>
|
|
||||||
</buns-edit-sheet>
|
</buns-edit-sheet>
|
||||||
</tpx-page>
|
</tpx-page>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user