扫码核验/门卫审核

src/assets/css/mui.min.css

@@ -3399,7 +3399,7 @@ select:focus {
 	display: block;
 	overflow: hidden;
 	width: 100%;
-	height: 2px;
+	height: 4px;
 	-webkit-transform-origin: center top;
 	transform-origin: center top;
 	vertical-align: middle;

src/assets/css/xpwyfyy.css

@@ -1594,6 +1594,7 @@ h3 {
 
 .vongi-clasadmin-ma span {
 	font-size: 24px;
+	font-weight: bold;
 }
 
 .vongi-yddk-dat-photo {
@@ -1713,6 +1714,24 @@ h3 {
 	justify-content: space-between;
 }
 
+.vongi-fklist .vongi-clasadmin {
+	background: 0
+}
+
+.vongi-fklist .vongi-clasadmin-list {
+	margin: 0 10px;
+	background: #ffffff;
+	border-radius: 7px;
+}
+
+.vongi-fklist .vongi-clasadmin h4 {
+	font-size: 18px
+}
+
+.vongi-fklist .vongi-clasadmin button {
+	font-size: 16px
+}
+
 .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after {
 	width: 50px;
 	height: 2px;
@@ -2229,4 +2248,107 @@ h3 {
 
 .vongi-input-up .fyy-upphoto {
 	padding-bottom: 10px
+}
+
+.vongi-smhy-list {
+	position: relative;
+	padding-top: 30px
+}
+
+.vongi-smhy-tit {
+	text-align: center;
+	position: absolute;
+	top: 0;
+	left: 50%;
+	margin-left: -43px;
+	background: #EEEEEE;
+	padding: 0 15px;
+}
+
+.vongi-smhy-list:before {
+	width: 160px;
+	height: 1px;
+	margin-left: -80px;
+	background: #D9D9D9;
+	content: "";
+	top: 10px;
+	left: 50%;
+	position: absolute
+}
+
+.vongi-smhy-list .mui-table-view-cell {
+	line-height: 28px;
+}
+
+.vongi-smhy-list .mui-table-view-cell .vongi-smhy-more {
+	text-align: center;
+	color: #3385FF
+}
+
+.vongi-smhy-list .mui-table-view:before,
+.vongi-smhy-list .mui-table-view:after {
+	background: 0
+}
+
+.vongi-smhy-list .mui-table-view {
+	border-radius: 7px;
+}
+
+.vongi-mwsh-input .flew-sp.vongi-container {
+	width: 65%;
+	padding: 0
+}
+
+.vongi-container .mui-col-xs-8 {
+	position: relative
+}
+
+.vongi-progressbar {
+	background: #BBBBBB;
+	width: 100%;
+	height: 6px;
+	border-radius: 3px;
+	position: relative;
+	overflow: hidden;
+}
+
+.vongi-progressbar span {
+	height: 100%;
+	background: #40CF8F;
+	width: 50%;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+.vongi-range {
+	width: 20px;
+	height: 20px;
+	border-radius: 50%;
+	background: #ffffff;
+	position: absolute;
+	top: -8px;
+	left: 50%;
+	box-shadow: 0 1px 6px #ccc;
+}
+
+.vongi-fklist .openfyy-list .mui-table-view-cell.vongi-mwsh-input {
+	line-height: 41px;
+	padding: 0;
+}
+
+.vongi-mwsh-input .flew-sp {
+	border-bottom: 1px #eee solid;
+	padding: 0 15px
+}
+
+.vongi-mwsh .mui-content-padded {
+	border-radius: 7px;
+	overflow: hidden;
+}
+.vongi-clasadmin .vongi-btn{
+	padding:15px 10px;	
+}
+.vongi-clasadmin .vongi-btn button{
+	border-radius: 7px;
 }

src/projects/business/views/Master/Guest/Approval.vue

@@ -1,8 +1,87 @@
 <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-fklist margin60">
+			<ul class="mui-table-view openfyy-list vongi-mwsh">
+				<li class="mui-table-view-cell mui-media">
+					<div class="mui-ellipsis flew-sp">
+						来访人员：刘韬
+						<span>访问电话：15522331122</span>
+					</div>
+					<div class="mui-ellipsis flew-sp">
+						访问时间：2020-09-18 15:00:00
+					</div>
+				</li>
+				<li class="mui-table-view-cell mui-media vongi-mwsh-input">
+					<div class="mui-ellipsis flew-sp">
+						来访人员
+					</div>
+					<div class="mui-ellipsis flew-sp">
+						姓名：刘韬
+						<span>联系电话：15500001111</span>
+					</div>
+					<div class="mui-ellipsis flew-sp">
+						身份证号：4204001993001011010
+					</div>
+					<div class="flew-sp">
+						<label>入场体温</label>
+						<div class="vongi-container flew-sp flew-items">
+							<div class="mui-col-xs-8">
+								<p class="vongi-progressbar">
+									<span></span>
+								</p>
+								<div class="vongi-range"></div>
+							</div>
+							<span>36.3℃</span>
+						</div>
+					</div>
+					<div class="flew-sp">
+						<label>出场体温</label>
+						<div class="vongi-container flew-sp flew-items">
+							<div class="mui-col-xs-8">
+								<p class="vongi-progressbar">
+									<span></span>
+								</p>
+								<div class="vongi-range"></div>
+							</div>
+							<span>36.3℃</span>
+						</div>
+					</div>
+				</li>
+				<li class="mui-input-group mui-content-padded vongi-editme">
+					<div class="mui-input-row">
+						<label>车牌号</label>
+						<input type="text" class="mui-input-clear" placeholder="请输入车牌号">
+					</div>
+				</li>
+				<li class="mui-input-group mui-content-padded">
+					<div class="mui-input-row">
+						<label>进场时间</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							2020-10-12 15:00:00
+						</button>
+					</div>
+					<div class="mui-input-row">
+						<label>出场时间</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							请选择
+						</button>
+					</div>
+				</li>
+			</ul>
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">提  交</button></div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style>
-</style>
+</style>

src/projects/business/views/Master/Guest/Scan.vue

@@ -1,8 +1,71 @@
 <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-fklist">
+			<div class="vongi-clasadmin">
+				<h4>湖北荆鹏软件有限公司</h4>
+				<div class="vongi-clasadmin-list">
+					<div class="vongi-clasadmin-ma mui-col-xs-6">
+						<p class="mui-ellipsis">2020-09-18</p>
+						<span class="color05c8af">2953</span>
+						<div class="mui-media-body">总预约数</div>
+					</div>
+					<div class="vongi-clasadmin-ma mui-col-xs-6">
+						<p class="mui-ellipsis">企业今日出入情况</p>
+						<span class="color05c8af">18/18</span>
+						<div class="mui-media-body">进厂数 / 出厂数</div>
+					</div>
+				</div>
+				<div class="vongi-btn">
+					<button class="mui-btn mui-btn-primary">
+						扫码核验<span class="iconfont icon-saoyisao"></span>
+					</button>
+				</div>
+			</div>
+			<div class="vongi-smhy-list">
+				<div class="vongi-smhy-tit">出入记录</div>
+				<ul class="mui-table-view mui-content-padded">
+					<li class="mui-table-view-cell mui-media">
+						<a href="javascript:;" class="mui-navigate-right">
+							远鹏众创空间
+						</a>
+						<div class="mui-ellipsis flew-sp">
+							来访人员：刘韬
+							<span>访问时间：15:00:00-17:30:00</span>
+						</div>
+						<p class="mui-ellipsis flew-sp">
+							同行人员：2
+							<span>出厂时间：-</span>
+						</p>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<a href="javascript:;" class="mui-navigate-right">
+							远鹏众创空间
+						</a>
+						<div class="mui-ellipsis flew-sp">
+							来访人员：刘韬
+							<span>访问时间：15:00:00-17:30:00</span>
+						</div>
+						<p class="mui-ellipsis flew-sp">
+							同行人员：2
+							<span>出厂时间：-</span>
+						</p>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<a href="" class="vongi-smhy-more">查看全部记录</a>
+					</li>
+				</ul>				
+			</div>			
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style>
 </style>