jsy-app/pages/head/index.vue

<template>
	
		<z-paging ref="paging" use-virtual-list @query="queryList" bg-color="#F3F3F3" :loading-more-enabled="false">
			<template #top>
				<custom-nav-bar :left="false" leftText="" @leftClick="" title="首部">
					<template v-slot:left>
						<view @click="$refs.landRef.open()">地块</view>
					</template>
				</custom-nav-bar>
			</template>
			<view class="text-intel">
				<view class="iconfont icon-ditu">
				</view>
				<view>
					<span>塔尕尔其乡5村1组-A地-(4G)</span>
				</view>
			</view>
			<template #cell="{item}">
				<view class="card" @click="onClickItem(item)">
					<view class="cards-title">
						<view>
							<view class="text" v-if="item.deviceTypeId==4">
								施肥机编号
							</view>
							<view class="text" v-if="item.deviceTypeId==5">
								首部控制器
							</view>
							<view>
								{{item.deviceCode}}
							</view>
						</view>
					</view>
					<view class="content">
						<view class="cards-content">
							<view class="txt-list">
								<view class="left">
									<view><text>状态：</text><text class="font-red">停止</text></view>
									<view><text>水流：</text><text>--</text></view>
								</view>
								<view class="left">
									<view><text>水泵开关：</text><text>开泵</text></view>
									<view><text>压力：</text><text>--Mpa</text></view>
								</view>
								<view class="right">
									<view class="iconfont icon-you">
									</view>
								</view>
							</view>
						</view>
					</view>
					
				</view>
			</template>
		</z-paging>
		<!-- 地块选择 -->
		<custom-select-land ref="landRef" :data="ijs.companys" :defaultSelect="ijs.land" @getLand="getLand"
			@select="landChange" />
	
</template>
<script>
	import {
		checkPermi
	} from "@/utils/permission"
	import store from "@/store"
	import plugin from "@/plugins"
	import {
		getHeadDeviceList
	} from "@/api/controlHeadInterface";
	export default {
		data() {
			return {
				ijs: getApp().ijs, // 首页公共js
				title: "",
				isFirst: true,
				user: store.state.user.user,
				query: {
					landId: null,
					landName: null
				},
			}
		},
		onShow(){
			if(this.ijs.land){
				this.query.landId = this.ijs.land.id;
				this.queryList();
			}
		},
		methods: {
			queryList() {
				if (this.query.landId) {
					getHeadDeviceList(this.query.landId).then(res => {
						this.$refs.paging.complete(res.data)
					});
				}
			},
			// 获取地块信息
			getLand(e) {
				this.ijs.getLand(e.node).then(res => {
					this.$refs.landRef.addLand(e, res.data);
				});
			},
			// 地块选择回调
			landChange(e) {
				this.title = e.landName;
				this.query.landId = e.id;
				this.queryList();
			},
			onClickItem(item){
				if (item.deviceTypeId === 4) {
					if(item.controlMode==1){
						plugin.tab.navigateTo("/pages/head/fertilizerapplicator/detail?item=" + encodeURIComponent(JSON.stringify(
							item)))
					}
					if(item.controlMode==2){
						plugin.tab.navigateTo("/pages/head/fertilizerapplicator/detailkl?item=" + encodeURIComponent(JSON.stringify(
							item)))
					}
				}
				if (item.deviceTypeId === 5) {
					plugin.tab.navigateTo("/pages/head/headdevice/detail?item=" + encodeURIComponent(JSON.stringify(item)))
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.cards-title{border: none;}
	.cards-title uni-view .text{font-weight: normal; color: #333;}
</style>