请假三个页面及异地打卡

src/assets/css/mui.min.css

@@ -1020,8 +1020,8 @@ input[type=submit]:enabled:active {
 .mui-btn-positive,
 .mui-btn-success {
 	color: #fff;
-	border: 1px solid #47bf37;
-	background-color: #47bf37
+	border: 1px solid #389E0D;
+	background-color: #389E0D
 }
 
 .mui-btn-green.mui-active:enabled,
@@ -1111,7 +1111,7 @@ input[type=submit]:enabled:active {
 .mui-btn-outlined.mui-btn-green,
 .mui-btn-outlined.mui-btn-positive,
 .mui-btn-outlined.mui-btn-success {
-	color: #4cd964
+	color: #389E0D
 }
 
 .mui-btn-outlined.mui-btn-warning,
@@ -2524,7 +2524,7 @@ select:focus {
 }
 
 .mui-input-group .mui-input-row {
-	height: 50px;
+	height: auto;
 	background-color: #ffffff;
 	margin-bottom: 1px;
 }

src/assets/css/xpwyfyy.css

@@ -52,7 +52,17 @@ body {
 .inedxfyy-content {
 	margin-bottom: 70px
 }
-
+.flew{
+	display: flex;
+}
+.flew-sp{
+	display: flex;
+	justify-content: space-between;
+}
+.flew-items{
+	display: flex;
+	align-items: center;
+}
 .inedxfyy-content-icon .mui-grid-view.mui-grid-9 .mui-media .mui-icon.color4fc5f7 {
 	border: 1px #4fc5f7 solid;
 }
@@ -592,7 +602,22 @@ h3 {
 	height: 240px;
 	width: 50%
 }
-
+.fyy-upphoto-close{
+	position:relative
+}
+.vongi-wordcard .fyy-upphoto .mui-col-xs-3.fyy-upphoto-close a{
+	width:16px;
+	height:16px;
+	border-radius: 50%;
+	position:absolute;
+	top:0;
+	right:0;
+	background:#333;
+	color:#ffffff;
+	line-height: 16px;
+    font-size: 16px;
+	
+}
 .fyy-radio ul li .mui-media-body {
 	color: #ffffff
 }
@@ -1010,16 +1035,18 @@ h3 {
 }
 
 .vongi-wordcard .mui-input-row label {
-	width: 50%
+	width: auto
 }
 
+
 .vongi-wordcard .mui-input-row {
 	display: flex;
 	justify-content: space-between
 }
 
 .vongi-wordcard .mui-input-row .mui-btn {
-	padding-right: 70px
+	padding-right: 40px;
+	width:auto
 }
 
 .vongi-wordcard .vongi-wordcard-padded h5 {
@@ -1331,4 +1358,60 @@ h3 {
 .vongi-wordcard-sp #item2mobile .mui-navigate-right:after,
 #item2mobile .mui-push-right:after {
 	right: 0
-}
+}
+.vongi-work .vongi-qingjia li{
+	margin-bottom:10px
+}
+.vongi-work .vongi-qingjia li button{
+	padding:3px 12px
+}
+.vongi-qingjia li h4 span{
+	margin-left:15px
+}
+.vongi-qingjiadt-head{
+	padding:20px 15px;
+	align-items: center;
+}
+.vongi-qingjiadt-head .flew{
+	width:60px;
+	height:60px;
+	border-radius: 50%;
+	overflow: hidden;
+	margin-right:5px
+}
+.vongi-qingjiadt-head .flew img{
+	width:100%;
+	object-fit: cover;
+	min-height: 100%;
+}
+.vongi-qingjiadt .mui-input-group span{
+	text-align: right;
+    display: block;
+    padding: 14.5px 15px;
+}
+.vongi-qingjiadt .mui-input-group .vongi-qingjiadt-photo{
+	width:36px;
+	height:36px;
+	overflow: hidden;
+	display: flex;
+	padding: 0;
+    margin: 7px 15px;
+    align-items: right;
+    float: right;
+    border-radius: 4px;
+}
+.vongi-qingjiadt-photo img{
+	width:100%;
+	object-fit: cover;
+	min-height:100%;
+}
+.vongi-yidi-location{
+	position:relative;
+	width:70%
+}
+.vongi-yidi-location .mui-icon{
+	top: 50%;
+    position: absolute;
+    right: 15px;
+    margin-top: -10.5px;
+}

src/projects/business/views/Master/Attendance/LeaveForm.vue

@@ -1,8 +1,73 @@
 <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">
+			<div class="mui-content-padded">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label><span class="colorfe616c">*</span>请假类型</label>
+						<div class="mui-navigate-right">
+							<button id='showUserPicker' class="mui-btn mui-btn-block" type='button'>请选择</button>
+						</div>
+					</div>
+					<div class="mui-input-row">
+						<label><span class="colorfe616c">*</span>审批人</label>
+						<div class="mui-navigate-right">
+							<button id='showUserPicker' class="mui-btn mui-btn-block" type='button'>请选择</button>
+						</div>
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-qingjia-date">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label><span class="colorfe616c">*</span>开始日期</label>
+						<div class="mui-navigate-right">
+							<button class="mui-btn mui-btn-block" type='button'>2020-04-28 08:00</button>
+						</div>
+					</div>
+					<div class="mui-input-row">
+						<label><span class="colorfe616c">*</span>结束日期</label>
+						<div class="mui-navigate-right">
+							<button class="mui-btn mui-btn-block" type='button'>请选择</button>
+						</div>
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded">
+				<h5><span class="colorfe616c">*</span>请假事由</h5>
+				<div class="mui-input-row">
+					<textarea id="textarea" rows="5" placeholder="请输入"></textarea>
+				</div>
+			</div>
+			<div class="mui-content-padded">
+				<h5>上传照片</h5>
+				<div class="fyy-upphoto">
+					<div class="mui-col-xs-3 fyy-upphoto-close">
+						<img src="~$project/assets/img/zhaop.jpg" />
+                        <a class="mui-icon mui-icon-closeempty"></a>
+					</div>
+					<div class="mui-col-xs-3">
+						<a><span class="mui-icon mui-icon-plusempty"></span></a>
+					</div>
+				</div>
+			</div>
+			<div class="mui-content-padded mui-h6">注：1、病假须上传医院证明。2、请假事由中须写明请假去向。</div>
+			<div class="vongi-btn">
+				<button class="mui-btn mui-btn-primary " type="submit">
+					提交
+				</button>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style>
 </style>

src/projects/business/views/Master/Attendance/LeaveInfo.vue

@@ -1,8 +1,77 @@
 <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-success mui-btn-outlined">已批准</button>
+					<!-- <div class="examine-refuse">已拒绝</div> -->
+				</div>
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>身份证号</label>
+						<span>420400200002020101</span>
+					</div>
+					<div class="mui-input-row">
+						<label>工号</label>
+						<span>0201022121001</span>
+					</div>
+					<div class="mui-input-row">
+						<label>部门</label>
+						<span>信息工程中心</span>
+					</div>
+					<div class="mui-input-row">
+						<label>请假时间</label>
+						<span>自2020年4月28日8时 至 4月30日17时</span>
+					</div>
+					<div class="mui-input-row">
+						<label>请假事由</label>
+						<span>家中有事，需要会老家一趟家中有事，需要会老家一趟家中有事，需要会老家一趟家中有事，需要会老家一趟。</span>
+					</div>
+					<div class="mui-input-row">
+						<label>上传图片</label>
+						<span class="vongi-qingjiadt-photo"><img src="~$project/assets/img/02.jpg"/></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>
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>审批人</label>
+						<span>王后雄</span>
+					</div>
+					<div class="mui-input-row">
+						<label>审核意见</label>
+						<span>同意</span>
+					</div>
+					<div class="mui-input-row">
+						<label>意见说明</label>
+						<span>注意安全</span>
+					</div>
+					<div class="mui-input-row">
+						<label>审核时间</label>
+						<span>2020-04-28 10:00:00</span>
+					</div>
+				</form>
+
+			</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style>
 </style>

src/projects/business/views/Master/Attendance/LeaveList.vue

@@ -1,8 +1,36 @@
 <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">
+			<div class="mui-content-padded vongi-work">
+				<ul class="mui-table-view vongi-qingjia">
+					<li class="mui-table-view-cell">
+						<h4>郭麒麟的病假申请<span>12:00</span></h4>
+						<button type="button" class="mui-btn  mui-btn-outlined">待审核</button>
+					</li>
+					<li class="mui-table-view-cell">
+						<h4>郭麒麟的病假申请<span>12:00</span></h4>
+						<button type="button" class="mui-btn  mui-btn-success mui-btn-outlined">已批准</button>
+					</li>
+					<li class="mui-table-view-cell">
+						<h4>郭麒麟的病假申请<span>12:00</span></h4>
+						<button type="button" class="mui-btn  mui-btn-danger mui-btn-outlined">已拒绝</button>
+					</li>
+				</ul>
+			</div>
+			<div class="fyy-footer">
+				<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">写请假条</button></div>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style>
 </style>

src/projects/business/views/Master/Attendance/Sign.vue

@@ -1,8 +1,62 @@
 <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">
+			<div class="mui-content-padded vongi-wordcard-padded">
+				<h5>当前打卡班次</h5>
+				<h3>2020-04-18<span>07:30 - 09:00</span></h3>
+			</div>
+			<div class="mui-content-padded">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label><span class="colorfe616c">*</span>审批人</label>
+						<div class="mui-navigate-right">
+							<button id='showUserPicker' class="mui-btn mui-btn-block" type='button'>请选择</button>
+						</div>
+					</div>
+					<div class="mui-input-row">
+						<label><span class="colorfe616c">*</span>定位</label>
+						<div class="vongi-yidi-location mui-ellipsis">
+							<button class="mui-btn mui-btn-block" type='button'>江津东路荆鹏软件园附近</button>
+							<span class="mui-icon mui-icon-location"></span>
+						</div>
+
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded">
+				<h5>备注</h5>
+				<div class="mui-input-row">
+					<textarea id="textarea" rows="5" placeholder="请输入"></textarea>
+				</div>
+			</div>
+			<div class="mui-content-padded">
+				<h5>上传照片</h5>
+				<div class="fyy-upphoto">
+					<div class="mui-col-xs-3 fyy-upphoto-close">
+						<img src="~$project/assets/img/zhaop.jpg" />
+						<a class="mui-icon mui-icon-closeempty"></a>
+					</div>
+					<div class="mui-col-xs-3">
+						<a><span class="mui-icon mui-icon-plusempty"></span></a>
+					</div>
+				</div>
+			</div>
+			<div class="vongi-btn">
+				<button class="mui-btn mui-btn-primary " type="submit">
+					提交
+				</button>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style>
 </style>