emis-app/components/buns-post-edit-templates/bpe-goodsize-tmp.vue
2024-01-29 18:05:13 +08:00

118 lines
2.6 KiB
Vue

<template>
<view class="shet-cont">
<view class="jsfm-item">
<u-row justify="between">
<text class="font-28">件数</text>
<view>
<uni-number-box v-model="submitInfo.jianshu" :min="1" :max="10000"></uni-number-box>
</view>
</u-row>
</view>
<view class="jsfm-item">
<u-row justify="between">
<text class="font-28">包裹重量</text>
<view>
<uni-number-box v-model="submitInfo.zhl" :min="1" :max="10000"></uni-number-box>
</view>
</u-row>
</view>
<view class="jsfm-item">
<u-row justify="between" align="top">
<text class="font-28 pt-20">体积</text>
<view style="width: 70%;">
<u-row justify="between">
<u-col span="3.7">
<u-input placeholder="长" v-model="submitInfo.chang"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
<u-col span="3.7">
<u-input placeholder="宽" v-model="submitInfo.kuan"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999;"
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
<u-col span="3.7">
<u-input placeholder="高" v-model="submitInfo.gao"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999; "
>
<template #suffix>
<text class="font-26 clr-sub pl-10">cm</text>
</template>
</u-input>
</u-col>
</u-row>
<u-row customStyle="margin: 20rpx 0 0 0;">
<u-input placeholder="" v-model="submitInfo.pingfang"
custom-style="border:0;border-radius: 10rpx;background-color: #F6F6F6;padding: 11rpx 20rpx;"
placeholder-style="color: #999;"
>
<template #suffix>
<text class="font-26 clr-sub pl-10">m³</text>
</template>
</u-input>
</u-row>
</view>
</u-row>
</view>
</view>
</template>
<script>
export default {
computed: {
submitInfo: {
get(){
return this.value
}
}
},
props: {
value: {
default () {
return { }
}
}
},
data() {
return {
}
},
created() {
},
onHide() {
},
unmounted() {
},
methods: {
}
}
</script>
<style scoped lang="scss">
.shet-cont{
padding: 10rpx 0 30rpx 0;
}
.jsfm-item{
margin-top: 30rpx;
}
</style>