|
@@ -1,86 +1,175 @@
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
<header class="mui-bar mui-bar-nav">
|
|
<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>
|
|
|
|
|
|
+ <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>
|
|
- <div class="mui-input-row">
|
|
|
|
- <label>工号</label>
|
|
|
|
- <span>0011223</span>
|
|
|
|
|
|
+ <div class="vongi-clasadmin-ma mui-col-xs-3">
|
|
|
|
+ <span class="colorf8b155">12</span>
|
|
|
|
+ <div class="mui-media-body">黄码</div>
|
|
</div>
|
|
</div>
|
|
- <div class="mui-input-row">
|
|
|
|
- <label>学校名称</label>
|
|
|
|
- <span>湖北荆鹏软件集团有限公司</span>
|
|
|
|
|
|
+ <div class="vongi-clasadmin-ma mui-col-xs-3">
|
|
|
|
+ <span class="colorfe616c">0</span>
|
|
|
|
+ <div class="mui-media-body">红码</div>
|
|
</div>
|
|
</div>
|
|
- <div class="mui-input-row">
|
|
|
|
- <label>岗位</label>
|
|
|
|
- <span>软件工程师</span>
|
|
|
|
|
|
+ <div class="vongi-clasadmin-ma mui-col-xs-3">
|
|
|
|
+ <span class="color999">23</span>
|
|
|
|
+ <div class="mui-media-body">灰码</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
- </form>
|
|
|
|
- <div class="mui-content-padded">
|
|
|
|
- <h5>健康状态</h5>
|
|
|
|
</div>
|
|
</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 class="vongi-zgtz-search">
|
|
|
|
+ <div class="mui-input-row mui-search">
|
|
|
|
+ <input type="search" placeholder="请输入姓名">
|
|
</div>
|
|
</div>
|
|
- <div class="mui-input-row">
|
|
|
|
- <label style="width:70%">家庭成员身体健康情况</label>
|
|
|
|
- <span>健康</span>
|
|
|
|
|
|
+ </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-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-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>
|
|
- <div class="mui-input-row">
|
|
|
|
- <label style="width:70%">假期是否曾前往重点疫区</label>
|
|
|
|
- <span>否</span>
|
|
|
|
|
|
+ <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>
|
|
- <div class="mui-input-row">
|
|
|
|
- <label style="width:70%">是否接触重点疫区高危人群</label>
|
|
|
|
- <span>否</span>
|
|
|
|
|
|
+ <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>
|
|
- </form>
|
|
|
|
-
|
|
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -88,6 +177,8 @@
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style scoped src="$project/assets/css/xpwyfyy.css"></style>
|
|
<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 src="$project/assets/css/iconfont.css"></style>
|
|
<style>
|
|
<style>
|
|
</style>
|
|
</style>
|