JSY/jsy-app
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

·

Browse Source
This commit is contained in:
王丹 2025-01-16 15:20:52 +08:00
parent 699cf1805b
commit b03b7504d5
1 changed files with 104 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

121
pages/fourmonitor/index.vue
View File

@ -3,25 +3,24 @@
<template #top>
<custom-nav-bar :left="true" title="农情"></custom-nav-bar>
</template>
<template #cell="{item}">
<!-- <template #cell="{item}">
<view class="card" @click="onClickItem(item)">
<view class="cards-title">
<view>
<view class="text" v-if="item.deviceTypeId==6">气象站</view>
<view class="text" v-if="item.deviceTypeId==7">虫情</view>
<view class="text" v-if="item.deviceTypeId==8">孢子：</view>
<view class="text" v-if="item.deviceTypeId==9">监控：</view>
<view v-if="item.deviceCode">{{item.deviceCode}}</view>
<view v-else>-</view>
</view>
</view>
<view class="content">
<view class="cards-content">
<view class="txt-list">
<view class="left">
<view>
<view v-if="item.deviceTypeId==6">气象站：</view>
<view v-if="item.deviceTypeId==7">虫情：</view>
<view v-if="item.deviceTypeId==8">孢子：</view>
<view v-if="item.deviceTypeId==9">监控：</view>
<view v-if="item.deviceCode">{{item.deviceCode}}</view>
<view v-else>-</view>
</view>
<view>
<view>状态：</view>
<view class="font-green" v-if="item.status == 'online'">在线</view>
<view class="font-red" v-else>离线</view>
</view>
<view class="list2">
<view><text>状态：</text><text class="font-green" v-if="item.status == 'online'">在线</text>
<text class="font-red" v-else>离线</text></view>
</view>
<view class="right">
<view class="iconfont icon-you">
@ -31,7 +30,93 @@
</view>
</view>
</view>
</template>
</template> -->
<view class="card">
<view class="cards-title">
<view>
<view class="text">气象站：F0000000</view>
</view>
</view>
<view class="content">
<view class="cards-content">
<view class="txt-list">
<view class="list2">
<view><text>降雨：</text>1254mm</view>
<view><text>风速：</text>2.0m/s </view>
<view><text>状态：</text><text class="font-green">在线</text>
<!-- <text class="font-red">离线</text> --></view>
</view>
<view class="right">
<view class="iconfont icon-you">
</view>
</view>
</view>
</view>
</view>
</view>
<view class="card">
<view class="cards-title">
<view>
<view class="text">虫情:F0000000</view>
</view>
</view>
<view class="content">
<view class="cards-content">
<view class="txt-list">
<view class="list1">
<view><text>虫情报告：</text>内容内容内容内容内容内容</view>
<view><text>报告时间：</text>2024-12-11</view>
</view>
<view class="right">
<view class="iconfont icon-you">
</view>
</view>
</view>
</view>
</view>
</view>
<view class="card">
<view class="cards-title">
<view>
<view class="text">孢子：F0000000</view>
</view>
</view>
<view class="content">
<view class="cards-content">
<view class="txt-list">
<view class="list1">
<view><text>孢子报告：</text>内容内容内容内容内容内容</view>
<view><text>报告时间：</text>2024-12-11</view>
</view>
<view class="right">
<view class="iconfont icon-you">
</view>
</view>
</view>
</view>
</view>
</view>
<view class="card">
<view class="cards-title">
<view>
<view class="text">监控：F0000000</view>
</view>
</view>
<view class="content">
<view class="cards-content">
<view class="txt-list">
<view class="list2">
<view><text>状态：</text><!-- <text class="font-green">在线</text> -->
<text class="font-red">离线</text></view>
</view>
<view class="right">
<view class="iconfont icon-you">
</view>
</view>
</view>
</view>
</view>
</view>
</z-paging>
</template>
<script>
@ -112,5 +197,7 @@
</script>
<style lang="scss" scoped>
.txt-list .left ::v-deep text:first-child {
width: auto;
}
</style>