访客记录/详情

src/assets/css/xpwyfyy.css

@@ -1646,3 +1646,50 @@ h3 {
 .fyy-slider.vongi-fkwall{
 	margin-top:0
 }
+.vongi-fklist .openfyy-list .mui-table-view-cell{
+	margin:10px;
+	line-height: 30px;
+	border-radius: 7px;
+}
+.vongi-fklist .openfyy-list .mui-ellipsis{
+	display: flex;
+    justify-content: space-between;
+}
+.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after {
+    width: 50px;
+    height: 2px;
+    content: "";
+    background: #3385FF;
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    margin-left: -25px;
+}
+.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
+    position: relative;
+    color: #333;
+    }
+.mui-segmented-control.mui-scroll-wrapper .mui-control-item {
+    color: #999;
+}
+.mui-scroll, .mui-scroll-wrapper, .mui-fullscreen .mui-segmented-control~.mui-slider-group, .mui-fullscreen {
+    position: inherit;
+}
+.vongi-fkdat-name .flew{
+	justify-content : flex-end;
+}
+.vongi-fkdat-name h5{
+	width:20px;
+	height:20px;
+	line-height: 20px;
+	border-radius: 50%;
+	background:#3385FF;
+	text-align: center;
+	color:#ffffff;
+	margin: 0;
+	margin-left:5px
+}
+.vongi-fkdat .mui-content-padded {
+	border-radius: 7px;
+	overflow: hidden;
+}

src/projects/business/views/HouseKeeper/Control/Guest/Info.vue

@@ -1,8 +1,146 @@
 <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 id="slider" class="mui-slider mui-fullscreen">
+					<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">
+								访客信息
+							</a>
+							<a class="mui-control-item" href="#item2mobile">
+								核验信息
+							</a>
+						</div>
+					</div>
+					<div class="mui-slider-group vongi-fkdat">
+						<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 mui-content-padded">
+										<div class="mui-input-row">
+											<label>拜访人</label>
+											<span>王后雄</span>
+										</div>
+										<div class="mui-input-row">
+											<label>预约时间</label>
+											<span>2020-9-18 15:00:00</span>
+										</div>
+										<div class="mui-input-row">
+											<label>来访单位</label>
+											<span>湖北荆盛商贸有限公司</span>
+										</div>
+										<div class="mui-input-row">
+											<label>同行人员</label>
+											<span class="vongi-fkdat-name">
+												<div class="flew">
+													<h5>冯</h5>
+													<h5>冯</h5>
+													<h5>冯</h5>
+												</div>							
+											</span>
+										</div>
+										<div class="mui-input-row">
+											<label>来访事由</label>
+											<span>业务洽谈</span>
+										</div>
+										<div class="mui-input-row">
+											<label>车牌号</label>
+											<span>鄂D9999V</span>
+										</div>
+									</form>
+									<form class="mui-input-group mui-content-padded">
+										<div class="mui-input-row">
+											<label>受访人员</label>
+											<span>其他</span>
+										</div>
+										<div class="mui-input-row">
+											<label>审核状态</label>
+											<span class="color55f868">已通过</span>
+										</div>
+										<div class="mui-input-row">
+											<label>审核时间</label>
+											<span>2020-09-17 11:00:00</span>
+										</div>
+										<div class="mui-input-row">
+											<label>访问时间</label>
+											<span>15:00:00-17:30:00</span>
+										</div>
+										<div class="mui-input-row">
+											<label>总耗时</label>
+											<span>2小时30分0秒</span>
+										</div>
+
+									</form>
+								</div>
+							</div>
+						</div>
+						<div id="item2mobile" class="mui-slider-item mui-control-content">
+							<div class="mui-scroll-wrapper">
+								<div class="mui-scroll">
+									<form class="mui-input-group mui-content-padded">
+										<div class="mui-input-row">
+											<label>姓名</label>
+											<span>刘韬</span>
+										</div>
+										
+										<div class="mui-input-row">
+											<label>手机号码</label>
+											<span>15500001111</span>
+										</div>
+										<div class="mui-input-row">
+											<label>身份证号</label>
+											<span>420400199301011010</span>
+										</div>
+										<div class="mui-input-row">
+											<label>入场测温</label>
+											<span class="color55f868">36.3℃</span>
+										</div>
+										<div class="mui-input-row">
+											<label>出场测温</label>
+											<span class="color55f868">36.3℃</span>
+										</div>
+									</form>
+									<form class="mui-input-group mui-content-padded">
+										<div class="mui-input-row">
+											<label>姓名</label>
+											<span>刘韬</span>
+										</div>
+										
+										<div class="mui-input-row">
+											<label>手机号码</label>
+											<span>15500001111</span>
+										</div>
+										<div class="mui-input-row">
+											<label>身份证号</label>
+											<span>420400199301011010</span>
+										</div>
+										<div class="mui-input-row">
+											<label>入场测温</label>
+											<span class="color55f868">36.3℃</span>
+										</div>
+										<div class="mui-input-row">
+											<label>出场测温</label>
+											<span class="color55f868">36.3℃</span>
+										</div>
+									</form>
+								</div>
+							</div>
+						</div>
+
+					</div>
+				</div>
+
+			</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style>
 </style>

src/projects/business/views/HouseKeeper/Control/Guest/List.vue

@@ -1,8 +1,45 @@
 <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">
+			<ul class="mui-table-view openfyy-list">
+				<li class="mui-table-view-cell mui-media">
+					<a href="javascript:;" class="mui-navigate-right">
+						远鹏众创空间
+					</a>
+					<div class="mui-ellipsis">
+						来访人员：刘韬
+						<span>访问时间：15:00:00-17:30:00</span>
+					</div>
+					<p class="mui-ellipsis">
+						同行人员：2
+						<span>总计耗时：2小时30分0秒</span>
+					</p>
+				</li>
+				<li class="mui-table-view-cell mui-media">
+					<a href="javascript:;" class="mui-navigate-right">
+						远鹏众创空间
+					</a>
+					<div class="mui-ellipsis">
+						来访人员：刘韬
+						<span>访问时间：15:00:00-17:30:00</span>
+					</div>
+					<p class="mui-ellipsis">
+						同行人员：2
+						<span>总计耗时：2小时30分0秒</span>
+					</p>
+				</li>
+			</ul>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style>
 </style>