98 lines
2.7 KiB
Vue
98 lines
2.7 KiB
Vue
|
<template>
|
|||
|
|
<!-- 顶部导航栏 -->
|
|||
|
|
<custom-nav-bar :left="true" leftText="" @leftClick="" title="轮灌详情"></custom-nav-bar>
|
|||
|
|
<view class="card">
|
|||
|
|
<uni-collapse>
|
|||
|
|
<uni-collapse-item title-border="none" :border="false" :show-arrow="false" :open="true">
|
|||
|
|
<template v-slot:title>
|
|||
|
|
<view class="cards-title">
|
|||
|
|
<view>
|
|||
|
|
<view class="text">轮灌组1</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="title-r">
|
|||
|
|
<uni-tag class="bg-green" :circle="true" text="轮灌中" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
<view class="content">
|
|||
|
|
<view class="cards-content">
|
|||
|
|
<view class="txt-list" @click="rotationrecord" >
|
|||
|
|
<view class="left">
|
|||
|
|
<view><text>应浇灌时长：</text><text>1:12:22</text></view>
|
|||
|
|
<view><text>实际浇灌时长：</text><text>1:12:11</text></view>
|
|||
|
|
<view><text>开阀时间：</text><text>2025-01-05 10:11</text></view>
|
|||
|
|
<view><text>关阀时间：</text><text>2025-01-05 10:11</text></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="right">
|
|||
|
|
<view class="iconfont icon-you">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="card-font">
|
|||
|
|
<view>异常设备：1</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</uni-collapse-item>
|
|||
|
|
</uni-collapse>
|
|||
|
|
</view>
|
|||
|
|
<view class="card">
|
|||
|
|
<uni-collapse>
|
|||
|
|
<uni-collapse-item title-border="none" :border="false" :show-arrow="false" >
|
|||
|
|
<template v-slot:title>
|
|||
|
|
<view class="cards-title">
|
|||
|
|
<view>
|
|||
|
|
<view class="text">轮灌组1</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="title-r">
|
|||
|
|
<uni-tag class="bg-red" :circle="true" text="轮灌中" />
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
<view class="content">
|
|||
|
|
<view class="cards-content">
|
|||
|
|
<view class="txt-list" @click="" >
|
|||
|
|
<view class="left">
|
|||
|
|
<view><text>应浇灌时长：</text><text>1:12:22</text></view>
|
|||
|
|
<view><text>实际浇灌时长：</text><text>1:12:11</text></view>
|
|||
|
|
<view><text>开阀时间：</text><text>2025-01-05 10:11</text></view>
|
|||
|
|
<view><text>关阀时间：</text><text>2025-01-05 10:11</text></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="right">
|
|||
|
|
<view class="iconfont icon-you">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="card-font">
|
|||
|
|
<view>异常设备：1</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</uni-collapse-item>
|
|||
|
|
</uni-collapse>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
|
|||
|
|
|
|||
|
|
methods: {
|
|||
|
|
// 页面跳转
|
|||
|
|
rotationrecord() {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: '/pages/irrigation/rotationrecord'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.txt-list .left text:first-child {
|
|||
|
|
width: 100px;
|
|||
|
|
}
|
|||
|
|
.card-font{color: #e60012;}
|
|||
|
|
</style>
|