1192 lines
31 KiB
Vue
1192 lines
31 KiB
Vue
|
||
<template>
|
||
<view>
|
||
<view class="container" >
|
||
<view class="banner-box">
|
||
<image src="/static/imgs/myHealthBanner.png" mode=""></image>
|
||
<image v-if="currentTabIndex == 4" src="/static/imgs/visitor.png" mode=""></image>
|
||
</view>
|
||
<view class="main">
|
||
<view class="tab-box">
|
||
<view class="tab-item" :class="currentTabIndex == 0 ? 'active_tab' : ''" @click="currentTabIndex = 0">信息填报</view>
|
||
<view class="tab-item" :class="currentTabIndex == 1 ? 'active_tab' : ''" @click="currentTabIndex = 1">历史记录</view>
|
||
</view>
|
||
<!-- 信息填报 -->
|
||
<view v-if ="currentTabIndex == 0" style="padding-left: 26upx; background-color: #fff;height: auto;">
|
||
<view class="form-item searchv" style="padding-bottom: 10upx;padding-top:20upx;" >
|
||
<span style="color: #FF0000;">*</span>
|
||
<text class="label fs30">时间</text>
|
||
<datetime-Picker style="position: relative; float: right; right: 26upx;"
|
||
class="time2" mode="time"
|
||
:value="commitTime"
|
||
:maxDate="defaultMaxDate"
|
||
:minDate="defaultMinDate"
|
||
:minTime="minTime"
|
||
:maxTime="maxTime"
|
||
@change="bindMsgDateChange">
|
||
</datetime-Picker>
|
||
</view>
|
||
<view style="background-color: #f2f2f2;height: 1upx;"></view>
|
||
<view class="form-item searchv" style="padding-bottom: 10upx;">
|
||
<span style="color: #FF0000;">*</span>
|
||
<text class="label fs30" style="display: inline-block;">体温</text>
|
||
<picker :value="twindex" :range="twlist" range-key="twindex" @change="changeDepartment1"
|
||
style="margin-top: 10upx; align-items: center;font-size: 30upx;display:flex;position: relative; float: right; right: 26upx;">
|
||
<view class="uni-input">{{twlist[twindex]}}</view>
|
||
</picker>
|
||
|
||
</view>
|
||
<view style="background-color: #f2f2f2;height: 1upx;"></view>
|
||
<view class="form-item searchv" style="padding-bottom: 10upx;display: flow-root;">
|
||
<span style="color: #FF0000;">*</span>
|
||
<text class="label fs30" style="display: inline-block;">位置</text>
|
||
<text style="float: right;right:26upx; width:450upx;height:auto;font-size: 30upx;position: relative;text-align: right;" >{{locationDetail}}</text>
|
||
<!-- style="float: right;right:40upx; width:300upx;font-size: 30upx;" -->
|
||
</view>
|
||
<view style="background-color: #f2f2f2;height: 1upx;"></view>
|
||
<view class="form-item searchv" style="padding-top: 10upx;padding-bottom: 10upx;">
|
||
<span style="color: #FF0000;">*</span>
|
||
<text class="label fs30">是否咳嗽</text>
|
||
<view class="uni-list">
|
||
<radio-group @change="coughradioChange" >
|
||
<label class="uni-list-cell uni-list-cell-pd" >
|
||
<view style="display: inline-block;padding-top: 10upx;">
|
||
<radio style="transform:scale(0.8)" value="1"/>
|
||
</view>
|
||
<view class="fs30" style="display: inline-block;">是</view>
|
||
</label>
|
||
<view></view>
|
||
<label class="uni-list-cell uni-list-cell-pd" >
|
||
<view style="display: inline-block;padding-top: 10upx;">
|
||
<radio style="transform:scale(0.8)" value="0" checked="true"/>
|
||
</view >
|
||
<view class="fs30" style="display: inline-block;" >否</view>
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
<view style="background-color: #f2f2f2;height: 1upx;"></view>
|
||
<view class="form-item searchv" >
|
||
<span style="color: #FF0000;">*</span>
|
||
<text class="label fs30">是否浑身无力</text>
|
||
<view class="uni-list">
|
||
<radio-group @change="weakradioChange" >
|
||
<label class="uni-list-cell uni-list-cell-pd" >
|
||
<view style="display: inline-block;padding-top: 10upx;">
|
||
<radio style="transform:scale(0.8)" value="1"/>
|
||
</view>
|
||
<view class="fs30" style="display: inline-block;">是</view>
|
||
</label>
|
||
<view></view>
|
||
<label class="uni-list-cell uni-list-cell-pd" >
|
||
<view style="display: inline-block;padding-top: 10upx;">
|
||
<radio style="transform:scale(0.8)" value="0" checked="true"/>
|
||
</view >
|
||
<view class="fs30" style="display: inline-block;">否</view>
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
|
||
<view style="background-color: #f2f2f2;height: 1upx;"></view>
|
||
<view class="form-item searchv" >
|
||
<span style="color: #FF0000;">*</span>
|
||
<text class="label fs30">是否呼吸困难</text>
|
||
<view class="uni-list">
|
||
<radio-group @change="breatheradioChange" >
|
||
<label class="uni-list-cell uni-list-cell-pd" >
|
||
<view style="display: inline-block;padding-top: 10upx;">
|
||
<radio style="transform:scale(0.8)" value="1"/>
|
||
</view>
|
||
<view class="fs30" style="display: inline-block;">是</view>
|
||
</label>
|
||
<view></view>
|
||
<label class="uni-list-cell uni-list-cell-pd" >
|
||
<view style="display: inline-block;padding-top: 10upx;">
|
||
<radio style="transform:scale(0.8)" value="0" checked="true"/>
|
||
</view >
|
||
<view class="fs30" style="display: inline-block;">否</view>
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
<view style="background-color: #f2f2f2;height: 1upx;"></view>
|
||
<view class="form-item searchv" style="padding-top: 10upx;padding-bottom: 10upx;" >
|
||
|
||
<text class="label fs30" style="margin-bottom: 10upx;">其它不适情况说明</text>
|
||
<view style="height: 10upx;"></view>
|
||
<textarea placeholder-style="color:#d2d2d2" placeholder="如有其它不适情况请填写" rows='5' :value="discomfortExplain"
|
||
maxlength="500" style="border:1px solid #f2f2f2;padding: 20upx;
|
||
font-size: 30upx;"></textarea>
|
||
</view>
|
||
<view style="background-color: #f2f2f2;height: 1upx;"></view>
|
||
<view class="form-item searchv" >
|
||
<span style="color: #FF0000;">*</span>
|
||
<text class="label fs30">本日是否接触过疫区人员</text>
|
||
<view class="uni-list">
|
||
<radio-group @change="epidemicradioChange" >
|
||
<label class="uni-list-cell uni-list-cell-pd" >
|
||
<view style="display: inline-block;padding-top: 10upx;">
|
||
<radio style="transform:scale(0.8)" value="1"/>
|
||
</view>
|
||
<view class="fs30" style="display: inline-block;">是</view>
|
||
</label>
|
||
<view></view>
|
||
<label class="uni-list-cell uni-list-cell-pd" >
|
||
<view style="display: inline-block;padding-top: 10upx;">
|
||
<radio style="transform:scale(0.8)" value="0" checked="true"/>
|
||
</view >
|
||
<view class="fs30" style="display: inline-block;">否</view>
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
|
||
|
||
<view style="background-color: #f2f2f2;height: 1upx;"></view>
|
||
<view class="form-item searchv" >
|
||
<span style="color: #FF0000;">*</span>
|
||
<text class="label fs30 ">近14天是否从海外归国或接触相关人员</text>
|
||
<view class="uni-list">
|
||
<radio-group @change="overseasMsgDateChange" >
|
||
<label class="uni-list-cell uni-list-cell-pd" >
|
||
<view style="display: inline-block;padding-top: 10upx;">
|
||
<radio style="transform:scale(0.8)" value="1"/>
|
||
</view>
|
||
<view class="fs30" style="display: inline-block;">是</view>
|
||
</label>
|
||
<view></view>
|
||
<label class="uni-list-cell uni-list-cell-pd" >
|
||
<view style="display: inline-block;padding-top: 10upx;">
|
||
<radio style="transform:scale(0.8)" value="0" checked="true"/>
|
||
</view >
|
||
<view class="fs30" style="display: inline-block;">否</view>
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
<view class="occupied"></view>
|
||
<view class="footer-btn footer-btn-color" @click="submit()">
|
||
<view class="btn">提交</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 健康信息-->
|
||
<view class="reservation-box" style="background-color: #fff;" v-else-if="currentTabIndex == 1">
|
||
<!-- <view class="form-item searchv">
|
||
<picker class="time " mode="date" @change="bindDateChange">
|
||
<view class="">{{seachStartdate}}</view>
|
||
</picker>
|
||
<text class="timecenter">至</text>
|
||
<picker class="time " mode="date" @change="seachEnddateChange">
|
||
<view class="">{{seachEnddate}}</view>
|
||
</picker>
|
||
<view class="search" style="height: 60upx;font-size: 26upx;margin-top: 7upx;" @click="searchYjList">搜索</view>
|
||
</view> -->
|
||
<!-- 折线图 -->
|
||
<view class="qiun-columns">
|
||
<view class="qiun-bg-white qiun-title-bar qiun-common-mt" >
|
||
<view class="qiun-title-dot-light" style="font-size: 30upx;margin: 20upx 0 20upx 0;">体温变化</view>
|
||
</view>
|
||
<view class="qiun-charts" >
|
||
<canvas canvas-id="canvasLineA" id="canvasLineA" class="charts" @touchstart="touchLineA"></canvas>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="list-box" v-if="visitTj.length > 0">
|
||
<view class="form-item" style="width: 100%;padding: 20upx 10upx;">
|
||
<!-- <view class="visitcon w10">序号</view> -->
|
||
<view class="visitcon w20">姓名</view>
|
||
<view class="visitcon w35">日期</view>
|
||
<view class="visitcon w10">咳嗽</view>
|
||
|
||
<view class="visitcon w15">体温</view>
|
||
<view class="visitcon w20">数据来源</view>
|
||
</view>
|
||
<view style="padding: 20upx 10upx;border-top:1px solid #d2d2d2;align-items: center;display: flex;" class="form-item" v-for="(item, index) in visitTj" :key="index" >
|
||
|
||
<!-- <view class="visitcon w10">{{ index+1 }}</view> -->
|
||
|
||
<view class="visitcon w20">{{ item.userName }}</view>
|
||
<view class="visitconContent w35" >{{ item.time }}</view>
|
||
<view :class='[item.cough ==="是" ? "bRed":""]' class="visitconContent w10" >{{ item.cough }}</view>
|
||
|
||
<view :class='[item.temperature >= tmpV ? "bRed":""]' class="visitconContent w15" >{{ item.temperature }}</view>
|
||
<view class="visitconContent w20" >{{ item.source }}</view>
|
||
</view>
|
||
</view>
|
||
<!-- <content-none v-else :padTop="20" style="padding-bottom: 20vh;"></content-none> -->
|
||
</view>
|
||
|
||
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { getDate, alertTip, callbackRequest,callbackRequestNoTip, getStorage, regPhone, formatDate, devEnv } from '@/common/util.js';
|
||
import { wechatJsSdk2,getAllDept,getHealthyList,saveMyHealthy, initWashCar, applyWashCar, getMyWashCarList,greenVisitorStatistics ,greenVisitorStatisticsDetailed,greenGetInsideList} from '@/common/api.js';
|
||
import loadMore from '@/components/loadMore.vue';
|
||
import contentNone from '@/components/contentNone.vue';
|
||
import datetimePicker from '@/components/dateTime.vue';
|
||
import uniCalendar from '@/components/uni-calendar/uni-calendar.vue';
|
||
import uCharts from '@/js_sdk/u-charts/u-charts/u-charts.js';
|
||
|
||
let currentTime = new Date().getTime();
|
||
let millisecond = 24 * 7 * 60 * 60 * 1000;
|
||
var _self;
|
||
var canvaLineA=null;
|
||
export default {
|
||
data() {
|
||
return {
|
||
// commitTime:this.getTime(),
|
||
commitTime:formatDate(currentTime,'mTime'),
|
||
minTime: '00:00',
|
||
defaultMinDate: currentTime,// 最小时间
|
||
defaultMaxDate: currentTime,// 最大时间
|
||
// defaultMaxDate: new Date(currentTime+millisecond).getTime(),// 最大时间
|
||
maxTime: '24:00',
|
||
visitStateIndex:0,
|
||
visitlist:[],
|
||
twlist: ['35.0','35.1','35.2','35.3','35.4','35.5',
|
||
'35.5','35.6','35.7','35.8','35.9','36.0','36.1','36.2',
|
||
'36.3','36.4','36.5','36.6','36.7','36.8','36.9','37.0',
|
||
'37.1','37.2','37.3','37.4','37.5','37.6','37.7','37.8','37.9',
|
||
'38.0','38.1','38.2','38.3','38.4','38.5','38.6','38.7','38.8','38.9',
|
||
'38.0','39.1','39.2','39.3','39.4','39.5','39.6','39.7','39.8','39.9',
|
||
'40.0'
|
||
],
|
||
twindex:11,
|
||
|
||
visitTj: [],
|
||
|
||
insideList:[
|
||
],
|
||
//userId:"23ee5fc8991240ce8a1b9348c2b7c07e",
|
||
userId:getStorage('userInfo').id,
|
||
|
||
insideDepIndex:0,
|
||
visitState:['全部', '已授权', '未授权'], //状态列表
|
||
page: 1,
|
||
pageSize: 10,
|
||
loadingType: 0, //0-loading前；1-loading中；2-没有更多了
|
||
|
||
insideloadingType:0,
|
||
currentTabIndex: 0,
|
||
selectedDate: this.getTime(),
|
||
chooseDateIndex: 0, //选中的日期
|
||
times: [],
|
||
chooseTimeIndex: null,
|
||
deptList: ["请选择"], //部门列表
|
||
RersonIndex: 0,
|
||
tmpV:37.6,
|
||
//折线图
|
||
cWidth:'',
|
||
cHeight:'',
|
||
pixelRatio:1,
|
||
longitude:'',
|
||
latitude:'',
|
||
cough:0,
|
||
weak:0,
|
||
breathe:0,
|
||
epidemic:0,
|
||
overseas:0,
|
||
discomfortExplain : '',
|
||
location:'',
|
||
// locationDetail:'如获取位置信息失败，请重新进入页面，并授权允许获取位置信息',
|
||
locationDetail:'获取中...',
|
||
|
||
};
|
||
},
|
||
components: {
|
||
loadMore,
|
||
contentNone,
|
||
datetimePicker
|
||
},
|
||
|
||
created() {
|
||
|
||
},
|
||
|
||
onReady() {
|
||
|
||
},
|
||
|
||
|
||
|
||
|
||
onLoad(option) {
|
||
|
||
console.log("---start get location---")
|
||
if(!devEnv){
|
||
let url =window.location.href.split("#")[0]; // 这里务必编码
|
||
let data = {
|
||
method:wechatJsSdk2,
|
||
data:{
|
||
url:url
|
||
}
|
||
}
|
||
callbackRequest(data)
|
||
.then(res => {
|
||
|
||
if(res.data.returnCode == 1){
|
||
let e = res.data.returnData;
|
||
this.init(e);
|
||
setTimeout(() => {
|
||
this.getLocation();
|
||
|
||
}, 400)
|
||
|
||
}
|
||
console.log("---end get location---")
|
||
})
|
||
}
|
||
else{
|
||
this.locationDetail='安徽省合肥市蜀山区';
|
||
}
|
||
|
||
|
||
// this.getRerson();
|
||
console.log('--'+this.userId);
|
||
this.currentTabIndex = option.currentTabIndex || 0;
|
||
|
||
if (this.currentTabIndex == 0) {
|
||
this.initData();
|
||
}
|
||
|
||
//折线图
|
||
_self = this;
|
||
this.cWidth=uni.upx2px(670);
|
||
this.cHeight=uni.upx2px(500);
|
||
// this.getServerData();
|
||
},
|
||
watch: {
|
||
currentTabIndex: function(newVal, oldVal) {
|
||
|
||
if (newVal == 1) {
|
||
this.page = 1;
|
||
this.loadingType = 0;
|
||
this.insideloadingType = 0;
|
||
this.getHealthyList();
|
||
|
||
} else {
|
||
this.initData();
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
init(e){
|
||
let _this = this;
|
||
this.$wx.config({
|
||
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
|
||
appId: e.appId, // 必填，公众号的唯一标识
|
||
timestamp: e.timestamp, // 必填，生成签名的时间戳
|
||
nonceStr: e.noncestr, // 必填，生成签名的随机串
|
||
signature: e.signature,// 必填，签名
|
||
jsApiList: ["openLocation",
|
||
"getLocation"
|
||
] // 必填，需要使用的JS接口列表
|
||
});
|
||
this.$wx.ready(function(){
|
||
console.log("验证通过")
|
||
_this.$wx.checkJsApi({
|
||
jsApiList:["openLocation",
|
||
"getLocation"
|
||
] , // 需要检测的JS接口列表，所有JS接口列表见附录2,
|
||
success: function(res) {
|
||
console.log(res);
|
||
|
||
|
||
},
|
||
fail:function(e){
|
||
console.log(e);
|
||
|
||
}
|
||
});
|
||
});
|
||
this.$wx.error(function(res){
|
||
console.log("验证失败")
|
||
|
||
});
|
||
|
||
},
|
||
|
||
//获取信息
|
||
getLocation(){
|
||
var self = this;
|
||
self.$wx.getLocation({
|
||
type:'wgs84',
|
||
// type:'gcj02',
|
||
success:function(locationRes){
|
||
console.log(locationRes);
|
||
|
||
// geocoder(locationRes.latitude,locationRes.longitude);
|
||
self.longitude = locationRes.longitude;
|
||
self.latitude = locationRes.latitude;
|
||
self.getLocationBuildingByLngLat(locationRes.longitude,locationRes.latitude)
|
||
},
|
||
fail:function(){
|
||
|
||
}
|
||
})
|
||
},
|
||
|
||
|
||
getLocationBuildingByLngLat(lng,lat){
|
||
var self = this;
|
||
let longitude = lng;
|
||
let latitude = lat;
|
||
// longitude = 117.17722;
|
||
// latitude = 31.821667;
|
||
let key='e1d3e8821fe4a57acded684fad753c10';
|
||
let url=`https://restapi.amap.com/v3/geocode/regeo?output=JSON&location=${longitude},${latitude}&key=${key}&radius=1000&extensions=all`;
|
||
|
||
let data = {
|
||
|
||
}
|
||
callbackRequestNoTip(url,data,'GET')
|
||
.then(res => {
|
||
|
||
console.log(res)
|
||
if(res.data && res.data.status=='1'){
|
||
if(res.data.regeocode){
|
||
let regeocode = res.data.regeocode;
|
||
|
||
console.log(regeocode.formatted_address)
|
||
self.locationDetail = regeocode.formatted_address;
|
||
self.location = regeocode.addressComponent.province;
|
||
console.log(self.location)
|
||
if(regeocode.addressComponent.city){
|
||
console.log(regeocode.addressComponent.city)
|
||
self.location += regeocode.addressComponent.city;
|
||
}
|
||
console.log(self.location)
|
||
// alertTip(self.locationDetail);
|
||
// self.locationDetail=self.latitude+","+self.longitude;
|
||
}
|
||
|
||
}
|
||
|
||
})
|
||
},
|
||
|
||
|
||
//折线图
|
||
getServerData(){
|
||
|
||
|
||
let LineA={categories:['03-04','03-05','03-06','03-09', '03-10', '03-11', '03-12'],
|
||
series: [{
|
||
name: '体温',
|
||
data: [36.5,36.3,36.2,36.4, 36.2, 36.3, 36.4],
|
||
color: 'green'
|
||
}]};
|
||
//这里我后台返回的是数组，所以用等于，如果您后台返回的是单条数据，需要push进去
|
||
|
||
_self.showLineA("canvasLineA",LineA);
|
||
|
||
},
|
||
changeDepartment1(e) {
|
||
this.twindex = e.detail.value;
|
||
},
|
||
showLineA(canvasId,chartData){
|
||
canvaLineA=new uCharts({
|
||
$this:_self,
|
||
canvasId: canvasId,
|
||
type: 'line',
|
||
fontSize:12,
|
||
legend:{show:true},
|
||
dataLabel:false,
|
||
|
||
dataPointShape:true,
|
||
background:'#FFFFFF',
|
||
pixelRatio:_self.pixelRatio,
|
||
categories: chartData.categories,
|
||
series: chartData.series,
|
||
animation: true,
|
||
xAxis: {
|
||
type:'grid',
|
||
gridColor:'#CCCCCC',
|
||
gridType:'dash',
|
||
dashLength:2,
|
||
gridEval:1,
|
||
labelCount:5
|
||
},
|
||
yAxis: {
|
||
gridType:'dash',
|
||
gridColor:'#CCCCCC',
|
||
dashLength:8,
|
||
splitNumber:3,
|
||
min:35,
|
||
max:38,
|
||
format:(val)=>{return val.toFixed(0)+'℃'}
|
||
},
|
||
width: _self.cWidth*_self.pixelRatio,
|
||
height: _self.cHeight*_self.pixelRatio,
|
||
extra: {
|
||
line:{
|
||
type: 'straight'
|
||
}
|
||
},
|
||
title:{
|
||
fontSize:10
|
||
}
|
||
});
|
||
|
||
},
|
||
touchLineA(e) {
|
||
canvaLineA.showToolTip(e, {
|
||
format: function (item, category) {
|
||
return category + ' ' + item.name + ':' + item.data
|
||
}
|
||
});
|
||
},
|
||
submit(){
|
||
var self = this;
|
||
if(self.locationDetail == '获取中...'){
|
||
alertTip('如未允许微信获取位置信息，请退出页面，重新授权！');
|
||
return
|
||
}
|
||
let data = {
|
||
method: saveMyHealthy,
|
||
data: {
|
||
"userId":self.userId,
|
||
"longitude" : self.longitude,
|
||
"latitude" : self.latitude,
|
||
"commitTime" : self.commitTime,
|
||
"temperature" : self.twlist[self.twindex],
|
||
"cough" : self.cough,
|
||
"weak" : self.weak,
|
||
"breathe" : self.breathe,
|
||
"epidemic" : self.epidemic,
|
||
"overseas" : self.overseas,
|
||
"discomfortExplain":self.discomfortExplain,
|
||
"location":self.location,
|
||
"locationDetail":self.locationDetail,
|
||
}
|
||
};
|
||
console.log('--'+this.userId);
|
||
callbackRequest(data).then(res => {
|
||
if (res.data.returnCode == 1) {
|
||
alertTip(res.data.returnMsg);
|
||
setTimeout(_ => {
|
||
self.currentTabIndex = 1;
|
||
}, 2000)
|
||
|
||
}
|
||
});
|
||
},
|
||
open() {
|
||
console.log(1111111);
|
||
this.$refs.calendar.open();
|
||
},
|
||
//出入统计页面方法
|
||
// 统计页面搜索方法
|
||
searchYjList(){
|
||
console.log(this.seachStartdate+"--------"+this.seachEnddate);
|
||
var oDate1 = new Date(this.seachStartdate);
|
||
var oDate2 = new Date(this.seachEnddate);
|
||
if(oDate1 > oDate2){
|
||
alertTip('开始时间需大于结束时间!');
|
||
} else {
|
||
// this.getRerson();
|
||
}
|
||
|
||
},
|
||
//点击跳转到统计明细方法
|
||
searchContent(index,type){
|
||
this.page=1;
|
||
console.log(index+"--------"+type+"==-===="+this.visitTj[index].name);
|
||
|
||
this.currentTabIndex = 1;//改变标签
|
||
this.visitStateIndex = type;//赋值状态
|
||
|
||
if(this.visitTj[index].name == "合计"){
|
||
this.RersonIndex = 0;
|
||
}else{
|
||
// 获取部门名称下标改变默认值
|
||
for(var i = 0;this.deptList.length;i++){
|
||
if(this.deptList[i] == this.visitTj[index].name){
|
||
this.RersonIndex = i;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
this.seachListStartdate = this.seachStartdate ;
|
||
this.seachListEnddate = this.seachEnddate,
|
||
this.getVisitMsgList(this.deptList[this.RersonIndex],type);
|
||
|
||
},//点击跳转到通行记录方法
|
||
searchInsideMsgList(index,type){
|
||
this.insidepage=1;
|
||
this.currentTabIndex = 2;
|
||
this.insideloadingType= 0;
|
||
// this.visitStateIndex = type;
|
||
if(this.visitTj[index].name == "合计"){
|
||
this.insideDepIndex = 0;
|
||
}else{
|
||
for(var i = 0;this.deptList.length;i++){
|
||
if(this.deptList[i] == this.visitTj[index].name){
|
||
this.insideDepIndex = i;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
this.seachInsideListStartdate = this.seachStartdate ;
|
||
this.seachInsideListEnddate = this.seachEnddate,
|
||
this.getInsideMsgList(this.deptList[this.insideDepIndex]);
|
||
|
||
},
|
||
bindDateChange: function(e) {
|
||
this.seachStartdate = e.target.value
|
||
},
|
||
seachEnddateChange: function(e) {
|
||
this.seachEnddate = e.target.value
|
||
},
|
||
//统计明细页面方法
|
||
searchVisitList(){
|
||
this.page=1;
|
||
this.loadingType = 0;
|
||
console.log(this.seachStartdate+"--------"+this.seachEnddate);
|
||
if(this.visitState[this.visitStateIndex] == "全部"){
|
||
this.visitStateIndex = 0;
|
||
}else if(this.visitState[this.visitStateIndex] == "已授权"){
|
||
this.visitStateIndex = 1;
|
||
}else if(this.visitState[this.visitStateIndex] == "未授权"){
|
||
this.visitStateIndex = 2;
|
||
}
|
||
var oDate1 = new Date(this.seachListStartdate);
|
||
var oDate2 = new Date(this.seachListEnddate);
|
||
if(oDate1 > oDate2){
|
||
alertTip('开始时间需大于结束时间!');
|
||
} else {
|
||
this.getVisitMsgList(this.deptList[this.RersonIndex],this.visitStateIndex);
|
||
}
|
||
|
||
},
|
||
getVisitMsgList(dep,type){
|
||
let data = {
|
||
method: greenVisitorStatisticsDetailed,
|
||
data: {"page":this.page,
|
||
"startDate":this.seachListStartdate,
|
||
"endDate":this.seachListEnddate,
|
||
"dep":dep,
|
||
"userId":this.userId,
|
||
"type":type}
|
||
};
|
||
callbackRequest(data).then(res => {
|
||
if (res.data.returnCode == 1) {
|
||
if(this.page == 1){
|
||
this.visitlist = res.data.returnData;
|
||
}else {
|
||
if(res.data.returnData.length > 0){
|
||
this.visitlist = [...this.visitlist,...res.data.returnData];
|
||
this.loadingType = 0;
|
||
}else {
|
||
this.loadingType = 2;
|
||
}
|
||
}
|
||
|
||
}
|
||
});
|
||
},
|
||
getHealthyList(){
|
||
var self = this;
|
||
let data = {
|
||
method: getHealthyList,
|
||
data: {
|
||
"userId":this.userId
|
||
}
|
||
};
|
||
callbackRequest(data).then(res => {
|
||
if (res.data.returnCode == 1) {
|
||
console.log(res.data.returnData);
|
||
self.visitTj = res.data.returnData.list;
|
||
self.tmpV = res.data.returnData.tmpV;
|
||
let LineA= res.data.returnData.categoriesmap;
|
||
|
||
console.log("LineA====="+ LineA);
|
||
|
||
// series: [{
|
||
// name: '体温',
|
||
// data: [36.5,36.3,36.2,36.4, 36.2, 36.3, 36.4],
|
||
// color: 'green'
|
||
// }]};
|
||
// //这里我后台返回的是数组，所以用等于，如果您后台返回的是单条数据，需要push进去
|
||
|
||
_self.showLineA("canvasLineA",LineA);
|
||
}
|
||
});
|
||
},
|
||
|
||
coughradioChange: function(e) {
|
||
this.cough = e.target.value;
|
||
},
|
||
weakradioChange: function(e) {
|
||
this.weak = e.target.value;
|
||
},
|
||
breatheradioChange: function(e) {
|
||
this.breathe = e.target.value;
|
||
},
|
||
epidemicradioChange: function(e) {
|
||
this.epidemic = e.target.value;
|
||
},
|
||
overseasMsgDateChange: function(e) {
|
||
this.overseas = e.target.value
|
||
},
|
||
|
||
|
||
|
||
bindMsgDateChange: function(e) {
|
||
this.seachListStartdate = e.target.value
|
||
},
|
||
|
||
/**
|
||
* 通行记录页面方法
|
||
*/
|
||
//通行记录搜索方法
|
||
searchInsideList(){
|
||
this.insideloadingType= 0;
|
||
this.insidepage=1;
|
||
this.currentTabIndex = 2;
|
||
var oDate1 = new Date(this.seachInsideListStartdate);
|
||
var oDate2 = new Date(this.seachInsideListEnddate);
|
||
if(oDate1 > oDate2){
|
||
alertTip('开始时间需大于结束时间!');
|
||
} else {
|
||
this.getInsideMsgList(this.deptList[this.insideDepIndex]);
|
||
}
|
||
|
||
},
|
||
//
|
||
getInsideMsgList(depname){
|
||
let data = {
|
||
method: greenGetInsideList,
|
||
data: {"page":this.insidepage,
|
||
"startDate":this.seachInsideListStartdate,
|
||
"endDate":this.seachInsideListEnddate,
|
||
"userId":this.userId,
|
||
"dep":depname}
|
||
};
|
||
callbackRequest(data).then(res => {
|
||
if (res.data.returnCode == 1) {
|
||
if(this.insidepage == 1){
|
||
this.insideList = res.data.returnData;
|
||
}else {
|
||
if(res.data.returnData.length > 0){
|
||
this.insideList = [...this.insideList,...res.data.returnData];
|
||
this.insideloadingType = 0;
|
||
}else {
|
||
this.insideloadingType = 2;
|
||
}
|
||
}
|
||
|
||
}
|
||
});
|
||
},
|
||
seachInsideStartdateChange: function(e) {
|
||
this.seachInsideListStartdate = e.target.value
|
||
},seachInsideEnddateChange: function(e) {
|
||
this.seachInsideListEnddate = e.target.value
|
||
},
|
||
// 工具方法
|
||
getTime() {
|
||
var date1 = new Date();
|
||
var year = date1.getFullYear();
|
||
var month = date1.getMonth() + 1;
|
||
var day = date1.getDate();
|
||
var hours = date1.getHours();
|
||
var minutes = date1.getMinutes();
|
||
var seconds = date1.getSeconds();
|
||
// return year+"年"+month+"月"+day+"日"+hours+":"+minutes+":"+seconds
|
||
return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes;
|
||
},
|
||
|
||
|
||
getDay() {
|
||
var date1 = new Date();
|
||
var year = date1.getFullYear();
|
||
var month = date1.getMonth() + 1;
|
||
if(month<10){
|
||
month = "0"+month;
|
||
}
|
||
var day = date1.getDate();
|
||
// if(day<10){
|
||
// day = "0"+day;
|
||
// }
|
||
return year + '-' + month + '-' + day;
|
||
},
|
||
initData() {
|
||
|
||
},
|
||
|
||
|
||
//获取访客统计
|
||
getRerson() {
|
||
let data = {
|
||
method: greenVisitorStatistics,
|
||
data: {"userId":this.userId,
|
||
"startDate":this.seachStartdate,
|
||
"endDate":this.seachEnddate}
|
||
};
|
||
callbackRequest(data).then(res => {
|
||
if (res.data.returnCode == 1) {
|
||
this.visitTj = res.data.returnData.visitlist;
|
||
if(res.data.returnData.depList.length>0){
|
||
this.deptList = res.data.returnData.depList;
|
||
}
|
||
|
||
}
|
||
});
|
||
},
|
||
toDetail(url){
|
||
uni.navigateTo({
|
||
url
|
||
})
|
||
},
|
||
|
||
// //获取ton记录列表
|
||
// getReservationRecord() {
|
||
// let params = {
|
||
// method: getMyWashCarList,
|
||
// data: {
|
||
// pageSize: this.pageSize,
|
||
// pageNum: this.page,
|
||
// userId: this.userId
|
||
// }
|
||
// };
|
||
|
||
|
||
// },
|
||
//选择日期
|
||
switchTab(index) {
|
||
this.chooseDateIndex = index;
|
||
this.initData();
|
||
},
|
||
//选择部门
|
||
changeDepartment(e) {
|
||
this.departmentIndex = e.detail.value;
|
||
},
|
||
//选择出车事由
|
||
changeRerson(b) {
|
||
this.RersonIndex = b.detail.value;
|
||
},changeInsideRerson(b){
|
||
this.insideDepIndex = b.detail.value;
|
||
},
|
||
|
||
//选择访客状态
|
||
visitState2(b) {
|
||
this.visitStateIndex = b.detail.value;
|
||
}
|
||
},
|
||
|
||
|
||
|
||
|
||
};
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
@import '@/static/css/common.scss';
|
||
.bRed{
|
||
color:#FF0000;
|
||
}
|
||
.fs30{
|
||
font-size: 30upx;
|
||
}
|
||
.searchv{
|
||
margin-top: 0upx;
|
||
padding:20upx 0;
|
||
}
|
||
.search{
|
||
margin-top: 20upx;
|
||
display:inline-block;
|
||
background-color: #00C277;
|
||
color: #fff;
|
||
margin-left:2vh;
|
||
font-size: 2vh;
|
||
border-radius: 1vh;
|
||
padding: 1vh 2vh 1vh 2vh;
|
||
}
|
||
.timecenter{
|
||
font-size: 26upx;
|
||
margin-left: 10upx;
|
||
margin-right: 10upx;
|
||
}
|
||
.time{
|
||
margin-top: 10upx;
|
||
font-size: 28upx;
|
||
display:inline-block;
|
||
|
||
border: 1px solid #c2c2c2;
|
||
}
|
||
.time2{
|
||
font-size: 28upx;
|
||
display:inline-block;
|
||
|
||
|
||
}
|
||
.visitcon{
|
||
|
||
display:inline-block;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
|
||
}
|
||
.visitconContent{
|
||
/* text-decoration:underline; */
|
||
display:inline-block;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
|
||
}
|
||
.w55{
|
||
width: 55%;
|
||
}
|
||
|
||
.w50{
|
||
width: 50%;
|
||
}
|
||
|
||
.w40{
|
||
width: 40%;
|
||
}
|
||
|
||
.w25{
|
||
width: 25%;
|
||
}
|
||
.w10{
|
||
width: 10%;
|
||
}
|
||
.w15{
|
||
width: 15%;
|
||
}
|
||
.w20{
|
||
width: 20%;
|
||
}
|
||
.w30{
|
||
width: 30%;
|
||
}
|
||
.w35{
|
||
width: 35%;
|
||
}
|
||
.w45{
|
||
width: 45%;
|
||
}
|
||
|
||
.container{
|
||
position:relative;
|
||
overflow:hidden;
|
||
background: #f8f8f8;
|
||
min-height:100vh;
|
||
.banner-box{
|
||
width:100%;
|
||
height:240upx;
|
||
position:absolute;
|
||
top:0;
|
||
left:0;
|
||
image{
|
||
width:100%;
|
||
height:100%;
|
||
}
|
||
}
|
||
.main{
|
||
margin:172upx 40upx 0;
|
||
position:relative;
|
||
|
||
z-index:10;
|
||
|
||
.tab-box {
|
||
overflow: hidden;
|
||
border-radius: 10upx 10upx 0 0;
|
||
background: rgba(132, 149, 167, 0.8);
|
||
height: 70upx;
|
||
|
||
.tab-item {
|
||
float: left;
|
||
height: 70upx;
|
||
width: 50%;
|
||
font-size: 30upx;
|
||
color: #e5f6ff;
|
||
text-align: center;
|
||
line-height: 70upx;
|
||
}
|
||
|
||
.active_tab {
|
||
background: #fff;
|
||
color: #333;
|
||
border-radius: 10upx 10upx 0 0;
|
||
font-weight: bold;
|
||
}
|
||
}
|
||
.form-box{
|
||
padding:20upx 30upx 0upx;
|
||
margin-bottom: 20upx;
|
||
background: #fff;
|
||
.form-item{
|
||
overflow:hidden;
|
||
border-bottom:1px solid #eee;
|
||
padding:30upx 0;
|
||
.label{
|
||
float:left;
|
||
width:150upx;
|
||
font-size:28upx;
|
||
color:#333;
|
||
font-weight:bold;
|
||
line-height:50upx;
|
||
}
|
||
.ipt-box{
|
||
margin-left:160upx;
|
||
input{
|
||
width:100%;
|
||
height:50upx;
|
||
line-height:50upx;
|
||
font-size:26upx;
|
||
color:#666;
|
||
}
|
||
.pic{
|
||
width:60upx;
|
||
height:60upx;
|
||
line-height: 80upx;
|
||
}
|
||
}
|
||
.select{
|
||
.arrow{
|
||
float:right;
|
||
width:16upx;
|
||
height:29upx;
|
||
margin-top:10upx;
|
||
}
|
||
input{
|
||
width:70%;
|
||
}
|
||
}
|
||
.jian{
|
||
width: 50upx;
|
||
height:50upx;
|
||
margin-left: 280upx;
|
||
}
|
||
.select {
|
||
.arrow {
|
||
float: right;
|
||
width: 16upx;
|
||
height: 29upx;
|
||
margin-top: 10upx;
|
||
}
|
||
|
||
.picker {
|
||
height: 50upx;
|
||
line-height: 50upx;
|
||
font-size: 26upx;
|
||
color: #666;
|
||
}
|
||
}
|
||
}
|
||
.sure-btn{
|
||
width:100%;
|
||
height:80upx;
|
||
font-size:28upx;
|
||
color:#fff;
|
||
text-align:center;
|
||
line-height:80upx;
|
||
border-radius:8upx;
|
||
background: #0066CC;
|
||
background:linear-gradient(to right, #ffc200,#ff9000);/*设置按钮为渐变颜色*/
|
||
margin-top:50upx;
|
||
}
|
||
}
|
||
.list-box{
|
||
.list-item{
|
||
background: #fff;
|
||
margin-bottom:10upx;
|
||
.title{
|
||
border-bottom:1px solid #eee;
|
||
padding:20upx 10upx;
|
||
overflow:hidden;
|
||
line-height:40upx;
|
||
.line{
|
||
display:inline-block;
|
||
width:10upx;
|
||
height:32upx;
|
||
background: $assistColor;
|
||
margin-top:4upx;
|
||
}
|
||
.text{
|
||
display:inline-block;
|
||
font-size:28upx;
|
||
color:#444;
|
||
font-weight:bold;
|
||
margin-left:10upx;
|
||
vertical-align:top;
|
||
}
|
||
.status{
|
||
font-size:26upx;
|
||
color:$assistColor;
|
||
float:right;
|
||
}
|
||
.status1{
|
||
font-size:26upx;
|
||
color:#5063c3;
|
||
float:right;
|
||
}
|
||
.status2{
|
||
font-size:26upx;
|
||
color:red;
|
||
float:right;
|
||
}
|
||
}
|
||
.content{
|
||
padding:10upx 20upx;
|
||
// padding:10upx 10upx 60upx 10upx;
|
||
.info-item{
|
||
overflow: hidden;
|
||
padding-bottom:10upx;
|
||
.fl-text{
|
||
float:left;
|
||
font-size:26upx;
|
||
color:#444;
|
||
font-weight:bold;
|
||
line-height:40upx;
|
||
}
|
||
.fr-text{
|
||
float:right;
|
||
font-size:26upx;
|
||
color:#666;
|
||
line-height:40upx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.comment-btn {
|
||
float: right;
|
||
font-size: 24upx;
|
||
border-radius: 10upx;
|
||
color: #fff;
|
||
line-height: 50upx;
|
||
text-align: center;
|
||
min-width: 140upx;
|
||
background-color: #00c277;
|
||
}
|
||
|
||
|
||
}
|
||
|
||
/*样式的width和height一定要与定义的cWidth和cHeight相对应*/
|
||
.qiun-charts {
|
||
width: 670upx;
|
||
height: 500upx;
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
.charts {
|
||
width: 670upx;
|
||
height: 500upx;
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
}
|
||
}
|
||
</style>
|