新增健康码明细页面

src/projects/business/apis/Master/health.js

@@ -9,7 +9,7 @@ export function report(params) {
 		data: params,
 		method: 'post',
 		headers: {
-		    "Content-Type": "application/json"
+			"Content-Type": "application/json"
 		}
 	})
 }
@@ -193,3 +193,12 @@ export function getReportInfo(id) {
 		method: 'get',
 	})
 }
+
+//健康码列表
+export function healthyCodeStatList(data) {
+	return request({
+		url: '/mobile/healthShowApi/healthyCodeStatList',
+		data: Qs.stringify(data),
+		method: 'post',
+	})
+}

src/projects/business/views/Master/Health/Archives.vue

@@ -7,7 +7,7 @@
 			<div class="vongi-clasadmin">
 				<h4>健康码统计</h4>
 				<div class="vongi-clasadmin-list">
-					<div v-for="(item,index) in statList" class="vongi-clasadmin-ma mui-col-xs-3">
+					<div v-for="(item,index) in statList" @click="goToCodeList(item.healthyCode)" class="vongi-clasadmin-ma mui-col-xs-3">
 						<span class="color55f868" :style="'color:'+getGreenCodeColor(item.healthyCode)" v-text="item.total"> </span>
 						<div class="mui-media-body" v-text="getCodeStatusName(item.healthyCode)"></div>
 					</div>
@@ -30,7 +30,7 @@
 			<a :class="listForm.sortType=='1'?'mui-active':''" @click="reSort('1')">按序号排序</a>
 			<a :class="listForm.sortType=='2'?'mui-active':''" @click="reSort('2')">按拼音排序</a>
 		</div>
-		
+
 		<loading :visible="isLoading"></loading>
 	</div>
 </template>
@@ -73,6 +73,15 @@
 		},
 		created() {},
 		methods: {
+			//跳转到健康码页面
+			goToCodeList(healthyCode) {
+				this.$router.push({
+					name: 'MasterHealthCodeList',
+					query:{
+						healthyCode: healthyCode
+					}
+				})
+			},
 			//重置排序
 			reSort(type) {
 				this.listForm.sortType = type;
@@ -103,7 +112,7 @@
 				} else if (code == '11') {
 					return '灰码';
 				} else {
-					return '无码';
+					return '灰码';
 				}
 			},
 			//获取绿码统计数据
