|
|
|
@ -18,8 +18,8 @@ |
|
|
|
</view> |
|
|
|
<view class="map"> |
|
|
|
<map style="width: 100%; height: 100%" |
|
|
|
:latitude="latitude" |
|
|
|
:longitude="longitude" |
|
|
|
:latitude="position.latitude" |
|
|
|
:longitude="position.longitude" |
|
|
|
:markers="covers" :scale="13"> |
|
|
|
</map> |
|
|
|
</view> |
|
|
|
@ -27,8 +27,11 @@ |
|
|
|
|
|
|
|
<!-- 打卡按钮 --> |
|
|
|
<view class="punch-card"> |
|
|
|
<view @click="toClock" class="circle"> |
|
|
|
<view class="title">拍照打卡</view> |
|
|
|
<view @click="toClock" class="circle" |
|
|
|
:style="{background : ['#aaa', '', '#f40'][position.status]}"> |
|
|
|
<view class="title" v-if="position.status == 0">定位中...</view> |
|
|
|
<view class="title" v-else-if="position.status == 2">定位失败</view> |
|
|
|
<view class="title" v-else>拍照打卡</view> |
|
|
|
<view class="time">{{ date.format('YYYY-MM-DD HH:mm:ss') }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -71,11 +74,11 @@ |
|
|
|
longitude: 116.39742, |
|
|
|
covers: [], |
|
|
|
inter : null, |
|
|
|
date : this.$dayjs() |
|
|
|
date : this.$dayjs(), |
|
|
|
} |
|
|
|
}, |
|
|
|
computed : { |
|
|
|
...mapState(['teamList', 'userInfo']), |
|
|
|
...mapState(['teamList', 'userInfo', 'position']), |
|
|
|
}, |
|
|
|
onLoad() { |
|
|
|
this.inter = setInterval(() => { |
|
|
|
@ -88,6 +91,7 @@ |
|
|
|
onShow() { |
|
|
|
this.getLocation() |
|
|
|
this.$store.commit('getUserInfo') |
|
|
|
this.$store.commit('getLocation') |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 跳转签到记录 |
|
|
|
@ -104,14 +108,30 @@ |
|
|
|
|
|
|
|
toClock(){ |
|
|
|
|
|
|
|
if(this.position.status == 0){ |
|
|
|
uni.showToast({ |
|
|
|
title: '正在定位中，请稍后！', |
|
|
|
icon : 'none' |
|
|
|
}) |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
if(this.position.status == 0){ |
|
|
|
uni.showToast({ |
|
|
|
title: '定位失败，请检查当前定位是否开启！', |
|
|
|
icon : 'none' |
|
|
|
}) |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
// uni.navigateTo({ |
|
|
|
// url: "/pages/subPack/human/human" |
|
|
|
// }) |
|
|
|
|
|
|
|
// 检查当前是否在打卡时间段内 |
|
|
|
this.$api('clockTime', { |
|
|
|
lon : this.longitude, |
|
|
|
lat : this.latitude |
|
|
|
lon : this.position.longitude, |
|
|
|
lat : this.position.latitude, |
|
|
|
}, res => { |
|
|
|
//打卡(跳转人脸识别) |
|
|
|
if(res.code == 200){ |
|
|
|
@ -126,9 +146,13 @@ |
|
|
|
//获取用户位置 |
|
|
|
getLocation() { |
|
|
|
let self = this; |
|
|
|
// uni.showLoading({ |
|
|
|
// title: '定位中...' |
|
|
|
// }) |
|
|
|
uni.getLocation({ |
|
|
|
type: 'gcj02', |
|
|
|
success: function(res) { |
|
|
|
// uni.hideLoading() |
|
|
|
self.longitude = res.longitude; |
|
|
|
self.latitude = res.latitude; |
|
|
|
// self.covers.push({ |
|
|
|
|
