yxk_h5_master/pages/eqAccount/eqInspectRecord.vue

<template>
	<view class="page">
		<view class="example-body"  v-if="listCards.length>0">
			<view v-for="item in listCards" :key="item.id" class="example-box">
				<dev-block :title="item.title" :titleNumber="item.titleNumber" :note="item.note" 
				:extra="item.extra"  :tagType="item.tagType"
				:contentList="item.contentList"></dev-block>
			</view>
			<uni-load-more  :loadingType="loadingType" :contentText="contentText" ></uni-load-more>
		</view>
		<view class="example-body" v-else>
			<no-record ></no-record>
		</view>
		<view class="goHome" @click='goMain()'>
			<img src="../../static/img/gohome.png">
		</view>
	</view>
</template>

<script>
   
import devBlock from '@/components/xinsoft-dev-block/xinsoft-dev-block.vue'
import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
import noRecord from '@/components/xinsoft-no-record/xinsoft-no-record';

export default {    
	components: {
		devBlock,uniLoadMore,noRecord
	},
	data() {
		return {
			deviceId:'', //设备id
			pageSize:5, //一页多少条记录
			page:1,
	        title: 'list-triplex-row',
			listCards: [],
			//上拉刷新，下拉加载
			loadingText: '加载中...',
			loadingType: 0,//定义加载方式 0---contentdown  1---contentrefresh 2---contentnomore
			contentText: {
				contentdown:'上拉显示更多',
				contentrefresh: '正在加载...',
				contentnomore: '没有更多数据了'
			}
	    }
	},
	onLoad(options) {
		this.deviceId = options.deviceId;
		//初始化当前列表。
		this.getInspectList();
	},
	onPullDownRefresh: function() {
	// 	//下拉刷新的时候请求一次数据
	    this.getInspectList();
	},
	onReachBottom: function() {
		this.getInspectListMore();
	},
	methods: {
		getInspectList(){
			this.loadingType = 0;		
			this.$http.request({
			  url: '/apis/patrolRecord/devicePatrolRecordListIncludeDetail',
			  params:{
				  pageno: this.page,
				  pagesize: this.pageSize,
				  deviceId:this.deviceId 
			  },
			}).then(res=>{
				if (!res.data.data|| res.data.data.length ==0) {//没有数据
				    this.listCards= [];
					uni.hideNavigationBarLoading();//关闭加载动画
					return;
				}
				if(res.data.code == 0){
					this.page++;//得到数据之后page+1
					uni.hideNavigationBarLoading();
					uni.stopPullDownRefresh();//得到数据后停止下拉刷新
					if(res.data.data && res.data.data.datas.length>0){
						var resData = res.data.data.datas;
						this.listCards = this.formaterData(resData);
					}
				}
			}).catch(err=>{
			});
		},
		getInspectListMore(){
			if (this.loadingType !== 0) {//loadingType!=0;直接返回
				return false;
			}
			this.loadingType = 1;
			uni.showNavigationBarLoading();//显示加载动画
			this.$http.request({
			  url: '/apis/patrolRecord/devicePatrolRecordListIncludeDetail',
			  params:{
				  pageno: this.page,
				  pagesize: this.pageSize,
				  deviceId:this.deviceId 
			  },
			}).then(res=>{
				if (!res.data.data|| res.data.data.length ==0) {//没有数据
					this.loadingType = 2;
					uni.hideNavigationBarLoading();//关闭加载动画
					return;
				}
				if(res.data.code == 0){
					this.page++;//每触底一次 page +1
					this.loadingType = 0;//将loadingType归0重置
					uni.hideNavigationBarLoading();//关闭加载动画
					var resData =  this.formaterData(res.data.data.datas);
					this.listCards = [...this.listCards,...resData];
				}
			}).catch(err=>{
			});
		},
		formaterData(data){
			var resData = [];
			data.forEach((vals,index)=>{
				var myResult = vals.result;
				var extra= '';
				var tagType= '';
				if(myResult == '1'){
					extra= '正常';
					tagType = '106';
				}else if(myResult == '2'){
					tagType = '108';
					extra = '异常'
				}
				var combineJSON = {
					id: vals.id,
					title: (vals.workOrderNo||'')+'-'+ (vals.recordStatusName||''),
					titleNumber:'',
					contentList: [
						{
							id:1,
							isDouble:false,
							labelName:'记录名称',
							labelContent:vals.recordName
						},						
						{
							id:2,
							isDouble:false,
							labelName:'巡检标准',
							labelContent:vals.projectFunction
						},
						{
							id:3,
							isDouble:false,
							labelName:'巡检项目',
							labelContent:vals.projectName
						},
						{
							id:4,
							isDouble:false,
							labelName:'完成时间',
							labelContent:vals.completeTime || ''
						},
						{
							id:5,
							isDouble:false,
							labelName:'巡检人员',
							labelContent:vals.patrolpersonName
						}
					],
					note: '',
					extra: extra,
					tagType:tagType
				}
				resData.push(combineJSON);
			});
			return resData;
		}
	}
};
</script>