<template>
<div>
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">申请调班详情</h1>
			</header>
			<div class="mui-content vongi-qingjiadt">
				<div class="vongi-qingjiadt-head flew-sp">
					<div class="flew-items">
						<div class="flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
						<h4>郭麒麟 申请调班</h4>
					</div>
					<button class="mui-btn  mui-btn-primary mui-btn-outlined">审批中</button>
					<!--<button class="mui-btn  mui-btn-danger mui-btn-outlined">已拒绝</button>
					<button class="mui-btn  mui-btn-success mui-btn-outlined">已批准</button>-->
				</div>
				<form class="mui-input-group">
					<div class="mui-input-row">
						<label>调班日期</label>
						<span>2021-03-01 星期一</span>
					</div>
					<div class="mui-input-row">
						<label>原班次</label>
						<span>11-保卫科白班</span>
					</div>
					<div class="mui-input-row">
						<label>调整为</label>
						<span>12-保卫科晚班<br>12-保卫科晚班</span>
					</div>
					<div class="mui-input-row">
						<label>申请时间</label>
						<span>2020-04-27 12:00:00</span>
					</div>
				</form>
				<div class="mui-content-padded">
					<h5>审核记录</h5>
				</div>
				<div class="vongi-slot">
					<div class="vongi-slot-block">
						<div class="vongi-slot-img"><img src="~$project/assets/img/02.jpg"></div>
						<div class="vongi-slot-content">
							<h4>审批人1<span class="mui-pull-right mui-h5 color999">2020-11-26 13:00</span></h4>
							<p>高进权 <span class="color55f868">同意</span></p>
						</div>
					</div>
					<div class="vongi-slot-block">
						<div class="vongi-slot-img"><img src="~$project/assets/img/02.jpg"></div>
						<div class="vongi-slot-content">
							<h4>审批人1</h4>
							<p>高进权 <span class="color4fc5f7">审批中</span></p>
						</div>
					</div>
                    <div class="vongi-slot-block">
						<div class="vongi-slot-img"><img src="~$project/assets/img/icon_chaosong.png"></div>
						<div class="vongi-slot-content">
							<h4>抄送人</h4>
							<p>已抄送2人</p>
							<ul class="mui-table-view mui-grid-view mui-grid-9 flex ">
					            <li class="mui-table-view-cell mui-media">
					            	<div class="flex">
					            		<img src="~$project/assets/img/02.jpg" width="30"/>
					            	</div>
					                <div class="mui-media-body">张芳芳</div>
					            </li>
					           <li class="mui-table-view-cell mui-media">
					            	<div class="flex">
					            		<img src="~$project/assets/img/02.jpg" width="30"/>
					            	</div>
					                <div class="mui-media-body">张芳芳</div>
					            </li>
		                   </ul>
						</div>
					</div>
				</div>
			</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>
