职工台账/详情

src/assets/css/mui.min.css

@@ -2542,7 +2542,6 @@ select:focus {
 
 .mui-input-row label {
 	font-family: 'Helvetica Neue', Helvetica, sans-serif;
-	line-height: 28px;
 	float: left;
 	width: 30%;
 	padding: 11px 15px
@@ -2741,8 +2740,8 @@ select:focus {
 
 .mui-input-row .mui-switch {
 	float: right;
-	margin-top: 5px;
-	margin-right: 20px
+	margin-top: 10px;
+	margin-right: 15px
 }
 
 .mui-input-range input[type=range] {
@@ -2797,7 +2796,7 @@ select:focus {
 }
 
 .mui-search input[type=search] {
-	padding-left: 30px
+	padding-left: 40px
 }
 
 .mui-search .mui-placeholder {
@@ -2829,10 +2828,10 @@ select:focus {
 	font-weight: 400;
 	position: absolute;
 	top: 50%;
-	right: 50%;
+	left: 50%;
 	display: none;
-	margin-top: -18px;
-	margin-right: 31px;
+	margin-top: -15px;
+	margin-left: 8px;
 	content: '\e466'
 }
 

src/assets/css/xpwyfyy.css

@@ -756,17 +756,6 @@ h3 {
 	font-size: 14px
 }
 
-.mui-input-row .mui-switch {
-	margin: 0;
-	width: 45px;
-	height: 25px;
-	line-height: 15px;
-}
-
-.mui-switch .mui-switch-handle {
-	width: 23px;
-	height: 23px;
-}
 
 .vongi-jkz-left,
 .vongi-jkz-right {
@@ -1086,14 +1075,14 @@ h3 {
 .vongi-wordcard .fyy-upphoto .mui-col-xs-3 {
 	height: 80px;
 	overflow: hidden;
-	border: 1px #ccc solid;
 	display: flex;
-	margin-right: 10px;
 	border-radius: 4px;
+	padding:5px;
 }
 
 .vongi-wordcard .fyy-upphoto .mui-col-xs-3 img {
 	object-fit: cover;
+	border-radius: 4px;
 }
 
 .vongi-wordcard .fyy-upphoto .mui-col-xs-3:nth-child(4) {
@@ -1103,9 +1092,11 @@ h3 {
 .vongi-wordcard .fyy-upphoto .mui-col-xs-3 a {
 	display: block;
 	width: 100%;
-	line-height: 80px;
+	line-height: 70px;
 	text-align: center;
-	color: #999
+	color: #999;
+	border: 1px #999 solid;
+    border-radius: 4px;
 }
 
 .vongi-wordcard .mui-media-object {
@@ -1156,21 +1147,10 @@ h3 {
 	background: 0
 }
 
-.vongi-wordcard .mui-table-view-cell.fyy-upphoto {
-	justify-content: center;
-	padding-top: 0
-}
-
 .vongi-wordcard .fyy-upphoto {
 	display: flex;
-}
-
-.vongi-wordcard .fyy-upphoto .mui-col-xs-3 {
-	height: 80px;
-	overflow: hidden;
-	border: 1px 283464 solid;
-	display: flex;
-	margin-right: 10px
+	padding-top: 0;
+	flex-wrap: wrap;
 }
 
 .vongi-wordcard .fyy-upphoto .mui-col-xs-3 img {
@@ -1305,7 +1285,7 @@ h3 {
 	display: flex;
 	z-index: 9999;
 	margin: 0;
-	position: absolute;
+	position: fixed;
 	width: 100%;
 	-webkit-box-shadow: 0 1px 6px #ccc;
 	box-shadow: 0 1px 6px #ccc;
@@ -1418,9 +1398,11 @@ h3 {
 .vongi-qingjiadt .mui-input-group span {
 	text-align: right;
 	display: block;
-	padding: 14.5px 15px;
+	padding: 11px 15px;
+}
+.vongi-yddk-dat-photo .flew{
+	flex-wrap: wrap;
 }
-
 .vongi-qingjiadt .mui-input-group .vongi-qingjiadt-photo {
 	width: 36px;
 	height: 36px;
@@ -1504,7 +1486,7 @@ h3 {
 }
 
 .vongi-archives-search {
-	position: absolute;
+	position: fixed;
 	bottom: 10px;
 	left: 50%;
 	margin-left: -98px;
@@ -1532,11 +1514,29 @@ h3 {
 .vongi-archives-search .mui-active {
 	color: #3385FF
 }
-
+.vongi-zgtz .mui-collapse.vongi-archives{
+	border-bottom:1px solid #eee
+}
+.vongi-zgtz .mui-collapse.vongi-archives a{
+	padding-right:35px
+}
+.vongi-zgtz .vongi-archives .mui-table-view .mui-pull-right{
+	padding:0
+}
 .vongi-clasadmin {
 	background: #ffffff;
 	margin-bottom: 10px
 }
+.vongi-zgtz .vongi-clasadmin{
+	margin-bottom:1px
+}
+.vongi-zgtz-search{
+	padding:10px;
+	border-top:1px #eee solid
+}
+.vongi-zgtz-search input{
+	border-radius: 17px;
+}
 
 .vongi-clasadmin h4 {
 	text-align: center;
@@ -1561,13 +1561,15 @@ h3 {
 	font-size: 24px;
 }
 .vongi-yddk-dat-photo{
-	margin-left:-5px
+	margin-left:-5px;
+	flex-wrap: wrap;
 }
 .vongi-yddk-dat-photo .mui-col-xs-3{
-	padding:0 5px;
-	display: flex;
-	height:46px;
-	border-radius: 4px;		 
+	padding: 5px;
+    display: flex;
+    height: 46px;
+    border-radius: 4px;
+    overflow: hidden;	 
 }
 .vongi-yddk-dat-photo .mui-col-xs-3 img{
 	width:100%;
@@ -1619,6 +1621,10 @@ h3 {
 	margin-left: -45px;
     padding-right: 30px;
 }
+.vongi-zcjlu.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn){
+	padding-right: 20px;
+	border-bottom: 1px #eee solid;
+}
 .vongi-yctj-list .mui-table-view .mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell>a:not(.mui-btn).mui-active {
 	margin-left: -45px;
     padding-left: 30px;

src/projects/business/views/HouseKeeper/Control/Health/Worker.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-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>0011223</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">
+					<div class="mui-input-row">
+						<label style="width:50%">自身健康情况</label>
+						<span>其他</span>
+					</div>
+					<div class="mui-input-row">
+						<label>今日体温</label>
+						<span>36.3°C</span>
+					</div>
+					<div class="mui-input-row">
+						<label>其他情况</label>
+						<span>无</span>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:70%">家庭成员身体健康情况</label>
+						<span>健康</span>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:50%">家庭成员健康码</label>
+						<span class="vongi-yddk-dat-photo">
+							<div class="flew">
+								<div class="mui-col-xs-3">
+									<img src="~$project/assets/img/zhaop1.jpg" width="100%"/>
+								</div>
+								<div class="mui-col-xs-3">
+									<img src="~$project/assets/img/zhaop1.jpg" width="100%"/>
+								</div>
+								<div class="mui-col-xs-3">
+									<img src="~$project/assets/img/zhaop1.jpg" width="100%"/>
+								</div>
+								<div class="mui-col-xs-3">
+									<img src="~$project/assets/img/zhaop1.jpg" width="100%"/>
+								</div>
+							</div>							
+						</span>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:70%">假期是否曾前往重点疫区</label>
+						<span>否</span>
+					</div>
+					<div class="mui-input-row">
+						<label style="width:70%">是否接触重点疫区高危人群</label>
+						<span>否</span>
+					</div>
+				</form>
+
+			</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>

src/projects/business/views/HouseKeeper/Control/Health/WorkerInfo.vue

@@ -1,8 +1,184 @@
 <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 fyy-wall vongi-zgtz">
+			<div class="mui-content-padded fyy-date mui-clearfix">
+				<h5>荆鹏软件
+					<a href="" class="mui-navigate-right mui-pull-right">2020-03-19</a>
+				</h5>
+			</div>
+			<div class="vongi-clasadmin">
+				<h4>班级健康码统计</h4>
+				<div class="vongi-clasadmin-list">
+					<div class="vongi-clasadmin-ma mui-col-xs-3">
+						<span class="color55f868">2953</span>
+						<div class="mui-media-body">绿码</div>
+					</div>
+					<div class="vongi-clasadmin-ma mui-col-xs-3">
+						<span class="colorf8b155">12</span>
+						<div class="mui-media-body">黄码</div>
+					</div>
+					<div class="vongi-clasadmin-ma mui-col-xs-3">
+						<span class="colorfe616c">0</span>
+						<div class="mui-media-body">红码</div>
+					</div>
+					<div class="vongi-clasadmin-ma mui-col-xs-3">
+						<span class="color999">23</span>
+						<div class="mui-media-body">灰码</div>
+					</div>
+				</div>
+				<div class="vongi-zgtz-search">
+					<div class="mui-input-row mui-search">
+						<input type="search" placeholder="请输入姓名">
+					</div>
+				</div>
+			</div>
+			<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" style="width:30%">
+							全部<span class="mui-badge">3</span>
+						</a>
+						<a class="mui-control-item" href="#item2mobile" style="width:36%">
+							正常记录<span class="mui-badge">2</span>
+						</a>
+						<a class="mui-control-item" href="#item3mobile" style="width:34%">
+							异常记录<span class="mui-badge">1</span>
+						</a>
+					</div>
+				</div>
+				<div class="mui-slider-group">
+					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
+						<div id="scroll1" class="mui-scroll-wrapper">
+							<div class="mui-scroll vongi-yctj-list">
+								<ul class="mui-table-view mui-table-view-chevron vongi-zgtz">
+									<li class="mui-table-view-cell mui-collapse vongi-archives">
+										<a class="mui-navigate-right" href="#">
+											湖北荆盛贸易有限公司
+											<h4 class='mui-pull-right'><span class="color4fc5f7">1</span>/<span class="color4fc5f7">2</span></h4>
+										</a>
+										<ul class="mui-table-view mui-table-view-chevron">
+											<li class="mui-table-view-cell">
+												<a class="mui-navigate-right" href="#">
+													<div class="mui-pull-left flew-items">
+														<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
+														<h4>郭麒麟</h4>
+														<span class="mui-icon iconfont icon-erweima1 color55f868"></span>
+													</div>
+													<div class="mui-pull-right color55f868">已上报</div>
+												</a>
+											</li>
+											<li class="mui-table-view-cell">
+												<a class="mui-navigate-right" href="#">
+													<div class="mui-pull-left flew-items">
+														<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
+														<h4>郭麒麟</h4>
+														<span class="mui-icon iconfont icon-erweima1 colorfe616c"></span>
+													</div>
+													<div class="mui-pull-right colorfe616c">未上报</div>
+												</a>
+											</li>
+										</ul>
+									</li>
+									<li class="mui-table-view-cell mui-collapse vongi-archives">
+										<a class="mui-navigate-right" href="#">
+											食堂
+											<h4 class='mui-pull-right'><span class="color4fc5f7">1</span>/<span class="color4fc5f7">2</span></h4>
+										</a>
+										<ul class="mui-table-view mui-table-view-chevron">
+											<li class="mui-table-view-cell">
+												<a class="mui-navigate-right" href="#">
+													<div class="mui-pull-left flew-items">
+														<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
+														<h4>郭麒麟</h4>
+														<span class="mui-icon iconfont icon-erweima1 color55f868"></span>
+													</div>
+													<div class="mui-pull-right color55f868">已上报</div>
+												</a>
+											</li>
+											<li class="mui-table-view-cell">
+												<a class="mui-navigate-right" href="#">
+													<div class="mui-pull-left flew-items">
+														<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
+														<h4>郭麒麟</h4>
+														<span class="mui-icon iconfont icon-erweima1 colorfe616c"></span>
+													</div>
+													<div class="mui-pull-right colorfe616c">未上报</div>
+												</a>
+											</li>
+										</ul>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div id="item2mobile" class="mui-slider-item mui-control-content mui-active">
+						<div id="scroll1" class="mui-scroll-wrapper">
+							<div class="mui-scroll vongi-yctj-list vongi-archives">
+								<ul class="mui-table-view mui-table-view-chevron vongi-zcjlu">
+									<li class="mui-table-view-cell">
+										<a class="mui-navigate-right" href="#">
+											<div class="mui-pull-left flew-items">
+												<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
+												<h4>郭麒麟</h4>
+											</div>
+											<div class="mui-pull-right color55f868">已上报</div>
+										</a>
+									</li>
+									<li class="mui-table-view-cell">
+										<a class="mui-navigate-right" href="#">
+											<div class="mui-pull-left flew-items">
+												<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
+												<h4>郭麒麟</h4>
+											</div>
+											<div class="mui-pull-right color55f868">已上报</div>
+										</a>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div id="item3mobile" class="mui-slider-item mui-control-content mui-active">
+						<div id="scroll1" class="mui-scroll-wrapper">
+							<div class="mui-scroll vongi-yctj-list vongi-archives">
+								<ul class="mui-table-view mui-table-view-chevron vongi-zcjlu">
+									<li class="mui-table-view-cell">
+										<a class="mui-navigate-right" href="#">
+											<div class="mui-pull-left flew-items">
+												<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
+												<h4>郭麒麟</h4>
+											</div>
+											<div class="mui-pull-right colorfe616c">未上报</div>
+										</a>
+									</li>
+									<li class="mui-table-view-cell">
+										<a class="mui-navigate-right" href="#">
+											<div class="mui-pull-left flew-items">
+												<div class="mui-media-object flew"><img src="~$project/assets/img/03.jpg" width="50" /></div>
+												<h4>郭麒麟</h4>
+											</div>
+											<div class="mui-pull-right colorfe616c">未上报</div>
+										</a>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style scoped src="$project/assets/css/sczpfyy.css"></style>
+<style scoped src="$project/assets/css/wallfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>