Forráskód Böngészése

Merge remote-tracking branch 'origin/master'

wgl 4 éve
szülő
commit
2960cfc9a8

+ 340 - 18
src/assets/css/xpwyfyy.css

@@ -432,7 +432,7 @@ body {
 }
 
 .mui-input-row p {
-	line-height: 50px;
+	line-height: 43px;
 	font-size: 14px;
 	padding-right: 15px;
 	color: #333
@@ -1423,8 +1423,8 @@ h3 {
 	text-align: right;
 	display: block;
 	padding: 11px 15px 11px 0;
-	width:65%;
-	float:right
+	width: 65%;
+	float: right
 }
 
 .vongi-yddk-dat-photo .flew {
@@ -1748,7 +1748,7 @@ h3 {
 .vongi-qingjiadt .mui-input-group .flew span {
 	padding: 0;
 	margin-left: 5px;
-	width:auto
+	width: auto
 }
 
 .vongi-fkdat-name h5 {
@@ -1880,9 +1880,11 @@ h3 {
 .vongi-xzdw-city .mui-control-content {
 	display: block;
 }
-.vongi-xzdw-city .mui-control-content .mui-table-view-cell{
+
+.vongi-xzdw-city .mui-control-content .mui-table-view-cell {
 	text-align: center;
 }
+
 .vongi-xzdw-city .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
 	background-color: #fff;
 }
@@ -1890,21 +1892,341 @@ h3 {
 .vongi-xzdw-city .mui-col-xs-9 {
 	border-left: 1px solid #c8c7cc;
 }
-.vongi-meform-pho{
-	background:#ffffff;
-	padding:10px 15px;
-	margin-bottom:10px;
-	margin-top:4px
+
+.vongi-meform-pho {
+	background: #ffffff;
+	padding: 10px 15px;
+	margin-bottom: 10px;
+	margin-top: 4px
+}
+
+.vongi-meform .mui-h5 {
+	padding: 10px 15px
+}
+
+.vongi-meform h5 {
+	margin-bottom: 10px
+}
+
+.vongi-xzyljg .mui-table-view-cell:after {
+	left: 0
+}
+
+.vongi-padright {
+	padding-right: 15px
+}
+
+.vongi-yqsb-list a {
+	background: #FFFFFF;
+	padding: 10px;
+	display: block;
+	border-radius: 7px;
+}
+
+.vongi-yqsb-list .mui-table-view-cell {
+	margin: 10px
+}
+
+.vongi-yqsb-list .mui-media-body {
+	color: #333;
+	text-align: justify;
+	white-space: initial;
+}
+
+.vongi-yqsb-list p {
+	text-align: right;
+}
+
+.vongi-yqsb-list.mui-table-view:before,
+.vongi-yqsb-list.mui-table-view:after,
+.vongi-yqsb-list .mui-table-view-cell:after,
+.vongi-yqsb-list {
+	background: 0
+}
+
+.fyy-scon {
+	height: 260px;
+	background: #389E0D;
+	padding: 15px 10px;
+	width: 100%;
+}
+
+.fyy-scon-center .mui-checkbox input[type=checkbox],
+.fyy-scon-center .mui-radio input[type=radio] {
+	left: 0
+}
+
+.fyy-scon-center.mui-card .mui-checkbox input[type=checkbox]:checked:before,
+.fyy-scon-center.mui-card .mui-radio input[type=radio]:checked:before {
+	color: #096DD9
+}
+
+.fyy-scon-center .mui-input-row label {
+	padding-left: 40px;
+}
+
+.fyy-scon-center.mui-card {
+	background: #ffffff;
+	padding: 15px 15px 5px;
+	border-radius: 5px;
+}
+
+.fyy-scon-top {
+	display: flex;
+}
+
+.fyy-scon-head {
+	height: 180px;
+	overflow: hidden;
+	display: flex;
+}
+
+.fyy-scon-head img {
+	width: 100%;
+	display: block;
+	min-height: 100%;
+	object-fit: cover;
+}
+
+.fyy-scon-head-text {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: rgba(0, 0, 0, .6);
+	width: 100%;
+	text-align: center;
+	color: #fff;
+	padding: 5px 0;
+}
+
+.fyy-scon-det {
+	padding-left: 15px;
+	color: #ffffff;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	align-content: space-between;
+	font-size: 12px;
+}
+
+.fyy-scon-det-top {
+	display: flex;
+	justify-content: space-between;
+	width: 100%;
+}
+
+.fyy-scon-det a {
+	color: #ffffff;
+}
+
+.fyy-scon-det-top-right a {
+	display: block;
+	position: relative;
+}
+
+.fyy-scon-det-down {
+	width: 100%;
+}
+
+.fyy-scon-center.mui-card {
+	margin: 0;
+	margin-top: 15px;
+}
+
+.fyy-scon-center .mui-input-group {
+	background: 0;
+	display: flex;
+}
+
+.fyy-scon-center .mui-input-group .mui-input-row {
+	width: 50%;
+}
+
+.fyy-scon-bot.mui-card {
+	margin-top: 50px;
+	padding: 0 10px;
+	background: #ffffff;
+	border-radius: 5px;
+}
+
+.fyy-scon-bot .mui-icon {
+	position: absolute;
+	right: 0;
+	top: 11px;
+	color: #3385FF
+}
+
+.fyy-scon-group {
+	height: auto;
+	display: flex;
+	position: relative;
+	border-bottom: 1px #eee solid;
+}
+
+.fyy-scon-group label,
+.fyy-scon-group span {
+	line-height: 43px;
+}
+
+.fyy-scon-group label {
+	width: 30%;
+	display: block;
+	color: #919191;
+}
+
+.fyy-scon-botton {
+	display: flex;
+}
+
+.examine-btn {
+	text-align: center;
+	line-height: 44px;
+	color: #fff;
+	flex: 1;
+	margin: 15px;
+	border-radius: 25px;
+}
+
+.examine-btn1 {
+	background: #ff6666;
+}
+
+.examine-btn2 {
+	background: #389E0D;
+}
+
+.examine-btn3 {
+	background: #A3A3A3;
+}
+
+.fyy-popup {
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	left: 0px;
+	top: 0px;
+	z-index: 100;
+}
+
+.fyy-popup-bg {
+	width: 100%;
+	z-index: 101;
+	height: 100%;
+	background-color: #000000;
+	filter: alpha(Opacity=20);
+	-moz-opacity: 0.5;
+	opacity: 0.5;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+}
+
+.fyy-popup-ceter {
+	width: 100%;
+	position: absolute;
+	z-index: 105;
+	left: 0;
+	top: 20%;
+	padding: 0 10%;
+}
+
+.fyy-popup-inner {
+	background-color: #FFF;
+	border-radius: 4px;
+	padding-top: 15px;
+}
+
+.fyy-popup-title {
+	display: flex;
+	padding: 0 15px;
+}
+
+.fyy-popup-center label {
+	color: #999;
+}
+
+.fyy-popup-center h5 {
+	color: #333;
+	font-size: 18px;
+	margin-top: 10px;
+}
+
+.fyy-popup-ma {
+	text-align: center;
+	padding: 15px;
+}
+
+.fyy-popup-ma img {
+	width: 100%;
+}
+
+.fyy-popup-inner .mui-input-group {
+	border-radius: 4px;
+}
+
+.fyy-popup-center .mui-input-group .mui-input-row {
+	height: auto;
+	border-bottom: 1px #eee solid
+}
+
+.fyy-popup-center .mui-input-row span {
+	padding: 9.5px 15px 9.5px 0;
+	display: flex;
+}
+
+.fyy-popup-ceter h4 {
+	color: #333333;
+	line-height: 36px;
+	text-align: center;
+	font-size: 18px
 }
-.vongi-meform .mui-h5{
-	padding:10px 15px
+
+.fyy-popup-inner .mui-button-row {
+	display: flex;
+	position: relative;
+	padding-top: 0;
 }
-.vongi-meform h5{
-	margin-bottom:10px
+
+.fyy-popup-inner button {
+	border: 0;
+	width: 50%;
 }
-.vongi-xzyljg .mui-table-view-cell:after{
-	left:0
+
+.fyy-popup-inner .mui-button-row:after {
+	width: 1px;
+	height: 100%;
+	background: #eee;
+	position: absolute;
+	left: 50%;
+	content: '';
 }
-.vongi-padright{
-	padding-right:15px
+
+.fyy-popup-inner .mui-input-group .mui-input-row:after {
+	background-color: #c8c7cc;
+	left: 0
+}
+
+.vongi-input-up {
+	padding: 0 10px
+}
+
+.vongi-input-up .mui-media-body {
+	margin: 10px 0
+}
+
+.vongi-pad {
+	padding: 10px 15px
 }
+
+.vongi-pad .mui-radio.mui-left label {
+	padding: 15px 15px 5px 35px;
+}
+
+.vongi-pad .mui-radio.mui-left input[type=radio] {
+	left: 0;
+	top: 9px
+}
+
+.vongi-input-up .fyy-upphoto {
+	padding-bottom: 10px
+}

+ 53 - 0
src/projects/business/views/Guest/Current/Add.vue

@@ -1,8 +1,61 @@
 <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 margin60">			
+			<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>访客姓名<i class="colorfe616c">*</i></label>
+						<span>孙鹏</span>
+					</div>
+					<div class="mui-input-row">
+						<label style='width:40%'>访客手机号码<i class="colorfe616c">*</i></label>
+						<span style="width:60%">15599998888</span>
+					</div>
+					<div class="mui-input-row">
+						<label>身份证号<i class="colorfe616c">*</i></label>
+						<span>420400200001011010</span>
+					</div>
+					<div class="mui-input-row">
+						<label>访客单位<i class="colorfe616c">*</i></label>
+						<span>湖北荆盛商贸有限公司湖北荆盛商贸有限公司湖北荆盛商贸有限公司湖北荆盛商贸有限公司湖北荆盛商贸有限公司</span>
+					</div>
+					<div class="mui-input-row">
+						<label>车牌号</label>
+						<input type="text" class="mui-input-clear" placeholder="请填写车牌号">
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>受访人<i class="colorfe616c">*</i></label>
+						<span>孙鹏</span>
+					</div>
+					<div class="mui-input-row">
+						<label style='width:45%'>受访人手机号码<i class="colorfe616c">*</i></label>
+						<span style="width:55%">15599998888</span>
+					</div>					
+					<div class="mui-input-row">
+						<label>访问事由</label>
+						<input type="text" class="mui-input-clear" placeholder="请填写访问事由">
+					</div>
+				</form>
+			</div>
+		</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 src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

+ 82 - 1
src/projects/business/views/Guest/Current/Info.vue

@@ -1,8 +1,89 @@
 <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">
+				<div class="fyy-scon">
+					<div class="fyy-scon-top">
+						<div class="fyy-scon-head mui-col-xs-5">
+							<img src="~$project/assets/img/zhaop2.png" alt="">
+						</div>
+						<div class="fyy-scon-det mui-col-xs-7">
+							<div class="fyy-scon-det-top">
+								<div class="fyy-scon-det-top-left">
+									姓名
+									<div class="mui-h3">郭麒麟</div>
+								</div>
+								<div class="fyy-scon-det-top-right">
+									健康码
+									<a href="" class="mui-h3">绿码<span class="mui-icon iconfont icon-icon-"></span><span class="mui-icon mui-icon-arrowright"></span></a>
+								</div>
+							</div>
+							<div class="fyy-scon-det-down">
+								单位
+								<div class="mui-h3">湖北荆盛商贸有限公司</div>
+							</div>
+							<div class="fyy-scon-det-down">
+								手机号码
+								<div class="mui-h3">155****8888</div>
+							</div>
+						</div>
+					</div>
+					<div class="fyy-scon-center mui-card">
+						<p>当前健康状态</p>
+						<form class="mui-input-group">
+							<div class="mui-input-row mui-radio mui-left">
+								<label>健康</label>
+								<input name="radio1" type="radio" checked>
+							</div>
+							<div class="mui-input-row mui-radio mui-left">
+								<label>≥37.3°C</label>
+								<input name="radio1" type="radio">
+							</div>
+						</form>
+					</div>
+				</div>
+				<div class="mui-card fyy-scon-bot">
+					<div class="fyy-scon-group">
+						<label>受访人</label>
+						<span>李广宵  15500001111<a class="mui-icon mui-icon-phone" href=""></a></span>
+						
+					</div>
+					<div class="fyy-scon-group">
+						<label>核验地点</label>
+						<span>荆鹏软件园大门</span>
+					</div>
+					<div class="fyy-scon-group">
+						<label>扫码时间</label>
+						<span>10-03 10:52:03</span>
+					</div>
+				</div>
+				<div class="fyy-scon-botton">
+					<div class="examine-btn examine-btn1">离开</div>
+					<div class="examine-btn examine-btn2">进入</div>
+					<!--<div class="examine-btn examine-btn3">灰色按钮</div>-->
+				</div>
+			</div>
+			<div class="fyy-popup">
+				<div class="fyy-popup-bg"></div>
+				<div class="fyy-popup-ceter">
+					<div class="fyy-popup-inner">
+						<div class="fyy-popup-ma">
+							<img src="~$project/assets/img/03.jpg">
+							<h6>更新于 2020-06-03 12:00</h6>
+						</div>
+					</div>
+				</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>
+</style>

+ 107 - 0
src/projects/business/views/Master/Health/WorkerReport.vue

@@ -1,8 +1,115 @@
 <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 class="mui-content-padded">
+					<h5>身份信息</h5>
+				</div>
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>姓名</label>
+						<span>王后雄</span>
+					</div>
+					<div class="mui-input-row">
+						<label>手机号</label>
+						<span>18600112233</span>
+					</div>
+					<div class="mui-input-row">
+						<label>身份证号</label>
+						<span>420400200002020101</span>
+					</div>
+					<div class="mui-input-row">
+						<label>所属单位</label>
+						<span>湖北荆鹏软件集团有限公司</span>
+					</div>
+					<div class="mui-input-row">
+						<label>所属部门</label>
+						<span>信息工程中心</span>
+					</div>
+					<div class="mui-input-row">
+						<label>岗位</label>
+						<span>员工</span>
+					</div>
+				</form>
+				<div class="mui-content-padded">
+					<h5>健康状态</h5>
+				</div>
+				<form class="mui-input-group vongi-editme">
+					<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>今日体温<i class="colorfe616c">*</i></label>
+						<input type="text" class="mui-input-clear" placeholder="请输入体温度数  ">
+					</div>
+					<div class="mui-input-row">
+						<label>其他情况</label>
+						<input type="text" class="mui-input-clear" placeholder="请填写具体情况  ">
+					</div>
+					<div class="mui-input-row">
+						<label style="width:70%">家庭成员身体健康情况<i class="colorfe616c">*</i></label>
+						<button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:30%">
+							健康
+						</button>
+					</div>
+					<div class="mui-input-row vongi-wordcard vongi-input-up">
+						<div class="mui-media-body">上传家庭成员健康码</div>
+						<div class="fyy-upphoto">
+							<div class="mui-col-xs-3 fyy-upphoto-close">
+								<img src="~$project/assets/img/zhaop.jpg" />
+								<a class="mui-icon mui-icon-closeempty"></a>
+							</div>
+							<div class="mui-col-xs-3">
+								<a><i class="mui-icon mui-icon-plusempty"></i></a>
+							</div>
+						</div>
+					</div>
+					<div class="mui-input-row vongi-pad">
+						<div class="mui-media-body">假期是否曾前往重点疫区<i class="colorfe616c">*</i></div>
+						<div class="mui-input-group flew">
+							<div class="mui-radio mui-left mui-col-xs-6">
+								<label>是</label>
+								<input name="radio1" type="radio">
+							</div>
+							<div class="mui-radio mui-left mui-col-xs-6">
+								<label>否</label>
+								<input name="radio1" type="radio" checked>
+							</div>
+						</div>
+					</div>
+					<div class="mui-input-row vongi-pad">
+						<div class="mui-media-body">是否接触重点疫区高危人群<i class="colorfe616c">*</i></div>
+						<div class="mui-input-group flew">
+							<div class="mui-radio mui-left mui-col-xs-6">
+								<label>是</label>
+								<input name="radio2" type="radio">
+							</div>
+							<div class="mui-radio mui-left mui-col-xs-6">
+								<label>否</label>
+								<input name="radio2" type="radio" checked>
+							</div>
+						</div>
+					</div>
+				</form>
+				<div class="vongi-btn vongi-login-btn">
+					<button class="mui-btn mui-btn-primary ">
+							提交
+						</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>