emergencyManagement/packageA/pages/reporting/components/Detail.vue

<template>
	<view class="detail">
		<uni-popup ref="popup" type="top">
			<uni-section type="line"  title="突发事件详情">
				<template v-slot:right>
					<uni-icons type="closeempty" size="24" color="#999" @click="close"></uni-icons>
				</template>		
			</uni-section>
			<view class="detail-cont">
				<uni-list >
					<uni-list-item title="主题" :rightText="viewData.reportingSubject"></uni-list-item>
					<uni-list-item title="上报部门" :rightText="viewData.reportingGroupName"></uni-list-item>
					<uni-list-item title="类别" :rightText="viewData.reportingTypeTitle"></uni-list-item>
					<uni-list-item title="上报时间" :rightText="viewData.reportingTime"></uni-list-item>					
					<uni-list-item title="内容" :note="viewData.reportingContent"></uni-list-item>															
				</uni-list>				
			</view>		
		</uni-popup>	
	</view>
</template>

<script>
	import disasterApi from '@/api/disaster.js'
	import {getVideoInfo} from '@/api/system.js'
	import CameraModal from '@/components/CameraModal.vue'
	export default{
		name:"DisasteDetail",
		components:{
			CameraModal
		},
		props:{
			type:{
				type:[String,Number],
				default:'dl'
			}
		},
		data(){
			return{
				viewData:{
					reportingId: 0,
					reportingTypeId: 0,
					reportingTypeTitle: '',
					reportingSubject: '',
					reportingContent: '',
					reportingGroupName: '',
					reportingTime:"",
					remark: '',
				}
			}
		},
		methods:{
			show(item){
				this.$refs.popup.open('bottom')
				this.viewData={...item}
			},
			close(){
				this.$refs.popup.close()
			}
		}
	}
</script>

<style lang="scss" scoped>
	.detail-cont{
		&{
			max-height: 80vh;
			overflow-y: auto;
		}		
	}
</style>