FE-lab-xcx/pages_safetyCheck/views/inspectManage/hiddenDangerRecord.vue

<!-- 隐患记录 -->
<template>
	<view class="hiddenDangerRecord">
		<scroll-view scroll-y @scrolltolower="scrollGet" class="info-max-box">
			<view class="tip">此检查项在当前实验室累计出现 3 次隐患</view>
			<view class="list">
				<view class="list-li" v-for="(item,index) in dataList">
					<view>{{item.name}}</view>
					<view>{{item.time}}
						<img src="@/pages_safetyCheck/images/icon_wd_gd@1x.png">
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import {
		config
	} from '@/api/request/config.js'
	import {} from '@/pages/api/index.js'
	import {} from '@/pages_safetyCheck/api/index.js'
	export default {
		name: "hiddenDangerRecord",
		components: {

		},
		data() {
			return {
				baseUrl: config.base_url,
				pageType: 0,
				dataList: [{
						name: '检查时间',
						time: '2024-09-06',
					},
					{
						name: '检查时间',
						time: '2024-09-06',
					},
					{
						name: '检查时间',
						time: '2024-09-06',
					},
				]

			}
		},
		onLoad(option) {
			this.$set(this, 'newData', JSON.parse(decodeURIComponent(option.infoData)));
		},
		onShow() {

		},
		mounted() {

		},
		methods: {
			//滚动事件
			scrollGet() {},


		}
	}
</script>

<style lang="stylus" scoped>
	.hiddenDangerRecord {
		height: 100%;
		display flex;

		.tip {
			width: 750rpx;
			height: 80rpx;
			background: rgba(255, 140, 0, 0.2);
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			font-size: 30rpx;
			color: #FF8C00;
			line-height: 80rpx;
			text-align: center;
		}

		.list {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			margin: 20rpx 30rpx 0;

			.list-li {
				display: flex;
				justify-content: space-between;
				align-items: center;
				border-bottom: 1rpx solid #E0E0E0;
				padding: 0 30rpx;
				box-sizing: border-box;

				>view:nth-of-type(1) {
					font-size: 30rpx;
					color: #333333;
					line-height: 100rpx;
					text-align: left;
				}

				>view:nth-of-type(2) {
					font-size: 28rpx;
					color: #666666;
					line-height: 100rpx;
					text-align: left;
					display: flex;
					justify-content: space-between;
					align-items: center;

					>img {
						width: 24rpx;
						height: 24rpx;
						margin-left: 10rpx;
					}
				}
			}

			.list-li:last-of-type {
				border: none;
			}
		}

	}
</style>