监管异常统计/职工测温/异常记录/未测人员/访客测温

src/assets/css/sczpfyy.css

@@ -336,7 +336,6 @@
 }
 
 .fyy-headimg.mui-table-view .mui-media-body {
-	line-height: 42px;
 	padding-right: 20px
 }
 

src/assets/css/xpwyfyy.css

@@ -1018,7 +1018,7 @@ h3 {
 	justify-content: space-between;
 	align-items: center;
 	background: #ffffff;
-	margin-bottom: 2px
+	margin-bottom: 2px;
 }
 
 .vongi-work ul,
@@ -1593,3 +1593,50 @@ h3 {
 {
 	background:0
 }
+.mui-grid-view.mui-grid-9.vongi-statistics{
+	padding-top:10px
+}
+.vongi-statistics-body{
+	background: #fff;
+    padding: 20px 0;
+    border-radius: 4px;
+    text-align: center;
+}
+.mui-grid-view.mui-grid-9 .mui-media .vongi-statistics-body .mui-icon{
+	color:#797979;
+	padding:0
+}
+.vongi-statistics-body .mui-media-body{
+	margin-top:5px
+}
+.vongi-statistics.mui-grid-view.mui-grid-9 .mui-table-view-cell{
+	padding: 0 10px;
+}
+.mui-grid-view.mui-grid-9 .mui-media .vongi-statistics-body .mui-icon{
+	font-size:36px
+}
+.vongi-yctj-list .mui-table-view-cell .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn){
+	margin-left: -45px;
+    padding-right: 30px;
+}
+.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;
+}
+.vongi-yctj-list .mui-table-view .mui-media-body h4{
+	margin-right:0
+}
+.vongi-yctj-list .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after{
+	left:15px
+}
+.vongi-yctj-list .mui-table-view:before,
+.vongi-yctj-list .mui-table-view:after{
+	background:0
+}
+.vongi-yctj-list .mui-table-view-cell .mui-table-view-chevron .mui-table-view-cell .iconfont{
+	margin-left:15px;
+	font-size:14px;
+}
+.fyy-slider.vongi-fkwall{
+	margin-top:0
+}

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

@@ -1,8 +1,175 @@
 <template>
+	<div>
+		<common @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle" :rightLink="rightLink" :doRightLink="doRightLink"></top-header>
+
+		<div class="mui-content fyy-date">
+			<div class="mui-content-padded fyy-date mui-clearfix">
+				<h5>{{company_data.name}}
+					<a class="mui-navigate-right mui-pull-right" @click="selectData">{{listForm.queryDate}}</a>
+				</h5>
+			</div>
+			<div class="fyydate-out">
+				<div class="fyydate-name">
+					<div v-for="(item,index) in recordList" class="fyydate-name-list">
+						<h5>{{item.name}}</h5>
+					</div>
+				</div>
+				<div class="fyydate-temper">
+					<div v-for="(item,index) in recordList" class="fyydate-temper-list">
+						<div v-for="(iten,index) in item.list" class="fyydate-temper-num">
+							<span>{{iten.recordTime}}</span>
+							<span :class="(iten.temperature<=37) ? 'color05c8af':'colorfe616c'">{{iten.temperature}}</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
 </template>
 
 <script>
