考勤审批

src/assets/css/xpwyfyy.css

@@ -44,9 +44,11 @@ body {
 .coloreb59fc {
 	color: #375cf5
 }
-.color999{
-	color:#999
+
+.color999 {
+	color: #999
 }
+
 .margin60 {
 	margin-bottom: 60px
 }
@@ -54,17 +56,21 @@ body {
 .inedxfyy-content {
 	margin-bottom: 70px
 }
-.flew{
+
+.flew {
 	display: flex;
 }
-.flew-sp{
+
+.flew-sp {
 	display: flex;
 	justify-content: space-between;
 }
-.flew-items{
+
+.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;
 }
@@ -215,8 +221,8 @@ body {
 	.mui-content .vongi-choose .mui-table-view-cell a {
 		padding: 11px 15px
 	}
-	.mui-content .vongi-photo{
-		height:240px
+	.mui-content .vongi-photo {
+		height: 240px
 	}
 }
 
@@ -289,14 +295,16 @@ body {
 	width: 100%;
 	border-radius: 3px;
 }
-.vongi-photo{
+
+.vongi-photo {
 	background: url(../img/faceai.png) center no-repeat;
-    background-size: 100% 100%;
-    height: 300px;
-    width: 60%;
-    padding: 15px;
-    margin: 20px auto;
-} 
+	background-size: 100% 100%;
+	height: 300px;
+	width: 60%;
+	padding: 15px;
+	margin: 20px auto;
+}
+
 .faceaifyy-content-region {
 	background: #999;
 	text-align: center;
@@ -313,10 +321,6 @@ body {
 	font-size: 40px
 }
 
-.mui-slider .mui-slider-group .mui-slider-item {
-	font-size: 17px
-}
-
 .mui-segmented-control.mui-scroll-wrapper .mui-scroll {
 	width: 100%;
 	background: #ffffff;
@@ -615,22 +619,24 @@ h3 {
 	width: 50%;
 	margin: 10px auto;
 }
-.fyy-upphoto-close{
-	position:relative
+
+.fyy-upphoto-close {
+	position: relative
 }
-.vongi-wordcard .fyy-upphoto .mui-col-xs-3.fyy-upphoto-close a{
-	width:16px;
-	height:16px;
+
+.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;
+	position: absolute;
+	top: 0;
+	right: 0;
+	background: #333;
+	color: #ffffff;
 	line-height: 16px;
-    font-size: 16px;
-	
+	font-size: 16px;
 }
+
 .fyy-radio ul li .mui-media-body {
 	color: #ffffff
 }
@@ -1036,7 +1042,7 @@ h3 {
 .mui-content-padded h5 {
 	margin: 20px 0 15px 0;
 	color: #666;
-	font-size:14px
+	font-size: 14px
 }
 
 .vongi-wordcard-padded {
@@ -1052,7 +1058,6 @@ h3 {
 	width: auto
 }
 
-
 .vongi-wordcard .mui-input-row {
 	display: flex;
 	justify-content: space-between
@@ -1060,7 +1065,7 @@ h3 {
 
 .vongi-wordcard .mui-input-row .mui-btn {
 	padding-right: 40px;
-	width:auto
+	width: auto
 }
 
 .vongi-wordcard .vongi-wordcard-padded h5 {
@@ -1262,7 +1267,8 @@ h3 {
 	color: #333;
 	display: block;
 	background: #eee;
-	padding: 10px
+	padding: 10px;
+	margin:10px 10px 10px 50px
 }
 
 .vongi-wordcard-sp .mui-input-group .mui-input-row {
@@ -1299,13 +1305,13 @@ h3 {
 	display: flex;
 	z-index: 9999;
 	margin: 0;
-	position: fixed;
+	position: absolute;
 	width: 100%;
 	-webkit-box-shadow: 0 1px 6px #ccc;
 	box-shadow: 0 1px 6px #ccc;
 }
 
-.vongi-wordcard-sp .mui-scroll .fyy-bindfyy-btn button {
+.vongi-wordcard-sp .mui-scroll-wrapper .fyy-bindfyy-btn button {
 	border-radius: initial;
 	width: 30%;
 	margin-bottom: 0;
@@ -1321,11 +1327,15 @@ h3 {
 }
 
 .vongi-wordcard-sp #item1mobile .mui-btn-danger {
-	background: #fe616c
+	background: #fe616c;
+	width: 30%;
+    border-radius: initial;
 }
 
 .vongi-wordcard-sp #item1mobile .mui-btn-success {
-	background: #47bf37
+	background: #47bf37;
+	width: 30%;
+    border-radius: initial;
 }
 
 .vongi-wordcard-sp #item2mobile .mui-btn-danger,
@@ -1373,59 +1383,174 @@ h3 {
 #item2mobile .mui-push-right:after {
 	right: 0
 }
-.vongi-work .vongi-qingjia li{
-	margin-bottom:10px
+
+.vongi-work .vongi-qingjia li {
+	margin-bottom: 10px
 }
-.vongi-work .vongi-qingjia li button{
-	padding:3px 12px
+
+.vongi-work .vongi-qingjia li button {
+	padding: 3px 12px
 }
-.vongi-qingjia li h4 span{
-	margin-left:15px
+
+.vongi-qingjia li h4 span {
+	margin-left: 15px
 }
-.vongi-qingjiadt-head{
-	padding:20px 15px;
+
+.vongi-qingjiadt-head {
+	padding: 20px 15px;
 	align-items: center;
 }
-.vongi-qingjiadt-head .flew{
-	width:60px;
-	height:60px;
+
+.vongi-qingjiadt-head .flew {
+	width: 60px;
+	height: 60px;
 	border-radius: 50%;
 	overflow: hidden;
-	margin-right:5px
+	margin-right: 5px
 }
-.vongi-qingjiadt-head .flew img{
-	width:100%;
+
+.vongi-qingjiadt-head .flew img {
+	width: 100%;
 	object-fit: cover;
 	min-height: 100%;
 }
-.vongi-qingjiadt .mui-input-group span{
+
+.vongi-qingjiadt .mui-input-group span {
 	text-align: right;
-    display: block;
-    padding: 14.5px 15px;
+	display: block;
+	padding: 14.5px 15px;
 }
-.vongi-qingjiadt .mui-input-group .vongi-qingjiadt-photo{
-	width:36px;
-	height:36px;
+
+.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;
+	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;
+}
+
+.vongi-archives .mui-segmented-control.mui-scroll-wrapper .mui-control-item {
+	width: 25%;
+	padding: 0;
+	color: #999
+}
+
+.vongi-archives .mui-segmented-control.mui-scroll-wrapper .mui-control-item.mui-active {
+	position: relative;
+	color: #3385FF
+}
+
+.vongi-archives .mui-segmented-control.mui-scroll-wrapper .mui-control-item.mui-active:after {
+	content: "";
+	position: absolute;
+	bottom: 0;
+	left: 50%;
+	width: 40px;
+	height: 1px;
+	background: #3385FF;
+	margin-left: -20px
+}
+
+.vongi-archives .mui-table-view .mui-media-object {
+	width: 32px;
+	height: 32px;
+	border-radius: 50%;
+	display: flex;
+	overflow: hidden;
 }
-.vongi-qingjiadt-photo img{
-	width:100%;
+
+.vongi-archives .mui-table-view .mui-media-object img {
+	width: 100%;
+	min-height: 100%;
 	object-fit: cover;
-	min-height:100%;
 }
-.vongi-yidi-location{
-	position:relative;
-	width:70%
+
+.vongi-archives .mui-table-view h4 {
+	margin: 0 5px
+}
+
+.vongi-archives .mui-table-view .mui-pull-right {
+	font-size: 14px;
+	line-height: 32px;
+	padding-right: 20px;
 }
-.vongi-yidi-location .mui-icon{
+
+.vongi-archives-search {
+	position: absolute;
+	bottom: 10px;
+	left: 50%;
+	margin-left: -98px;
+	border-radius: 30px;
+	-webkit-box-shadow: 0 1px 6px #ccc;
+	box-shadow: 0 1px 6px #ccc;
+}
+
+.vongi-archives-search a {
+	padding: 6px 15px;
+	display: block;
+}
+
+.vongi-archives-search:after {
+	width: 1px;
+	height: 14px;
+	content: "";
+	background: #999;
+	position: absolute;
+	left: 50%;
 	top: 50%;
-    position: absolute;
-    right: 15px;
-    margin-top: -10.5px;
+	margin-top: -7px
+}
+
+.vongi-archives-search .mui-active {
+	color: #3385FF
 }
+
+.vongi-clasadmin {
+	background: #ffffff;
+	margin-bottom: 10px
+}
+
+.vongi-clasadmin h4 {
+	text-align: center;
+	border-bottom: #eee solid 1px;
+	padding: 15px;
+	margin: 0
+}
+
+.vongi-clasadmin-list {
+	display: flex;
+	justify-content: space-between;
+	padding: 10px;
+}
+
+.vongi-clasadmin-ma {
+	text-align: center;
+	line-height: 1.5;
+	position: relative
+}
+
+.vongi-clasadmin-ma span {
+	font-size: 24px;
+}

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

@@ -22,19 +22,18 @@
 							<div class="mui-scroll">
 								<form class="mui-input-group fyy-checkbox">
 									<div v-for="(item,index) in recordList" :key="item.id" class="mui-input-row mui-checkbox mui-left">
-										<label>
-											<router-link :to="{name:'MasterAttendanceInfo',query:{id:item.id}}" class="mui-navigate-right">
-												<div class="mui-media-object mui-pull-left"><img :src="item.faceImageUrl"></div>
-												<div class="mui-media-body">
-													{{item.personName}}
-													<p class='mui-ellipsis'><span class="colorfe616c" v-text="item.typeN"></span>申请</p>
-												</div>
-											</router-link>
-										</label>
+										<router-link :to="{name:'MasterAttendanceInfo',query:{id:item.id}}" class="mui-navigate-right">
+											<div class="mui-media-object mui-pull-left"><img :src="item.faceImageUrl"></div>
+											<div class="mui-media-body">
+												{{item.personName}}
+												<p class='mui-ellipsis'><span class="colorfe616c" v-text="item.typeN"></span>申请</p>
+											</div>
+										</router-link>
 										<input name="checkbox" v-model="selectIdList" :value="item.id" type="checkbox">
 									</div>
-								</form>
-								<div class="fyy-bindfyy-btn">
+								</form>								
+							</div>
+							<div class="fyy-bindfyy-btn">
 									<form class="mui-input-group">
 										<div class="mui-input-row mui-checkbox mui-left">
 											<label>全选</label>
@@ -44,7 +43,6 @@
 									<button type="button" class="mui-btn mui-btn-danger" @click="openFrom('2')">拒绝</button>
 									<button type="button" class="mui-btn mui-btn-success" @click="openFrom('1')">同意</button>
 								</div>
-							</div>
 						</div>
 					</div>