<!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>
			/**
			 * 框架样式覆盖修改
			 */
			.van-cell__value{overflow: unset; }
			.van-cell:after{border-bottom:none;}
		</style>
	</head>
	<body>
		<div id="app"  v-cloak>
			<div class="searchfuntionBtnWrapper">
				<van-button type="info" size="small" @click="add">{{addBtnText}}</van-button>
			</div>
			<div class="content">
				<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList" :immediate-check="false">
					<van-cell v-for="(item, index) in list" :key="item">
						<div class="list-item-wrapper" >
							<p class="">
								危险作业：{{item.name}}
							</p>
							<p class="">
								作业人数：{{item.workNumber}}
							</p>
							<p class="">
								作业时间：{{item.workTime&&item.workTime.join('~')||''}}
							</p>
							<p class="">
								主要场所：{{item.mainPlace}}
							</p>
							<div class="list-function-btn-wrapper pd-01rem">
								<van-button type="info" size="mini" @click="detail(item)">查看</van-button>
								<van-button type="info" size="mini" @click="edit(item)">编辑</van-button>
							</div>
						</div>
					</van-cell>
				</van-list>
			</div>
		</div>
	</body>
</html>