From 82d4d42e672722dc40d7a57d9e731c74faa23306 Mon Sep 17 00:00:00 2001
From: dingtalk_umvbsp <m13724205240@163.com>
Date: Tue, 19 Nov 2024 15:55:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A1=E5=9B=AD=E8=AE=B0=E5=BD=95=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A1=B5=E9=9D=A2=E6=B7=BB=E5=8A=A0=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=97=E8=A1=A8=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/patrolGarden/info.vue       |  20 +++-
 pages/patrolGarden/searchPlot.vue | 186 ++++++++++++++++++++++++++++++
 router/patrolGarden.js            |  11 ++
 3 files changed, 216 insertions(+), 1 deletion(-)
 create mode 100644 pages/patrolGarden/searchPlot.vue

diff --git a/pages/patrolGarden/info.vue b/pages/patrolGarden/info.vue
index 58a4458..391fa8a 100644
--- a/pages/patrolGarden/info.vue
+++ b/pages/patrolGarden/info.vue
@@ -63,6 +63,7 @@
 		<u-form class="card inline" errorType="toast" :model="formData" :rules="rules" ref="form" labelWidth="auto">
 			<d-form label="基地名称" disabled :value="formData.baseName"/>
 			<d-form label="记录人" disabled v-model="formData.userName"/>
+			<d-form label="地块" type="navigate" required field="plotId" :value="formData.plotName" :btnFun="selectPlot"/>
 			<d-form label="巡园日期" required field="operateDate" type="calendar" v-model="formData.operateDate"/>
 			<d-form label="是否异常" required type="radio" :columns="[{label:'是',value:1},{label:'否',value:0}]" v-model="formData.flagAbnormal"/>
 			<u-swipe-action>
@@ -97,12 +98,15 @@ export default {
 				detailList:[],
 				flagAbnormal:0,
 				pic:'',
+				plotId:"",
+				plotName:"",
 				remark:"",
 			},
 			imgs:[],
 			rules:{
 				pic:{required:true,message:"请上传凭证！",trigger:'blur'},
-				operateDate:{required:true,message:"请选择巡园日期！",trigger:'blur'}
+				operateDate:{required:true,message:"请选择巡园日期！",trigger:'blur'},
+				plotId:{required:true,message:"请选择地块！"},
 			},
 			host:host('imgUrl'),
 			eventChannel:null,
@@ -158,6 +162,20 @@ export default {
 				}
 			})
 		},
+		selectPlot(){
+			uni.navigateTo({
+				url:"/pages/patrolGarden/searchPlot",
+				events:{update:e=>{
+					this.formData.plotId=e.map(v=>v.id).join(',')
+					this.formData.plotName=e.map(v=>v.plotName).join(',')
+				}},
+				success: e=>{
+					var id=this.formData.plotId?.split?.(',')?.filter(v=>v)||[]
+					var name=this.formData.plotName?.split?.(',')?.filter(v=>v)||[]
+					e.eventChannel.emit("list", id.map((v,k)=>({id:v, plotName:name[k]})))
+				}
+			})
+		},
 	}
 }
 </script>
