89 lines
1.6 KiB
Vue
89 lines
1.6 KiB
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> |