@@ -112,6 +121,8 @@
 				API_Health.getHealthyCodeStat(this.person_data.companyId).then(response => {
 					this.isLoading = false;
 					this.statList = response;
+
+					this.getList();
 				}).catch(error => {
 					this.isLoading = false;
 					this.mui.toast(error);
@@ -158,7 +169,6 @@
 		mounted() {
 			//获取数量统计
 			this.getHealthyCodeStat();
-			this.getList();
 			//监控下拉加载事件
 			var _this = this;
 			window.addEventListener('scroll', _this.handleScrool);

src/projects/business/views/Master/Health/CodeList.vue

@@ -6,92 +6,38 @@
 		<div class="mui-content vongi-zctj">
 			<div class="vongi-bagfff">
 				<div class="vongi-xzdw-search">
-					<input type="search" placeholder="搜索姓名或编号">
+					<input v-model="listForm.name" @keyup.enter="reloadSearchList" type="search" placeholder="搜索姓名或编号">
 					<span class="mui-icon mui-icon-search"></span>
 				</div>
 			</div>
 			<div id="slider" class="mui-slider mui-fullscreen vongi-ygjkma">
 				<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">
-							绿码<span class="mui-badge">5000</span>
-						</a>
-						<a class="mui-control-item" href="#item2mobile">
-							黄码<span class="mui-badge">5000</span>
-						</a>
-						<a class="mui-control-item" href="#item3mobile">
-							红码<span class="mui-badge">5000</span>
-						</a>
-						<a class="mui-control-item" href="#item4mobile">
-							灰码<span class="mui-badge">5</span>
+						<a v-for="(item,index) in statList" :style="'color:'+getGreenCodeColor(item.healthyCode)" @click="reloadStatusList(item.healthyCode)"
+						 :class="'mui-control-item '+(listForm.healthyCode==item.healthyCode?'mui-active':'')">
+							{{getCodeStatusName(item.healthyCode)}}<span class="mui-badge" v-text="item.total"></span>
 						</a>
 					</div>
 				</div>
 				<div class="mui-slider-group">
-					<div id="item1mobile" class="mui-slider-item mui-control-content">
-						<div class="mui-scroll-wrapper">
-							<div class="mui-scroll vongi-archives">
-								<ul class="mui-table-view">
-									<li class="mui-table-view-cell">
-										<a class="mui-navigate-right" href="#">
-											<div class="mui-pull-left flew-items">
-												<div class="mui-media-object"><img src="~$project/assets/img/01.png"></div> 高进权
-											</div>
-											<span class="mui-pull-right color55f868">绿码<i class="iconfont icon-erweima1"></i></span>
-										</a>
-									</li>
-								</ul>
-							</div>
-						</div>
-					</div>
-					<div id="item2mobile" class="mui-slider-item mui-control-content">
-						<div class="mui-scroll-wrapper">
-							<div class="mui-scroll vongi-archives">
-								<ul class="mui-table-view">
-									<li class="mui-table-view-cell">
-										<a class="mui-navigate-right" href="#">
-											<div class="mui-pull-left flew-items">
-												<div class="mui-media-object"><img src="~$project/assets/img/01.png"></div> 高进权
-											</div>
-											<span class="mui-pull-right colorf8b155">黄码<i class="iconfont icon-erweima1"></i></span>
-										</a>
-									</li>
-								</ul>
-							</div>
-						</div>
-					</div>
-					<div id="item3mobile" class="mui-slider-item mui-control-content">
-						<div class="mui-scroll-wrapper">
-							<div class="mui-scroll vongi-archives">
-								<ul class="mui-table-view">
-									<li class="mui-table-view-cell">
-										<a class="mui-navigate-right" href="#">
-											<div class="mui-pull-left flew-items">
-												<div class="mui-media-object"><img src="~$project/assets/img/01.png"></div> 高进权
-											</div>
-											<span class="mui-pull-right colorfe616c">红码<i class="iconfont icon-erweima1"></i></span>
-										</a>
-									</li>
-								</ul>
-							</div>
-						</div>
-					</div>
-					<div id="item4mobile" class="mui-slider-item mui-control-content">
+					<div class="mui-slider-item mui-control-content">
 						<div class="mui-scroll-wrapper">
 							<div class="mui-scroll vongi-archives">
 								<ul class="mui-table-view">
-									<li class="mui-table-view-cell">
-										<a class="mui-navigate-right" href="#">
+									<li v-for="(item,index) in recordList" class="mui-table-view-cell">
+										<router-link :to="{name: 'CommonHealthCert',query: {personId: item.id}}" class="mui-navigate-right">
 											<div class="mui-pull-left flew-items">
-												<div class="mui-media-object"><img src="~$project/assets/img/01.png"></div> 高进权
+												<div class="mui-media-object"><img :src="item.faceImageUrl+'?x-oss-process=image/resize,h_50,m_lfit'"></div> {{item.name}}
 											</div>
-											<span class="mui-pull-right">灰码<i class="iconfont icon-erweima1"></i></span>
-										</a>
+											<span class="mui-pull-right" :style="'color:'+getGreenCodeColor(item.healthyCode)">{{getCodeStatusName(item.healthyCode)}}<i
+												 class="iconfont icon-erweima1"></i></span>
+										</router-link>
 									</li>
 								</ul>
 							</div>
 						</div>
 					</div>
+
 				</div>
 			</div>
 
@@ -125,24 +71,116 @@
 				isLoading: false,
 
 				listForm: {
+					healthyCode: this.$route.query.healthyCode ? this.$route.query.healthyCode : '00',
 					pageIndex: 1,
 					pageSize: 20,
 					totalPage: 1,
+					name: '',
 				},
 				recordList: [],
+
+				statList: [],
 			}
 		},
 		created() {},
 		methods: {
+			reloadSearchList() {
+				this.listForm.pageIndex = 1;
+				this.getList();
+			},
+			reloadStatusList(status) {
+				this.listForm.healthyCode = status;
+				this.listForm.pageIndex = 1;
+				this.getList();
+			},
+			//获取健康码颜色值
+			getGreenCodeColor(healthyCode) {
+				var healthyCode = healthyCode || '11';
+				var color = {
+					"00": '#09ae47',
+					"01": '#e5aa37',
+					"10": '#fe616c',
+					"11": '#C0C0C0'
+				}
+				return color[healthyCode];
+			},
+			//判断状态
+			getCodeStatusName(code) {
+				if (code == '00') {
+					return '绿码';
+				} else if (code == '01') {
+					return '黄码';
+				} else if (code == '10') {
+					return '红码';
+				} else if (code == '11') {
+					return '灰码';
+				} else {
+					return '灰码';
+				}
+			},
+			//获取绿码统计数据
+			getHealthyCodeStat() {
+				this.isLoading = true;
+				API_Health.getHealthyCodeStat(this.person_data.companyId).then(response => {
+					this.isLoading = false;
+					this.statList = response;
 
+					this.getList();
+				}).catch(error => {
+					this.isLoading = false;
+					this.mui.toast(error);
+				})
+			},
+			//获取列表
+			getList() {
+				this.isLoading = true;
+				API_Health.healthyCodeStatList(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;
+					}
+				}
+			},
 			asynCallBack() {
 
 			},
 		},
 		mounted() {
-
+			//获取数量统计
+			this.getHealthyCodeStat();
+			//监控下拉加载事件
+			var _this = this;
+			window.addEventListener('scroll', _this.handleScrool);
+		},
+		destroyed() {
+			//销毁监听事件
+			var _this = this;
+			window.removeEventListener('scroll', _this.handleScrool);
 		},
