<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover">
		<title>高区“码”上</title>
		<script type="text/javascript" src="../sdk/includeHead.js"></script>
		<style>
			html,
			body {
				background: #F5F6FA;
			}

			.wrapper {
	
			}

			.header {
				width: 100vw;
			}

			/* 条件查询样式 */
			.header .van-search__label {
				background-color: #fff;
				padding-right: .24rem;
			}

			.header .van-search__content {
				padding-left: 0;
			}

			.header .van-search__content .van-cell {
				padding-left: 0.24rem;
			}

			.van-list {
				padding-left: 0.2rem;
				padding-right: 0.2rem;
			}
		</style>
	</head>

	<body>
		<div id="app">
			<div class="wrapper" v-cloak>
				<!-- 商户头部信息 -->
				<div class="header">
					<van-search v-model="merName" show-action placeholder="请输入商家关键词" @search="onSearch">
						<template #action>
							<div @click="onSearch"></div>
						</template>
					</van-search>
				</div>

				<!-- 隐患列表 -->
				<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList" :immediate-check="false">
					<van-cell v-for="item in list" :key="item.id"
						style="margin-bottom: 0.25rem;margin-top: 0.25rem;" @click="viewDetail(item)">
						<div style="width: 100%;">
							<!-- 第一行：隐患描述 -->
							<div style="
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							color: #333;
							font-size: 0.3rem;
							font-weight: bold;
							font-family: PingFang SC;
						">{{ item.unitName }}</div>

							<!-- 第二行：状态和时间 -->
							<div style="display: flex; justify-content: space-between; margin: 8px 0;">
								<span
									style="color: #737373; font-size: 0.28rem;">场所类型：{{ item.smallPlaceTypeName }}</span>
							</div>

							<!-- 第三行：商家和箭头 -->
							<div style="display: flex; justify-content: space-between; align-items: center;">
								<span style="color: #666; font-size: 0.28rem;">{{item.businessAddress}}</span>
							</div>
						</div>
					</van-cell>
				</van-list>
			</div>
	</body>
</html>