mkm
/
yanzhiAPP
Template
2
0
Fork 0
Code Pull Requests Projects Activity

页面完善

This commit is contained in:
zmj 2023-10-23 17:57:19 +08:00
parent b316449abe
commit 276634fe0b
34 changed files with 11914 additions and 842 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
App.vue
View File

@ -39,5 +39,10 @@
min-height: 100vh; min-height: 100vh;
} }
.more-jt {
display: flex;
align-items: center;
}
/*每个页面公共css */ /*每个页面公共css */
</style> </style>

4
components/InformationAdd/plant.vue
View File

@ -50,9 +50,7 @@
</view> </view>
</view> </view>
<view class="confim-btn">
确认
</view>
</view> </view>
<view class="up-img confim-btn"> <view class="up-img confim-btn">

350
components/index/chick.vue Normal file
View File

@ -0,0 +1,350 @@
<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>
<view class="circumstance">
<view class="card-tit">
<view class="">
养殖情况
</view>
<view class="updata-btn">
更新养殖情况
</view>
</view>
<view class="card" v-for="item in [1,1,1,]">
<view class="tit">
<view class="">
编号: 56565
</view>
<view class="" style="color: #00A15E;">
健康
</view>
</view>
<view class="card-li">
<view class="">
养殖类型: 土豆
</view>
<view class="">
年龄: 2年
</view>
<view class="">
体重: 100kg
</view>
</view>
</view>
<view class="check" @click="navgo('/pages/feedIng/feedList')">
查看全部养殖动物<u--image src="/static/img/CKGD.png" style="margin-left: 5rpx;" width="31.54rpx"
height="31.54rpx"></u--image>
</view>
</view>
<view class="circumstance">
<view class="card-tit">
<view class="">
饲养记录
</view>
<view class="updata-btn">
更新饲养记录
</view>
</view>
<myTable tit='查看历史清点记录'></myTable>
</view>
<view class="circumstance">
<view class="card-tit">
<view class="">
副产品记录
</view>
<view class="updata-btn" style="width: 300rpx;">
更新副产品记录
</view>
</view>
<myTable tit='查看历史消毒记录'></myTable>
</view>
<view class="circumstance">
<view class="card-tit">
<view class="">
消毒情况
</view>
<view class="updata-btn">
更新消毒情况
</view>
</view>
<myTable tit='查看历史消毒记录'></myTable>
</view>
<view class="data">
<view class="tit">
<view class="" style="display: flex;justify-content: space-between;font-size: 29.79rpx;">
<view class="">
环境监测数据
</view>
</view>
<view class="tit-b">
<u--image :src="urlFn('sj')" style="margin: 0 5rpx;" width="28.04rpx" height="28.04rpx"></u--image>
<text>刷新时间: 2022-3-3</text>
</view>
</view>
<view class="data-cont">
<view class="data-cont-li center" v-for="(item,index) in data " :key="index">
<view style="margin:0 20rpx">
<view class="center">
<u--image :src="urlFn(item.icon)" style="margin: 0 5rpx;" width="38.55rpx"
height="38.54rpx"></u--image>
{{item.tit}}
</view>
<view class="b-cls">
<view class="" :style="{color:item.flag?'#0095FF':''}">
<text style=" font-size: 70.09rpx;">
{{baseData[item.cont]}}
</text>{{item.dw}}
</view>
<view class="" style="display: flex;align-items: center;" v-if="item.flag">
<u--image :src="urlFn('D')" style="margin: 0 5rpx;" width="31.54rpx" height="31.54rpx">
</u--image>
<text style="color: #0095FF;">5</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script setup>
import {
ref,
reactive
} from "vue"
import myTable from "@/components/myTable/index.vue"
const data = reactive([{
tit: "环境温度",
icon: 'TRWD',
dw: "℃",
cont: 'soil_temperature',
flag: false,
}, {
tit: "环境湿度",
icon: 'TRSD',
dw: "%RH",
cont: 'soil_moisture',
}, {
tit: "氧气浓度",
icon: 'FX',
cont: 'wind_direction',
}, {
tit: "二氧化碳含量",
icon: 'FS',
dw: "m/s",
cont: 'wind_speed',
}, {
tit: "光照强度",
icon: 'JYL',
dw: "mm",
cont: 'rainfall',
}, {
tit: "大气压强",
icon: 'GZ',
dw: "Wlux",
cont: 'illumination',
}, {
tit: "有害气体",
icon: 'EYHT',
dw: "ppm",
cont: 'carbon_dioxide_content',
},
])
const data2 = reactive([{
cont: "气象多要素百叶箱",
cont2: "1天/1次",
}, {
cont: "多功能控制器",
cont2: "3个小时/次",
}, ])
const baseData = reactive({
"id": 27,
"production_base_id": 1,
"soil_temperature": 20,
"soil_moisture": 50,
"room_temperature": 0,
"air_humidity": 0,
"air_quality_index": 0,
"pond_temperature": 0,
"pond_ph_value": 0,
"wind_direction": "北",
"wind_speed": 3.4,
"illumination": 2,
"rainfall": 20,
"carbon_dioxide_content": 450,
"nitrogen_content": 0,
"methane_content": 0,
"ammonia_nitrogen_content": 0,
"nitrite_content": 0,
"dissolved_oxygen": 0,
"temperature_threshold": 0,
"humidity_threshold": 0,
"flag": 1
})
const urlFn = (name) => {
return `/static/img/${name}.png`
}
const img = (w, h, m) => {
return `width:${w}rpx;height:${h};margin:0 ${m}rpx `
}
const navgo = (url) => {
uni.navigateTo({
url
})
}
</script>
<style lang="scss" scoped>
.circumstance {
width: 693.93rpx;
margin: 0 auto;
margin-bottom: 43rpx;
.card-tit {
display: flex;
justify-content: space-between;
margin-bottom: 28rpx;
}
.updata-btn {
font-size: 26.29rpx;
width: 192.76rpx;
height: 57.83rpx;
border: 1px solid #00A15E;
color: #00A15E;
display: flex;
justify-content: center;
align-items: center;
border-radius: 31.54rpx 31.54rpx 31.54rpx 31.54rpx;
}
.check {
font-size: 29.79rpx;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.tab {
height: 500rpx;
background-color: red;
}
}
.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;
}
}
.data {
.tit {
.tit-b {
color: #B3B3B3;
font-size: 26.29rpx;
display: flex;
align-items: center;
}
}
.data-alanys {
// background-color: blue;
float: right;
color: white;
}
.data-cont {
// margin: 20rpx;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 30rpx;
box-sizing: border-box;
// padding: 70rpx;
.data-cont-li {
border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
width: 310.94rpx;
height: 212.03rpx;
background-color: white;
margin-bottom: 20rpx;
}
}
}
.center {
display: flex;
align-items: center;
}
.b-cls {
display: flex;
align-items: flex-end;
width: 250rpx;
justify-content: space-between;
color: #4CC593;
}
</style>

32
components/index/cultivation.vue
View File

