|
@@ -1,8 +1,185 @@
|
|
<template>
|
|
<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">
|
|
|
|
+ <div class="fyy-wall-top">
|
|
|
|
+ <div class="fyy-wall-date">
|
|
|
|
+ 2020-04-03
|
|
|
|
+ </div>
|
|
|
|
+ <ul class="mui-table-view mui-grid-view mui-grid-9 fyy-statistics">
|
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-6">
|
|
|
|
+ <div class="fyy-statistics-body">
|
|
|
|
+ <div class="fyy-wall-number fyy-wall-small">
|
|
|
|
+ <div class="mui-media-body" style="margin-bottom:5px">
|
|
|
|
+ <span class="mui-icon iconfont icon-renyuanjieshao"></span>
|
|
|
|
+ <p class="mui-col-xs-7">已测员工</p>
|
|
|
|
+ <span class="mui-col-xs-5"><span class="color55f868">18</span><span class="fyy-danwei">人</span></span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mui-media-body">
|
|
|
|
+ <span class="mui-icon iconfont icon-yuangongruzhi"></span>
|
|
|
|
+ <p class="mui-col-xs-7">应测员工</p>
|
|
|
|
+ <span class="mui-col-xs-5"><span class="color4fc5f7">100</span><span class="fyy-danwei">人</span></span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-6">
|
|
|
|
+ <div class="fyy-statistics-body">
|
|
|
|
+ <div class="fyy-wall-number fyy-wall-small ">
|
|
|
|
+ <div class="mui-media-body" style="margin-bottom:5px">
|
|
|
|
+ <span class="mui-icon iconfont icon-renshu"></span>
|
|
|
|
+ <p class="mui-col-xs-6">已测访客</p>
|
|
|
|
+ <span class="mui-col-xs-6"><span class="colorf8b155">18</span><span class="fyy-danwei">人</span></span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mui-media-body">
|
|
|
|
+ <span class="mui-icon iconfont icon-leijicishu1"></span>
|
|
|
|
+ <p class="mui-col-xs-6">当日异常</p>
|
|
|
|
+ <span class="mui-col-xs-6"><span class="colorfe616c">5000</span><span class="fyy-danwei">人</span></span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+
|
|
|
|
+ <ul class="mui-table-view mui-grid-view mui-grid-9 fyy-statistics">
|
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-12">
|
|
|
|
+ <div class="fyy-statistics-body">
|
|
|
|
+ <div class="fyy-wall-number fyy-wall-small">
|
|
|
|
+ <div class="mui-media-body" style="margin-bottom:5px">
|
|
|
|
+ <span class="mui-icon iconfont icon-baojing"></span>
|
|
|
|
+ <p class="mui-col-xs-8">当日异常<span style="margin:0 15px">/</span>累计异常</p>
|
|
|
|
+ <span class="mui-col-xs-4"><span class="colorfe616c">0</span>人 <span style="margin:0 15px">/</span><span class="colorfe616c">1</span>人</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mui-media-body">
|
|
|
|
+ <span class="mui-icon iconfont icon-shijian"></span>
|
|
|
|
+ <p class="mui-col-xs-8">连续无异常天数</p>
|
|
|
|
+ <span class="mui-col-xs-4"><span class="color55f868">6</span>天</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+
|
|
|
|
+ </div>
|
|
|
|
+ <div id="slider" class="mui-slider mui-fullscreen fyy-slider">
|
|
|
|
+ <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%">
|
|
|
|
+ 全部测温记录
|
|
|
|
+ </a>
|
|
|
|
+ <a class="mui-control-item" href="#item2mobile" style="width:36%">
|
|
|
|
+ 内部员工测温记录
|
|
|
|
+ </a>
|
|
|
|
+ <a class="mui-control-item" href="#item3mobile" style="width:34%">
|
|
|
|
+ 访客测温记录
|
|
|
|
+ </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">
|
|
|
|
+ <ul class="mui-table-view">
|
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-pull-left">
|
|
|
|
+ <div class="mui-content-padded">
|
|
|
|
+ <div class="mui-media-object">
|
|
|
|
+ <img src="~$project/assets/img/zhaop1.jpg">
|
|
|
|
+ <span class="mui-icon iconfont icon-erweima1 color55f868"></span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mui-media-body">
|
|
|
|
+ <span>冯银银</span>
|
|
|
|
+ <span class="mui-pull-right color55f868">36.5</span>
|
|
|
|
+ </div>
|
|
|
|
+ <p>04-03 <span>09:07</span></p>
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-pull-left">
|
|
|
|
+ <div class="mui-content-padded">
|
|
|
|
+ <div class="mui-media-object">
|
|
|
|
+ <img src="~$project/assets/img/zhaop1.jpg">
|
|
|
|
+ <span class="mui-icon iconfont icon-erweima1 colorfe616c"></span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mui-media-body">
|
|
|
|
+ <span>冯银银</span>
|
|
|
|
+ <span class="mui-pull-right colorfe616c">38.5</span>
|
|
|
|
+ </div>
|
|
|
|
+ <p>04-03 <span>09:07</span></p>
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-pull-left">
|
|
|
|
+ <div class="mui-content-padded">
|
|
|
|
+ <div class="mui-media-object">
|
|
|
|
+ <img src="~$project/assets/img/zhaop1.jpg">
|
|
|
|
+ <span class="mui-icon iconfont icon-erweima1 color999"></span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mui-media-body">
|
|
|
|
+ <span>冯银银</span>
|
|
|
|
+ <span class="mui-pull-right color55f868">36.5</span>
|
|
|
|
+ </div>
|
|
|
|
+ <p>04-03 <span>09:07</span></p>
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div id="item2mobile" class="mui-slider-item mui-control-content">
|
|
|
|
+ <div class="mui-scroll-wrapper">
|
|
|
|
+ <div class="mui-scroll">
|
|
|
|
+ <ul class="mui-table-view">
|
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-pull-left">
|
|
|
|
+ <div class="mui-content-padded">
|
|
|
|
+ <div class="mui-media-object">
|
|
|
|
+ <img src="~$project/assets/img/zhaop1.jpg">
|
|
|
|
+ <span class="mui-icon iconfont icon-erweima1 color55f868"></span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mui-media-body">
|
|
|
|
+ <span>冯银银</span>
|
|
|
|
+ <span class="mui-pull-right color55f868">36.5</span>
|
|
|
|
+ </div>
|
|
|
|
+ <p>04-03 <span>09:07</span></p>
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div id="item3mobile" class="mui-slider-item mui-control-content">
|
|
|
|
+ <div class="mui-scroll-wrapper">
|
|
|
|
+ <div class="mui-scroll">
|
|
|
|
+ <ul class="mui-table-view">
|
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-pull-left">
|
|
|
|
+ <div class="mui-content-padded">
|
|
|
|
+ <div class="mui-media-object">
|
|
|
|
+ <img src="~$project/assets/img/zhaop1.jpg">
|
|
|
|
+ <span class="mui-icon iconfont icon-erweima1 color55f868"></span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="mui-media-body">
|
|
|
|
+ <span>冯银银</span>
|
|
|
|
+ <span class="mui-pull-right color55f868">36.5</span>
|
|
|
|
+ </div>
|
|
|
|
+ <p>04-03 <span>09:07</span></p>
|
|
|
|
+ </div>
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
+<style scoped src="$project/assets/css/sczpfyy.css"></style>
|
|
|
|
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
|
|
|
|
+<style scoped src="$project/assets/css/wallfyy.css"></style>
|
|
|
|
+<style src="$project/assets/css/iconfont.css"></style>
|
|
<style>
|
|
<style>
|
|
-</style>
|
|
|
|
|
|
+</style>
|