TraceabilityAPP/pages/feedIng/allRecording.vue

<template>
	<view class="content">
		<!-- <view class="card">
			<view class="tit">
				<view class="">
					农户名称: 1号土地
				</view>
			</view>
			<view class="card-li">
				<view class="">
					种养殖类型: 土豆
				</view>
				<view class="">
					养殖头数: 的划分等级
				</view>
			</view>
			<view class="card-li">
				<view class="">
					土地面积: 20亩
				</view>
				<view class="">
					公猪: 的划分等级
				</view>
			</view>
			<view class="card-li">
				<view class="">
					养殖种类: 20亩
				</view>
				<view class="">
					母猪: 的划分等级
				</view>
			</view>
			<view class="card-li">
				<view class="">
					具体种类: 20亩
				</view>
				<view class="">
					幼崽: 的划分等级
				</view>
			</view>
		</view> -->
		<detailCard :id='id'></detailCard>
		<view class="" style="margin-bottom: 20rpx;">
			饲养记录
		</view>

		<myTable></myTable>
	</view>
</template>

<script setup>
	import myTable from "@/components/myTable/index.vue"
	import {
		onLoad
	} from "@dcloudio/uni-app"
	import detailCard from "@/components/animal/detailCard.vue"
	import {
		ref
	} from "vue"
	const id = ref(0)
	onLoad((option) => {
		id.value = option.id
	})
</script>

<style lang="scss" scoped>
	.card {
		margin-bottom: 20rpx;

		.tit {
			display: flex;
			justify-content: space-between;
			padding-bottom: 20rpx;
			border-bottom: 1px solid #EBF1EF;
		}

		.card-li {
			margin-top: 20rpx;
			display: flex;
			justify-content: space-between;
		}
	}

	.table {
		margin-top: 20rpx;
		height: 500rpx;
		background-color: red;
	}
</style>