emis-sapp/components/buns-goodsize-sheet/buns-goodsize-sheet.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>