<!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="../js/includeHead.js"></script>
		<style>
			/**
			 * 框架样式覆盖修改
			 */
			.van-cell__value{overflow: unset; }
			.van-cell:after{border-bottom:none;}
		</style>
	</head>
	<body>
		<div id="app">
			<div class="content" v-cloak>
				<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList">
					<van-cell v-for="(item, index) in list" :key="item">
						<div class="list-item-wrapper" >
							<p class="">
								<span id="">
									{{item.hdDesc || item.comment}}
								</span>
							</p>
							<p class="list-content-fz" v-if="item.hdStatus==0">
								<van-tag type="warning" size="mini">整改中</van-tag>
							</p>
							<p class="list-content-fz" v-if="item.hdStatus==3">
								<van-tag type="warning">待审核</van-tag>
							</p>
							<p class="list-content-fz" v-if="item.hdStatus==1">
								<van-tag type="primary">审核通过</van-tag>
							</p>
							<p class="list-content-fz" v-if="item.hdStatus==2">
								<van-tag type="danger">审核未通过</van-tag>
							</p>
							<div class="list-function-btn-wrapper pd-01rem">
								<van-button v-if="item.hdStatus===1||item.hdStatus===3" type="info" size="mini" @click="detail(item)">查看</van-button>
								<van-button v-if="item.hdStatus===0||item.hdStatus===2" type="info" size="mini" @click="edit(item)">提交</van-button>
							</div>
						</div>
					</van-cell>
				</van-list>
			</div>
		</div>
	</body>
</html>