@ -44,12 +44,11 @@
<view class=""> <view class="">
养殖情况 养殖情况
</view> </view>
<view class="updata-btn">
更新养殖情况
</view>
</view> </view>
<view class="card" v-for="item in [1,1,1,]"> <view class="card" v-for="(item,index) in [1,1,1,]" :key="index"
@click="navgo('/pages/feedIng/feedDetail')">
<view class="tit"> <view class="tit">
<view class=""> <view class="">
编号: 56565 编号: 56565
@ -73,8 +72,9 @@
</view> </view>
<view class="check"> <view class="check" @click="navgo('/pages/feedIng/feedList')">
查看全部养殖动物> 查看全部养殖动物<u--image src="/static/img/CKGD.png" style="margin-left: 5rpx;" width="31.54rpx"
height="31.54rpx"></u--image>
</view> </view>
</view> </view>
<view class="circumstance"> <view class="circumstance">
@ -82,27 +82,26 @@
<view class=""> <view class="">
饲养情况 饲养情况
</view> </view>
<view class="updata-btn"> <view class="updata-btn" @click="navgo('/pages/growRecord/index')">
更新饲养情况 更新饲养情况
</view> </view>
</view> </view>
<view class="tab">
</view> <myTable tit='查看历史清点记录' route='/pages/feedIng/allRecording'></myTable>
</view> </view>
<view class="circumstance"> <view class="circumstance">
<view class="card-tit"> <view class="card-tit">
<view class=""> <view class="">
消毒情况 消毒情况
</view> </view>
<view class="updata-btn"> <view class="updata-btn" @click="navgo('/pages/growRecord/index')">
更新消毒情况 更新消毒情况
</view> </view>
</view> </view>
<view class="tab"> <myTable tit='查看历史消毒记录' route='/pages/feedIng/allRecording'></myTable>
</view> </view>
</view>
<view class="data"> <view class="data">
<view class="tit"> <view class="tit">
@ -149,6 +148,7 @@
ref, ref,
reactive reactive
} from "vue" } from "vue"
import myTable from "@/components/myTable/index.vue"
const data = reactive([{ const data = reactive([{
tit: "环境温度", tit: "环境温度",
icon: 'TRWD', icon: 'TRWD',
@ -226,6 +226,11 @@
const img = (w, h, m) => { const img = (w, h, m) => {
return `width:${w}rpx;height:${h};margin:0 ${m}rpx ` return `width:${w}rpx;height:${h};margin:0 ${m}rpx `
} }
const navgo = (url) => {
uni.navigateTo({
url
})
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -255,6 +260,9 @@
.check { .check {
font-size: 29.79rpx; font-size: 29.79rpx;
text-align: center; text-align: center;
display: flex;
justify-content: center;
align-items: center;
} }
.tab { .tab {

189
components/index/fishing.vue
View File

@ -1,11 +1,194 @@
<template> <template>
<view class=""> <view class="">
卖鱼的 <view class="content">
<view class="border-bgc">
</view>
<view class="" style="height: 30rpx;">
</view>
<view class="card">
<view class="card-li">
农户名称: 魏鹏飞
</view>
<view class="card-li">
种养殖类型: 养殖户
</view>
<view class="card-li">
养殖种类: 鱼类
</view>
<view class="card-li">
土地面积: 00
</view>
<view class="card-li">
地址: 对话方式打开就会发生的空间和
</view>
</view>
<view class="card" v-for="(item,index) in list" :key="index" @click="navgoFn(item.type)">
<view class="tit card-li">
<view class="">
池塘1
</view>
<view class="" style="color: #00A15E;" v-if="item.type==1||item.type==2">
已养殖
</view>
<view class="" style="color: #00A15E;" v-if="item.type==0">
未养殖
</view>
</view>
<view class="card-li">
<view class="">
面积: 10亩
</view>
</view>
<view class="card-li tit">
<view class="" style="font-weight: normal;">
养殖品种: 10亩
</view>
</view>
<view class="card-li tit" style="font-weight: normal;">
<view class="">
养殖数量: 100kg
</view>
</view>
</view>
<view style="height: 170rpx;">
</view>
</view>
<view class="bottom">
<view class="add-btn" @click="navgo('/pages/growRecord/index')">
批量处理
</view>
<view class="add-btn add" @click="navgo('/pages/InformationAdd/index')">
增加种植
</view>
</view>
</view> </view>
</template> </template>
<script> <script setup>
import {
reactive
} from "vue"
const list = reactive([{
tit: "土地种植管理",
type: 1,
}, {
tit: "土地种植管理",
type: 0,
}, {
tit: "土地种植管理",
type: 2,
}, {
tit: "土地种植管理",
type: 1,
}, {
tit: "土地种植管理",
type: 0,
}, {
tit: "土地种植管理",
type: 2,
}, {
tit: "土地种植管理"
}, {
tit: "土地种植管理"
}, {
tit: "土地种植管理"
}, {
tit: "土地种植管理"
}, ])
const navgo = (url) => {
uni.navigateTo({
url
})
}
const navgoFn = (type) => {
if (type == 0) {
navgo("/pages/InformationAdd/index")
}
if (type == 1) {
navgo("/pages/detail/plant")
}
if (type == 2) {
navgo('/pages/detail/plant')
}
}
</script> </script>
<style> <style lang="scss">
.content {
min-height: 90vh;
position: relative;
// padding: 0 20rpx;
// padding-top: 50rpx;
background-color: #EAF2EF;
padding: 0;
.border-bgc {
height: 200rpx;
background-color: #34D190;
border-radius: 0 0 40rpx 40rpx;
position: absolute;
width: 750rpx;
}
.card {
position: relative;
width: 693.93rpx;
margin: auto;
background-color: #fff;
box-sizing: border-box;
padding: 20rpx;
border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
margin-bottom: 40rpx;
.card-li {
margin-bottom: 17rpx;
}
.tit {
display: flex;
font-size: 33.29rpx;
font-weight: bold;
// background-color: red;
justify-content: space-between;
}
}
}
.bottom {
width: 750rpx;
height: 150rpx;
background-color: #EAF2EF;
position: fixed;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
.add-btn {
width: 238.32rpx;
height: 84.11rpx;
border: #34D190 1px solid;
border-radius: 42.06rpx 42.06rpx 42.06rpx 42.06rpx;
display: flex;
align-items: center;
color: #00A15E;
font-size: 33.29rpx;
font-weight: bold;
justify-content: center;
margin-right: 20rpx;
}
.add {
background-color: #00A15E;
color: white;
}
}
</style> </style>

2
components/index/planting.vue
View File

@ -63,7 +63,7 @@
<view class="add-btn" @click="navgo('/pages/growRecord/index')"> <view class="add-btn" @click="navgo('/pages/growRecord/index')">
批量处理 批量处理
</view> </view>
<view class="add-btn add"> <view class="add-btn add" @click="navgo('/pages/InformationAdd/index')">
增加种植 增加种植
</view> </view>
</view> </view>

67
components/myTable/index.vue Normal file
View File

@ -0,0 +1,67 @@
<template>
<view class="card">
<uni-table border emptyText="暂无更多数据" width="600rpx">
<!-- 表头行 -->
<uni-tr>
<uni-th width="100rpx" align="center">日期</uni-th>
<uni-th width="200rpx" align="center">操作</uni-th>
<uni-th width="300.22rpx" align="center">相关信息</uni-th>
</uni-tr>
<!-- 表格数据行 -->
<uni-tr v-for="(item,index) in dataList">
<uni-td>{{item.time}}</uni-td>
<uni-td>{{item.text}}</uni-td>
<uni-td v-if="item.img"> <u--image src="/static/img/GJ.jpg" width="100%" height="210.28rpx"
alt=""></u--image></uni-td>
<uni-td v-else> {{item.caozuo}}</uni-td>
</uni-tr>
</uni-table>
<view class="tit_b" v-show="tit_b" @click="navgo">
{{tit_b}} <u--image src="/static/img/CKGD.png" style="margin-left: 5rpx;" width="31.54rpx"
height="31.54rpx"></u--image>
</view>
</view>
</template>
<script setup>
import {
reactive,
ref
} from "vue"
const props = defineProps({
dataList: Object,
tit: String,
route: String
})
const tit_b = ref(props.tit)
console.log(props, '数据')
const dataList = reactive([{
time: "9.10",
text: "东京核辐射的接口返回",
caozuo: "的结果是否及时赶赴"
}, {
time: "9.10",
text: "东京核辐射的接口返回",
caozuo: "的结果是否及时赶赴"
},
], )
const navgo = () => {
uni.navigateTo({
url: props.route
})
}
</script>
<style lang="scss" scoped>
.tit_b {
text-align: center;
color: #737373;
margin-top: 20rpx;
font-size: 26.29rpx;
display: flex;
justify-content: center;
align-items: center;
}
</style>

25
pages.json
View File

@ -129,8 +129,33 @@
"navigationBarBackgroundColor": "#F4F4F4", "navigationBarBackgroundColor": "#F4F4F4",
"navigationBarTextStyle": "black" "navigationBarTextStyle": "black"
} }
}, {
"path": "pages/aquatic/addAquatic",
"style": {
"navigationBarTitleText": "添加养殖",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#F4F4F4",
"navigationBarTextStyle": "black"
}
}, {
"path": "pages/aquatic/updateGrow",
"style": {
"navigationBarTitleText": "更新生长记录",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#F4F4F4",
"navigationBarTextStyle": "black"
}
}, {
"path": "pages/aquatic/detail",
"style": {
"navigationBarTitleText": "详情",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#F4F4F4",
"navigationBarTextStyle": "black"
}
}, },
{ {
"path": "pages/test/index", "path": "pages/test/index",
"style": { "style": {

207
pages/aquatic/addAquatic.vue Normal file
View File

@ -0,0 +1,207 @@
<template>
<view class="content" @click.capture="off">
<view class="card">
<view class="" style="margin-bottom: 20rpx;">
养殖品种: 白鲢
</view>
<view class="" style="margin-bottom: 20rpx;">
养殖数量: 白鲢
</view>
<view class="" style="margin-bottom: 20rpx;">
鱼苗购入点: 白鲢
</view>
<view class="" style="margin-bottom: 20rpx;">
购入凭证
</view>
<view class="code-img">
<view class="carime-icon">
</view>
</view>
</view>
<view class="card">
<view class="card-li">
<view class="card-li-tit">
养殖品种
</view>
<view class="">
<up-input placeholder="请输入品种" border="surround" v-model="value" @change="change"></up-input>
</view>
</view>
<view class="card-li">
<view class="card-li-tit">
鱼苗数量
</view>
<view class="">
<up-input placeholder="请输入品种" border="surround" v-model="value" @change="change"></up-input>
</view>
</view>
<view class="card-li">
<view class="card-li-tit">
鱼苗购入点
</view>
<view class="">
<up-input placeholder="请输入品种" border="surround" v-model="value" @change="change"></up-input>
</view>
</view>
<view class="card-li-tit">
购入凭证
</view>
<view class="code-img">
<view class="carime-icon" @click="updateImgFn">
<u--image src="/static/img/DJSC.png" width="91.12rpx" height="91.12rpx"></u--image>
<view class="">
点击上传图片
</view>
</view>
</view>
</view>
<view class="next-btn">
下一个
</view>
<view class="ripe-btn" @click="navgo('/pages/index/index')">
完成添加
</view>
</view>
</template>
<script setup>
import {
reactive,
ref
} from "vue"
const navgo = (url) => {
uni.navigateTo({
url
})
}
const updateImgFn = () => {
uni.chooseImage({
count: 1,
sizeType: ['compressed'],
sourceType: ['album'],
success: (res) => {
console.log('chooseImage success, temp path is', res.tempFilePaths[0])
var imageSrc = res.tempFilePaths[0]
uni.showLoading({
title: '上传中'
})
this.task = uni.uploadFile({
url: 'https://unidemo.dcloud.net.cn/upload', //仅为示例，非真实的接口地址
filePath: imageSrc,
name: 'file',
formData: {
'user': 'test'
},
success: (res) => {
if (this.pageVisible) {
console.log('uploadImage success, res is:', res)
uni.hideLoading();
uni.showToast({
title: '上传成功',
icon: 'success',
duration: 1000
})
this.imageSrc = imageSrc
}
},
fail: (err) => {
if (this.pageVisible) {
console.log('uploadImage fail', err);
uni.hideLoading();
uni.showModal({
content: err.errMsg,
showCancel: false
});
}
},
});
},
fail: (err) => {
console.log('chooseImage fail', err)
}
})
}
</script>
<style lang="scss">
.card-tit {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #F4F4F4;
padding-bottom: 20rpx;
margin-bottom: 20rpx;
}
.card-cont {
display: flex;
justify-content: space-between;
.card-l {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.card-r {
overflow: hidden;
border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
width: 353.97rpx;
height: 210.28rpx;
}
}
.card-li-tit {
margin-bottom: 20rpx;
}
.uplode {
height: 350.47rpx;
background-color: red;
}
.next-btn {
width: 196.26rpx;
height: 66.59rpx;
border: 1px solid #00A15E;
color: #00A15E;
border-radius: 42.06rpx 42.06rpx 42.06rpx 42.06rpx;
margin: 0 auto;
text-align: center;
line-height: 66rpx;
}
.ripe-btn {
width: 588.79rpx;
height: 84.11rpx;
background-color: #00A15E;
color: white;
display: flex;
justify-content: center;
align-items: center;
margin: 85rpx auto;
border-radius: 42.06rpx 42.06rpx 42.06rpx 42.06rpx;
background: linear-gradient(to right, #00A15E, #4CC593);
}
.code-img {
background-color: #F4F4F4;
height: 196.26rpx;
position: relative;
.carime-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
}
}
</style>

375
pages/aquatic/detail.vue Normal file
View File

@ -0,0 +1,375 @@
<template>
<view class="content">
<imgCard></imgCard>
<view class="bad-info">
<view class="" style="display: flex;align-items: center;">
<u--image :src="urlFn('sj')" style="margin: 0 5rpx;" width="28.04rpx" height="28.04rpx"></u--image>
<text>刷新时间:{{dateFn()}}</text>
</view>
<view style="display: flex;" @click="navgo('/pages/allPlant/index')">
查看历史条件 <u--image src="/static/img/CKGD.png" style="margin-left: 5rpx;" width="31.54rpx"
height="31.54rpx"></u--image>
</view>
</view>
<view class="up-plant-btn" @click="updateImgFn">
上传新的种植情况
</view>
<view class="card">
<view class="tit">
<view class="">
农户名称: 1号土地
</view>
<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 class="card-li">
<view class="">
具体种类: 20亩
</view>
</view>
<view class="add-btn" @click="navgo('/pages/aquatic/addAquatic')">
添加水产养殖
</view>
</view>
<view class="circumstance">
<view class="card-tit">
<view class="">
生长密度记录
</view>
<view class="updata-btn" @click="navgo('/pages/aquatic/updateGrow')">
更新生长记录
</view>
</view>
<myTable tit='查看历史清点记录' route='/pages/feedIng/allRecording'></myTable>
</view>
<view class="circumstance">
<view class="card-tit">
<view class="">
饲养记录
</view>
<view class="updata-btn" style="width: 300rpx;" @click="navgo('/pages/growRecord/index')">
更新饲养记录
</view>
</view>
<myTable tit='查看历史消毒记录' route='/pages/feedIng/allRecording'></myTable>
</view>
<view class="data">
<view class="tit">
<view class="" style="display: flex;justify-content: space-between;font-size: 29.79rpx;">
<view class="">
环境监测数据
</view>
</view>
<view class="tit-b">
<u--image :src="urlFn('sj')" style="margin: 0 5rpx;" width="28.04rpx" height="28.04rpx"></u--image>
<text>刷新时间: 2022-3-3</text>
</view>
</view>
<view class="data-cont">
<view class="data-cont-li center" v-for="(item,index) in data " :key="index">
<view style="margin:0 20rpx">
<view class="center">
<u--image :src="urlFn(item.icon)" style="margin: 0 5rpx;" width="38.55rpx"
height="38.54rpx"></u--image>
{{item.tit}}
</view>
<view class="b-cls">
<view class="" :style="{color:item.flag?'#0095FF':''}">
<text style=" font-size: 70.09rpx;">
{{baseData[item.cont]}}
</text>{{item.dw}}
</view>
<view class="" style="display: flex;align-items: center;" v-if="item.flag">
<u--image :src="urlFn('D')" style="margin: 0 5rpx;" width="31.54rpx" height="31.54rpx">
</u--image>
<text style="color: #0095FF;">5</text>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script setup>
import {
ref,
reactive
} from "vue"
import myTable from "@/components/myTable/index.vue"
import imgCard from "@/components/imgCard.vue"
const data = reactive([{
tit: "水温",
icon: 'TRWD',
dw: "℃",
cont: 'soil_temperature',
flag: false,
}, {
tit: "PH值",
icon: 'TRSD',
dw: "%RH",
cont: 'soil_moisture',
}, {
tit: "溶解氧",
icon: 'FX',
cont: 'wind_direction',
}, {
tit: "电导率",
icon: 'FS',
dw: "m/s",
cont: 'wind_speed',
}, {
tit: "TDS",
icon: 'JYL',
dw: "mm",
cont: 'rainfall',
},
])
const data2 = reactive([{
cont: "气象多要素百叶箱",
cont2: "1天/1次",
}, {
cont: "多功能控制器",
cont2: "3个小时/次",
}, ])
const baseData = reactive({
"id": 27,
"production_base_id": 1,
"soil_temperature": 20,
"soil_moisture": 50,
"room_temperature": 0,
"air_humidity": 0,
"air_quality_index": 0,
"pond_temperature": 0,
"pond_ph_value": 0,
"wind_direction": "北",
"wind_speed": 3.4,
"illumination": 2,
"rainfall": 20,
"carbon_dioxide_content": 450,
"nitrogen_content": 0,
"methane_content": 0,
"ammonia_nitrogen_content": 0,
"nitrite_content": 0,
"dissolved_oxygen": 0,
"temperature_threshold": 0,
"humidity_threshold": 0,
"flag": 1
})
const urlFn = (name) => {
return `/static/img/${name}.png`
}
const img = (w, h, m) => {
return `width:${w}rpx;height:${h};margin:0 ${m}rpx `
}
const navgo = (url) => {
uni.navigateTo({
url
})
}
const dateFn = () => {
var today = new Date();
// 获取年、月、日
var year = today.getFullYear();
var month = today.getMonth() + 1; // 月份从0开始，需要加1
var day = today.getDate();
// 构建日期字符串
var dateStr = year + '-' + month + '-' + day;
return dateStr
// 输出日期字符串
}
</script>
<style lang="scss" scoped>
.circumstance {
width: 693.93rpx;
margin: 0 auto;
margin-bottom: 43rpx;
.card-tit {
display: flex;
justify-content: space-between;
margin-bottom: 28rpx;
}
.updata-btn {
font-size: 26.29rpx;
width: 192.76rpx;
height: 57.83rpx;
border: 1px solid #00A15E;
color: #00A15E;
display: flex;
justify-content: center;
align-items: center;
border-radius: 31.54rpx 31.54rpx 31.54rpx 31.54rpx;
}
.check {
font-size: 29.79rpx;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.tab {
height: 500rpx;
background-color: red;
}
}
.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;
}
}
.data {
.tit {
.tit-b {
color: #B3B3B3;
font-size: 26.29rpx;
display: flex;
align-items: center;
}
}
.data-alanys {
// background-color: blue;
float: right;
color: white;
}
.data-cont {
// margin: 20rpx;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 30rpx;
box-sizing: border-box;
// padding: 70rpx;
.data-cont-li {
border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
width: 310.94rpx;
height: 212.03rpx;
background-color: white;
margin-bottom: 20rpx;
}
}
}
.center {
display: flex;
align-items: center;
}
.b-cls {
display: flex;
align-items: flex-end;
width: 250rpx;
justify-content: space-between;
color: #4CC593;
}
.add-btn {
margin: 0 auto;
width: 220.79rpx;
height: 57.83rpx;
color: #00A15E;
border: 1px solid #00A15E;
border-radius: 50rpx;
display: flex;
justify-content: center;
line-height: 57rpx;
font-size: 26rpx;
}
.bad-info {
display: flex;
// background-color: red;
justify-content: space-between;
align-items: center;
margin: 20rpx 0;
color: #737373;
width: 693.93rpx;
font-size: 26.29rpx;
.tit-b {
color: red;
}
}
.up-plant-btn {
width: 371.5rpx;
height: 66.59rpx;
color: #00A15E;
margin: 40rpx auto;
border: 1px solid #00A15E;
font-weight: bold;
border-radius: 42.06rpx 42.06rpx 42.06rpx 42.06rpx;
display: flex;
align-items: center;
justify-content: center;
}
</style>

130
pages/aquatic/updateGrow.vue Normal file
View File

@ -0,0 +1,130 @@
<template>
<view class="content">
<view class="card">
<view class="tit">
<view class="">
农户名称: 1号土地
</view>
<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>
</view>
<view class="">
<view class="" style="margin-bottom: 20rpx;">
网兜计数
</view>
<view class="card">
<view class="card-tit">
网兜面积
</view>
<view class="">
<up-input placeholder="请输入品种" border="surround" v-model="value" @change="change"></up-input>
</view>
<view class="card-tit">
网兜内数量
</view>
<view class="" style="display: flex; align-items: center;margin-bottom: 20rpx;">
草鱼数量 <up-input style="margin-left: 20rpx;" placeholder="请输入品种" border="surround" v-model="value"
@change="change"></up-input>
</view>
<view class="" style="display: flex; align-items: center;">
鲫鱼数量 <up-input style="margin-left: 20rpx;" placeholder="请输入品种" border="surround" v-model="value"
@change="change"></up-input>
</view>
<view class="card-tit">
平均重量
</view>
<view class="" style="display: flex; align-items: center;margin-bottom: 20rpx;">
草鱼重量 <up-input style="margin-left: 20rpx;" placeholder="请输入品种" border="surround" v-model="value"
@change="change"></up-input>
</view>
<view class="" style="display: flex; align-items: center;">
鲫鱼重量 <up-input style="margin-left: 20rpx;" placeholder="请输入品种" border="surround" v-model="value"
@change="change"></up-input>
</view>
</view>
</view>
<view class="ripe-btn">
确认
</view>
</view>
</template>
<script setup>
import {
ref,
reactive
} from "vue"
const value = ref("")
</script>
<style lang="scss" scoped>
.card {
margin-bottom: 20rpx;
font-size: 26.29rpx;
.tit {
display: flex;
justify-content: space-between;
padding-bottom: 20rpx;
border-bottom: 1px solid #EBF1EF;
}
.card-tit {
margin: 20rpx 0;
font-size: 29.79rpx;
}
.card-li {
margin-top: 20rpx;
display: flex;
justify-content: space-between;
}
}
.ripe-btn {
width: 588.79rpx;
height: 84.11rpx;
background-color: #00A15E;
color: white;
display: flex;
justify-content: center;
align-items: center;
margin: 85rpx auto;
border-radius: 42.06rpx 42.06rpx 42.06rpx 42.06rpx;
background: linear-gradient(to right, #00A15E, #4CC593);
}
</style>

109
pages/detail/plant.vue
View File

@ -1,27 +1,20 @@
<template> <template>
<view class="content"> <view class="content">
<view class="head-img">
<view class=""> <imgCard></imgCard>
<u--image src="/static/img/GJ.jpg" width="693.93rpx" height=" 394.28rpx" alt=""></u--image>
</view>
<view class="poisition">
<view style="display: flex;">
<u--image src="/static/img/dw.png" style="margin: 0 5rpx;" width="35.05rpx"
height="35.05rpx"></u--image>
分水岭大南山北326米
</view>
</view>
</view>
<view class="bad-info"> <view class="bad-info">
<view class="" style="display: flex;align-items: center;"> <view class="" style="display: flex;align-items: center;">
<u--image :src="urlFn('sj')" style="margin: 0 5rpx;" width="28.04rpx" height="28.04rpx"></u--image> <u--image :src="urlFn('sj')" style="margin: 0 5rpx;" width="28.04rpx" height="28.04rpx"></u--image>
<text>刷新时间:{{dateFn()}}</text> <text>刷新时间:{{dateFn()}}</text>
</view> </view>
<view class="" @click="navgo('/pages/allPlant/index')"> <view style="display: flex;" @click="navgo('/pages/allPlant/index')">
查看历史条件> 查看历史条件 <u--image src="/static/img/CKGD.png" style="margin-left: 5rpx;" width="31.54rpx"
height="31.54rpx"></u--image>
</view> </view>
</view> </view>
<view class="up-plant-btn"> <view class="up-plant-btn" @click="updateImgFn">
上传新的种植情况 上传新的种植情况
</view> </view>
@ -60,7 +53,7 @@
<!-- 生长记录 --> <!-- 生长记录 -->
<view class="grow-record">
<view class="grow-record-tit"> <view class="grow-record-tit">
<view class=""> <view class="">
生长记录操作 生长记录操作
@ -69,11 +62,10 @@
更新生长记录 更新生长记录
</view> </view>
</view> </view>
<view class="card" @tap="navgo('/pages/growRecord/index')"> <!-- <myTable :dataList="dataList" tit='查看历史'></myTable> -->
<biaoge></biaoge> <myTable tit='查看历史消毒记录' route='/pages/records/index'></myTable>
</view>
</view>
<view class="data"> <view class="data">
<view class="tit"> <view class="tit">
@ -81,8 +73,9 @@
<view class=""> <view class="">
土地监测数据 土地监测数据
</view> </view>
<view class="" @click="navgo('/pages/profile/index')"> <view style="display: flex;align-items: center;" @click="navgo('/pages/profile/index')">
查看全部检测记录> 查看全部检测记录 <u--image src="/static/img/CKGD.png" style="margin-left: 5rpx;" width="31.54rpx"
height="31.54rpx"></u--image>
</view> </view>
</view> </view>
<view class="tit-b"> <view class="tit-b">
@ -128,16 +121,29 @@
</template> </template>
<script> <script>
import biaoge from "@/components/biaoge/index.vue" import myTable from "@/components/myTable/index.vue"
import imgCard from "@/components/imgCard.vue"
import { import {
companyMine companyMine
} from "@/api/test.js" } from "@/api/test.js"
export default { export default {
components: { components: {
biaoge myTable,
imgCard
}, },
data() { data() {
return { return {
dataList: [{
time: "9.10",
text: "东京核辐射的接口返回",
caozuo: "的结果是否及时赶赴"
}, {
time: "9.10",
text: "东京核辐射的接口返回",
caozuo: "的结果是否及时赶赴"
},
],
// title: 'Hello' // title: 'Hello'
data: [{ data: [{
tit: "土壤温度", tit: "土壤温度",
@ -206,6 +212,53 @@
}, 500) }, 500)
}, },
methods: { methods: {
updateImgFn() {
uni.chooseImage({
count: 1,
sizeType: ['compressed'],
sourceType: ['album'],
success: (res) => {
console.log('chooseImage success, temp path is', res.tempFilePaths[0])
var imageSrc = res.tempFilePaths[0]
uni.showLoading({
title: '上传中'
})
this.task = uni.uploadFile({
url: 'https://unidemo.dcloud.net.cn/upload', //仅为示例，非真实的接口地址
filePath: imageSrc,
name: 'file',
formData: {
'user': 'test'
},
success: (res) => {
if (this.pageVisible) {
console.log('uploadImage success, res is:', res)
uni.hideLoading();
uni.showToast({
title: '上传成功',
icon: 'success',
duration: 1000
})
this.imageSrc = imageSrc
}
},
fail: (err) => {
if (this.pageVisible) {
console.log('uploadImage fail', err);
uni.hideLoading();
uni.showModal({
content: err.errMsg,
showCancel: false
});
}
},
});
},
fail: (err) => {
console.log('chooseImage fail', err)
}
})
},
navgo(url) { navgo(url) {
uni.navigateTo({ uni.navigateTo({
url url
@ -372,7 +425,7 @@
} }
} }
.grow-record {
.grow-record-tit { .grow-record-tit {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -392,11 +445,9 @@
} }
} }
.card {
display: flex;
}
}
.ripe-btn { .ripe-btn {
width: 588.79rpx; width: 588.79rpx;

186
pages/feedIng/addPoultry.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="content"> <view class="content" @click.capture="off">
<view class="card"> <view class="card">
<view class="card-tit"> <view class="card-tit">
<view class=""> <view class="">
@ -49,19 +49,42 @@
</view> </view>
</view> </view>
<view class="card-li"> <view class="card-li">
<view class="card-li-tit"> <view class="select">
养殖类型 养殖类型: <up-input readonly placeholder="请选择" style="margin-top: 20rpx;" border="surround"
@click.capture="selectFoucsFn" @blur="selectAct=false" v-model="value">
</up-input>
<view class="JT" :class="{actJT:selectAct}">
<u--image src="/static/img/XLJT.png" width="24.53rpx" height="24.53rpx"></u--image>
</view> </view>
<view class=""> <view class="selectvalue" v-show="selectAct">
<up-input placeholder="请输入品种" border="surround" v-model="value" @change="change"></up-input> <view class="select-li" v-for="(item,index) in selectList" :key="index"
@click="changSelectfn(index)" :style="{color:indexs==index?'black':'#B3B3B3'}">
{{item}}
<view class="" v-show='indexs==index'>
<u--image src="/static/img/XLZZ.png" width="24.53rpx" height="24.53rpx"></u--image>
</view> </view>
</view> </view>
</view>
</view>
</view>
<view class="card-li"> <view class="card-li">
<view class="card-li-tit"> <view class="select">
状态 状态: <up-input readonly placeholder="请选择" style="margin-top: 20rpx;" border="surround"
@click.capture="selectFoucsFn1" @blur="selectAct1=false" v-model="value">
</up-input>
<view class="JT" :class="{actJT:selectAct1}">
<u--image src="/static/img/XLJT.png" width="24.53rpx" height="24.53rpx"></u--image>
</view>
<view class="selectvalue" v-show="selectAct1" style="bottom:-250rpx">
<view class="select-li" v-for="(item,index) in selectList1" :key="index"
@click="changSelectfn(index)" :style="{color:indexs==index?'black':'#B3B3B3'}">
{{item}}
<view class="" v-show='indexs==index'>
<u--image src="/static/img/XLZZ.png" width="24.53rpx" height="24.53rpx"></u--image>
</view>
</view>
</view> </view>
<view class="">
<up-input placeholder="请输入品种" border="surround" v-model="value" @change="change"></up-input>
</view> </view>
</view> </view>
<view class="card-li"> <view class="card-li">
@ -73,8 +96,13 @@
</view> </view>
</view> </view>
<view class="uplode"> <view class="code-img">
<view class="carime-icon" @click="updateImgFn">
<u--image src="/static/img/DJSC.png" width="91.12rpx" height="91.12rpx"></u--image>
<view class="">
点击上传图片
</view>
</view>
</view> </view>
</view> </view>
<view class="next-btn"> <view class="next-btn">
@ -86,7 +114,83 @@
</view> </view>
</template> </template>
<script> <script setup>
import {
reactive,
ref
} from "vue"
const off = () => {
selectAct.value = false
selectAct1.value = false
}
const selectList = reactive([
"幼崽", "公猪", "母猪"
])
const selectList1 = reactive([
"健康", "怀孕中", "生病隔离中", "可出栏"
])
const value = ref("")
const selectAct = ref(false)
const selectAct1 = ref(false)
const selectFoucsFn = (e) => {
selectAct.value = true
}
const selectFoucsFn1 = (e) => {
selectAct1.value = true
}
const indexs = ref(0)
const changSelectfn = (index) => {
indexs.value = index
value.value = selectList[index]
}
const updateImgFn = () => {
uni.chooseImage({
count: 1,
sizeType: ['compressed'],
sourceType: ['album'],
success: (res) => {
console.log('chooseImage success, temp path is', res.tempFilePaths[0])
var imageSrc = res.tempFilePaths[0]
uni.showLoading({
title: '上传中'
})
this.task = uni.uploadFile({
url: 'https://unidemo.dcloud.net.cn/upload', //仅为示例，非真实的接口地址
filePath: imageSrc,
name: 'file',
formData: {
'user': 'test'
},
success: (res) => {
if (this.pageVisible) {
console.log('uploadImage success, res is:', res)
uni.hideLoading();
uni.showToast({
title: '上传成功',
icon: 'success',
duration: 1000
})
this.imageSrc = imageSrc
}
},
fail: (err) => {
if (this.pageVisible) {
console.log('uploadImage fail', err);
uni.hideLoading();
uni.showModal({
content: err.errMsg,
showCancel: false
});
}
},
});
},
fail: (err) => {
console.log('chooseImage fail', err)
}
})
}
</script> </script>
<style lang="scss"> <style lang="scss">
@ -148,4 +252,62 @@
border-radius: 42.06rpx 42.06rpx 42.06rpx 42.06rpx; border-radius: 42.06rpx 42.06rpx 42.06rpx 42.06rpx;
background: linear-gradient(to right, #00A15E, #4CC593); background: linear-gradient(to right, #00A15E, #4CC593);
} }
.select {
position: relative;
.JT {
position: absolute;
right: 20rpx;
top: 60%;
z-index: 9999;
transition: .2s;
}
.actJT {
transition: .2s;
transform: rotate(180deg);
}
.selectvalue {
position: absolute;
width: 608.53rpx;
background-color: white;
z-index: 99;
font-size: 26.29rpx;
left: 0rpx;
bottom: -200rpx;
border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
padding: 0 20rpx;
border: 1px solid #F4F4F4;
.select-li {
margin: 20rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
}
}
}
.code-img {
background-color: #F4F4F4;
height: 196.26rpx;
position: relative;
.carime-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
}
}
</style> </style>

9
pages/feedIng/allFeed.vue
View File

@ -40,15 +40,16 @@
</view> </view>
<view class=""> <view class="">
历史养殖状态 <view class="" style="margin-bottom: 20rpx;">
<view class="table"> 饲养记录
</view> </view>
<myTable></myTable>
</view> </view>
</view> </view>
</template> </template>
<script> <script setup>
import myTable from "@/components/myTable/index.vue"
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

9
pages/feedIng/allRecording.vue
View File

@ -40,17 +40,16 @@
</view> </view>
</view> </view>
<view class=""> <view class="" style="margin-bottom: 20rpx;">
饲养记录 饲养记录
</view> </view>
<view class="table">
</view>
<myTable></myTable>
</view> </view>
</template> </template>
<script> <script setup>
import myTable from "@/components/myTable/index.vue"
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

103
pages/feedIng/feedDetail.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="content"> <view class="content" @click.capture="selectAct=false">
<view class="card"> <view class="card">
<view class="tit"> <view class="tit">
@ -52,8 +52,9 @@
<view class=""> <view class="">
编号: 13645 编号: 13645
</view> </view>
<view class=""> <view class="more-jt">
查看养殖详情> 查看养殖详情 <u--image src="/static/img/CKGD.png" style="margin-left: 5rpx;" width="31.54rpx"
height="31.54rpx"></u--image>
</view> </view>
</view> </view>
@ -63,36 +64,39 @@
<view class=""> <view class="">
养殖类型: 母猪 养殖类型: 母猪
</view> </view>
<view class="">
年龄: 2年
</view>
</view>
<view class="card-li" style="align-items: center;">
<view class="">
状态: 母猪
</view>
<view class="" style="display: flex;align-items: center;"> <view class="" style="display: flex;align-items: center;">
体重: <up-input style="height: 49.07rpx;width: 215.54rpx;margin-left: 20rpx;" placeholder="请输入内容" 体重: <up-input style="height: 49.07rpx;width: 215.54rpx;margin-left: 20rpx;" placeholder="请输入内容"
border="surround" v-model="value" @change="change"></up-input> border="surround" v-model="value" @change="change"></up-input>
</view> </view>
</view> </view>
<view class="head-img"> <view class="card-li" style="align-items: center;">
<view class=""> <view class="">
<u--image src="/static/img/GJ.jpg" width="637.85rpx" height=" 394.28rpx" alt=""></u--image> 年龄: 2年
</view> </view>
<view class="poisition"> <view class="select">
<view style="margin-left: 20rpx;"> 状态: <up-input readonly style="height: 49.07rpx;width: 215.54rpx;margin-left: 20rpx;"
分水岭大南山北326米 placeholder="请选择" border="surround" @click.capture="selectFoucsFn" @blur="selectAct=false"
v-model="value">
</up-input>
<view class="JT" :class="{actJT:selectAct}">
<u--image src="/static/img/XLJT.png" width="24.53rpx" height="24.53rpx"></u--image>
</view>
<view class="selectvalue" v-show="selectAct">
<view class="select-li" v-for="(item,index) in selectList" :key="index"
@click="changSelectfn(index)" :style="{color:indexs==index?'black':'#B3B3B3'}">
{{item}}
<view class="" v-show='indexs==index'>
<u--image src="/static/img/XLZZ.png" width="24.53rpx" height="24.53rpx"></u--image>
</view> </view>
</view> </view>
</view> </view>
</view>
</view>
<imgCard></imgCard>
<view class="up-plant-btn"> <view class="up-plant-btn">
上传新的种植情况 上传新的种植情况
</view> </view>
</view> </view>
<view class="title"> <view class="title">
@ -103,9 +107,7 @@
更新生长记录 更新生长记录
</view> </view>
</view> </view>
<view class="" style="height: 500rpx;background-color: red;"> <myTable tit='查看历史饲养记录' route='/pages/feedIng/allFeed'></myTable>
</view>
<view class="ripe-btn"> <view class="ripe-btn">
标记状态为出栏 标记状态为出栏
</view> </view>
@ -114,11 +116,25 @@
</template> </template>
<script setup> <script setup>
import imgCard from "@/components/imgCard.vue"
import myTable from "@/components/myTable/index.vue"
import { import {
ref, ref,
reactive reactive
} from "vue" } from "vue"
const selectList = reactive([
"健康", "怀孕中", "生病隔离中", "可出栏"
])
const value = ref("") const value = ref("")
const selectAct = ref(false)
const selectFoucsFn = (e) => {
selectAct.value = true
}
const indexs = ref(0)
const changSelectfn = (index) => {
indexs.value = index
value.value = selectList[index]
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -136,6 +152,7 @@
margin-top: 20rpx; margin-top: 20rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center;
} }
} }
@ -143,6 +160,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 20rpx; margin-bottom: 20rpx;
margin-top: 42rpx;
.updata-btn { .updata-btn {
width: 192.76rpx; width: 192.76rpx;
@ -227,4 +245,45 @@
border-radius: 42.06rpx 42.06rpx 42.06rpx 42.06rpx; border-radius: 42.06rpx 42.06rpx 42.06rpx 42.06rpx;
background: linear-gradient(to right, #00A15E, #4CC593); background: linear-gradient(to right, #00A15E, #4CC593);
} }
.select {
display: flex;
align-items: center;
position: relative;
.JT {
position: absolute;
right: 20rpx;
z-index: 9999;
transition: .2s;
}
.actJT {
transition: .2s;
transform: rotate(180deg);
}
.selectvalue {
position: absolute;
width: 208.53rpx;
background-color: white;
z-index: 99;
font-size: 26.29rpx;
left: 90rpx;
bottom: -250rpx;
border-radius: 21.03rpx 21.03rpx 21.03rpx 21.03rpx;
padding: 0 20rpx;
border: 1px solid #F4F4F4;
.select-li {
margin: 20rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
}
}
}
</style> </style>

27
pages/feedIng/feedList.vue
View File

@ -47,7 +47,7 @@
搜索 搜索
</view> </view>
</view> </view>
<view class="card" v-for="item in [1,1,1,1,1]"> <view class="card" v-for="(item,index) in list" @click="navgo('/pages/feedIng/feedDetail')" :key="index">
<view class="tit"> <view class="tit">
<view class=""> <view class="">
编号: 12378 编号: 12378
@ -79,16 +79,24 @@
</view> </view>
</view> </view>
<view class="" style="text-align: center;font-size: 29.79rpx;">
展开更多> <view class="ripe-btn" @click="navgo('/pages/feedIng/addPoultry')">
</view>
<view class="ripe-btn">
添加新动物 添加新动物
</view> </view>
</view> </view>
</template> </template>
<script> <script setup>
import {
reactive,
ref
} from "vue";
const navgo = (url) => {
uni.navigateTo({
url
})
}
const list = reactive([1, 1, 1, 1, 1, 1, 1, 1, 1, 1])
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -140,4 +148,11 @@
background: linear-gradient(to right, #00A15E, #4CC593); background: linear-gradient(to right, #00A15E, #4CC593);
margin-top: 64rpx; margin-top: 64rpx;
} }
.showmore {
font-size: 29.79rpx;
justify-content: center;
display: flex;
align-items: center;
}
</style> </style>

49
pages/feedIng/histroyFeed.vue
View File

@ -52,7 +52,7 @@
<imgCard></imgCard> <imgCard></imgCard>
</view> </view>
<view class="up-plant-btn"> <view class="up-plant-btn" @click="updateImgFn">
上传新的种植情况 上传新的种植情况
</view> </view>
@ -62,6 +62,53 @@
<script setup> <script setup>
import imgCard from "@/components/imgCard.vue" import imgCard from "@/components/imgCard.vue"
const updateImgFn = () => {
uni.chooseImage({
count: 1,
sizeType: ['compressed'],
sourceType: ['album'],
success: (res) => {
console.log('chooseImage success, temp path is', res.tempFilePaths[0])
var imageSrc = res.tempFilePaths[0]
uni.showLoading({
title: '上传中'
})
this.task = uni.uploadFile({
url: 'https://unidemo.dcloud.net.cn/upload', //仅为示例，非真实的接口地址
filePath: imageSrc,
name: 'file',
formData: {
'user': 'test'
},
success: (res) => {
if (this.pageVisible) {
console.log('uploadImage success, res is:', res)
uni.hideLoading();
uni.showToast({
title: '上传成功',
icon: 'success',
duration: 1000
})
this.imageSrc = imageSrc
}
},
fail: (err) => {
if (this.pageVisible) {
console.log('uploadImage fail', err);
uni.hideLoading();
uni.showModal({
content: err.errMsg,
showCancel: false
});
}
},
});
},
fail: (err) => {
console.log('chooseImage fail', err)
}
})
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

2
components/biaoge/index.vue → pages/feedIng/histroyNote.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<view class=""> <view class="">
SADASD dsfsd
</view> </view>
</template> </template>

70
pages/feedIng/vaccineInfo.vue
View File

@ -34,7 +34,12 @@
疫苗条形码 疫苗条形码
</view> </view>
<view class="code-img"> <view class="code-img">
<view class="carime-icon" @click="updateImgFn">
<u--image src="/static/img/DJSC.png" width="91.12rpx" height="91.12rpx"></u--image>
<view class="">
点击上传图片
</view>
</view>
</view> </view>
</view> </view>
<view class="card-li"> <view class="card-li">
@ -98,6 +103,54 @@
const options1 = reactive([{ const options1 = reactive([{
text: '删除' text: '删除'
}]) }])
const updateImgFn = () => {
uni.chooseImage({
count: 1,
sizeType: ['compressed'],
sourceType: ['album'],
success: (res) => {
console.log('chooseImage success, temp path is', res.tempFilePaths[0])
var imageSrc = res.tempFilePaths[0]
uni.showLoading({
title: '上传中'
})
this.task = uni.uploadFile({
url: 'https://unidemo.dcloud.net.cn/upload', //仅为示例，非真实的接口地址
filePath: imageSrc,
name: 'file',
formData: {
'user': 'test'
},
success: (res) => {
if (this.pageVisible) {
console.log('uploadImage success, res is:', res)
uni.hideLoading();
uni.showToast({
title: '上传成功',
icon: 'success',
duration: 1000
})
this.imageSrc = imageSrc
}
},
fail: (err) => {
if (this.pageVisible) {
console.log('uploadImage fail', err);
uni.hideLoading();
uni.showModal({
content: err.errMsg,
showCancel: false
});
}
},
});
},
fail: (err) => {
console.log('chooseImage fail', err)
}
})
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -110,10 +163,23 @@
} }
.code-img { .code-img {
background-color: red; background-color: #F4F4F4;
height: 196.26rpx; height: 196.26rpx;
position: relative;
.carime-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
} }
}
.scan { .scan {
// width: 623.83rpx; // width: 623.83rpx;
height: 80.61rpx; height: 80.61rpx;

29
pages/growRecord/index.vue
View File

@ -43,11 +43,11 @@
<view class="operate-li" @click="showPop=true"> <view class="operate-li" @click="showPop=true">
胶水 胶水
</view> </view>
<view class="operate-li"> <view class="operate-li" @tap="navgo('')">
胶水 喂食
</view> </view>
<view class="operate-li"> <view class="operate-li" @tap="navgo('/pages/feedIng/vaccineInfo')">
胶水 注射疫苗
</view> </view>
<view class="operate-li"> <view class="operate-li">
胶水dassdd 胶水dassdd
@ -67,7 +67,7 @@
施肥 施肥
</view> </view>
<view class="fertilize-tit-r"> <view class="fertilize-tit-r">
<view class=""> <view class="" style="color: red;" @tap="showModal=true">
删除 删除
</view> </view>
<view style="margin-left: 40rpx;color: #00A15E;"> <view style="margin-left: 40rpx;color: #00A15E;">
@ -127,6 +127,10 @@
</view> </view>
</u-popup> </u-popup>
</view> </view>
<!-- 组件 -->
<u-modal :show="showModal" :showCancelButton='true' :closeOnClickOverlay="true" @close="showModal=false"
content='确认删除吗?' @confirm="delFn" @cancel="showModal=false"></u-modal>
</template> </template>
<script setup> <script setup>
@ -144,6 +148,21 @@
// } // }
} }
const navgo = (url) => {
uni.navigateTo({
url
})
}
const showModal = ref(false)
const delFn = () => {
showModal.value = false
uni.showToast({
title: '删除成功',
icon: 'success',
duration: 1000
})
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

42
pages/index/index.vue
View File

@ -7,7 +7,8 @@
<view class="" style="display: flex;"> <view class="" style="display: flex;">
<u--image src="/static/img/FH.png" width="50.82rpx" height="50.82rpx" alt=""></u--image> <u--image src="/static/img/FH.png" width="50.82rpx" height="50.82rpx" alt=""></u--image>
<view class="scoll-list"> <view class="scoll-list">
<view v-for="(item,index) in list" :key="index" :class="item.flag?'act':''" class="scoll-list-li"> <view v-for="(item,index) in list" :key="index" class="scoll-list-li"
:style="{color:flag==item.id?'white':''}" @tap="scollChangeFn(item.id)">
{{item.tit}} {{item.tit}}
</view> </view>
</view> </view>
@ -24,11 +25,14 @@
<!-- 种植户首页 --> <!-- 种植户首页 -->
<planting v-if='1'></planting> <planting v-if='flag==1'></planting>
<!-- 卖鱼的首页 -->
<fishing v-if='false'></fishing>
<!-- 养猪的 --> <!-- 养猪的 -->
<cultivation v-if="false"></cultivation> <cultivation v-if="flag==2"></cultivation>
<!-- 养鸡的 -->
<chick v-if="flag==3"> </chick>
<!-- 卖鱼的首页 -->
<fishing v-if='flag==4'></fishing>
</view> </view>
</template> </template>
@ -49,27 +53,23 @@
import cultivation from "@/components/index/cultivation.vue" import cultivation from "@/components/index/cultivation.vue"
import planting from "@/components/index/planting.vue" import planting from "@/components/index/planting.vue"
import fishing from "@/components/index/fishing.vue" import fishing from "@/components/index/fishing.vue"
import chick from "@/components/index/chick.vue"
const flag = ref(1)
const scollChangeFn = (index) => {
flag.value = index
}
const list = reactive([{ const list = reactive([{
tit: "土地种植管理", tit: "土地种植管理",
flag: true id: 1,
}, { }, {
tit: "土地种植管理" tit: "家畜养殖管理",
id: 2,
}, { }, {
tit: "土地种植管理" tit: "家禽养殖管理",
id: 3,
}, { }, {
tit: "土地种植管理" tit: "水产养殖管理",
}, { id: 4,
tit: "土地种植管理"
}, {
tit: "土地种植管理"
}, {
tit: "土地种植管理"
}, {
tit: "土地种植管理"
}, {
tit: "土地种植管理"
}, {
tit: "土地种植管理"
}, ]) }, ])
</script> </script>
<style lang="scss"> <style lang="scss">

23
pages/profile/index.vue
View File

@ -9,14 +9,12 @@
<view class="head"> <view class="head">
<view class="subsection"> <view class="subsection">
<view class="subsection-li" @click="changeDate(10)"> <view class="subsection-li" @click="changeDate(10)">
小时
</view>
<view class="subsection-li" @click="changeDate(160.7)">
天 天
</view> </view>
<view class="subsection-li sct" @click="changeDate(311.4)"> <view class="subsection-li" @click="changeDate(160.7)">
月 月
</view> </view>
<view class="act" :style="{left:leftNum+'rpx'}"> <view class="act" :style="{left:leftNum+'rpx'}">
</view> </view>
@ -40,6 +38,7 @@
</view> </view>
</view> </view>
</view> </view>
</view> </view>
@ -49,6 +48,7 @@
import { import {
companyMine companyMine
} from "@/api/test.js" } from "@/api/test.js"
export default { export default {
data() { data() {
return { return {
@ -167,17 +167,6 @@
let datas = [] let datas = []
this.leftNum = num this.leftNum = num
if (num == 10) { if (num == 10) {
datas = [
[20, 23, 25, 19, 23, 24],
[30, 25, 27, 28, 24, 25],
[40, 41, 32, 30, 32, 30],
[20, 23, 25, 19, 23, 24],
[100, 79, 89, 93, 98, 82],
[18, 20, 25, 26, 30, 31],
["12:00", "13:00", "14:00", "15:00", "16:00", "17:00"],
["12:00", "13:00", "14:00", "15:00", "16:00", "17:00"],
]
} else if (num == 160.7) {
datas = [ datas = [
[25, 22, 24, 19, 21, 22], [25, 22, 24, 19, 21, 22],
[38, 27, 21, 30, 32, 24], [38, 27, 21, 30, 32, 24],
@ -188,7 +177,7 @@
["10-12", "10-13", "10-14", "10-15", "10-16", "10-17"], ["10-12", "10-13", "10-14", "10-15", "10-16", "10-17"],
["10-12", "10-13", "10-14", "10-15", "10-16", "10-17"], ["10-12", "10-13", "10-14", "10-15", "10-16", "10-17"],
] ]
} else if (num == 311.4) { } else if (num == 160.7) {
datas = [ datas = [
[29, 32, 38, 31, 23, 24], [29, 32, 38, 31, 23, 24],
[36, 34, 30, 29, 27, 27], [36, 34, 30, 29, 27, 27],
@ -278,7 +267,7 @@
// background-color: red; // background-color: red;
.subsection { .subsection {
display: flex; display: flex;
width: 466.12rpx; width: 300.12rpx;
height: 98.13rpx; height: 98.13rpx;
background-color: #F4F4F4; background-color: #F4F4F4;
border-radius: 50.82rpx 50.82rpx 50.82rpx 50.82rpx; border-radius: 50.82rpx 50.82rpx 50.82rpx 50.82rpx;

14
pages/records/index.vue
View File

@ -48,17 +48,21 @@
<view class="tit" style="margin-bottom: 40rpx;"> <view class="tit" style="margin-bottom: 40rpx;">
历史操作记录 历史操作记录
</view> </view>
<view class="table"> <myTable></myTable>
</view> </view>
</view> <view class="btn" @click="navgo('/pages/growRecord/index')">
<view class="btn">
记录今日操作 记录今日操作
</view> </view>
</view> </view>
</template> </template>
<script> <script setup>
import myTable from "@/components/myTable/index.vue"
const navgo = (url) => {
uni.navigateTo({
url
})
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

BIN
static/img/CKGD.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
static/img/DJSC.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
static/img/XLJT.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 335 B

BIN
static/img/XLZZ.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 358 B

4
unpackage/dist/dev/app-plus/__uniappview.html vendored
View File

@ -16,8 +16,8 @@
<body> <body>
<div id="app"></div> <div id="app"></div>
<script src="uni-app-view.umd.js"></script> <script src="uni-app-view.umd.js"></script>
<script src="app-wxs.js"></script>
<script src="app-renderjs.js"></script>
</body> </body>
</html> </html>

4
unpackage/dist/dev/app-plus/app-config-service.js vendored
View File

@ -1,8 +1,8 @@
;(function(){ ;(function(){
let u=void 0,isReady=false,onReadyCallbacks=[],isServiceReady=false,onServiceReadyCallbacks=[]; let u=void 0,isReady=false,onReadyCallbacks=[],isServiceReady=false,onServiceReadyCallbacks=[];
const __uniConfig = {"pages":[],"globalStyle":{"backgroundColor":"#F8F8F8","navigationBar":{"backgroundColor":"#F8F8F8","titleText":"uni-app","type":"default","titleColor":"#000000"},"isNVue":false},"nvue":{"compiler":"uni-app","styleCompiler":"uni-app","flex-direction":"column"},"renderer":"auto","appname":"test","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":true},"compilerVersion":"3.8.12","entryPagePath":"pages/detail/plant","entryPageQuery":"","realEntryPagePath":"pages/index/index","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"locales":{},"darkmode":false,"themeConfig":{}}; const __uniConfig = {"pages":[],"globalStyle":{"backgroundColor":"#F8F8F8","navigationBar":{"backgroundColor":"#F8F8F8","titleText":"uni-app","type":"default","titleColor":"#000000"},"isNVue":false},"nvue":{"compiler":"uni-app","styleCompiler":"uni-app","flex-direction":"column"},"renderer":"auto","appname":"test","splashscreen":{"alwaysShowBeforeRender":true,"autoclose":true},"compilerVersion":"3.8.12","entryPagePath":"pages/index/index","entryPageQuery":"","realEntryPagePath":"","networkTimeout":{"request":60000,"connectSocket":60000,"uploadFile":60000,"downloadFile":60000},"locales":{},"darkmode":false,"themeConfig":{}};
const __uniRoutes = [{"path":"pages/index/index","meta":{"isQuit":true,"isEntry":true,"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages/InformationAdd/index","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"信息添加","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/detail/plant","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"详情","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/test/index","meta":{"enablePullDownRefresh":true,"navigationBar":{"titleText":"uni-app","type":"default"},"isNVue":false}},{"path":"pages/test/index1","meta":{"enablePullDownRefresh":true,"navigationBar":{"titleText":"uni-app","type":"default"},"isNVue":false}}].map(uniRoute=>(uniRoute.meta.route=uniRoute.path,__uniConfig.pages.push(uniRoute.path),uniRoute.path='/'+uniRoute.path,uniRoute)); const __uniRoutes = [{"path":"pages/index/index","meta":{"isQuit":true,"isEntry":true,"navigationBar":{"style":"custom","type":"default"},"isNVue":false}},{"path":"pages/InformationAdd/index","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"信息添加","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/growRecord/index","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"生长记录","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/detail/plant","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"详情","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/allPlant/index","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"全部种植","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/records/index","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"生长记录","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/profile/index","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"生长概况","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/feedIng/feedList","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"养殖列表","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/feedIng/feedDetail","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"养殖详情","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/feedIng/histroyFeed","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"历史养殖记录","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/feedIng/updateFeed","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"更新饲养状态","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/feedIng/vaccineInfo","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"疫苗信息","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/feedIng/addPoultry","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"添加饲养动物","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/feedIng/allFeed","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"全部养殖记录","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/feedIng/allRecording","meta":{"enablePullDownRefresh":false,"navigationBar":{"backgroundColor":"#F4F4F4","titleText":"全部记录","type":"default","titleColor":"#000000"},"isNVue":false}},{"path":"pages/test/index","meta":{"enablePullDownRefresh":true,"navigationBar":{"titleText":"uni-app","type":"default"},"isNVue":false}},{"path":"pages/test/index1","meta":{"enablePullDownRefresh":true,"navigationBar":{"titleText":"uni-app","type":"default"},"isNVue":false}}].map(uniRoute=>(uniRoute.meta.route=uniRoute.path,__uniConfig.pages.push(uniRoute.path),uniRoute.path='/'+uniRoute.path,uniRoute));
__uniConfig.styles=[];//styles __uniConfig.styles=[];//styles
__uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}}); __uniConfig.onReady=function(callback){if(__uniConfig.ready){callback()}else{onReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"ready",{get:function(){return isReady},set:function(val){isReady=val;if(!isReady){return}const callbacks=onReadyCallbacks.slice(0);onReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});
__uniConfig.onServiceReady=function(callback){if(__uniConfig.serviceReady){callback()}else{onServiceReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"serviceReady",{get:function(){return isServiceReady},set:function(val){isServiceReady=val;if(!isServiceReady){return}const callbacks=onServiceReadyCallbacks.slice(0);onServiceReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}}); __uniConfig.onServiceReady=function(callback){if(__uniConfig.serviceReady){callback()}else{onServiceReadyCallbacks.push(callback)}};Object.defineProperty(__uniConfig,"serviceReady",{get:function(){return isServiceReady},set:function(val){isServiceReady=val;if(!isServiceReady){return}const callbacks=onServiceReadyCallbacks.slice(0);onServiceReadyCallbacks.length=0;callbacks.forEach(function(callback){callback()})}});

9875
unpackage/dist/dev/app-plus/app-service.js vendored
View File

File diff suppressed because it is too large Load Diff

5
unpackage/dist/dev/app-plus/app.css vendored
View File

@ -3101,4 +3101,9 @@
.card .card-li { .card .card-li {
margin-bottom: 0.53125rem; margin-bottom: 0.53125rem;
} }
.content {
padding: 0.625rem 0.89063rem;
background-color: #F4F4F4;
min-height: 100vh;
}
/*每个页面公共css */ /*每个页面公共css */

1
unpackage/dist/dev/app-plus/manifest.json vendored
View File

@ -79,7 +79,6 @@
"style": "dark", "style": "dark",
"background": "#F8F8F8" "background": "#F8F8F8"
}, },
"arguments": "{\"path\":\"pages/detail/plant\"}",
"uniStatistics": { "uniStatistics": {
"enable": false "enable": false
}, },

757
unpackage/dist/dev/app-plus/pages/index/index.css vendored
View File

@ -300,15 +300,549 @@ uni-view[data-v-9d58ba7c], uni-scroll-view[data-v-9d58ba7c], uni-swiper-item[dat
/* 垂直间距 */ /* 垂直间距 */
/* 透明度 */ /* 透明度 */
/* 文章场景相关 */ /* 文章场景相关 */
.uni-table-th[data-v-bf970acd] {
padding: 12px 10px;
display: table-cell;
box-sizing: border-box;
font-size: 14px;
font-weight: bold;
color: #909399;
border-bottom: 1px #ebeef5 solid;
}
.uni-table-th-row[data-v-bf970acd] {
display: flex;
flex-direction: row;
}
.table--border[data-v-bf970acd] {
border-right: 1px #ebeef5 solid;
}
.uni-table-th-content[data-v-bf970acd] {
display: flex;
align-items: center;
flex: 1;
}
.arrow[data-v-bf970acd] {
display: block;
position: relative;
width: 10px;
height: 8px;
left: 5px;
overflow: hidden;
cursor: pointer;
}
.down[data-v-bf970acd] {
top: 3px;
}
.down[data-v-bf970acd] ::after {
content: "";
width: 8px;
height: 8px;
position: absolute;
left: 2px;
top: -5px;
transform: rotate(45deg);
background-color: #ccc;
}
.down.active[data-v-bf970acd] ::after {
background-color: #007aff;
}
.up[data-v-bf970acd] ::after {
content: "";
width: 8px;
height: 8px;
position: absolute;
left: 2px;
top: 5px;
transform: rotate(45deg);
background-color: #ccc;
}
.up.active[data-v-bf970acd] ::after {
background-color: #007aff;
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-table-checkbox[data-v-25e435b1] {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
position: relative;
margin: 5px 0;
cursor: pointer;
}
.uni-table-checkbox .checkbox__inner[data-v-25e435b1] {
flex-shrink: 0;
box-sizing: border-box;
position: relative;
width: 16px;
height: 16px;
border: 1px solid #DCDFE6;
border-radius: 2px;
background-color: #fff;
z-index: 1;
}
.uni-table-checkbox .checkbox__inner .checkbox__inner-icon[data-v-25e435b1] {
position: absolute;
top: 2px;
left: 5px;
height: 7px;
width: 3px;
border: 1px solid #fff;
border-left: 0;
border-top: 0;
opacity: 0;
transform-origin: center;
transform: rotate(45deg);
box-sizing: content-box;
}
.uni-table-checkbox .checkbox__inner.checkbox--indeterminate[data-v-25e435b1] {
border-color: #007aff;
background-color: #007aff;
}
.uni-table-checkbox .checkbox__inner.checkbox--indeterminate .checkbox__inner-icon[data-v-25e435b1] {
position: absolute;
opacity: 1;
transform: rotate(0deg);
height: 2px;
top: 0;
bottom: 0;
margin: auto;
left: 0px;
right: 0px;
bottom: 0;
width: auto;
border: none;
border-radius: 2px;
transform: scale(0.5);
background-color: #fff;
}
.uni-table-checkbox .checkbox__inner[data-v-25e435b1]:hover {
border-color: #007aff;
}
.uni-table-checkbox .checkbox__inner.is-disable[data-v-25e435b1] {
background-color: #F2F6FC;
border-color: #DCDFE6;
}
.uni-table-checkbox .checkbox__inner.is-checked[data-v-25e435b1] {
border-color: #007aff;
background-color: #007aff;
}
.uni-table-checkbox .checkbox__inner.is-checked .checkbox__inner-icon[data-v-25e435b1] {
opacity: 1;
transform: rotate(45deg);
}
.uni-table-checkbox .checkbox__inner.is-checked.is-disable[data-v-25e435b1] {
opacity: 0.4;
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-table-tr[data-v-b48b3e32] {
display: table-row;
transition: all 0.3s;
box-sizing: border-box;
}
.checkbox[data-v-b48b3e32] {
padding: 0 8px;
width: 26px;
padding-left: 12px;
display: table-cell;
vertical-align: middle;
color: #333;
font-weight: 500;
border-bottom: 1px #ebeef5 solid;
font-size: 14px;
}
.tr-table--border[data-v-b48b3e32] {
border-right: 1px #ebeef5 solid;
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-table-td[data-v-edae4802] {
display: table-cell;
padding: 8px 10px;
font-size: 14px;
border-bottom: 1px #EBEEF5 solid;
font-weight: 400;
color: #606266;
line-height: 23px;
box-sizing: border-box;
}
.table--border[data-v-edae4802] {
border-right: 1px #EBEEF5 solid;
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-table-scroll[data-v-c1ea9b5d] {
width: 100%;
overflow-x: auto;
}
.uni-table[data-v-c1ea9b5d] {
position: relative;
width: 100%;
border-radius: 5px;
background-color: #fff;
box-sizing: border-box;
display: table;
overflow-x: auto;
}
.uni-table[data-v-c1ea9b5d] .uni-table-tr:nth-child(n+2):hover {
background-color: #f5f7fa;
}
.uni-table[data-v-c1ea9b5d] .uni-table-thead .uni-table-tr:hover {
background-color: #fafafa;
}
.table--border[data-v-c1ea9b5d] {
border: 1px #ebeef5 solid;
border-right: none;
}
.border-none[data-v-c1ea9b5d] {
border-bottom: none;
}
.table--stripe[data-v-c1ea9b5d] .uni-table-tr:nth-child(2n+3) {
background-color: #fafafa;
}
/* 表格加载、无数据样式 */
.uni-table-loading[data-v-c1ea9b5d] {
position: relative;
display: table-row;
height: 50px;
line-height: 50px;
overflow: hidden;
box-sizing: border-box;
}
.empty-border[data-v-c1ea9b5d] {
border-right: 1px #ebeef5 solid;
}
.uni-table-text[data-v-c1ea9b5d] {
position: absolute;
right: 0;
left: 0;
text-align: center;
font-size: 14px;
color: #999;
}
.uni-table-mask[data-v-c1ea9b5d] {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.8);
z-index: 99;
display: flex;
margin: auto;
transition: all 0.5s;
justify-content: center;
align-items: center;
}
.uni-table--loader[data-v-c1ea9b5d] {
width: 30px;
height: 30px;
border: 2px solid #aaa;
border-radius: 50%;
animation: 2s uni-table--loader-c1ea9b5d linear infinite;
position: relative;
}
@keyframes uni-table--loader-c1ea9b5d {
0% {
transform: rotate(360deg);
}
10% {
border-left-color: transparent;
}
20% {
border-bottom-color: transparent;
}
30% {
border-right-color: transparent;
}
40% {
border-top-color: transparent;
}
50% {
transform: rotate(0deg);
}
60% {
border-top-color: transparent;
}
70% {
border-left-color: transparent;
}
80% {
border-bottom-color: transparent;
}
90% {
border-right-color: transparent;
}
100% {
transform: rotate(-360deg);
}
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tit_b[data-v-90822214] {
text-align: center;
color: #737373;
margin-top: 0.625rem;
font-size: 0.82156rem;
display: flex;
justify-content: center;
align-items: center;
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.circumstance[data-v-91fd8d70] {
width: 21.68531rem;
margin: 0 auto;
margin-bottom: 1.34375rem;
}
.circumstance .card-tit[data-v-91fd8d70] {
display: flex;
justify-content: space-between;
margin-bottom: 0.875rem;
}
.circumstance .updata-btn[data-v-91fd8d70] {
font-size: 0.82156rem;
width: 6.02375rem;
height: 1.80719rem;
border: 1px solid #00A15E;
color: #00A15E;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0.98563rem 0.98563rem 0.98563rem 0.98563rem;
}
.circumstance .check[data-v-91fd8d70] {
font-size: 0.93094rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.circumstance .tab[data-v-91fd8d70] {
height: 15.625rem;
background-color: red;
}
.card .tit[data-v-91fd8d70] {
display: flex;
justify-content: space-between;
padding-bottom: 0.625rem;
border-bottom: 1px solid #EBF1EF;
}
.card .card-li[data-v-91fd8d70] {
margin-top: 0.625rem;
display: flex;
justify-content: space-between;
}
.data .tit .tit-b[data-v-91fd8d70] {
color: #B3B3B3;
font-size: 0.82156rem;
display: flex;
align-items: center;
}
.data .data-alanys[data-v-91fd8d70] {
float: right;
color: white;
}
.data .data-cont[data-v-91fd8d70] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0.9375rem;
box-sizing: border-box;
}
.data .data-cont .data-cont-li[data-v-91fd8d70] {
border-radius: 0.65719rem 0.65719rem 0.65719rem 0.65719rem;
width: 9.71688rem;
height: 6.62594rem;
background-color: white;
margin-bottom: 0.625rem;
}
.center[data-v-91fd8d70] {
display: flex;
align-items: center;
}
.b-cls[data-v-91fd8d70] {
display: flex;
align-items: flex-end;
width: 7.8125rem;
justify-content: space-between;
color: #4CC593;
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.content[data-v-093aaff7] { .content[data-v-093aaff7] {
min-height: 90vh; min-height: 90vh;
position: relative; position: relative;
background-color: #EAF2EF; background-color: #EAF2EF;
padding: 0;
} }
.content .border-bgc[data-v-093aaff7] { .content .border-bgc[data-v-093aaff7] {
height: 6.25rem; height: 6.25rem;
background-color: #34D190; background-color: #34D190;
border-radius: 0 0 1.875rem 1.875rem; border-radius: 0 0 1.25rem 1.25rem;
position: absolute; position: absolute;
width: 23.4375rem; width: 23.4375rem;
} }
@ -383,6 +917,224 @@ uni-view[data-v-9d58ba7c], uni-scroll-view[data-v-9d58ba7c], uni-swiper-item[dat
/* 垂直间距 */ /* 垂直间距 */
/* 透明度 */ /* 透明度 */
/* 文章场景相关 */ /* 文章场景相关 */
.circumstance[data-v-bdc223d1] {
width: 21.68531rem;
margin: 0 auto;
margin-bottom: 1.34375rem;
}
.circumstance .card-tit[data-v-bdc223d1] {
display: flex;
justify-content: space-between;
margin-bottom: 0.875rem;
}
.circumstance .updata-btn[data-v-bdc223d1] {
font-size: 0.82156rem;
width: 6.02375rem;
height: 1.80719rem;
border: 1px solid #00A15E;
color: #00A15E;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0.98563rem 0.98563rem 0.98563rem 0.98563rem;
}
.circumstance .check[data-v-bdc223d1] {
font-size: 0.93094rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.circumstance .tab[data-v-bdc223d1] {
height: 15.625rem;
background-color: red;
}
.card .tit[data-v-bdc223d1] {
display: flex;
justify-content: space-between;
padding-bottom: 0.625rem;
border-bottom: 1px solid #EBF1EF;
}
.card .card-li[data-v-bdc223d1] {
margin-top: 0.625rem;
display: flex;
justify-content: space-between;
}
.data .tit .tit-b[data-v-bdc223d1] {
color: #B3B3B3;
font-size: 0.82156rem;
display: flex;
align-items: center;
}
.data .data-alanys[data-v-bdc223d1] {
float: right;
color: white;
}
.data .data-cont[data-v-bdc223d1] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0.9375rem;
box-sizing: border-box;
}
.data .data-cont .data-cont-li[data-v-bdc223d1] {
border-radius: 0.65719rem 0.65719rem 0.65719rem 0.65719rem;
width: 9.71688rem;
height: 6.62594rem;
background-color: white;
margin-bottom: 0.625rem;
}
.center[data-v-bdc223d1] {
display: flex;
align-items: center;
}
.b-cls[data-v-bdc223d1] {
display: flex;
align-items: flex-end;
width: 7.8125rem;
justify-content: space-between;
color: #4CC593;
}
.add-btn[data-v-bdc223d1] {
margin: 0 auto;
width: 6.89969rem;
height: 1.80719rem;
color: #00A15E;
border: 1px solid #00A15E;
border-radius: 1.5625rem;
display: flex;
justify-content: center;
line-height: 1.78125rem;
font-size: 0.8125rem;
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.circumstance[data-v-c4e0dba5] {
width: 21.68531rem;
margin: 0 auto;
margin-bottom: 1.34375rem;
}
.circumstance .card-tit[data-v-c4e0dba5] {
display: flex;
justify-content: space-between;
margin-bottom: 0.875rem;
}
.circumstance .updata-btn[data-v-c4e0dba5] {
font-size: 0.82156rem;
width: 6.02375rem;
height: 1.80719rem;
border: 1px solid #00A15E;
color: #00A15E;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0.98563rem 0.98563rem 0.98563rem 0.98563rem;
}
.circumstance .check[data-v-c4e0dba5] {
font-size: 0.93094rem;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.circumstance .tab[data-v-c4e0dba5] {
height: 15.625rem;
background-color: red;
}
.card .tit[data-v-c4e0dba5] {
display: flex;
justify-content: space-between;
padding-bottom: 0.625rem;
border-bottom: 1px solid #EBF1EF;
}
.card .card-li[data-v-c4e0dba5] {
margin-top: 0.625rem;
display: flex;
justify-content: space-between;
}
.data .tit .tit-b[data-v-c4e0dba5] {
color: #B3B3B3;
font-size: 0.82156rem;
display: flex;
align-items: center;
}
.data .data-alanys[data-v-c4e0dba5] {
float: right;
color: white;
}
.data .data-cont[data-v-c4e0dba5] {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0.9375rem;
box-sizing: border-box;
}
.data .data-cont .data-cont-li[data-v-c4e0dba5] {
border-radius: 0.65719rem 0.65719rem 0.65719rem 0.65719rem;
width: 9.71688rem;
height: 6.62594rem;
background-color: white;
margin-bottom: 0.625rem;
}
.center[data-v-c4e0dba5] {
display: flex;
align-items: center;
}
.b-cls[data-v-c4e0dba5] {
display: flex;
align-items: flex-end;
width: 7.8125rem;
justify-content: space-between;
color: #4CC593;
}
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tabbar { .tabbar {
z-index: 999; z-index: 999;
background-color: #34D190; background-color: #34D190;
@ -402,3 +1154,6 @@ uni-view[data-v-9d58ba7c], uni-scroll-view[data-v-9d58ba7c], uni-swiper-item[dat
font-size: 1.04031rem; font-size: 1.04031rem;
transform: skewX(-10deg); transform: skewX(-10deg);
} }
.act {
color: white;
}