批量加班相关页面

src/projects/business/views-xsy/WorkOvertime/Add.vue

@@ -1,8 +1,67 @@
 <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-fx  vongi-qingjiadt margin60">
+				<form class="mui-input-group vongi-editme margin10 mt-10">
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i>&nbsp;加班人员</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">
+							请选择
+						</button>
+					</div>
+				</form>
+                <form class="mui-input-group vongi-editme margin10 mt-10">
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i>&nbsp;开始时间</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">
+							2021-03-01 17:30
+						</button>
+					</div>
+                    <div class="mui-input-row">
+						<label><i class="colorfe616c">*</i>&nbsp;结束时间</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">
+							2021-03-01 17:30
+						</button>
+					</div>
+				</form>
+                <form class="mui-input-group vongi-editme margin10">
+					<div class="mui-input-row">
+						<label>&nbsp;&nbsp;时长(小时)</label>
+						<span>4.5</span>
+					</div>
+				</form>
+				<form class="mui-input-group vongi-editme margin10">
+					<div class="mui-input-row">
+						<label style="width:100%"><i class="colorfe616c">*</i>&nbsp;加班原因</label>
+						<textarea id="textarea" rows="3" placeholder="请填写加班原因"></textarea>
+					</div>
+				</form>
+                <form class="mui-input-group vongi-editme">
+					<div class="mui-input-row">
+						<label>&nbsp;&nbsp;审核人</label>
+						<span>赵振</span>
+					</div>
+				</form>
+			</div>
+			<div class="fyy-footer">
+				<div class="bindfyy-btn">
+					<button type="button" class="mui-btn mui-btn-primary ">确认调班</button>
+					<!--<button type="button" class="mui-btn mui-btn-grey ">确认调班</button>-->
+				</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/WorkOvertime/Info.vue

@@ -1,8 +1,69 @@
 <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">
+				<form class="mui-input-group mt-10 vongi-qingjiadt" >
+					<div class="mui-input-row">
+						<label>补卡人员</label>
+						<span class="vongi-span">邹杰、孙刚、王建东、刘戈、潘婷婷、马邹杰、孙刚、王建东、刘戈、潘婷婷、彭玉达</span>
+					</div>
+				</form>
+				<form class="mui-input-group mt-10">
+					<div class="mui-input-row">
+						<label>开始时间</label>
+						<span>2020年12月21日 22:30</span>
+					</div>
+					<div class="mui-input-row">
+						<label>结束时间</label>
+						<span>2020年12月21日 22:30</span>
+					</div>
+                    <div class="mui-input-row">
+						<label>加班时长</label>
+						<span>4.5小时</span>
+					</div>
+					<div class="mui-input-row">
+						<label>加班原因</label>
+						<span>小鹏管家项目发版测试</span>
+					</div>
+					<div class="mui-input-row">
+						<label>申请时间</label>
+						<span>2020-12-21 21:30</span>
+					</div>
+					<div class="mui-input-row">
+						<label>审核状态</label>
+						<span class="colorFF7100">待审核</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>
+			</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/WorkOvertime/List.vue

@@ -1,8 +1,44 @@
 <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 margin60">
+			<div class="mui-content-padded">
+				<ul class="mui-table-view fyy-view">
+					<li class="mui-table-view-cell">
+						<label>加班人员：</label>
+						<span>邹杰等18人<span class="mui-pull-right colorf8b155">待审核</span></span>
+						<!--<span class="mui-pull-right color55f868">已确认/无需审核</span>
+						<span class="mui-pull-right colorfe616c">未通过</span>-->
+					</li>
+					<li class="mui-table-view-cell">
+						<label>加班时长：</label>
+						<span>4.5小时</span>
+					</li>
+					<li class="mui-table-view-cell">
+						<label>提交时间：</label>
+						<span>2020-09-28 15:00:00</span>
+					</li>
+				</ul>
+			</div>
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn">
+				<button type="button" class="mui-btn mui-btn-primary ">申请批量加班</button>
+			</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/WorkOvertime/Person.vue

