<template>
<div>
    <header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">调班审核</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header>
		<div class="mui-content vongi-wordcard-sp">
			<div id="slider" class="mui-slider mui-fullscreen vongi-over">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#item1mobile">
							<span class="fyy-badge">待处理<span class="mui-badge">5</span></span>
						</a>
						<a class="mui-control-item" href="#item2mobile">
							已处理
						</a>
					</div>
				</div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<form class="mui-input-group fyy-checkbox">
									<div class="mui-input-row mui-checkbox mui-left">
										<a href="" class="mui-media-body">
											<h4 class="flew-sp margin10">邹杰的调班申请<span class="color999 mui-h5">10-17 18:00</span></h4>
											<h5 class='mui-ellipsis color999'>调班日期：2021-03-01 星期一</h5>
										</a>
										<input name="checkbox" value="Item 1" type="checkbox" checked>
									</div>
									<div class="mui-input-row mui-checkbox mui-left">
										<a href="" class="mui-media-body">
											<h4 class="flew-sp margin10">邹杰的调班申请<span class="color999 mui-h5">10-17 18:00</span></h4>
											<h5 class='mui-ellipsis color999'>调班日期：2021-03-01 星期一</h5>
										</a>
										<input name="checkbox" value="Item 1" type="checkbox">
									</div>	
								</form>
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view mui-table-view-chevron">
									<li class="mui-table-view-cell mui-media">
										<a  href="">
											<h4 class="flew-sp margin10">邹杰的调班申请<span class="color999 mui-h5">10-17 18:00</span></h4>
											<h5 class='mui-ellipsis color999 flew-sp flew-items'>调班日期：2021-03-01 星期一<button type="" class="mui-btn mui-btn-success mui-btn-outlined">已同意</button></h5>
										</a>
									</li>
									<li class="mui-table-view-cell mui-media">
										<a  href="">
											<h4 class="flew-sp margin10">邹杰的调班申请<span class="color999 mui-h5">10-17 18:00</span></h4>
											<h5 class='mui-ellipsis color999 flew-sp flew-items'>调班日期：2021-03-01 星期一<button type="" class="mui-btn mui-btn-danger mui-btn-outlined">已拒绝</button></h5>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="fyy-bindfyy-btn">
				<form class="mui-input-group">
					<div class="mui-input-row mui-checkbox mui-left">
						<label>全选</label>
						<input name="checkbox" value="Item 1" type="checkbox">
					</div>
				</form>
				<button type="button" class="mui-btn mui-btn-danger">拒绝</button>
				<button type="button" class="mui-btn mui-btn-success">同意</button>
			</div>
		</div>
		<!--弹窗-->
		<div class="mui-popup mui-popup-in vongi-mui-pop" style="display: block;">
			<div class="mui-popup-inner vongi-pop-inner">
				<div class="mui-popup-title">审核意见</div>
				<div class="mui-popup-input">
					<textarea id="textarea" rows="3" placeholder="可输入审核意见"></textarea>
				</div>
			</div>
			<div class="mui-popup-buttons"><span class="mui-popup-button">取消</span><span class="mui-popup-button mui-popup-button-bold">提交</span></div>
		</div>
		<div class="mui-popup-backdrop mui-active" style="display: block;"></div>
</div>
</template>

<script>
</script>

<style src="$project/assets/css/iconfont.css"></style>
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
<style src="$project/assets/css/xsy.css"></style>
<style>
</style>
