调班审核相关页面

src/assets/css/xpwyfyy.css

@@ -1425,8 +1425,9 @@ h3 {
 
 .vongi-wordcard-sp .fyy-checkbox .mui-checkbox.mui-left input[type=checkbox],
 .vongi-wordcard-sp .fyy-checkbox .mui-radio.mui-left input[type=radio] {
-	top: 29px;
-	left: 10px
+	top: 50%;
+	left: 10px;
+	margin-top:-13px
 }
 
 .vongi-wordcard-sp .fyy-checkbox .mui-checkbox.mui-left label,
@@ -1450,7 +1451,7 @@ h3 {
 	padding: 0;
 	bottom: 0;
 	display: flex;
-	z-index: 9999;
+	z-index: 990;
 	margin: 0;
 	position: fixed;
 	width: 100%;

src/assets/css/xsy.css

@@ -78,6 +78,34 @@
 	margin:5px
 	
 }
+.vongi-wordcard-sp .mui-input-row .mui-media-body {
+    color: #333;
+    display: block;
+    background: #ffffff;
+    padding: 10px;
+    margin: 0 10px 0 50px;
+    border-top-left-radius: 5px;
+    border-bottom-left-radius: 5px;
+    line-height: 2;
+}
+.vongi-wordcard-sp .mui-slider-item .mui-table-view{
+	padding:0 10px
+}
+.vongi-wordcard-sp .mui-slider-item .mui-table-view li{
+	padding:11px 15px;
+	margin-bottom:0;
+	margin-top:10px
+	
+}
+.vongi-wordcard-sp .mui-table-view-chevron .mui-table-view-cell > a:not(.mui-btn){
+	margin: -11px -15px;
+}
+.vongi-mui-pop .mui-popup-button{
+	overflow: initial;
+}
+.vongi-mui-pop .mui-popup-inner:after{
+	height:0
+}
 @media (max-width: 320px) {
 	
 }

src/projects/business/views-xsy/ApprovalClass/Info.vue

@@ -1,8 +1,91 @@
 <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-qingjiadt">
+			<div class="vongi-qingjiadt-head flew-sp mui-content-padded vongi-wordcard-top">
+				<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 mui-content-padded">
+				<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>无</span>
+				</div>
+				<div class="mui-input-row">
+					<label>申请时间</label>
+					<span>2020-04-27 12:00:00</span>
+				</div>
+			</form>
+			<div class="vongi-slot mui-content-padded">
+				<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 class="fyy-scon-botton">
+				<div class="examine-btn examine-btn1">拒绝</div>
+				<div class="examine-btn examine-btn2">通过</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>

src/projects/business/views-xsy/ApprovalClass/List.vue

@@ -1,8 +1,96 @@
 <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>