PropertyApp/pages/meterReading/meterReading.vue

<template>
	<view>
		<view class="cu-bar bg-white search myfixed">
			<view class="search-form round">
				<text class="cuIcon-search"></text>
				<input type="text" placeholder="房间搜索" v-model="repairName" confirm-type="search"></input>
			</view>
			<view class="action">
				<button class="cu-btn bg-gradual-green shadow-blur round" @tap="_searchRepair()">搜索</button>
				<button class="cu-btn bg-gradual-orange shadow-blur round" @tap="_addMeter()">开始抄表</button>
			</view>
		</view>
		<view class="margin-top mytop" v-if="noData==false">
			<view class="cu-list menu sm-border" v-for="(item,index) in meterReads" :key="index">
				<view class="cu-item">
					<view class="content">
						<view class="text-black text-xs">
							<text class="cuIcon-homefill text-blue "></text> {{item.objName}}
						</view>
						<view class="text-gray text-sm">
							<text>本期读数:</text> {{item.curDegrees}}
							<text style="margin-left: 7px;">时间:</text> {{item.curReadingTime}}
						</view>
					</view>
					<view class="action">
						<text class="text-grey text-sm">{{item.meterType == 1010 ? '电表':'水电'}}</text>
					</view>
				</view>
			</view>
		</view>
		
		<view v-else>
			<no-data-page></no-data-page>
		</view>

	</view>
</template>

<script>
	import noDataPage from '@/components/no-data-page/no-data-page.vue'
	export default {
		data() {
			return {
				orderImg: this.java110Constant.url.baseUrl + 'img/order.png',
				meterReads: [],
				repairName: '',
				noData:false,
			}
		},
		components: {
			noDataPage
		},
		onLoad() {

			let _userInfo = this.java110Context.getUserInfo();

			let _storeId = _userInfo.storeId;

			this.storeId = _storeId;
			this._loadMeterWaters();
		},
		onShow() {

		},
		methods: {
			_loadMeterWaters: function() {
				let _that = this;
				let _userInfo = this.java110Context.getUserInfo();
				let storeId = _userInfo.storeId;
				let _objData = {
					page: 1,
					row: 15,
					storeId: storeId,
					userId: _userInfo.userId,
					communityId: _that.java110Context.getCurrentCommunity().communityId,
					repairName: _that.repairName
				};
				this.java110Context.request({
					url: _that.java110Constant.url.listMeterWaters,
					header: _that.java110Context.getHeaders(),
					method: "GET",
					data: _objData, //动态数据
					success: function(res) {
						console.log("请求返回信息：", res);
						let _json = res.data;
						if (_json.code != 0) {
							uni.showToast({
								icon: 'none',
								title: _json.msg
							});
							return;
						}
						let _data = _json.data;
						_that.meterReads = _data;
						if(_that.meterReads.length < 1){
							_that.noData = true;
							return ;
						}

						_that.meterReads.forEach(function(item) {
							let dateStr = item.appointmentTime;
							console.log(dateStr);
							let _date = new Date(dateStr);
							item.appointmentTime = (_date.getMonth() + 1) + '-' + _date.getDate();
						});
					},
					fail: function(e) {
						wx.showToast({
							title: "服务器异常了",
							icon: 'none',
							duration: 2000
						});
					}
				});
			},
			_searchRepair: function() {
				this._loadmeterReads();
			},
			_addMeter:function(){
				uni.navigateTo({
					url:'/pages/addmeter/addmeter'
				});
			}

		}
	}
</script>

<style>
	.cu-list.menu-avatar>.cu-item .content-left {
		left: 30upx;
	}

	.cu-list+.cu-list {
		margin-top: 20upx;
	}
	
	
	.myfixed{
		position: fixed;
		z-index: 99;
		width: 100%;
		height: 30px;
		margin-top: -14px;
	}
	.mytop{
		padding-top: 35px;
	}
</style>