地块管理-农事记录 修改页面样式

pages/massif/mana/farmRecord.vue

@@ -68,6 +68,29 @@
 						font-size:24rpx;
 					}
 				}
+				.detail{
+					display:flex;
+					align-items: center;
+					text{
+						color:#999;
+						font-size:24rpx;
+						&: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){
+							margin-right:auto;
+						}
+					}
+				}
 			}
 		}
 	}
@@ -81,12 +104,17 @@
 		</view>
 		<scroll-view scroll-y @scrollotower="search">
 			<view class="card" v-for="(v,k) in list" :key="k">
+				<template v-if="v.inputName">
 					<view class="name">
 						<text>{{v.type}}</text> <text>{{v.inputName}}</text> <text>{{v.inputTotal||0}}{{v.unit}}</text>
 					</view>
 					<view class="info">
 						<text>负责人：{{v.principal}}</text> <text>记录时间：{{new Date(v.time).format('yyyy-MM-dd')}}</text>
 					</view>
+				</template>
+				<view v-else class="detail">
+					<text>{{v.type}}</text> <text>负责人：{{v.principal}}</text> <text>记录时间：{{new Date(v.time).format('yyyy-MM-dd')}}</text>
+				</view>
 			</view>
 			<u-empty v-if="list.length<=0" text="为查询到相关信息" width="70%" icon="/static/noData.png"/>
 		</scroll-view>