新页面

pages/xunJian/plan/plan.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages/xunJian/record/record.vue

@@ -0,0 +1,66 @@
+<template>
+
+	<view class="">
+		<view class="cu-list menu-avatar">
+			<view class="cu-item"  :class="modalName=='move-box-'+ index?'move-cur':''" v-for="(item,index) in deviceManage"
+			 :key="index" :data-target="'move-box-' + index" @tap="goDetail(item)">
+				<view class="content" style="left:0;width:80%">
+					<view class="pro-title">
+						<view class="cut">{{item.title}}</view>
+					</view>
+					<view class="pro-des  ">
+						<view class="text-cut">
+							{{item.des}}
+						</view>
+					</view>
+					<view class="pro-date ">{{item.time}}</view>
+				</view>
+				<view class="nav-right num margin-right-sm">
+					<view class="text-grey">
+						<button class="cu-btn radius bg-green sm" v-if="item.status===0">正常</button>
+						<button class="cu-btn radius bg-red sm" v-if="item.status===1">异常</button>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import json from '../../../data/json.js';
+	export default {
+		data() {
+			return {
+				deviceManage: json.xunJianRecord,
+				modalName: null,
+			};
+		},
+		
+		onLoad:function(option){
+			
+		},
+		onNavigationBarButtonTap(e) {
+			console.log(e)
+			uni.navigateTo({
+				url: '/pages/export/export',
+	
+			});
+		},
+		methods: {
+		
+			// 页面跳转
+			goDetail(item) {
+				uni.navigateTo({
+					url: '/pages/xunJian/recordDetail/recordDetail',
+				});
+			},
+		}
+
+	}
+</script>
+
+<style lang="scss">
+	.cu-item{
+		height:180rpx!important
+	}
+</style>

pages/xunJian/recordDetail/recordDetail.vue

@@ -0,0 +1,192 @@
+<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/video-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>

pages/xunJian/xunJian.vue

@@ -0,0 +1,74 @@
+<template>
+
+	<view class="">
+		<view class="cu-list menu-avatar">
+			<view class="cu-item deviceTypeItem" v-for="(item,index) in inspectList" :key="index" @tap="goRecordPage(index)">
+				<view class="cu-avatar round" :style="`background-image:url(${item.imgUrl})`"></view>
+				<view class="content">
+					<view class="title">{{item.title}}</view>
+				</view>
+				<view class="nav-right num">
+					<view>
+						
+						<text class="icon iconfont margin-right-xs margin-left-lg">&#xe629;</text>
+					</view>
+				</view>
+			</view>
+			
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	import json from '../../data/json.js';
+	export default {
+		data() {
+			return {
+			inspectList: json.xunJianList,
+
+			};
+		},
+		onLoad:function(option){
+			
+		},
+		
+	
+		methods: {
+			goRecordPage(index){
+				
+				
+				let url = "";
+				switch (index) {
+					case 0:
+						url = "/pages/xunJian/record/record"
+						break;
+					case 1:
+						url = "/pages/xunJian/plan/plan"
+						break;
+					
+					
+				}
+				
+				
+				uni.navigateTo({
+					url: url
+				})
+			}
+
+			
+			
+			
+			
+			
+
+
+
+		}
+
+	}
+</script>
+
+<style lang="scss">
+	
+</style>