xfapp/pages/processedDetail/processedDetail.vue

<template>
	<view>
		<view class="timeBox flex justify-between align-center padding-lr-sm">
			<view class="time">{{getData.time}}</view>
			<button class="cu-btn radius bg-green sm">已处理</button>
		</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>{{getData.device_name}}</text>
					</view>

					<view>
						<text>设备地址：</text>
						<text>{{getData.unitinfo}}</text>
					</view>
					<view>
						<text>告警信息：</text>
						<text>{{getData.alarm_information}}</text>
					</view>
				</view>
			</view>
			<!-- 基本信息end -->

			<!-- 处理信息start -->
			<view class="processStatus">
				<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>{{getData.clwb!='0'?'是':'否'}}</text>
					</view>
					<view>
						<text>处理人：</text>
						<text>{{getData.clr}}</text>
					</view>
					<view>
						<text>处理时间：</text>
						<text>{{getData.clsj}}</text>
					</view>
					<view>
						<text>处理内容：</text>
						<text>{{getData.clnr}}</text>
					</view>
				</view>
			</view>
			<!-- 处理状态end -->
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: 1,
				getData: {}
			}
		},
		onLoad: function(option) {
			this.type=option.type;
			this.getDetailData({
				"type": option.type,
				"id": option.id
			})

		},
		methods: {

			async getDetailData(params = {}) {
				const res = await this.$myRequest({
					url: 'ComprehensiveAlarm/getAlarmDetails',
					data: params,
					showLoading: true
				})
				this.getData = res.data.data[0];
				console.log(this.getData)
			},

			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>