\ No newline at end of file
diff --git a/pages/patrolGarden/searchPlot.vue b/pages/patrolGarden/searchPlot.vue
new file mode 100644
index 0000000..7f48cd0
--- /dev/null
+++ b/pages/patrolGarden/searchPlot.vue
@@ -0,0 +1,186 @@
+<style lang="scss">
+	.container{
+		background:#F6F6F6;
+		height:100%;
+
+		scroll-view{
+			flex-grow: 1;
+			height:1rpx;
+			border-bottom:1rpx solid transparent;
+			.card.item{
+				display:flex;
+				margin-top:0;
+				&.PA-guanbi{
+					position:relative;
+					background-image:linear-gradient(-135deg, #10C176 38rpx,transparent 38.3rpx);
+					&:before{
+						position:absolute;
+						color:#fff;
+						top:0;
+						right:0;
+					}
+				}
+				&>.u-transition{
+					flex-shrink: 0;
+					margin-right:24rpx;
+				}
+				&>.info{
+					flex-grow: 1;
+					width:1rpx;
+					.title{
+						display:flex;
+						align-items: center;
+						text{
+							font-family: system-ui;
+							font-size:28rpx;
+							&:first-child{
+								flex-grow: 1;
+								font-weight: bold;
+							}
+						}
+					}
+					.code,.area{
+						font-family: system-ui;
+						color:#999;
+						font-size:24rpx;
+						margin-top:14rpx;
+					}
+					.data{
+						margin-top:16rpx;
+						display:flex;
+						align-items: center;
+						text{
+							font-family: system-ui;
+							&:first-child{
+								color:#10C176;
+								font-size:32rpx;
+								font-weight: bold;
+								&:after{
+									content:"亩";
+								}
+							}
+							&:nth-child(2){
+								color:#F8CB36;
+								font-size:24rpx;
+								margin-left:16rpx;
+							}
+						}
+					}
+					.btns{
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+						border-top:2rpx solid #D8D8D8;
+						margin:20rpx 0 -30rpx 0;
+						text{
+							font-family: system-ui;
+							color:#999;
+							font-size:24rpx;
+							padding:16rpx 0 30rpx 0;
+							&:before{
+								color:#10C176;
+								margin-right:8rpx;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+</style>
+<template>
+	<view class="container flex">
+		<d-navbar style="--bg:#10C176;--c:#fff;" isBack text="地块管理">
+			<button slot="right" class="cu-btn round" @click="submit">提交</button>
+		</d-navbar>
+
+		<d-search v-model="searchVal.search" @search="search('pageOne')" placeholder="输入地块名称或编号搜索"/>
+
+		<scroll-view scroll-y @scrolltolower="search">
+			<view class="card item" :class="{'PA-guanbi':!!select.find(i=>i.id==v.id)}" v-for="(v,k) in list" :key="k" @click="selectPlot(v)">
+				<u-image width="220rpx" height="220rpx" radius="16rpx" :src="`${host}/${v.image}`" mode="aspectFill">
+					<text slot="error" style="font-size:65rpx" class="plant-xiaopangchetupianjiazaishibai"/>
+				</u-image>
+				<view class="info">
+					<view class="title"><text class="over">{{v.plotName}}</text></view>
+					<view class="code">编号：{{v.plotNumber}}</view>
+					<view class="area">地块面积：{{v.realityArea}}亩</view>
+					<view class="data">
+						<text>{{v.usedArea}}</text> <text>(在用面积)</text>
+					</view>
+				</view>
+			</view>
+			<u-empty v-if="list.length==0" text="未查询到相关信息" width="70%" icon="/static/noData.png"/>
+			<view style="border:0.5rpx solid transparent"/>
+		</scroll-view>
+	</view>
+</template>
+<script>
+import request,{host} from '@/common/request'
+	export default{
+		data(){
+			return{
+				host:host('imgUrl'),
+				searchVal:{
+					search:"",
+					pageNo:1,
+					pageSize:5,
+				},
+				list:[],
+				select:[],
+				total:0,
+				eventChannel:null,
+			}
+		},
+		onLoad(){
+			this.eventChannel=this.getOpenerEventChannel()
+			this.eventChannel.on("list", e=>this.select=e)
+			this.search()
+		},
+		methods:{
+			async search(type){
+				if(type=='pageOne'){
+					this.searchVal.pageNo=1
+					this.list=[]
+					this.total=0
+				}
+				if(this.total==0 || this.list.length<this.total){
+					var res=await request("/api/plantPlot/list",{
+						params: {
+							...this.searchVal,
+							companyId:this.$store.getters.userInfo.companyId,
+							plantBaseInfoId:this.$store.state.baseInfo.id,
+						}
+					})
+					if(res.statu){
+						this.list=this.list.concat(res.data.records)
+						this.total=res.data.total
+						this.searchVal.pageNo++
+						if(this.list.length==this.total)uni.showToast({title:"加载完成！",icon:"none"})
+					}else{
+						uni.showModal({
+							title:"提示",
+							content:res.msg||"获取地块列表失败！",
+							showCancel:false,
+						})
+					}
+				}
+			},
+			selectPlot(e){
+				if(this.select.find(v=>v.id==e.id)){
+					this.select=this.select.filter(v=>v.id!=e.id)
+				}else{
+					this.select.push(e)
+				}
+			},
+			submit(){
+				if(this.select.length>0){
+					this.eventChannel.emit("update", this.select)
+					uni.navigateBack()
+				}else{
+					uni.showToast({title:"请选择地块！",icon:"none"})
+				}
+			},
+		},
+	}
+</script>
diff --git a/router/patrolGarden.js b/router/patrolGarden.js
index f7743ec..65bc9d0 100644
--- a/router/patrolGarden.js
+++ b/router/patrolGarden.js
@@ -30,6 +30,17 @@ module.exports=[
 			}
 		}
 	},
+	{
+		path:"pages/patrolGarden/searchPlot",
+		style:{
+			navigationBarTitleText:"地块管理",
+			navigationBarBackgroundColor:"#10C176",
+			navigationBarTextStyle:"white",
+			"app-plus":{
+				"titleNView":false
+			}
+		}
+	},
 	{
 		path:"pages/patrolGarden/abnoReport",
 		style:{