+	require('$project/assets/js/mui.picker.min.js');
+	import * as API_Admin from '@/apis/HouseKeeper/admin'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import isReachBottom from '$project/utils/isReachBottom'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	import {
+		currentTimeStamp,
+		parseUnixTime
+	} from '$project/utils'
+	export default {
+		name: 'HouseKeeperAdminHealthAbnormalRecord',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '异常记录',
+
+				isLoading: false,
+
+				rightLink: {
+					show: true,
+					icon: 'icon-ziyuan',
+					style: 'font-size:14px;color:#000;',
+					title: '未测人员'
+				},
+
+				listForm: {
+					pageIndex: 1,
+					pageSize: 20,
+					queryDate: '',
+					companyId: '',
+					totalPage: 1,
+					filter: 1
+				},
+				recordList: [],
+			}
+		},
+		created() {
+			if (this.$route.query.queryDate) {
+				this.listForm.queryDate = this.$route.query.queryDate;
+			} else {
+				this.listForm.queryDate = parseUnixTime(currentTimeStamp(), '{y}-{m}-{d}');
+			}
+		},
+		methods: {
+			//获取列表
+			getList() {
+				this.isLoading = true;
+				API_Admin.getTemperatureList(this.listForm).then(response => {
+					if (response) {
+						if (this.listForm.pageIndex == 1) {
+							this.recordList = response.data;
+							this.listForm.pageIndex = response.pageNumber;
+							this.listForm.totalPage = response.totalPage;
+						} else {
+							this.recordList = [
+								...this.recordList,
+								...response.data
+							];
+						}
+					}
+					this.listForm.pageIndex++;
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//下拉事件
+			handleScrool() {
+				if (isReachBottom()) {
+					console.log('到达底部')
+					if (this.listForm.pageIndex <= this.listForm.totalPage && this.isLoading == false) {
+						this.getList();
+					} else {
+						return;
+					}
+				}
+			},
+			//选择日期
+			selectData() {
+				var _this = this;
+				var picker = new mui.DtPicker({
+					"type": "date",
+					"beginYear": 2020,
+					"endYear": 2040,
+					"endDate": new Date(),
+					"value": _this.listForm.queryDate
+				});
+				picker.show(function(rs) {
+					_this.listForm.queryDate = rs.text;
+					_this.listForm.pageIndex = 1;
+					_this.getList();
+					picker.dispose();
+				});
+			},
+			doRightLink() {
+				this.$router.push({
+					name: 'HouseKeeperAdminHealthNoTemperatureRecord',
+					query: {}
+				})
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			this.getList();
+			//监控下拉加载事件
+			var _this = this;
+			window.addEventListener('scroll', _this.handleScrool);
+		},
+		destroyed() {
+			//销毁监听事件
+			var _this = this;
+			window.removeEventListener('scroll', _this.handleScrool);
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				company_data: 'company_data',
+			})
+		}
+	}
 </script>
 
-<style>
+<style scoped src="$project/assets/css/sczpfyy.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
+<style src="$project/assets/css/mui.picker.min.css"></style>
+<style scoped>
 </style>

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

@@ -1,8 +1,91 @@
 <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">
+			<div class="fyy-temper-date">
+				<a href="" class="mui-col-xs-5">2020-03-19</a>
+				<span class="mui-col-xs-2">至</span>
+				<a href="" class="mui-col-xs-5">2020-03-19</a>
+			</div>
+			<ul class="mui-table-view mui-grid-view mui-grid-9 vongi-statistics">
+				<li class="mui-table-view-cell mui-media mui-col-xs-4">
+					<div class="vongi-statistics-body">
+						<span class="mui-icon mui-icon-home iconfont icon-qiyegongchangjianzhu"></span>
+						<div class="mui-media-body">异常数量</div>
+						<div class="mui-media-body mui-h3 color4fc5f7">158</div>
+					</div>
+				</li>
+				<li class="mui-table-view-cell mui-media mui-col-xs-4">
+					<div class="vongi-statistics-body">
+						<span class="mui-icon mui-icon-home iconfont icon-ziyuan"></span>
+						<div class="mui-media-body">异常人数</div>
+						<div class="mui-media-body mui-h3 colorfe616c">28</div>
+					</div>
+				</li>
+				<li class="mui-table-view-cell mui-media mui-col-xs-4">
+					<div class="vongi-statistics-body">
+						<span class="mui-icon mui-icon-home iconfont icon-renshu"></span>
+						<div class="mui-media-body">未测人员</div>
+						<div class="mui-media-body mui-h3 colorf8b155">28</div>
+					</div>
+				</li>
+			</ul>
+			<div class="mui-content-padded vongi-yctj-list">
+				<ul class="mui-table-view mui-table-view-chevron">
+					<li class="mui-table-view-cell mui-collapse">
+						<a class="mui-navigate-right" href="#">异常单位列表</a>
+						<ul class="mui-table-view mui-table-view-chevron">
+							<li class="mui-table-view-cell mui-media">
+								<a href="javascript:;" class="mui-navigate-right">
+									<div class="mui-media-body">
+										荆鹏软件
+										<h4 class='mui-pull-right'><span class="colorfe616c">2</span>人</h4>
+									</div>
+								</a>
+							</li>
+							<li class="mui-table-view-cell mui-media">
+								<a href="javascript:;" class="mui-navigate-right">
+									<div class="mui-media-body">
+										荆鹏软件
+										<h4 class='mui-pull-right'><span class="colorfe616c">2</span>人</h4>
+									</div>
+								</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+			</div>
+			<div class="mui-content-padded vongi-yctj-list">
+				<ul class="mui-table-view mui-table-view-chevron">
+					<li class="mui-table-view-cell mui-collapse">
+						<a class="mui-navigate-right" href="#">未检测员工列表</a>
+						<ul class="mui-table-view mui-table-view-chevron">
+							<li class="mui-table-view-cell">
+								<a href="javascript:;" class="mui-navigate-right">
+									{{姓名}}<span class="iconfont icon-erweima1 color55f868"></span>
+								</a>
+							</li>
+							<li class="mui-table-view-cell">
+								<a href="javascript:;" class="mui-navigate-right">
+									{{姓名}}<span class="iconfont icon-erweima1 colorfe616c"></span>
+								</a>
+							</li>
+						</ul>
+					</li>
+				</ul>
+			</div>
+		</div>
+</div>
 </template>
 
 <script>
 </script>
 
+<style scoped src="$project/assets/css/sczpfyy.css"></style>
+<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/GuestTemperature.vue

@@ -1,8 +1,251 @@
 <template>
+<div>
+	<common @asynCallBack="asynCallBack"></common>
+	<top-header :pageTitle="companyName+pageTitle"></top-header>
+
+	<div class="mui-content fyy-wall">
+			<div id="slider" class="mui-slider mui-fullscreen fyy-slider vongi-fkwall">
+				<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 " :class=" nowItem==''?'mui-active':''" @click="changeItem('')"  style="width:30%">
+							全部测温记录
+						</a>
+						<a class="mui-control-item"  :class=" nowItem=='person'?'mui-active':''" @click="changeItem('person')"  style="width:36%">
+							内部员工测温记录
+						</a>
+						<a class="mui-control-item"  :class=" nowItem=='visitor'?'mui-active':''" @click="changeItem('visitor')" 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" v-for="(item,index) in recordList">
+										<div class="mui-content-padded">
+											<div class="mui-media-object">
+
+												<img :src="item.faceImage"  >
+
+												<span class="mui-icon iconfont icon-erweima1 "  :class="item.temperature>maxTemperature?'colorfe616c':'color55f868'"></span>
+											</div>
+											<div class="mui-media-body">
+												<span v-text="item.personName">冯银银</span>
+												<span class="mui-pull-right "  :class="item.temperature>maxTemperature?'colorfe616c':'color55f868'">{{item.temperature}}</span>
+											</div>
+											<p>{{item.recordTime?item.recordTime.substring(5,10):''}}  <span>{{item.recordTime?item.recordTime.substring(10,16):''}}</span></p>
+										</div>
+									</li>
+
+
+								</ul>
+							</div>
+						</div>
+					</div>
+
+				</div>
+			</div>
+		</div>
+	<loading :visible="isLoading"></loading>
+
+</div>
 </template>
 
+
 <script>
+	import * as API_ControlWall from '@/apis/HouseKeeper/control/health'
+
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	export default {
+		name: 'MasterAttendanceInfo',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '访客测温',
+
+				isLoading: false,
+
+				queryDate: '',
+				detailForm: {
+					queryDate: '',
+
+				},
+				listForm: {
+					pageIndex: 1,
+					pageSize: 15,
+					queryDate: '',
+
+					totalPage: 1,
+					type: ''
+				},
+				//总访客数
+				recordsTotal: 0,
+				nowItem: '',
+				companyId: '',
+				companyName: '',
+				detail: {},
+				recordList: [],
+				isLoading: false,
+				maxTemperature: 37.3,
+				intervalId:null,
+			}
+		},
+		created() {
+			//赋值时间
+			var now = new Date();
+			var year = now.getFullYear(); //得到年份
+			var month = now.getMonth();//得到月份
+			var date = now.getDate();//得到日期
+
+			this.queryDate = year+"-"+month+"-"+date;
+			this.detailForm.queryDate = this.queryDate;
+			this.listForm.queryDate = this.queryDate;
+
+			if (this.$route.query.companyId) {
+				this.companyId = this.$route.query.companyId;
+			}
+			this.getNumData();
+
+		},
+		methods: {
+
+			getNumData() {
+				this.isLoading = true;
+				API_ControlWall.healthShowNumData(this.detailForm).then(response => {
+					this.isLoading = false;
+
+					this.detail = response;
+
+					//访问总人数
+					this.recordsTotal = response.checkedVisitorNum;
+
+					//获取列表数据
+					this.getList();
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//下拉事件
+			handleScrool() {
+				if (isReachBottom()) {
+					console.log('到达底部')
+					if (this.listForm.pageIndex <= this.listForm.totalPage && this.isLoading == false) {
+						this.getList();
+					} else {
+						return;
+					}
+				}
+			},
+//item切换事件
+			changeItem(type) {
+				this.nowItem = type;
+				this.listForm.type = type;
+				this.listForm.pageIndex = 1;
+				this.getList();
+			},
+			//排序
+			vistorList(list) {
+				var vtindex = 0;
+				for (var index = 0; index < list.length; index++) {
+					if (list[index]['person'] == undefined) {
+						var voindex = this.recordsTotal - vtindex;
+						vtindex++;
+						list[index]['personName'] = list[index]['personName'] != '未识别' ? list[index]['personName'] : '访客' + voindex;
+						list[index]['isVistor'] = true;
+					} else {
+						list[index]['personName'] = list[index]['person']['name'];
+						list[index]['isVistor'] = false;
+					}
+					list[index]['faceImage'] = list[index]['faceImage'] ? list[index]['faceImage'] : 'img/wu.jpg';
+				}
+				return list;
+			},
+			goto(id){
+
+				this.$router.push({
+					name: 'HouseKeeperControlHealthWorkerTemperature',
+					query: {id:id}
+				})
+			},
+			//提交
+			getList() {
+				this.isLoading = true;
+				API_ControlWall.healthShowPicData(this.listForm).then(response => {
+					this.isLoading = false;
+
+					if (this.listForm.pageIndex == 1) {
+						this.recordList = response.data; // 数据数组
+						this.listForm.pageIndex = response.pageNumber; //当前页数
+						this.listForm.totalPage = response.totalPage; //总页数
+					} else {
+						this.recordList = [ // 当前数据与第二页数据合并到一个数组中
+							...this.recordList,
+							...response.data
+						];
+					}
+					this.detectedNum = response.detectedNum;
+					this.listForm.pageIndex++;
+					this.isLoading = false;
+
+					//遍历排序重置
+					this.recordList = this.vistorList(this.recordList);
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			//监控下拉加载事件
+			var _this = this;
+			//document.getElementById('scroll1').addEventListener('scroll', _this.handleScrool);
+			window.addEventListener('scroll', _this.handleScrool);
+
+			//定时刷新
+			this.intervalId=setInterval(function() {
+				_this.listForm.pageIndex = 1
+
+				//获取详情数据
+				_this.getNumData();
+
+			}, 30 * 1000);
+
+		},
+		destroyed() {
+			//销毁监听事件
+			var _this = this;
+			if(this.intervalId){
+				clearInterval(this.intervalId)
+			}
+			window.removeEventListener('scroll', _this.handleScrool);
+		},
+		computed: {
+
+		}
+	}
 </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>

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

@@ -1,8 +1,131 @@
 <template>
+	<div>
+		<common @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
+
+		<div class="mui-content">
+			<div class="mui-content-padded fyy-date mui-clearfix">
+				<h5>考勤时间未测量体温人员
+					<a class="mui-navigate-right mui-pull-right" @click="selectData">{{subForm.queryDate}}</a>
+				</h5>
+			</div>
+			<div class="mui-row mui-fullscreen fyy-undetect">
+				<div class="mui-col-xs-3">
+					<div class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
+						<a v-for="(item,index) in recordList" @click="showindex = index" :key="index" :class="'mui-control-item '+ (showindex==index?'mui-active':'')"
+						 v-text="item.startTime+'至'+item.endTime"></a>
+					</div>
+				</div>
+				<div class="mui-col-xs-9">
+					<div class="fyy-back">
+						<div v-for="(item,index) in recordList" :key="index" v-show="showindex==index" class="mui-control-content">
+							<ul class="mui-table-view mui-grid-view mui-grid-9">
+								<li v-for="(iten,inden) in item.list" class="mui-table-view-cell mui-media mui-col-xs-4">
+									<div class="mui-media-body" v-text="iten.name"></div>
+								</li>
+							</ul>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
 </template>
 
 <script>
+	require('$project/assets/js/mui.picker.min.js');
+	import * as API_Admin from '@/apis/HouseKeeper/admin'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	import {
+		currentTimeStamp,
+		parseUnixTime
+	} from '$project/utils'
+	export default {
+		name: 'HouseKeeperAdminHealthNoTemperatureRecord',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '未测人员',
+
+				isLoading: false,
+
+				subForm: {
+					queryDate: '',
+					companyId: '',
+				},
+				recordList: [],
+				showindex: 0,
+			}
+		},
+		created() {
+			this.subForm.companyId = this.company_data.id;
+			this.subForm.queryDate = parseUnixTime(currentTimeStamp(), '{y}-{m}-{d}');
+		},
+		methods: {
+			//获取列表
+			getList() {
+				this.isLoading = true;
+				API_Admin.queryUnmeasureGroupList(this.subForm).then(response => {
+
+					this.recordList = response.list;
+
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//选择日期
+			selectData() {
+				var _this = this;
+				var picker = new mui.DtPicker({
+					"type": "date",
+					"beginYear": 2020,
+					"endYear": 2040,
+					"endDate": new Date(),
+					"value": _this.subForm.queryDate
+				});
+				picker.show(function(rs) {
+					_this.subForm.queryDate = rs.text;
+					_this.getList();
+					picker.dispose();
+				});
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			//获取列表
+			this.getList();
+		},
+		destroyed() {},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				company_data: 'company_data',
+			})
+		}
+	}
 </script>
 
-<style>
+<style scoped src="$project/assets/css/sczpfyy.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
+<style src="$project/assets/css/mui.picker.min.css"></style>
+<style scoped>
 </style>

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

@@ -1,8 +1,175 @@
 <template>
+	<div>
+		<common @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle" :rightLink="rightLink" :doRightLink="doRightLink"></top-header>
+
+		<div class="mui-content fyy-date">
+			<div class="mui-content-padded fyy-date mui-clearfix">
+				<h5>{{company_data.name}}
+					<a class="mui-navigate-right mui-pull-right" @click="selectData">{{listForm.queryDate}}</a>
+				</h5>
+			</div>
+			<div class="fyydate-out">
+				<div class="fyydate-name">
+					<div v-for="(item,index) in recordList" class="fyydate-name-list">
+						<h5>{{item.name}}</h5>
+					</div>
+				</div>
+				<div class="fyydate-temper">
+					<div v-for="(item,index) in recordList" class="fyydate-temper-list">
+						<div v-for="(iten,index) in item.list" class="fyydate-temper-num">
+							<span>{{iten.recordTime}}</span>
+							<span :class="(iten.temperature<=37) ? 'color05c8af':'colorfe616c'">{{iten.temperature}}</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
 </template>
 
 <script>
+	require('$project/assets/js/mui.picker.min.js');
+	import * as API_Admin from '@/apis/HouseKeeper/admin'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import isReachBottom from '$project/utils/isReachBottom'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	import {
+		currentTimeStamp,
+		parseUnixTime
+	} from '$project/utils'
+	export default {
+		name: 'HouseKeeperAdminHealthTemperatureRecord',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '测温记录',
+
+				isLoading: false,
+
+				rightLink: {
+					show: true,
+					icon: 'icon-ziyuan',
+					style: 'font-size:14px;color:#000;',
+					title: '未测人员'
+				},
+
+				listForm: {
+					pageIndex: 1,
+					pageSize: 20,
+					queryDate: '',
+					companyId: '',
+					totalPage: 1,
+					filter: 0
+				},
+				recordList: [],
+			}
+		},
+		created() {
+			if (this.$route.query.queryDate) {
+				this.listForm.queryDate = this.$route.query.queryDate;
+			} else {
+				this.listForm.queryDate = parseUnixTime(currentTimeStamp(), '{y}-{m}-{d}');
+			}
+		},
+		methods: {
+			//获取列表
+			getList() {
+				this.isLoading = true;
+				API_Admin.getTemperatureList(this.listForm).then(response => {
+					if (response) {
+						if (this.listForm.pageIndex == 1) {
+							this.recordList = response.data;
+							this.listForm.pageIndex = response.pageNumber;
+							this.listForm.totalPage = response.totalPage;
+						} else {
+							this.recordList = [
+								...this.recordList,
+								...response.data
+							];
+						}
+					}
+					this.listForm.pageIndex++;
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//下拉事件
+			handleScrool() {
+				if (isReachBottom()) {
+					console.log('到达底部')
+					if (this.listForm.pageIndex <= this.listForm.totalPage && this.isLoading == false) {
+						this.getList();
+					} else {
+						return;
+					}
+				}
+			},
+			//选择日期
+			selectData() {
+				var _this = this;
+				var picker = new mui.DtPicker({
+					"type": "date",
+					"beginYear": 2020,
+					"endYear": 2040,
+					"endDate": new Date(),
+					"value": _this.listForm.queryDate
+				});
+				picker.show(function(rs) {
+					_this.listForm.queryDate = rs.text;
+					_this.listForm.pageIndex = 1;
+					_this.getList();
+					picker.dispose();
+				});
+			},
+			doRightLink() {
+				this.$router.push({
+					name: 'HouseKeeperAdminHealthNoTemperatureRecord',
+					query: {}
+				})
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			this.getList();
+			//监控下拉加载事件
+			var _this = this;
+			window.addEventListener('scroll', _this.handleScrool);
+		},
+		destroyed() {
+			//销毁监听事件
+			var _this = this;
+			window.removeEventListener('scroll', _this.handleScrool);
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				company_data: 'company_data',
+			})
+		}
+	}
 </script>
 
-<style>
+<style scoped src="$project/assets/css/sczpfyy.css"></style>
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
+<style src="$project/assets/css/iconfont.css"></style>
+<style src="$project/assets/css/mui.picker.min.css"></style>
+<style scoped>
 </style>