uniapp/pages/siteDetail/siteDetail.vue

<template>
	<view>


		<view >
			<!-- 基本信息start -->
			<view class="basic-info">
				<view class="info-tit margin-left-xs">
					<text class="cuIcon-titles margin-right-xs"></text>
					详细信息
				</view>
				<view class="info-content">
					<view class="info-one-info ">
						<text>站点名称：</text>
						<text>{{data.siteName}}</text>
					</view>
					
					<view>
						<text>地址：</text>
						<text>{{data.address}}</text>
					</view>
					<view>
						<text>定位：</text>
						<text>{{data.longitude}} , {{data.latitude}}</text>
					</view>
					<view>
						<text>联系人：</text>
						<text>{{data.userName}}</text>
					</view>
					<view>
						<text>联系电话：</text>
						<text>{{data.phone}}</text>
					</view>
				</view>
			</view>
			<!-- 基本信息end -->
			
		</view>
		

	</view>
</template>

<script>
	export default {
		data() {
			return {
				radio: 'A',
				radio: 'B',
				modalName: null,
				data:{}
		
			}
		},
		onLoad(option) {
		
			console.log(option.id)
			this.getData({"id":option.id})
		
		},
		
		methods: {
			
			async getData(ming) {
				const res= await this.$myRequest({
					url:'SiteManagement/getSiteList',
					data:ming
				})
				console.log(res.data.data[0])
				this.data=res.data.data[0]
				// this.cuIconList=res.data.data   videoMonitoringCount
				
				
			},
			
			submit() {
				uni.makePhoneCall({
					phoneNumber: '15122423833' //仅为示例
				});
			},
			mapLocation(){
				uni.openLocation({
					latitude: 31.469465,
					longitude: 121.327514,
					success: function() {
						console.log('success');
					}
				});
			},
			
			RadioChange(e) {
				this.radio = e.detail.value
			},
			textareaAInput(e) {
				this.textareaAValue = e.detail.value
			},

		}
	}
</script>

<style lang="scss">
	.timeBox {
		height: 88rpx;
		background: #EFF4FF;
		line-height: 88rpx;

		.time {
			color: #333
		}
	}

	.info-tit {
		color: #4074E7;
		line-height: 90rpx;
		height: 90rpx;
	}

	// 基本信息
	.info-content>view {
		margin-left: 24rpx;
		border-bottom: 1px solid #EDEDED;
		line-height: 92rpx;
		color: #666;
	}

	.info-content view text:first-child {
		width: 160rpx;
		display: inline-block
	}
</style>