<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="list1">
								<view><text>应浇灌时长：</text>1:12:22</view>
								<view><text>实际浇灌时长：</text>1:12:11</view>
								<view><text>开阀时间：</text>2025-01-05&nbsp;&nbsp;10:11</view>
								<view><text>关阀时间：</text>2025-01-05&nbsp;&nbsp;10:11</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="list1">
								<view><text>应浇灌时长：</text>1:12:22</view>
								<view><text>实际浇灌时长：</text>1:12:11</view>
								<view><text>开阀时间：</text>2025-01-05&nbsp;&nbsp;10:11</view>
								<view><text>关阀时间：</text>2025-01-05&nbsp;&nbsp;10:11</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>