zhxf-app/pages/unprocessDetail/unprocessDetail.vue

<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>三楼赛特威尔测试烟感二</text>
					</view>

					<view>
						<text>设备地址：</text>
						<text>上海市青浦区徐泾镇徐乐路208号</text>
					</view>
					<view>
						<text>告警信息：</text>
						<text>烟雾拆卸报警</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="">
							<label class="margin-right">
								<radio value="单个处理" checked /><text>单个处理</text>
							</label>
							<label>
								<radio value="批量处理" /><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
							@input="inputReason"
							:value="reason"></textarea>
							
						</view>
						<view class="btn-area">
							<button class="bg-orange round missReport margin-top" @click="videoMissSubmit()">误 报 </button>
							<button class="bg-blue round  missReport margin-top " @click="videoSubmit()">非 误 报 </button>
						</view>
					</form>
				</view>
			</view>
			<!-- 处理状态end -->
		</view>

		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				radio: 'A',
				radio: 'B',
				modalName: null,
				reason: '',
				type: '0',
				detailMessage: {},
				detailMessage2: {},
				msg: '',
				msg2: '',
				flag:false,
				companyCode:0

			}
		},
		onLoad: function(option) {
			

		},
		methods: {
			async powerSubmitRes(params = {}) {
				const res = await this.$myRequest({
					url: 'IntegratedAlarm/setAlarmHandle',
					data: params
				})
				
			   if(res.data.flag){
				  uni.showToast({
				  	title: "提交成功",
				  });
			   }
			   
			   setTimeout(() => {
			   	uni.navigateTo({
			   		url: '/pages/processList/processList?companyCode=' + this.companyCode + '&type='+this.type+'',
			   	});
			   }, 1000);
			 
				
			},
			videoSubmit() {
				if(!this.msg2){
					uni.showToast({
						title: "请输入处理内容",
						icon:"none"
					});
				}else{
					this.powerSubmitRes({
						"alarmStatus": 0,
						"type": 2,
						"deviceCode": this.detailMessage2.deviceCode,
						"companyCode": this.companyCode,
						"id": this.detailMessage2.id,
						"handlerContent": this.msg2
					})
					
				}
			
				
			},
			videoMissSubmit() {
				if(!this.msg2){
					uni.showToast({
						title: "请输入处理内容",
						icon:"none"
					});
				}else{
					this.powerSubmitRes({
						"alarmStatus": 1,
						"type": 2,
						"deviceCode": this.detailMessage2.deviceCode,
						"companyCode": this.companyCode,
						"id": this.detailMessage2.id,
						"handlerContent": this.msg2
					})
				}
			},

			submit() {
				uni.makePhoneCall({
					phoneNumber: '15122423833' //仅为示例
				});
			},

			RadioChange(e) {
				this.radio = e.detail.value
			},
			textareaAInput(e) {
				this.textareaAValue = e.detail.value
			},
			// textarea
			inputReason(e) {
				this.reason = e.detail.value;
			}
			
			

		}
	}
</script>

<style lang="scss">
	
</style>