<template>
	<view>
		<view class="timeBox flex justify-between align-center padding-lr-sm">
			<view class="time">2021-01-18 15:16:45</view>
			<button class="cu-btn radius bg-red sm">未处理</button>
		</view>
		<view>
			<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>

			<!-- 处理内容start -->
			<view class="processStatus">
				<view class="info-tit margin-left-xs">
					<text class="cuIcon-titles margin-right-xs"></text>
					处理内容
				</view>

				<view class="padding-lr padding-bottom-lg">
					<form action="">
						<radio-group name="gender" class="" @change="RadioChange">
							<label class="margin-right">
								<radio value="0" checked /><text>单个处理</text>
							</label>
							<label>
								<radio value="1" /><text>批量处理</text>
							</label>
						</radio-group>
						<view class="cu-form-group">
							<textarea class="JTxtArea lg" :maxlength="50" :data-maxnum="reason.length+'/50'"
								placeholder="备注信息,最多可输入50个字..." auto-height v-model="msg" @input="inputReason"
								:value="reason"></textarea>

						</view>
						<view class="btn-area">
							<button class="bg-orange round missReport margin-top" @click="$noMultipleClicks(alarmSubmit(1))">误 报
							</button>
							<button class="bg-blue round  missReport margin-top " @click="$noMultipleClicks(alarmSubmit(0))">非 误 报
							</button>
						</view>
					</form>
				</view>
			</view>
			<!-- 处理内容end -->
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				noClick:true,
				modalName: null,
				reason: '',
				type: 1,
				msg: '',
				getData: {},
				radioOne: 0,
			}
		},
		onLoad: function(option) {
			this.type = option.type;
			this.getDetailData({
				"type": option.type,
				"id": option.id
			});
			
			let url = "";
			switch (parseInt(option.type)) {
				case 1:
					url = "报警主机"
					break;
				case 2:
					url = "水系统"
					break;
				case 4:
					url = "消防栓监测"
					break;
				case 6:
					url = "RTU测控终端"
					break;
				case 7:
					url = "电气火灾"
					break;
				case 16:
					url = "视频告警"
					break;
				case 17:
					url = "电梯报警"
					break;
				case 128:
					url = "井盖监测"
					break;
				case 129:
					url = "地磁"
					break;
				case 130:
					url = "门磁"
					break;
				case 131:
					url = "可燃气体"
					break;
				default:
					break;
			}
			uni.setNavigationBarTitle({
				title: url+'(未处理)'
			});
			
			
		},
		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)
			},

			async powerSubmitRes(params = {}) {
				const res = await this.$myRequest({
					url: 'ComprehensiveAlarm/setAlarmHandling',
					data: params
				})
				if (res.data.flag) {
					uni.showToast({
						title: "提交成功",
					});
					setTimeout(() => {
						uni.navigateTo({
							url: '/pages/processList/processList?type=' + this.type,
						});
					}, 1000);
				}
			},

			alarmSubmit(query) {
				if (!this.msg.replace(/^\s*/g,'')) {
					uni.showToast({
						title: "请输入处理内容",
						icon: "none"
					});
				} else {
					
					let queryParam = {};
					queryParam.id = this.getData.id;
					queryParam.type = this.getData.dwtype;
					queryParam.device_code = this.getData.device_code;
					queryParam.if_batch = this.radioOne;
					queryParam.clwb = query;
					queryParam.ncmd = this.getData.ncmd;
					queryParam.clnr = this.msg;
					
					if (this.getData.dwtype == 1) {
						queryParam.data3 = this.getData.data3;
						queryParam.data5 = this.getData.data5;
						this.powerSubmitRes(queryParam);
						return;
					}
					if (this.getData.dwtype == 2) {
						queryParam.data1 = this.getData.data1;
						this.powerSubmitRes(queryParam);
						return;
					}
					if (this.getData.dwtype == 7) {
						queryParam.data1 = this.getData.data1;
						this.powerSubmitRes(queryParam);
						return;
					}
					if (this.getData.dwtype == 3) {
						queryParam.data2=this.getData.data2;
						this.powerSubmitRes(queryParam);
						return;
					}
					if (this.getData.dwtype == 6) {
						queryParam.data2=this.getData.data2;
						queryParam.data4=this.getData.data4;
						this.powerSubmitRes(queryParam);
						return;
					}
					this.powerSubmitRes(queryParam)
				}
			},

			RadioChange(e) {
				this.radioOne = e.detail.value;
				console.log(this.radioOne)
			},
			textareaAInput(e) {
				this.textareaAValue = e.detail.value
			},
			inputReason(e) {
				this.reason = e.detail.value;
			}
		}
	}
</script>

<style lang="scss">

</style>
