Prechádzať zdrojové kódy

返乡列表及详情

vonin 4 rokov pred
rodič
commit
8ebab897ee

+ 4 - 3
src/assets/css/xpwyfyy.css

@@ -4364,15 +4364,16 @@ h3 {
 	width:100%;
 	color:#888
 }
-.vongi-fx-datpot .mui-media-object{
+.vongi-fx-datpot .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object{
 	width:100%;
-	max-height:100px;
+	height:100px;	
 	display: flex;
 	overflow: hidden;
 }
 .vongi-fx-datpot .mui-media-object img{
 	object-fit: cover;
-	width:100%
+	width:100%;
+	min-height: 100%;
 }
 .vongi-fx-datpot {
 	background:#ffffff;

+ 85 - 0
src/projects/business/views/Other/Return/Info.vue

@@ -1,8 +1,93 @@
 <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-dat">
+				<div class="vongi-fx-dattop">
+					<div class="vongi-fx-card">
+						<h1>赵梓瑞 男</h1>
+						<h4 class="flew-items"><span class="iconfont icon-shouji"></span>155****1111</h4>
+						<h4 class="flew-items"><span class="iconfont icon-zhengjian"></span>155****1111</h4>
+						<h4 class=""><span class="iconfont icon-shouye"></span>沙市区 朝阳街道 东苑社区 江津东路附155号荆鹏软件园1-1-201</h4>
+					</div>
+					<a href="">
+						<span class="iconfont icon-dianhua3"></span>
+						<div class="mui-media-body">拨打电话</div>
+					</a>
+				</div>
+				<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+					<form class="mui-input-group">
+						<div class="mui-input-row ">
+							<label style="width:35%">返乡类型</label>
+							<span style="width:65%">省内从事冷链行业</span>
+						</div>
+						<div class="mui-input-row">
+							<label>始发地</label>
+							<span class="vongi-span">湖北省 武汉市 江岸区大智路199号精武大厦</span>
+						</div>
+						<div class="mui-input-row">
+							<label>途径地</label>
+							<span class="vongi-span">公司-地铁1号线-汉口火车站-荆州火车站-江津路联通车站-步行途径江津路-家里</span>
+						</div>
+						<div class="mui-input-row">
+							<label>返乡乘坐交通工具情况</label>
+							<span class="vongi-span">地铁1号线-G197次列车-19路车</span>
+						</div>
+						<div class="mui-input-row">
+							<label style="width:70%">返乡时间(已到/预计)</label>
+							<span style="width:30%">2020-10-10</span>
+						</div>
+						<div class="mui-input-row ">
+							<label style="width:70%">是否有7日内核酸检测阴性证明</label>
+							<span style="width:30%">是</span>
+						</div>
+						<div class="mui-input-row">
+							<label>备注</label>
+							<span class="vongi-span">无</span>
+						</div>
+					</form>
+				</div>
+				<div class="mui-content-padded vongi-fx-datpot">
+					<h4>相关证明图片</h4>
+					<ul class="mui-table-view mui-grid-view mui-grid-9">
+						<li class="mui-table-view-cell mui-media mui-col-xs-4">
+							<a href="#">
+								<div class="mui-media-object">
+									<img src="~$project/assets/img/02.jpg">
+								</div>
+								<div class="mui-media-body">7日内核酸检测阴性证明</div>
+							</a>
+						</li>
+						<li class="mui-table-view-cell mui-media mui-col-xs-4">
+							<a href="#">
+								<div class="mui-media-object">
+									<img src="~$project/assets/img/02.jpg">
+								</div>
+								<div class="mui-media-body">“行程卡”截图</div>
+							</a>
+						</li>
+						<li class="mui-table-view-cell mui-media mui-col-xs-4">
+							<a href="#">
+								<div class="mui-media-object">
+									<img src="~$project/assets/img/02.jpg">
+								</div>
+								<div class="mui-media-body">本人健康码截图</div>
+							</a>
+						</li>
+
+					</ul>
+				</div>
+			</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
+<style src="$project/assets/css/mui.picker.min.css"></style>
 <style>
 </style>

+ 34 - 0
src/projects/business/views/Other/Return/List.vue

@@ -1,8 +1,42 @@
 <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-zctj">
+			<div class="vongi-bagfff margin10">
+				<div class="vongi-xzdw-search">
+					<input type="search" placeholder="搜索姓名或编号">
+					<span class="mui-icon mui-icon-search"></span>
+				</div>
+			</div>
+			<div class="vongi-fx-list">
+				<ul class="mui-table-view">
+					<li class="mui-table-view-cell">
+						<a class="mui-navigate-right" href="#">
+							<div class="mui-pull-left">
+								高进权<span class="color4fc5f7">男</span>155000111</div>
+							<span class="mui-pull-right mui-badge mui-badge-danger">NEW</span>
+						</a>
+					</li>
+					<li class="mui-table-view-cell">
+						<a class="mui-navigate-right" href="#">
+							<div class="mui-pull-left">
+								高进权<span class="colorfe616c">女</span>155000111</div>
+						</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
+<style src="$project/assets/css/mui.picker.min.css"></style>
 <style>
 </style>