jp-xpgj-GA-file/src/projects/business/views/Master/Attendance/VerifyList.vue

<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">
				<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">
										<label>
											<a href="adadd.html" class="mui-navigate-right">
												<div class="mui-media-object mui-pull-left"><img src="~$project/assets/img/zhaop1.jpg"></div>
												<div class="mui-media-body">
													冯银银
													<p class='mui-ellipsis'><span class="colorfe616c">缺勤</span>补卡申请</p>
												</div>
											</a>
										</label>
										<input name="checkbox" value="Item 1" type="checkbox" checked>
									</div>
									<div class="mui-input-row mui-checkbox mui-left">
										<label>
											<a href="" class="mui-navigate-right">
												<div class="mui-media-object mui-pull-left"><img src="~$project/assets/img/zhaop1.jpg"></div>
												<div class="mui-media-body">
													冯银银
													<p class='mui-ellipsis'><span class="colorfe616c">缺勤</span>补卡申请</p>
												</div>
											</a>
										</label>
										<input name="checkbox" value="Item 1" type="checkbox">
									</div>
									<div class="mui-input-row mui-checkbox mui-left">
										<label>
											<a href="" class="mui-navigate-right">
												<div class="mui-media-object mui-pull-left"><img src="~$project/assets/img/zhaop1.jpg"></div>
												<div class="mui-media-body">
													冯银银
													<p class='mui-ellipsis'><span class="colorfe616c">缺勤</span>补卡申请</p>
												</div>
											</a>
										</label>
										<input name="checkbox" value="Item 1" type="checkbox">
									</div>
								</form>
								<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>
					</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 class="mui-navigate-right" href="">
											<div class="mui-media-object mui-pull-left"><img src="~$project/assets/img/zhaop1.jpg"></div>
											<div class="mui-media-body">
												冯银银
												<p class='mui-ellipsis'><span class="colorfe616c">缺勤</span>补卡申请</p>
											</div>
											<button type="button" class="mui-btn mui-btn-success mui-btn-outlined">已同意</button>
										</a>
									</li>
									<li class="mui-table-view-cell mui-media">
										<a class="mui-navigate-right" href="">
											<div class="mui-media-object mui-pull-left"><img src="~$project/assets/img/zhaop1.jpg"></div>
											<div class="mui-media-body">
												冯银银
												<p class='mui-ellipsis'><span class="colorfe616c">缺勤</span>补卡申请</p>
											</div>
											<button type="button" class="mui-btn mui-btn-danger mui-btn-outlined">已拒绝</button>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>

				</div>
			</div>

		</div>
</div>
</template>

<script>
</script>

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