@@ -1,8 +1,84 @@
 <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>
+			<!--<a class="mui-btn mui-btn-grey mui-pull-right">确认</a>-->
+			<a class="mui-btn mui-btn-primary mui-pull-right">确认</a>
+		</header>
+		<div class="mui-content vongi-fpbm-xsy">
+			<div class="vongi-bread">
+				<a href="" class="color4fc5f7">首页</a><span class="mui-icon mui-icon-forward"></span>
+				<a href="" class="color4fc5f7">湖北新生源生物工程有限公司</a><span class="mui-icon mui-icon-forward"></span>
+				<a href="">行政服务中心</a>
+			</div>
+			<ul class="mui-table-view">
+				<li class="mui-table-view-cell flew-sp flew-items">
+					<div class="mui-ellipsis">
+						湖北新生源生物工程有限公司湖北新生源生物工程有限公司
+					</div>
+					<a href="" class="color4fc5f7 iconfont icon-xiaji">下级</a>
+					<!--灰色状态-->
+					<!--<a href="" class="color999 iconfont icon-xiaji">下级</a>-->
+				</li>
+				<li class="mui-table-view-cell flew-sp flew-items">
+					<div class="mui-ellipsis">
+						湖北新生源生物工程有限公司湖北新生源生物工程有限公司
+					</div>
+					<a href="" class="color4fc5f7 iconfont icon-xiaji">下级</a>
+					<!--灰色状态-->
+					<!--<a href="" class="color999 iconfont icon-xiaji">下级</a>-->
+				</li>
+				<li class="mui-table-view-cell flew-sp flew-items">
+					<div class="mui-ellipsis">
+						湖北新生源生物工程有限公司湖北新生源生物工程有限公司
+					</div>
+					<a href="" class="color4fc5f7 iconfont icon-xiaji">下级</a>
+					<!--灰色状态-->
+					<!--<a href="" class="color999 iconfont icon-xiaji">下级</a>-->
+				</li>
+			</ul>
+			<!--人员列表-->
+			<div class="vongi-fplist">
+				<form class="mui-input-group">
+					<div class="mui-input-row mui-checkbox">
+						<label>0-休息</label>
+						<input name="checkbox1" value="Item 3" type="checkbox">
+					</div>
+					<div class="mui-input-row mui-checkbox">
+						<label>4-机修冬季正常班 08:00-12:00 14:30-17:30</label>
+						<input name="checkbox1" value="Item 4" type="checkbox" checked>
+					</div>
+					<div class="mui-input-row mui-checkbox">
+						<label>5-机修早班 08:00-00:00</label>
+						<input name="checkbox1" value="Item 3" type="checkbox">
+					</div>
+				</form>
+				<div class="fyy-footer vongi-footer">
+					<h5 class="margin10">已选择人员：</h5>
+					<div class="vongi-yjbtn flew">
+						<span>邹杰<a class="iconfont icon-guanbi1"></a></span>
+						<span>邹杰<a class="iconfont icon-guanbi1"></a></span>
+						<span>邹杰<a class="iconfont icon-guanbi1"></a></span>
+						<span>邹杰<a class="iconfont icon-guanbi1"></a></span>
+						<span>邹杰<a class="iconfont icon-guanbi1"></a></span>
+						<span>邹杰<a class="iconfont icon-guanbi1"></a></span>
+						<span>邹杰<a class="iconfont icon-guanbi1"></a></span>
+						<span>邹杰<a class="iconfont icon-guanbi1"></a></span>
+						<span>邹杰<a class="iconfont icon-guanbi1"></a></span>
+					</div>
+				</div>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style src="$project/assets/css/iconfont.css"></style>
+<style src="$project/assets/css/xsy.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+
 <style>
 </style>