<!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">
			<div class="search-wrapper">
				<van-search v-model="planName" placeholder="请输入计划名称" @search="onSearch" @clear="onClear" />
			</div>
			<div class="content" v-cloak>
				<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" @click="detail(item)">
							<p class="list-status-tag">
								<van-tag :type="item.completionStatus==1?'primary':'warning'" size="mini">{{item.completionStatus==1 ? '完成': '未完成'}}</van-tag>
							</p>
							<p class="" style="width: 5.5rem;">
								计划名称：{{item.planName}}
							</p>
							<p class="">
								发布日期：{{item.publishDate}}
							</p>
							<p class="">
								演练描述：{{item.publishDesc}}
							</p>
							
						</div>
					</van-cell>
				</van-list>
			</div>
		</div>
	</body>
</html>