返乡人员登记

src/assets/css/xpwyfyy.css

@@ -4281,3 +4281,44 @@ h3 {
 .vongi-zctj .vongi-archives .mui-table-view .mui-pull-right{
 	color:#888
 }
+.vongi-fx-yzm,
+.vongi-fx-radio{
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+.vongi-fx-yzm label,
+.vongi-fx-yzm a,
+.vongi-fx-yzm input{
+	flex-shrink: 0;
+}
+.vongi-editme .mui-input-row.vongi-fx-yzm input{
+	width:40%
+}
+.vongi-fx-yzm a{
+	color:#3385FF;
+	padding-right:15px
+}
+.vongi-fx-yzm .mui-radio.mui-left label{
+	padding:0 0 0 20px
+}
+.vongi-fx-yzm .mui-radio input[type="radio"]::before{
+	font-size:20px;
+	
+}
+.vongi-fx-yzm .mui-radio.mui-left input[type="radio"]{
+	left:0;
+	width:auto;
+	top:0
+}
+.vongi-fx .vongi-editme .mui-input-row .mui-btn img{
+	border-radius: initial
+}
+.vongi-fx h1{
+	margin:20px 0 15px;
+	font-weight: initial;
+}
+.vongi-fx p{
+	text-align: justify;
+	color:#101010
+}

src/projects/business/views/Other/Questionnaire.vue

@@ -1,8 +1,110 @@
 <template>
+<div>
+			<div class="mui-content vongi-fx">
+				<div class="mui-content-padded">
+					<h1 class="mui-text-center color4fc5f7">返乡人员登记</h1>
+					<p>目前，疫情防控形势仍严峻复杂,您家或亲戚朋友家有亲人欲返荆过春节,请您尽量劝其减少流动风险、留在原地过春节。请您出行一定记得戴口罩、与他人保持安全距离(- 米以上) :非必要不出境、不去国内中、高风险区域若邻居家有外地返荆人员,请帮忙提醒他与社区联系报备。请您记住:少聚集、少聚餐、勤洗手、红事缓办、白事简办，聚会不办。
+					</p>
+				</div>
+				<form class="mui-input-group vongi-editme">
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i>&nbsp;您的姓名</label>
+						<input type="text" class="mui-input-clear" placeholder="请填写您的姓名  ">
+					</div>
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i>&nbsp;身份证号码</label>
+						<input type="text" class="mui-input-clear" placeholder="请填写身份证号码 ">
+					</div>
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i>&nbsp;手机号码</label>
+						<input type="text" class="mui-input-clear" placeholder="请输入手机号码  ">
+					</div>
+					<div class="mui-input-row vongi-fx-yzm">
+						<label><i class="colorfe616c">*</i>&nbsp;验证码</label>
+						<input type="text" class="mui-input-clear" placeholder="请填写验证码  " >
+						<a href="">发送验证码</a>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:50%"><i class="colorfe616c">*</i>&nbsp;居住所在地</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							请选择
+						</button>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:100%"><i class="colorfe616c">*</i>&nbsp;详细地址</label>
+						<textarea id="textarea" rows="2" placeholder="请填写详细地址信息"></textarea>
+					</div>
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i>&nbsp;始发地</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">
+							请选择
+						</button>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:100%"><i class="colorfe616c">*</i>&nbsp;始发地详细地址</label>
+						<textarea id="textarea" rows="2" placeholder="请填写始发地详细地址"></textarea>
+					</div>
+					<div class="mui-input-row">
+						<label><i class="colorfe616c">*</i>&nbsp;途径地</label>
+						<textarea id="textarea" rows="2" placeholder="请填写详细途径地信息"></textarea>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:100%"><i class="colorfe616c">*</i>&nbsp;返乡乘坐（或使用）交通工具情况（飞机航班、动车车次、汽车车牌号）</label>
+						<textarea id="textarea" rows="2" placeholder="请填写详细返乡交通工具信息"></textarea>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:60%"><i class="colorfe616c">*</i>&nbsp;返乡时间（已到/预计）</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:40%">
+							请选择
+						</button>
+					</div>
+					<div class="mui-input-row vongi-fx-yzm">
+						<label style="width:70%;padding:11px 0 11px 15px"><i class="colorfe616c">*</i>&nbsp;是否有7日内核酸检测阴性证明</label>
+						<div class="mui-radio mui-left">
+							<label>是</label>
+							<input name="radio2" type="radio">
+						</div>
+						<div class="mui-radio mui-left" style="margin-right:15px">
+							<label>否</label>
+							<input name="radio2" type="radio" checked>
+						</div>
+					</div>
+					<div class="mui-input-row">
+						<label>备注</label>
+						<textarea id="textarea" rows="2" placeholder=""></textarea>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:75%;padding:11px 0 11px 15px">如有7日内核酸检测报告请上传照片</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:25%">
+							<img src="~$project/assets/img/audit1.png" /> 
+						</button>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:50%">上传“行程卡”截图</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							点击上传
+						</button>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:50%">上传本人健康码截图</label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:50%">
+							点击上传
+						</button>
+					</div>
+				</form>
+				<div class="vongi-btn vongi-login-btn">
+					<button class="mui-btn mui-btn-primary" style="border-radius: 30px;">
+							提交
+						</button>
+				</div>
+			</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>