-		destroyed() {},
 		computed: {
 			...mapGetters({
 				openId: 'wx_openid',

src/projects/business/views/Master/Health/Worker.vue

@@ -12,7 +12,7 @@
 			<div class="vongi-clasadmin">
 				<h4>职工健康码统计</h4>
 				<div class="vongi-clasadmin-list">
-					<div class="vongi-clasadmin-ma mui-col-xs-3" v-for="(item,index) in statList" :key="index">
+					<div class="vongi-clasadmin-ma mui-col-xs-3" v-for="(item,index) in statList" :key="index" @click="goToCodeList(item.healthyCode)">
 						<span :style="'color:'+getGreenCodeColor(item.healthyCode)" v-text="item.total">2953</span>
 						<div class="mui-media-body" v-text="getCodeStatusName(item.healthyCode)">绿码</div>
 					</div>
@@ -26,14 +26,14 @@
 			</div>
 			<div class="mui-slider">
 				<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
-					<a class="mui-control-item " :class="selectedIndex==0?'mui-active':''"  @click="selectedIndex=0">
+					<a class="mui-control-item " :class="selectedIndex==0?'mui-active':''" @click="selectedIndex=0">
 						全部<span class="mui-badge" v-html="allCount"></span>
 					</a>
-					<a class="mui-control-item" :class="selectedIndex==1?'mui-active':''"  @click="selectedIndex=1">
-						已上报<span class="mui-badge"  v-html="doneCount"></span>
+					<a class="mui-control-item" :class="selectedIndex==1?'mui-active':''" @click="selectedIndex=1">
+						已上报<span class="mui-badge" v-html="doneCount"></span>
 					</a>
-					<a class="mui-control-item" :class="selectedIndex==2?'mui-active':''"  @click="selectedIndex=2">
-						未上报<span class="mui-badge"  v-html="undoCount"></span>
+					<a class="mui-control-item" :class="selectedIndex==2?'mui-active':''" @click="selectedIndex=2">
+						未上报<span class="mui-badge" v-html="undoCount"></span>
 					</a>
 				</div>
 				<div class="mui-slider-group">
@@ -41,16 +41,17 @@
 						<div id="scroll1" class="mui-scroll-wrapper">
 							<div class="mui-scroll ">
 								<ul class="mui-table-view">
-										<li class="mui-table-view-cell vongi-wordcard vongi-meform-pho" style="    border-bottom: 1px solid #c8c7cc;" v-for="(item,index) in allList" :key="index" >
-													<a @click="viewDetail(item)"  :class="item.upLoad?'mui-navigate-right':''" >
-														<div class="mui-pull-left flew-items">
-															<div class="mui-media-object flew"><img v-if="item.faceImageUrl!=null" :src="item.faceImageUrl + '?x-oss-process=image/resize,m_fill,w_64'"
-																									width="50" /></div>
-															<h4 v-text="item.name"></h4>
-															<span class="mui-icon iconfont icon-erweima1  " :style="'color:'+getGreenCodeColor(item.healthyCode)"></span>
-														</div>
-														<div class="mui-pull-right color55f868" style="padding: inherit;" v-if="item.upLoad">已上报</div>
-														<div class="mui-pull-right colorfe616c" style="padding: inherit;" v-if="!item.upLoad">未上报</div>
+									<li class="mui-table-view-cell vongi-wordcard vongi-meform-pho" style="    border-bottom: 1px solid #c8c7cc;"
+									 v-for="(item,index) in allList" :key="index">
+										<a @click="viewDetail(item)" :class="item.upLoad?'mui-navigate-right':''">
+											<div class="mui-pull-left flew-items">
+												<div class="mui-media-object flew"><img v-if="item.faceImageUrl!=null" :src="item.faceImageUrl + '?x-oss-process=image/resize,m_fill,w_64'"
+													 width="50" /></div>
+												<h4 v-text="item.name"></h4>
+												<span class="mui-icon iconfont icon-erweima1  " :style="'color:'+getGreenCodeColor(item.healthyCode)"></span>
+											</div>
+											<div class="mui-pull-right color55f868" style="padding: inherit;" v-if="item.upLoad">已上报</div>
+											<div class="mui-pull-right colorfe616c" style="padding: inherit;" v-if="!item.upLoad">未上报</div>
 										</a>
 									</li>
 								</ul>
@@ -58,16 +59,17 @@
 							</div>
 						</div>
 					</div>
-					<div :class="doneGroup" class="mui-slider-item mui-control-content"  v-show="selectedIndex==1">
+					<div :class="doneGroup" class="mui-slider-item mui-control-content" v-show="selectedIndex==1">
 						<div id="scroll2" class="mui-scroll-wrapper">
 
 							<div class="mui-scroll ">
 								<ul class="mui-table-view">
-									<li class="mui-table-view-cell vongi-wordcard vongi-meform-pho" style="    border-bottom: 1px solid #c8c7cc;" v-for="(item,index) in doneList" :key="index" >
-										<a @click="viewDetail(item)"  :class="item.upLoad?'mui-navigate-right':''" >
+									<li class="mui-table-view-cell vongi-wordcard vongi-meform-pho" style="    border-bottom: 1px solid #c8c7cc;"
+									 v-for="(item,index) in doneList" :key="index">
+										<a @click="viewDetail(item)" :class="item.upLoad?'mui-navigate-right':''">
 											<div class="mui-pull-left flew-items">
 												<div class="mui-media-object flew"><img v-if="item.faceImageUrl!=null" :src="item.faceImageUrl + '?x-oss-process=image/resize,m_fill,w_64'"
-																						width="50" /></div>
+													 width="50" /></div>
 												<h4 v-text="item.name"></h4>
 												<span class="mui-icon iconfont icon-erweima1  " :style="'color:'+getGreenCodeColor(item.healthyCode)"></span>
 											</div>
@@ -80,16 +82,17 @@
 							</div>
 						</div>
 					</div>
-					<div :class="undoGroup" class="mui-slider-item mui-control-content"  v-show="selectedIndex==2">
+					<div :class="undoGroup" class="mui-slider-item mui-control-content" v-show="selectedIndex==2">
 						<div id="scroll3" class="mui-scroll-wrapper">
 
 							<div class="mui-scroll ">
 								<ul class="mui-table-view">
-									<li class="mui-table-view-cell vongi-wordcard vongi-meform-pho" style="    border-bottom: 1px solid #c8c7cc;" v-for="(item,index) in undoList" :key="index" >
-										<a @click="viewDetail(item)"  :class="item.upLoad?'mui-navigate-right':''" >
+									<li class="mui-table-view-cell vongi-wordcard vongi-meform-pho" style="    border-bottom: 1px solid #c8c7cc;"
+									 v-for="(item,index) in undoList" :key="index">
+										<a @click="viewDetail(item)" :class="item.upLoad?'mui-navigate-right':''">
 											<div class="mui-pull-left flew-items">
 												<div class="mui-media-object flew"><img v-if="item.faceImageUrl!=null" :src="item.faceImageUrl + '?x-oss-process=image/resize,m_fill,w_64'"
-																						width="50" /></div>
+													 width="50" /></div>
 												<h4 v-text="item.name"></h4>
 												<span class="mui-icon iconfont icon-erweima1  " :style="'color:'+getGreenCodeColor(item.healthyCode)"></span>
 											</div>
@@ -116,289 +119,301 @@
 </template>
 
 <script>
-    require('$project/assets/js/mui.picker.min.js');
-    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 * as API_Health from '@/apis/Master/health'
-    import isReachBottom from '$project/utils/isReachBottom'
-    import {
-        currentTimeStamp,
-        parseUnixTime
-    } from '$project/utils'
-    export default {
-        name: 'HealthTemperatureInfo',
-        components: {
-            Common,
-            Loading,
-            TopHeader
-        },
-        data() {
-            return {
-                pageTitle: '打卡台账',
-                rightLink: {
-                    show: true,
-                    icon: 'icon-tongji',
-                    style: 'font-size:12px',
-                    title: '健康统计'
-                },
-                id: '',
-                detail: [],
-                curDate: '',
-                isLoading: false,
-                allList:[],
-                allCount:0,
-                undoList:[],
-                undoCount:0,
-                doneList:[],
-                doneCount:0,
-                selectedIndex: 0,
-                pageIndexArr:[1,1,1],
-                totalPageArr:[1,1,1],
-                setinput: "",
-                totalPage:1,
-                sortType:'1',
-                statList: [],
-            }
-        },
-        created() {
-            this.id = this.$route.query.id;
-            if(this.$route.query.time){
-                this.curDate = this.$route.query.time;
-            }else{
-                this.curDate = parseUnixTime(currentTimeStamp(), '{y}-{m}-{d}');
-            }
-            if(this.$route.query.index){
-                this.selectedIndex=this.$route.query.index;
-            }
-
-        },
-        methods: {
-            asynCallBack(){},
-            searchK() {
-
-                this.queryList(true);
-            },
-
-            async queryList(isFirst){
-                //created 传trye, 其他传null
-                if(isFirst){
-
-                    this.pageIndexArr[0] = 1;
-                    this.pageIndexArr[1] = 1;
-                    this.pageIndexArr[2] = 1;
-                    //  this.totalPageArr=[1,1,1]
-                    this.allList=[];
-                    this.doneList=[];
-                    this.undoList=[];
-
-                }
-
-
-                this.isLoading = true;
-                if(isFirst||this.selectedIndex=='0'){
-                    await this.pageList('',this.pageIndexArr[0]).then(page=>{
-                        this.allCount = page.recordsTotal;
-
-                        if (this.pageIndexArr[0]==1) {
-                            this.allList = page.data;
-                            this.totalPageArr[0]=page.totalPage;
-                        }else{
-                            this.allList = [
-                                ...this.allList,
-                                ...page.data
-                            ];
-                        }
-
-                        if(this.selectedIndex==0){
-                            this.isLoading = false;
-                        }
-
-                        this.pageIndexArr[0]++;
-                    });
-                }
-                if(isFirst||this.selectedIndex=='1'){
-                    await this.pageList('1',this.pageIndexArr[1]).then(page=>{
-                        this.doneCount = page.recordsTotal;
-
-                        if (this.pageIndexArr[1]==1) {
-                            this.doneList = page.data;
-                            this.totalPageArr[1]=page.totalPage;
-
-                        }else{
-                            this.doneList = [
-                                ...this.doneList,
-                                ...page.data
-                            ];
-                        }
-                        if(this.selectedIndex==1){
-                            this.isLoading = false;
-                        }
-
-                        this.pageIndexArr[1]++;
-                    });
-                }
-
-
-                if(isFirst||this.selectedIndex=='2') {
-                    await this.pageList('2', this.pageIndexArr[2]).then(page => {
-                        this.undoCount = page.recordsTotal;
-
-                        if (this.pageIndexArr[2] == 1) {
-                            this.undoList = page.data;
-                            this.totalPageArr[2]=page.totalPage;
-
-                        } else {
-                            this.undoList = [
-                                ...this.undoList,
-                                ...page.data
-                            ];
-                        }
-                        if (this.selectedIndex == 2) {
-                            this.isLoading = false;
-                        }
-
-                        this.pageIndexArr[2]++;
-                    });
-                }
-                //this.pageIndex++;
-            },
-            selectDate() {
-                var _this=this;
-                var dtPicker = new mui.DtPicker({
-                    type: 'date',
-                    "endDate": new Date(),
-                    "value":_this.curDate
-                });
-                // dtPicker.setSelectedValue(_this.curDate)
-
-                dtPicker.show((selectItems)=>{
-                    var year = selectItems.y.value;
-                    var month = selectItems.m.value;
-                    var day = selectItems.d.value;
-
-                    this.curDate = year + "-" + month + "-" + day;
-
-                    this.queryList(true);
-                });
-            },
-
-            pageList(status,pageIndex) {
-                return API_Health.workerPageList({
-                    setinput: this.setinput,
-                    companyId: this.person_data.companyId,
-                    queryDate: this.curDate,
-                    status: status,
-                    pageIndex: pageIndex,
-                    pageSize: 50
-                    //sortType:this.sortType,
-                });
-            },
-            //获取绿码统计数据
-            getHealthyCodeStat() {
-                this.isLoading = true;
-                API_Health.getHealthyCodeStat(this.person_data.companyId, '3').then(response => {
-                    this.isLoading = false;
-                    this.statList = response;
-                }).catch(error => {
-                    this.isLoading = false;
-                    mui.toast(error);
-                })
-            },
-            viewDetail(item) {
-                if (item.upLoad) {
-                    this.$router.push({
-                        name: 'MasterHealthWorkerInfo',
-                        query: {
-                            id: item.personHealthLedgerId
-                        }
-                    })
-                }
-            },
-            //获取健康码颜色值
-            getGreenCodeColor(healthyCode) {
-                var healthyCode = healthyCode || '11';
-                var color = {
-                    "00": '#09ae47',
-                    "01": '#e5aa37',
-                    "10": '#fe616c',
-                    "11": '#C0C0C0'
-                }
-                return color[healthyCode];
-            },
-
-            //判断状态
-            getCodeStatusName(code) {
-                if (code == '00') {
-                    return '绿码';
-                } else if (code == '01') {
-                    return '黄码';
-                } else if (code == '10') {
-                    return '红码';
-                } else if (code == '11') {
-                    return '灰码';
-                } else {
-                    return '无码';
-                }
-            },
-            //下拉事件
-            handleScrool() {
-                //console.log(window.screen.height + '-' + document.body.scrollTop + '-' + document.body.clientHeight)
-                //if ((window.screen.height + document.body.scrollTop) > (document.body.clientHeight)) {
-                if (isReachBottom()) {
-                    console.log('到达底部')
-                    if (this.pageIndexArr[this.selectedIndex] <= this.totalPageArr[this.selectedIndex] && this.isLoading == false) {
-                        this.queryList(false);
-                    } else {
-                        return;
-                    }
-                } else {
-                    this.loadAll = true;
-                    return;
-                }
-            },
-
-        },
-        computed: {
-            ...mapGetters({
-                openId: 'wx_openid',
-                token: 'token',
-                person_data: 'person_data',
-                person_popedom: 'person_popedom',
-            }),
-            allGroup(){
-                return {
-                    "mui-active" : this.selectedIndex==0
-                };
-            },
-            doneGroup(){
-                return {
-                    "mui-active" : this.selectedIndex==1
-                };
-            },
-            undoGroup(){
-                return {
-                    "mui-active" : this.selectedIndex==2
-                };
-            }
-        },
-        mounted() {
-              var _this = this;
-            this.queryList(true);
-            //获取绿码统计数据
-            this.getHealthyCodeStat();
-            window.addEventListener('scroll', _this.handleScrool);
-        },
-        destroyed() {
-            //销毁监听事件
-            var _this = this;
-            window.removeEventListener('scroll', _this.handleScrool);
-        }
-
-    }
+	require('$project/assets/js/mui.picker.min.js');
+	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 * as API_Health from '@/apis/Master/health'
+	import isReachBottom from '$project/utils/isReachBottom'
+	import {
+		currentTimeStamp,
+		parseUnixTime
+	} from '$project/utils'
+	export default {
+		name: 'HealthTemperatureInfo',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '打卡台账',
+				rightLink: {
+					show: true,
+					icon: 'icon-tongji',
+					style: 'font-size:12px',
+					title: '健康统计'
+				},
+				id: '',
+				detail: [],
+				curDate: '',
+				isLoading: false,
+				allList: [],
+				allCount: 0,
+				undoList: [],
+				undoCount: 0,
+				doneList: [],
+				doneCount: 0,
+				selectedIndex: 0,
+				pageIndexArr: [1, 1, 1],
+				totalPageArr: [1, 1, 1],
+				setinput: "",
+				totalPage: 1,
+				sortType: '1',
+				statList: [],
+			}
+		},
+		created() {
+			this.id = this.$route.query.id;
+			if (this.$route.query.time) {
+				this.curDate = this.$route.query.time;
+			} else {
+				this.curDate = parseUnixTime(currentTimeStamp(), '{y}-{m}-{d}');
+			}
+			if (this.$route.query.index) {
+				this.selectedIndex = this.$route.query.index;
+			}
+
+		},
+		methods: {
+			//跳转到健康码页面
+			goToCodeList(healthyCode) {
+				this.$router.push({
+					name: 'MasterHealthCodeList',
+					query: {
+						healthyCode: healthyCode
+					}
+				})
+			},
+			asynCallBack() {},
+			searchK() {
+
+				this.queryList(true);
+			},
+
+			async queryList(isFirst) {
+				//created 传trye, 其他传null
+				if (isFirst) {
+
+					this.pageIndexArr[0] = 1;
+					this.pageIndexArr[1] = 1;
+					this.pageIndexArr[2] = 1;
+					//  this.totalPageArr=[1,1,1]
+					this.allList = [];
+					this.doneList = [];
+					this.undoList = [];
+
+				}
+
+
+				this.isLoading = true;
+				if (isFirst || this.selectedIndex == '0') {
+					await this.pageList('', this.pageIndexArr[0]).then(page => {
+						this.allCount = page.recordsTotal;
+
+						if (this.pageIndexArr[0] == 1) {
+							this.allList = page.data;
+							this.totalPageArr[0] = page.totalPage;
+						} else {
+							this.allList = [
+								...this.allList,
+								...page.data
+							];
+						}
+
+						if (this.selectedIndex == 0) {
+							this.isLoading = false;
+						}
+
+						this.pageIndexArr[0]++;
+					});
+				}
+				if (isFirst || this.selectedIndex == '1') {
+					await this.pageList('1', this.pageIndexArr[1]).then(page => {
+						this.doneCount = page.recordsTotal;
+
+						if (this.pageIndexArr[1] == 1) {
+							this.doneList = page.data;
+							this.totalPageArr[1] = page.totalPage;
+
+						} else {
+							this.doneList = [
+								...this.doneList,
+								...page.data
+							];
+						}
+						if (this.selectedIndex == 1) {
+							this.isLoading = false;
+						}
+
+						this.pageIndexArr[1]++;
+					});
+				}
+
+
+				if (isFirst || this.selectedIndex == '2') {
+					await this.pageList('2', this.pageIndexArr[2]).then(page => {
+						this.undoCount = page.recordsTotal;
+
+						if (this.pageIndexArr[2] == 1) {
+							this.undoList = page.data;
+							this.totalPageArr[2] = page.totalPage;
+
+						} else {
+							this.undoList = [
+								...this.undoList,
+								...page.data
+							];
+						}
+						if (this.selectedIndex == 2) {
+							this.isLoading = false;
+						}
+
+						this.pageIndexArr[2]++;
+					});
+				}
+				//this.pageIndex++;
+			},
+			selectDate() {
+				var _this = this;
+				var dtPicker = new mui.DtPicker({
+					type: 'date',
+					"endDate": new Date(),
+					"value": _this.curDate
+				});
+				// dtPicker.setSelectedValue(_this.curDate)
+
+				dtPicker.show((selectItems) => {
+					var year = selectItems.y.value;
+					var month = selectItems.m.value;
+					var day = selectItems.d.value;
+
+					this.curDate = year + "-" + month + "-" + day;
+
+					this.queryList(true);
+				});
+			},
+
+			pageList(status, pageIndex) {
+				return API_Health.workerPageList({
+					setinput: this.setinput,
+					companyId: this.person_data.companyId,
+					queryDate: this.curDate,
+					status: status,
+					pageIndex: pageIndex,
+					pageSize: 50
+					//sortType:this.sortType,
+				});
+			},
+			//获取绿码统计数据
+			getHealthyCodeStat() {
+				this.isLoading = true;
+				API_Health.getHealthyCodeStat(this.person_data.companyId, '3').then(response => {
+					this.isLoading = false;
+					this.statList = response;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			viewDetail(item) {
+				if (item.upLoad) {
+					this.$router.push({
+						name: 'MasterHealthWorkerInfo',
+						query: {
+							id: item.personHealthLedgerId
+						}
+					})
+				}
+			},
+			//获取健康码颜色值
+			getGreenCodeColor(healthyCode) {
+				var healthyCode = healthyCode || '11';
+				var color = {
+					"00": '#09ae47',
+					"01": '#e5aa37',
+					"10": '#fe616c',
+					"11": '#C0C0C0'
+				}
+				return color[healthyCode];
+			},
+
+			//判断状态
+			getCodeStatusName(code) {
+				if (code == '00') {
+					return '绿码';
+				} else if (code == '01') {
+					return '黄码';
+				} else if (code == '10') {
+					return '红码';
+				} else if (code == '11') {
+					return '灰码';
+				} else {
+					return '灰码';
+				}
+			},
+			//下拉事件
+			handleScrool() {
+				//console.log(window.screen.height + '-' + document.body.scrollTop + '-' + document.body.clientHeight)
+				//if ((window.screen.height + document.body.scrollTop) > (document.body.clientHeight)) {
+				if (isReachBottom()) {
+					console.log('到达底部')
+					if (this.pageIndexArr[this.selectedIndex] <= this.totalPageArr[this.selectedIndex] && this.isLoading == false) {
+						this.queryList(false);
+					} else {
+						return;
+					}
+				} else {
+					this.loadAll = true;
+					return;
+				}
+			},
+
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				person_popedom: 'person_popedom',
+			}),
+			allGroup() {
+				return {
+					"mui-active": this.selectedIndex == 0
+				};
+			},
+			doneGroup() {
+				return {
+					"mui-active": this.selectedIndex == 1
+				};
+			},
+			undoGroup() {
+				return {
+					"mui-active": this.selectedIndex == 2
+				};
+			}
+		},
+		mounted() {
+			var _this = this;
+			this.queryList(true);
+			//获取绿码统计数据
+			this.getHealthyCodeStat();
+			window.addEventListener('scroll', _this.handleScrool);
+		},
+		destroyed() {
+			//销毁监听事件
+			var _this = this;
+			window.removeEventListener('scroll', _this.handleScrool);
+		}
+
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>
@@ -408,4 +423,4 @@
 <style src="$project/assets/css/mui.picker.min.css"></style>
 
 <style>
-</style>
+</style>