13 changed files with 549 additions and 91 deletions
-
2common/js/mixins.js
-
107common/js/qqLatLng.js
-
15components/UserTab/UserTab.vue
-
5config/api.js
-
28manifest.json
-
9pages.json
-
6pages/login/login.vue
-
21pages/tabbar/mine/index.vue
-
83pages/tabbar/student/comp/subject1Student.vue
-
42pages/tabbar/student/index.vue
-
137pages/userCenter/scanCode/scanCodeSubjiect1.vue
-
2pages/userCenter/schoolSite/schoolSite.vue
-
183store/modules/user.js
@ -0,0 +1,107 @@ |
|||||
|
var KJTencentLocation = uni.requireNativePlugin("KJ-TencentLocation"); |
||||
|
|
||||
|
var kic = { |
||||
|
"apiKey": "JTOBZ-KLLKQ-S325W-25JZC-JLHEV-WNF5J", //ios才有效，andorid的在App原生插件配置里设置BPMBZ-VSKE3-MC23F-O3KZO-AZGI7-PXFJI
|
||||
|
"deviceID": "oaid" //andorid必须设置，默认使用oaid，ios无需设置
|
||||
|
} |
||||
|
// 获取系统信息
|
||||
|
const systemInfo = uni.getSystemInfoSync(); |
||||
|
if (systemInfo.platform === 'ios') { // 如果是 iOS 平台
|
||||
|
|
||||
|
KJTencentLocation.setUserAgreePrivacy({"isAgree": true}); |
||||
|
KJTencentLocation.getLocationAuthorizationStatus((res) => { |
||||
|
console.log("getLocationAuthorizationStatus:" + JSON.stringify(res)); |
||||
|
/** |
||||
|
* status - 权限状态 0-还没决定 1-受限制 2-拒绝 3、4、5-已授权 |
||||
|
* */ |
||||
|
}); |
||||
|
KJTencentLocation.requestLocationAuthorization((res) => { |
||||
|
console.log("requestLocationAuthorization:" + JSON.stringify(res)); |
||||
|
/** |
||||
|
* status - 权限状态 0-还没决定 1-受限制 2-拒绝 3、4、5-已授权 |
||||
|
* */ |
||||
|
}); |
||||
|
delete kic.deviceID |
||||
|
} |
||||
|
KJTencentLocation.init(kic); |
||||
|
|
||||
|
|
||||
|
|
||||
|
var dic = { |
||||
|
"coordinateType": "GCJ02", //设置坐标系 GCJ02(火星坐标，即国测局坐标) WGS84(地球坐标，注：如果是海外，无论设置的是火星坐标还是地球坐标，返回的都是地球坐标)
|
||||
|
"requestLevel": 4, //请求等级 0(包含经纬度) 1(包含经纬度, 位置名称, 位置地址) 3(包含经纬度，位置所处的中国大陆行政区划) 4(包含经纬度，位置所处的中国大陆行政区划及周边POI列表)
|
||||
|
/**以下andorid有效**/ |
||||
|
"mockEnable": false, //是否允许mockGps数据 设置为true后将不对mockGps进行过滤,是否允许应用对GPS进行模拟
|
||||
|
"systemCacheEnable": false, //是否允许在定位失败情况下返回系统缓存位置
|
||||
|
//"deviceID":"xxx", //设备id
|
||||
|
"userAgreePrivacy": true, //设置用户是否同意隐私协议政策
|
||||
|
"allowCache": true, //是否允许使用缓存
|
||||
|
"allowDirection": true, //是否允许使用设备传感器获取方向
|
||||
|
"allowGPS": true, //是否允许使用GPS进行定位
|
||||
|
"gnssSource": 20, //设置优先卫星定位信号来源 改设置仅对连续定位生效,20(GPS) 21(北斗)
|
||||
|
"gpsFirst": false, //首次定位是否等待卫星定位结果，默认为false 当设置为true时，首次定位会等待卫星定位结果，默认等待时间为30s，超时将返回网络定位结果
|
||||
|
"gpsFirstTimeOut": 10000, //卫星定位优先时，等待卫星定位结果对的超时时间，单位: ms, 最多等待60s.
|
||||
|
"indoorLocationMode": true, //启动室内定位
|
||||
|
"interval": 5000, //定位周期(位置监听器回调周期), 单位为 ms (毫秒).
|
||||
|
"locMode": 10, //定位模式 10(高精度定位模式，将同时使用网络定位和卫星定位，优先返回精度高的定位) 11(仅网络定位模式，将不启动gps定位，只使用网络定位，可以减少耗电量，但定位精度有所降低) 12(仅GPS定位模式)
|
||||
|
// "phoneNumber": "111",
|
||||
|
// "qq": "xxx",
|
||||
|
// "smallAppKey": "xxx", //设置分渠道的key编码号，例如小程序里面区分业务.
|
||||
|
/**以下ios有效**/ |
||||
|
"distanceFilter": 0, //设置定位的最小更新距离
|
||||
|
"desiredAccuracy": "best", //设置定位精度 bestForNavigation best nearestTenMeters hundredMeters kilometer threeKilometers
|
||||
|
"pausesLocationUpdatesAutomatically": false, //定设置位是否会被系统自动暂停
|
||||
|
"allowsBackgroundLocationUpdates": true, //设置是否允许后台定位 为true 需要配置manifest.json->App常用其它设置->后台运行能力 location
|
||||
|
"activityType": 1, //设置用户的活动类型 1(未知的出行活动类型) 2(位置管理器专门为出行活动为汽车的时候导航) 3(位置管理器专门为步行、跑步、骑自行车等健身时，提供导航) 4(位置管理器专门为其他类型的大型交通工具导航，而不是汽车导航)
|
||||
|
//"headingFilter": 10, //设置当朝向改变时，每隔多少度调用一次
|
||||
|
"headingOrientation": 0, //设置设备当前的朝向 0(未知) 1(竖屏) 2(竖屏正方向，颠倒) 3(屏左方向，主按钮在右侧) 4(横屏右方向，主按钮在左侧) 5(设备正面朝上) 6(设备正面朝下)
|
||||
|
"poiUpdateInterval": 10, //指定POI的更新间隔 单位秒
|
||||
|
"enableAntiMockLocation": true //是否允许开启反作弊检查
|
||||
|
} |
||||
|
|
||||
|
KJTencentLocation.setLocationManagerInfo(dic) |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
export function requestSingleFreshLocation() { |
||||
|
|
||||
|
|
||||
|
return new Promise((resolve, reject) => { |
||||
|
console.log(KJTencentLocation.requestSingleFreshLocation) |
||||
|
KJTencentLocation.requestSingleFreshLocation((res) => { |
||||
|
console.log(res) |
||||
|
if (systemInfo.platform === 'ios') { // 如果是 iOS 平台
|
||||
|
if (res.location.fakeCode != 0) { |
||||
|
uni.$u.toast('请关闭虚拟定位') |
||||
|
let obj = { |
||||
|
location: { |
||||
|
latitude: '', |
||||
|
longitude: '', |
||||
|
city: '虚拟定位' |
||||
|
} |
||||
|
} |
||||
|
resolve(obj) |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
// if(res.location.latitude==0) {
|
||||
|
// uni.showModal({
|
||||
|
// title: 'app想要获取您的定位权限',
|
||||
|
// content: '为了能够获取精确的数据，请去手机设置里手动开启app定位权限',
|
||||
|
// showCancel: false,
|
||||
|
// confirmText: '知道了，关闭弹窗',
|
||||
|
// success: function (res) {
|
||||
|
// if (res.confirm) {
|
||||
|
// console.log('用户点击确定');
|
||||
|
// } else if (res.cancel) {
|
||||
|
// console.log('用户点击取消');
|
||||
|
// }
|
||||
|
// }
|
||||
|
// });
|
||||
|
// }
|
||||
|
resolve(res) |
||||
|
}); |
||||
|
}) |
||||
|
} |
||||
|
|
||||
5
config/api.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,83 @@ |
|||||
|
<template> |
||||
|
<view class="subject1"> |
||||
|
<view class="name">张小雨 <text>18267103167</text></view> |
||||
|
<view class="row"> |
||||
|
<view class="timeItem"> |
||||
|
<view class="flex "> |
||||
|
<view class="time">120</view> |
||||
|
<view class="uni">分钟</view> |
||||
|
</view> |
||||
|
<view class="lab">已完成学时</view> |
||||
|
</view> |
||||
|
<view class="timeItem"> |
||||
|
<view class="flex "> |
||||
|
<view class="time ">120</view> |
||||
|
<view class="uni">分钟</view> |
||||
|
</view> |
||||
|
<view class="lab">应完成学时</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.subject1 { |
||||
|
border-top: 1rpx solid #EDEDED; |
||||
|
background-color: #fff; |
||||
|
border-radius: 20rpx; |
||||
|
padding: 30rpx; |
||||
|
|
||||
|
} |
||||
|
.name { |
||||
|
font-size: 30rpx; |
||||
|
font-weight: 600; |
||||
|
color: #333; |
||||
|
margin-bottom: 24rpx; |
||||
|
text { |
||||
|
margin-left: 20rpx; |
||||
|
} |
||||
|
} |
||||
|
.row { |
||||
|
display: flex; |
||||
|
&:first-child { |
||||
|
border: none; |
||||
|
} |
||||
|
|
||||
|
.timeItem { |
||||
|
border-left: 1px solid #EDEDED; |
||||
|
flex: 1; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
color: #999; |
||||
|
font-size: 24rpx; |
||||
|
padding: 20rpx 0; |
||||
|
|
||||
|
&:first-child { |
||||
|
border: none; |
||||
|
} |
||||
|
|
||||
|
.flex { |
||||
|
justify-content: center; |
||||
|
|
||||
|
.time { |
||||
|
font-size: 36rpx; |
||||
|
color: #333; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
|
||||
|
.uni { |
||||
|
margin-top: -6rpx; |
||||
|
margin-left: 4rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.lab { |
||||
|
text-align: center; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,137 @@ |
|||||
|
<template> |
||||
|
<view class="pageBgImg"> |
||||
|
<topNavbar title="个人二维码"></topNavbar> |
||||
|
<view class="pad"> |
||||
|
<view class="tabs"> |
||||
|
<view class="tab" v-for="(item,index) in tabArr" :key="index" :class="{active: currentType==item.id}" |
||||
|
@click="changeTab(item)">{{ item.text }}</view> |
||||
|
</view> |
||||
|
<view class="card"> |
||||
|
<view class="refresh_row" @click="refresh"> |
||||
|
<view class="text">刷新二维码</view> |
||||
|
<view class="icon"> |
||||
|
<image src="@/static/images/index/ic_shuaxin.png" mode=""></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="qcode"> |
||||
|
<image :src="ossUrl" mode="widthFix" style="width: 500rpx;height: 500rpx;" v-if="ossUrl"></image> |
||||
|
<view class="txt" v-else>正在加载~</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- <view class="card"> |
||||
|
<user-info/> |
||||
|
</view> --> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { getQR } from '@/config/api.js' |
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
timer: null, |
||||
|
ossUrl: '', |
||||
|
currentType: 4, |
||||
|
tabArr: [ |
||||
|
{text: '签到码', id: 4}, |
||||
|
{text: '签退码', id: 5}, |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
onShow() { |
||||
|
this.refresh() |
||||
|
// this.test() |
||||
|
}, |
||||
|
onLoad() { |
||||
|
this.$store.dispatch('getCity') |
||||
|
}, |
||||
|
onPullDownRefresh() { |
||||
|
this.refresh() |
||||
|
}, |
||||
|
onHide() { |
||||
|
console.log('清除了') |
||||
|
clearTimeout(this.timer) |
||||
|
this.timer = null |
||||
|
}, |
||||
|
beforeDestroy() { |
||||
|
clearTimeout(this.timer) |
||||
|
this.timer = null |
||||
|
// this.refresh = null |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
changeTab(item) { |
||||
|
if(item.id==this.currentType) return |
||||
|
this.currentType = item.id |
||||
|
this.refresh() |
||||
|
}, |
||||
|
async refresh() { |
||||
|
this.ossUrl = '' |
||||
|
if(!this.vuex_cityInfo.lng) return this.$u.toast('没有获取到您的定位信息') |
||||
|
const {data: res} = await getQR({type: this.currentType, lng: this.vuex_cityInfo.lng, lat: this.vuex_cityInfo.lat}) |
||||
|
// const {data: res} = await getQR({type: this.currentType, lng: '120.214842', lat: '30.342599'}) |
||||
|
this.ossUrl = res.ossUrl |
||||
|
clearTimeout(this.timer) |
||||
|
if(this.currentType!=1) { |
||||
|
this.timer = setTimeout(()=>{ |
||||
|
console.log('刷新了') |
||||
|
this.refresh() |
||||
|
},1000*20) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.qcode { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
padding: 20rpx 0; |
||||
|
height: 500rpx; |
||||
|
} |
||||
|
.card { |
||||
|
padding: 28rpx; |
||||
|
margin-bottom: 24rpx; |
||||
|
} |
||||
|
.refresh_row { |
||||
|
display: flex; |
||||
|
justify-content: flex-end; |
||||
|
align-items: center; |
||||
|
padding: 10rpx 0; |
||||
|
.text { |
||||
|
color: $themC; |
||||
|
font-size: 28rpx; |
||||
|
} |
||||
|
.icon { |
||||
|
width: 24rpx; |
||||
|
height: 24rpx; |
||||
|
margin-left: 6rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.tabs { |
||||
|
height: 72rpx; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 16rpx; |
||||
|
display: flex; |
||||
|
line-height: 72rpx; |
||||
|
text-align: center; |
||||
|
color: #ADADAD; |
||||
|
margin: 24rpx 0; |
||||
|
.tab { |
||||
|
flex: 1; |
||||
|
text-align: center; |
||||
|
|
||||
|
&.active { |
||||
|
background: rgba(25, 137, 250, 0.1); |
||||
|
border: 2rpx solid #1989FA; |
||||
|
color: $themC; |
||||
|
border-radius: 16rpx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue