<style lang="scss" scoped>
	.farm-record{
		&>.head{
			display:flex;
			align-items: center;
			margin:30rpx;
			image{
				height:32rpx;
				width:32rpx;
				margin-right:14rpx;
			}
			text{
				font-size:24rpx;
				&.title{
					color:#999;
					margin-right:auto;
				}
				&.add{
					color:#10C176;
				}
			}
		}
		.card{
			.name{
				display:flex;
				align-items: center;
				text{
					&:first-child{
						flex-shrink: 0;
						color:#fff;
						background:#10C176;
						font-size:20rpx;
						border-radius: 8rpx 40rpx 8rpx 40rpx;
						width:80rpx;
						text-align: center;
						height:40rpx;
						line-height: 40rpx;
						margin-right:12rpx;
					}
					&:nth-child(2){
						flex-grow: 1;
					}
					&:nth-child(3){
						flex-shrink: 0;
						color:#10C176;
						font-weight: bold;
						font-size:32rpx;
						margin-left:10rpx;
					}
				}
			}
			.info{
				margin-top:20rpx;
				border-top:2rpx solid rgba(216, 216, 216, 0.4);
				padding-top:20rpx;
				display:flex;
				justify-content: space-between;
				text{
					color:#999;
					font-size:24rpx;
				}
			}
		}
	}
</style>
<template>
	<view class="farm-record">
		<view class="head">
			<image mode="aspectFit" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAXhJREFUOE+dk7FLw1AQxr+LbSyInQuODiIW+hc4iZP/QCfBpXmmUHR26eRopdT0ZRLX7k7FybmgKAUJjrZriTqY2Jy80IQ0aik5eMO7++7H4953hFRYlrWlaZoAcEBEG6rMzG8AboMgkKZpviRbKLo0m81cqVQ6B3BKRLk0eAb6JqIWgDPDMHyVCwHtdnu1UCj0mXn3r8Z0jpnvPc/bbzQaXyHAtm0JwFimOdIwsxRCHFOn09nJ5/OPAFaiYrVaxWAwgOM4i5hT3/crJKVsEdFJUlmr1UKAOouCmS/Jtu0hgO2MgKECfABYywIA8KkALoD1jIB3BXgCUE4DRqMRxuPx3Ahc150bLDM/K8CFMk9SqX6hWCz+mt9kMkGv14vzQRC0qNvtljVNe0h+45J+mBJRJTSSlPKKiMwlG0MZM1tCiHpsZV3X+0SUzcrRPui6rl5yBED75zUBM197nldXexAvU1I8s/YhgD0Am7PaK4A7Zr4RQijjxfEDDjS1T8RMzc4AAAAASUVORK5CYII="/>
			<text class="title">农资使用情况</text>
			<text class="add" @click="toAdd">+添加农事</text>
		</view>
		<view class="card">
			<view class="name">
				<text>施肥</text> <text>中量元素水溶肥</text> <text>200kg</text>
			</view>
			<view class="info">
				<text>负责人：张召忠</text> <text>记录时间：2022-12-12</text>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	name:"farmRecord",
	props:{
		plotId:{
			type:String,
			default:""
		}
	},
	data(){
		return{

		}
	},
	methods:{
		toAdd(){
			uni.navigateTo({
				url:`/pages/massif/add_farming?plotId=${this.plotId}`
			})
		}
	}
}
</script>