TraceabilityAPP/pages/records/index.vue

131 lines
2.3 KiB
Vue
Raw Normal View History

2023-10-21 18:02:06 +08:00
<template>
<view class="content">
2023-10-27 18:38:25 +08:00
<!-- <view class="card">
2023-10-21 18:02:06 +08:00
<view class="tit">
<view class="">
1号土地
</view>
<view class="">
溯源码: 12302
</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="">
播种时间: 2020.12.01
</view>
</view>
2023-10-27 18:38:25 +08:00
</view> -->
<landInfo :land_id='land_id'></landInfo>
2023-10-21 18:02:06 +08:00
<view class="histroy">
<view class="tit" style="margin-bottom: 40rpx;">
历史操作记录
</view>
2023-10-23 17:57:19 +08:00
<myTable></myTable>
2023-10-21 18:02:06 +08:00
</view>
2023-10-27 18:38:25 +08:00
<view class="btn" @click="navgo(`/pages/growRecord/index?land_id=${land_id}`)">
2023-10-21 18:02:06 +08:00
记录今日操作
</view>
</view>
</template>
2023-10-23 17:57:19 +08:00
<script setup>
2023-10-25 19:55:18 +08:00
import {
2023-10-26 19:02:26 +08:00
actionsListAPI,
actionsDetailAPI
2023-10-25 19:55:18 +08:00
} from "@/api/plant.js"
2023-10-23 17:57:19 +08:00
import myTable from "@/components/myTable/index.vue"
2023-10-27 18:38:25 +08:00
import landInfo from "@/components/plant/landInfo.vue"
import {
onLoad
} from "@dcloudio/uni-app"
import {
ref
} from "vue"
2023-10-26 19:02:26 +08:00
// actionsListAPI({
// type: 1
// }).then(res => {
// console.log(res)
// })
2023-10-27 18:38:25 +08:00
const land_id = ref(0)
onLoad((option) => {
land_id.value = option.land_id
})
2023-10-26 19:02:26 +08:00
actionsDetailAPI({
action_id: 2
2023-10-25 19:55:18 +08:00
}).then(res => {
console.log(res)
})
2023-10-23 17:57:19 +08:00
const navgo = (url) => {
uni.navigateTo({
url
})
}
2023-10-21 18:02:06 +08:00
</script>
<style lang="scss" scoped>
.content {
padding: 20rpx;
background-color: #F4F4F4;
min-height: 100vh;
.card {
.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 {
height: 500rpx;
background-color: red;
}
.btn {
width: 371.5rpx;
height: 66.59rpx;
color: #00A15E;
border: 1px solid #00A15E;
text-align: center;
line-height: 66rpx;
border-radius: 42.06rpx 42.06rpx 42.06rpx 42.06rpx;
margin: 0 auto;
margin-top: 80rpx;
}
}
</style>