zhxf-app/pages/xunJian/recordDetail/recordDetail.vue

<template>
	<view>
		<view class="timeBox flex justify-between align-center padding-lr-sm">
			<view class="time">巡检任务1</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>市光四村221号楼</text>
					</view>

					<view>
						<text>单位地址：</text>
						<text>杨浦区市光四村221号楼</text>
					</view>
					<view>
						<text>维保点位：</text>
						<text>巡检点位01</text>
					</view>
					<view>
						<text>点位地址：</text>
						<text>市光四村221号楼</text>
					</view>
					<view>
						<text>预期时间：</text>
						<text>2019-05-28 16:12:45</text>
					</view>
					<view>
						<text>完成时间：</text>
						<text>2019-05-28 18:00:00</text>
					</view>
				</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>16666666666</text>
					</view>
					<view>
						<text>维保点位：</text>
						<text>巡检点位01</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">
					<image src="../../../static/record-detail-img.png" style="width:100%"></image>
				</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>