You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

105 lines
2.4 KiB

<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>