80 lines
1.5 KiB
Vue
80 lines
1.5 KiB
Vue
<template>
|
|
<tpx-dialog :show="show" title="填写预估重量体积" @onClose="handleCloseModal()">
|
|
<view style="position: relative;height: calc(60vh);">
|
|
<tpx-layout>
|
|
<template v-slot:body>
|
|
<bpe-goodsize-tmp v-if="show" :value="submitVals"></bpe-goodsize-tmp>
|
|
</template>
|
|
|
|
<template v-slot:footer>
|
|
<view class="blcok-white-noradius" style="margin-top: 0;margin-bottom: 0;">
|
|
<u-button @click="handleSubmitValue()" type="primary" size="large" shape="circle"
|
|
custom-style="height:80rpx;font-size: 30rpx;"
|
|
>确认</u-button>
|
|
</view>
|
|
</template>
|
|
</tpx-layout>
|
|
</view>
|
|
</tpx-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
import BpeGoodsizeTmp from "@/components/buns-post-edit-templates/bpe-goodsize-tmp"
|
|
export default {
|
|
components: { BpeGoodsizeTmp },
|
|
watch: {
|
|
show(v){
|
|
if(v) {
|
|
this.submitVals = JSON.parse(JSON.stringify(this.value))
|
|
}
|
|
}
|
|
},
|
|
props: {
|
|
show: {
|
|
default () {
|
|
return false
|
|
}
|
|
},
|
|
value: {
|
|
default () {
|
|
return {
|
|
}
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
submitVals: {}
|
|
}
|
|
},
|
|
created() {
|
|
|
|
},
|
|
onHide() {
|
|
},
|
|
unmounted() {
|
|
},
|
|
|
|
methods: {
|
|
handleCloseModal() {
|
|
this.$emit('update:show', false)
|
|
},
|
|
handleSubmitValue() {
|
|
const val = this.submitVals
|
|
this.$emit('onSure', val)
|
|
this.$emit('update:value', val)
|
|
this.handleCloseModal()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.shet-cont{
|
|
padding: 10rpx 0 30rpx 0;
|
|
}
|
|
.jsfm-item{
|
|
margin-top: 30rpx;
|
|
}
|
|
|
|
</style> |