594 lines
14 KiB
JavaScript
594 lines
14 KiB
JavaScript
|
import * as echarts from '../../ec-canvas/echarts';
|
|||
|
|
|
|||
|
|
let symbolImg = '../../images/circle.png';
|
|||
|
|
let App = getApp();
|
|||
|
|
// 设置数据，可以增加更多的数据参数
|
|||
|
|
function setOption(chart, scatterData, mapData, type) {
|
|||
|
|
const option = {
|
|||
|
|
layoutCenter: ['50%', '30%'],
|
|||
|
|
layoutSize: '100%',
|
|||
|
|
series: [{
|
|||
|
|
type: 'map',
|
|||
|
|
map: type,
|
|||
|
|
aspectScale: 0.75,
|
|||
|
|
roam: 'scale',
|
|||
|
|
zoom: 0.4,
|
|||
|
|
scaleLimit: {
|
|||
|
|
min: 1,
|
|||
|
|
max: 2.5
|
|||
|
|
},
|
|||
|
|
itemStyle: {
|
|||
|
|
normal: {
|
|||
|
|
areaColor: 'rgba(216,216,215,0.5)',
|
|||
|
|
borderColor: '#fff',
|
|||
|
|
borderWidth: 1,
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
areaColor: null,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
fontSize: 8,
|
|||
|
|
color: '#333'
|
|||
|
|
},
|
|||
|
|
emphasis: {
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
color: '#333'
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
data: mapData,
|
|||
|
|
markPoint: {
|
|||
|
|
symbol: 'circle',
|
|||
|
|
symbolSize: 5,
|
|||
|
|
label: {
|
|||
|
|
show: true,
|
|||
|
|
fontSize: 6,
|
|||
|
|
color: '#333',
|
|||
|
|
position: 'right'
|
|||
|
|
},
|
|||
|
|
data: scatterData
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
};
|
|||
|
|
chart.setOption(option);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Page({
|
|||
|
|
data: {
|
|||
|
|
ec: {
|
|||
|
|
lazyLoad: true,
|
|||
|
|
},
|
|||
|
|
showAddMeBtn: !0,
|
|||
|
|
scrollTop: 0,
|
|||
|
|
showModal: false,
|
|||
|
|
step: 0,
|
|||
|
|
shouquan: 0,
|
|||
|
|
follow: 0,
|
|||
|
|
yunti: !0,
|
|||
|
|
sign: !0,
|
|||
|
|
indexData: {
|
|||
|
|
'dhnum': 0
|
|||
|
|
},
|
|||
|
|
scatterData: [],
|
|||
|
|
mapData: [],
|
|||
|
|
activity: [],
|
|||
|
|
show: 0,
|
|||
|
|
today: "",
|
|||
|
|
canvasShow: 0,
|
|||
|
|
map:{}
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面初次渲染完成
|
|||
|
|
*/
|
|||
|
|
onReady: function () {
|
|||
|
|
// 获取组件
|
|||
|
|
this.ecComponent = this.selectComponent('#mychart-dom-area');
|
|||
|
|
},
|
|||
|
|
getMap(){
|
|||
|
|
var that=this;
|
|||
|
|
wx.request({
|
|||
|
|
url: `https://minipro.luochunlvshi.com/map/${this.data.type}.js`,
|
|||
|
|
success: function (res) {
|
|||
|
|
console.log(res);
|
|||
|
|
that.initChart(res.data);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 初始化图表
|
|||
|
|
initChart(mapItem) {
|
|||
|
|
this.ecComponent.init((canvas, width, height, dpr) => {
|
|||
|
|
// 获取组件的 canvas、width、height 后的回调函数
|
|||
|
|
// 在这里初始化图表
|
|||
|
|
const chart = echarts.init(canvas, null, {
|
|||
|
|
width: width,
|
|||
|
|
height: height,
|
|||
|
|
devicePixelRatio: dpr, // new
|
|||
|
|
});
|
|||
|
|
console.log(this.data.mapData);
|
|||
|
|
console.log(this.data.type);
|
|||
|
|
// 注册中国地图数据包
|
|||
|
|
echarts.registerMap(this.data.type, mapItem);
|
|||
|
|
// 设置数据
|
|||
|
|
setOption(chart, this.data.scatterData, this.data.mapData, this.data.type);
|
|||
|
|
|
|||
|
|
// 将图表实例绑定到 this 上，可以在其他成员函数（如 dispose）中访问
|
|||
|
|
this.chart = chart;
|
|||
|
|
|
|||
|
|
// 绑定点击事件
|
|||
|
|
let that = this;
|
|||
|
|
chart.on('click', function (params) {
|
|||
|
|
that.handleChartClick(params);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 注意这里一定要返回 chart 实例，否则会影响事件处理等
|
|||
|
|
return chart;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
handleChartClick(params) {
|
|||
|
|
// 可以通过参数去数据列表中获取完整数据 params.dataIndex
|
|||
|
|
console.log('chart click params:', {
|
|||
|
|
name: params.name,
|
|||
|
|
data: params.data,
|
|||
|
|
dataIndex: params.dataIndex,
|
|||
|
|
seriesIndex: params.seriesIndex,
|
|||
|
|
value: params.value
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
onLoad: function () {
|
|||
|
|
// 设置页面标题
|
|||
|
|
App.setTitle();
|
|||
|
|
// 设置navbar标题、颜色
|
|||
|
|
App.setNavigationBar();
|
|||
|
|
let user_id = wx.getStorageSync('user_id');
|
|||
|
|
|
|||
|
|
if (user_id) {
|
|||
|
|
this.Updatestep();
|
|||
|
|
this.getData();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onShow: function () {
|
|||
|
|
|
|||
|
|
this.setData({
|
|||
|
|
showAddMeBtn: !0
|
|||
|
|
})
|
|||
|
|
let user_id = wx.getStorageSync('user_id');
|
|||
|
|
if (!user_id) {
|
|||
|
|
this.setData({
|
|||
|
|
showModal: true
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
goTop: function (t) {
|
|||
|
|
this.setData({
|
|||
|
|
scrollTop: 0
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 获取首页数据
|
|||
|
|
*/
|
|||
|
|
getIndexData: function () {
|
|||
|
|
let _this = this;
|
|||
|
|
App._get('index/page', {
|
|||
|
|
user_id: wx.getStorageSync('user_id')
|
|||
|
|
}, function (result) {
|
|||
|
|
_this.setData(result.data);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
onClickAddToMinProgramCloseBtn: function () {
|
|||
|
|
wx.setStorageSync("showAddMeFlag" + this.data.time, !0), this.setData({
|
|||
|
|
showAddMeBtn: !1
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
onShareAppMessage: function () {
|
|||
|
|
return {
|
|||
|
|
title: "科大工会健步走小程序",
|
|||
|
|
desc: "",
|
|||
|
|
path: "/pages/index/index"
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
goDuiHuan: async function (e) {
|
|||
|
|
let _this = this;
|
|||
|
|
let step = this.data.step;
|
|||
|
|
let time = parseInt(new Date().getTime() / 1000);
|
|||
|
|
console.log('step', this.data.step);
|
|||
|
|
if (this.data.step == 0) {
|
|||
|
|
var a = await this.getyundong();
|
|||
|
|
console.log('运动授权结果:', a);
|
|||
|
|
if (a === 1) {
|
|||
|
|
// 授权成功后，立即更新步数
|
|||
|
|
this.Updatestep();
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (time < _this.data.activity.starttime) {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '活动未开始',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (time > _this.data.activity.endtime) {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '活动已结束',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
var user_id = wx.getStorageSync('user_id');
|
|||
|
|
App._post_form('footchina/goDuiHuan', {
|
|||
|
|
user_id: user_id,
|
|||
|
|
step: step
|
|||
|
|
}, function (result) {
|
|||
|
|
var rdata = result.data.data;
|
|||
|
|
console.log('goDuiHuan', rdata);
|
|||
|
|
if (result.data.code == -1) {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '用户信息失效...',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
})
|
|||
|
|
_this.setData({
|
|||
|
|
showModal: true
|
|||
|
|
})
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (rdata.status) {
|
|||
|
|
// let _this = this;
|
|||
|
|
_this.setData({
|
|||
|
|
show: 1,
|
|||
|
|
today: new Date().toISOString().slice(0, 10)
|
|||
|
|
})
|
|||
|
|
console.log('today', _this.data.today);
|
|||
|
|
// wx.showToast({
|
|||
|
|
// title: '点亮成功',
|
|||
|
|
// icon: 'none',
|
|||
|
|
// duration: 2000
|
|||
|
|
// })
|
|||
|
|
_this.getData();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getData: function (e) {
|
|||
|
|
let _this = this;
|
|||
|
|
App._post_form('footchina/getData', {
|
|||
|
|
user_id: wx.getStorageSync('user_id'),
|
|||
|
|
}, (result) => {
|
|||
|
|
var rdata = result.data.data;
|
|||
|
|
console.log(rdata);
|
|||
|
|
_this.setData({
|
|||
|
|
indexData: rdata,
|
|||
|
|
scatterData: rdata.citySub,
|
|||
|
|
mapData: rdata.provinceAreaColor,
|
|||
|
|
type: rdata.type,
|
|||
|
|
activity: rdata.activity,
|
|||
|
|
});
|
|||
|
|
console.log(rdata.provinceAreaColor);
|
|||
|
|
console.log(_this.data.mapData);
|
|||
|
|
_this.getMap();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
goDuiHuanDis: function () {
|
|||
|
|
let time = parseInt(new Date().getTime() / 1000);
|
|||
|
|
if (time < this.data.activity.starttime) {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '活动未开始',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (this.data.step < this.data.indexData.step) {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '步数未达标,暂不能点亮城市',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (time > this.data.activity.endtime) {
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '活动已结束',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
if (this.data.indexData.dhnum == 1) {
|
|||
|
|
// let _this = this;
|
|||
|
|
// _this.setData({
|
|||
|
|
// show:1
|
|||
|
|
// })
|
|||
|
|
wx.showToast({
|
|||
|
|
title: '今日已点亮',
|
|||
|
|
icon: 'none',
|
|||
|
|
duration: 2000
|
|||
|
|
})
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
guanzhu: function () {
|
|||
|
|
this.data.follow;
|
|||
|
|
this.setData({
|
|||
|
|
follow: 1
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
xiao: function () {
|
|||
|
|
let _this = this;
|
|||
|
|
wx.showModal({
|
|||
|
|
title: '提示',
|
|||
|
|
content: '确定要保存这张图片吗？',
|
|||
|
|
success: function (res) {
|
|||
|
|
if (res.confirm) {
|
|||
|
|
console.log('用户点击确定')
|
|||
|
|
wx.getImageInfo({
|
|||
|
|
src: _this.data.imageSet.index_gz_gzh,
|
|||
|
|
success: function (res) {
|
|||
|
|
console.log(res);
|
|||
|
|
var path = res.path;
|
|||
|
|
wx.saveImageToPhotosAlbum({
|
|||
|
|
filePath: path,
|
|||
|
|
success: function (res) {
|
|||
|
|
console.log('图片已保存');
|
|||
|
|
_this.data.follow;
|
|||
|
|
_this.setData({
|
|||
|
|
follow: 0
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
fail: function (res) {
|
|||
|
|
console.log('保存失败');
|
|||
|
|
_this.data.follow;
|
|||
|
|
_this.setData({
|
|||
|
|
follow: 0
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else if (res.cancel) {
|
|||
|
|
console.log('用户点击取消');
|
|||
|
|
_this.data.follow;
|
|||
|
|
_this.setData({
|
|||
|
|
follow: 0
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
bindIdCard: function (e) {
|
|||
|
|
this.setData({
|
|||
|
|
idcard: e.detail.value
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
checkIdCard: function () {
|
|||
|
|
let _this = this;
|
|||
|
|
let idCard = _this.data.idcard;
|
|||
|
|
if (idCard == undefined) {
|
|||
|
|
wx.showModal({
|
|||
|
|
title: "提示",
|
|||
|
|
content: "身份证号不能为空",
|
|||
|
|
success: function (a) {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
App.getUserInfoByIdCard(idCard, (user_id) => {
|
|||
|
|
_this.getUserProfile(user_id);
|
|||
|
|
_this.setData({
|
|||
|
|
showModal: false
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//取消登录
|
|||
|
|
loginClose: function () {
|
|||
|
|
let _this = this;
|
|||
|
|
_this.setData({
|
|||
|
|
showModal: false
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 获取用户微信信息
|
|||
|
|
*/
|
|||
|
|
getUserProfile(user_id) {
|
|||
|
|
if (!user_id) {
|
|||
|
|
let user_id = wx.getStorageSync('user_id');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
console.log('user_id', user_id);
|
|||
|
|
|
|||
|
|
const app = this
|
|||
|
|
try {
|
|||
|
|
wx.getUserProfile({
|
|||
|
|
lang: 'zh_CN',
|
|||
|
|
desc: '获取用户相关信息',
|
|||
|
|
success({
|
|||
|
|
userInfo
|
|||
|
|
}) {
|
|||
|
|
console.log('用户同意了授权')
|
|||
|
|
console.log('userInfo：', userInfo)
|
|||
|
|
App.getUserInfo(userInfo, user_id, () => {
|
|||
|
|
app.Updatestep();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
fail() {
|
|||
|
|
console.log('用户拒绝了授权--微信授权')
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
} catch (e) {
|
|||
|
|
console.log('error：', e.message)
|
|||
|
|
if (e.message === 'wx.getUserProfile is not a function') {
|
|||
|
|
App.showError('wx.getUserProfile 接口无法使用，请升级到最新版微信')
|
|||
|
|
} else {
|
|||
|
|
App.showError(error.message)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
getyundong() {
|
|||
|
|
return new Promise((resolve, reject) => {
|
|||
|
|
// 可以通过 wx.getSetting 先查询一下用户是否授权了 "scope.werun" 这个 scope
|
|||
|
|
wx.getSetting({
|
|||
|
|
success(res) {
|
|||
|
|
if (!res.authSetting['scope.werun']) {
|
|||
|
|
wx.openSetting({
|
|||
|
|
success: (authResult) => {
|
|||
|
|
if (authResult.authSetting['scope.werun']) {
|
|||
|
|
resolve(1);
|
|||
|
|
} else {
|
|||
|
|
resolve(0);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
fail: (err) => {
|
|||
|
|
console.error('打开设置页失败', err);
|
|||
|
|
reject(err);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
resolve(1);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
fail: (err) => {
|
|||
|
|
console.error('wx.getSetting失败', err);
|
|||
|
|
reject(err);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
// 读取用户的微信运动数据
|
|||
|
|
Updatestep: function (t) {
|
|||
|
|
var e = this;
|
|||
|
|
wx.login({
|
|||
|
|
success: function (t) {
|
|||
|
|
var a = t.code;
|
|||
|
|
e.setData({
|
|||
|
|
code: a
|
|||
|
|
}), wx.getWeRunData({
|
|||
|
|
success: function (t) {
|
|||
|
|
var a = t.encryptedData,
|
|||
|
|
o = t.iv;
|
|||
|
|
App._post_form('user/getStep', {
|
|||
|
|
wRunEncryptedData: a,
|
|||
|
|
iv: o,
|
|||
|
|
code: e.data.code,
|
|||
|
|
user_id: wx.getStorageSync('user_id')
|
|||
|
|
}, result => {
|
|||
|
|
e.getIndexData();
|
|||
|
|
//wx.setStorageSync('step', result.data.data);
|
|||
|
|
e.setData({
|
|||
|
|
step: result.data.data
|
|||
|
|
})
|
|||
|
|
e.getData();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
fail() {
|
|||
|
|
console.log('用户拒绝了授权--微信运动')
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
guanbil: function () {
|
|||
|
|
var a = this.data.yunti;
|
|||
|
|
this.setData({
|
|||
|
|
yunti: !a
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
goInfo: function () {
|
|||
|
|
wx.navigateTo({
|
|||
|
|
url: "/pages/rank/address"
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
goRili: function () {},
|
|||
|
|
goRili: function () {
|
|||
|
|
wx.navigateTo({
|
|||
|
|
url: '/packageB/user/sign'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* 拒绝授权
|
|||
|
|
*/
|
|||
|
|
onNotLogin() {
|
|||
|
|
let _this = this;
|
|||
|
|
// 跳转回原页面
|
|||
|
|
_this.onNavigateBack();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 授权成功 跳转回原页面
|
|||
|
|
*/
|
|||
|
|
onNavigateBack() {
|
|||
|
|
wx.navigateBack();
|
|||
|
|
},
|
|||
|
|
overdue: function () {
|
|||
|
|
var t = this;
|
|||
|
|
wx.getSetting({
|
|||
|
|
success: function (a) {
|
|||
|
|
if (a.authSetting["scope.userInfo"]) wx.checkSession({
|
|||
|
|
success: function (a) {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
fail: function (a) {
|
|||
|
|
t.data.shouquan;
|
|||
|
|
t.setData({
|
|||
|
|
shouquan: 1
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
else {
|
|||
|
|
t.data.shouquan;
|
|||
|
|
t.setData({
|
|||
|
|
shouquan: 1
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
onPullDownRefresh: function () {
|
|||
|
|
let user_id = wx.getStorageSync('user_id');
|
|||
|
|
|
|||
|
|
if (user_id) {
|
|||
|
|
this.Updatestep();
|
|||
|
|
}
|
|||
|
|
wx.stopPullDownRefresh()
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/** 点亮成功 */
|
|||
|
|
goSuccess() {
|
|||
|
|
console.log('进来了', 111);
|
|||
|
|
let _this = this;
|
|||
|
|
_this.setData({
|
|||
|
|
show: 1,
|
|||
|
|
today: new Date().toISOString().slice(0, 10)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
//关闭签到弹窗
|
|||
|
|
guanbilsig: function () {
|
|||
|
|
let _this = this;
|
|||
|
|
_this.setData({
|
|||
|
|
show: 0
|
|||
|
|
})
|
|||
|
|
// wx.navigateTo({
|
|||
|
|
// url: "/pages/rank/address"
|
|||
|
|
// });
|
|||
|
|
// var a = this.data.sign;
|
|||
|
|
// this.setData({
|
|||
|
|
// sign: !a
|
|||
|
|
// });
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
});
|