You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.5 KiB
69 lines
1.5 KiB
<template>
|
|
<uni-popup ref="popup">
|
|
<view class="pop_detail" style="height:80%">
|
|
<com-item :dataContent="dataContent"></com-item>
|
|
<u-line></u-line>
|
|
<scroll-view style="height:320px ">
|
|
<!-- 物品 -->
|
|
<detail-item-info :dataContent="dataContent"></detail-item-info>
|
|
<u-line></u-line>
|
|
<!-- 库存余额 -->
|
|
<detail-balance-info :dataContent="dataContent"></detail-balance-info>
|
|
<u-line></u-line>
|
|
<!-- 包装 -->
|
|
<detail-package-info :dataContent="dataContent.package"></detail-package-info>
|
|
</scroll-view>
|
|
|
|
<view class="uni-flex u-row-center ">
|
|
<view class="close_button" @click="closePopup">
|
|
关闭</view>
|
|
<!-- button 滚动不好使 -->
|
|
</view>
|
|
</view>
|
|
</uni-popup>
|
|
</template>
|
|
|
|
<script>
|
|
import comItem from '@/mycomponents/item/item.vue'
|
|
import detailItemInfo from '@/mycomponents/detail/detailItemInfo.vue'
|
|
import detailPackageInfo from '@/mycomponents/detail/detailPackageInfo.vue'
|
|
import detailBalanceInfo from '@/mycomponents/detail/detailBalanceInfo.vue'
|
|
|
|
export default {
|
|
emits: ['onClose'],
|
|
components: {
|
|
comItem,
|
|
detailItemInfo,
|
|
detailPackageInfo,
|
|
detailBalanceInfo
|
|
},
|
|
data() {
|
|
return {
|
|
dataContent: {
|
|
type: Object,
|
|
default: {}
|
|
}
|
|
}
|
|
},
|
|
|
|
mounted() {},
|
|
props: {
|
|
|
|
},
|
|
|
|
methods: {
|
|
openPopup(val) {
|
|
this.dataContent = val;
|
|
this.$refs.popup.open('bottom')
|
|
},
|
|
closePopup() {
|
|
this.$refs.popup.close()
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
|
|
</style>
|
|
|