|
|
// pages/shouye/shouye.js
|
|
|
// var searchData =require('../../mapWeather/search/search.js')
|
|
|
// 此处的变量时search功能所需的
|
|
|
var bmap = require('../../utils/bmap-wx.min.js');
|
|
|
var app = getApp();
|
|
|
var wxMarkerData = [];
|
|
|
var searchData = {};
|
|
|
//系统此时的时间-小时
|
|
|
var timestamp = Date.parse(new Date());
|
|
|
var hover = new Date(timestamp).getHours();
|
|
|
Page({
|
|
|
|
|
|
/**
|
|
|
* 页面的初始数据
|
|
|
*/
|
|
|
data: {
|
|
|
// 首页的轮播图
|
|
|
imgUrls: [
|
|
|
"/images/shouye/lunbotu7.jpg",
|
|
|
"/images/shouye/lunbotu6.jpg",
|
|
|
"/images/shouye/lunbotu3.png",
|
|
|
"/images/shouye/lunbotu2.png",
|
|
|
],
|
|
|
indicatorDots: true, //是否显示面板指示点
|
|
|
autoplay: true, //是否自动切换
|
|
|
interval: 3000, //自动切换时间间隔
|
|
|
duration: 1000, //滑动动画时长
|
|
|
inputShowed: false,
|
|
|
inputVal: "",
|
|
|
|
|
|
// 定位的数据
|
|
|
search: {
|
|
|
markers: [],
|
|
|
latitude: '',
|
|
|
longitude: '',
|
|
|
placeData: {
|
|
|
title: ''
|
|
|
}
|
|
|
},
|
|
|
|
|
|
//背景颜色
|
|
|
pageBackgroundColor: 'transparent',
|
|
|
|
|
|
//时间天气数据
|
|
|
weatherData: '',
|
|
|
weather_data: [],
|
|
|
weatherUrl: '',
|
|
|
//电影数据
|
|
|
inThearters: [], //热映
|
|
|
comingSoon: [], //天气
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面加载
|
|
|
*/
|
|
|
onLoad: function (options) {
|
|
|
|
|
|
// canvas
|
|
|
const ctx = wx.createCanvasContext('myCanvas')
|
|
|
ctx.scale(0.7, 0.7)
|
|
|
ctx.setLineWidth(2)
|
|
|
ctx.moveTo(10, 10)
|
|
|
ctx.lineTo(20, 20)
|
|
|
ctx.lineTo(30, 10)
|
|
|
ctx.setStrokeStyle('#3E97CC')
|
|
|
ctx.stroke()
|
|
|
ctx.draw()
|
|
|
|
|
|
// 以下是页面加载时，加载定位的函数
|
|
|
var that = this;
|
|
|
var BMap = new bmap.BMapWX({
|
|
|
ak: 'zuwiVmIUj822mmW6psamM888QLz8Q5wF'
|
|
|
});
|
|
|
var fail = function (data) {
|
|
|
var place = 'search.placeData.title'
|
|
|
that.setData({
|
|
|
[place]: '所在大学'
|
|
|
})
|
|
|
};
|
|
|
var success = function (data) {
|
|
|
|
|
|
var markers = 'search.markers'
|
|
|
var latitude = 'search.latitude'
|
|
|
var longitude = 'search.longitude'
|
|
|
var place = 'search.placeData.title'
|
|
|
wxMarkerData = data.wxMarkerData;
|
|
|
that.setData({
|
|
|
[place]: '所在大学'
|
|
|
})
|
|
|
that.setData({
|
|
|
[markers]: wxMarkerData
|
|
|
});
|
|
|
|
|
|
that.setData({
|
|
|
[latitude]: wxMarkerData[0].latitude
|
|
|
});
|
|
|
that.setData({
|
|
|
[longitude]: wxMarkerData[0].longitude
|
|
|
});
|
|
|
that.setData({
|
|
|
[place]: wxMarkerData[0].title || '定位'
|
|
|
})
|
|
|
|
|
|
}
|
|
|
BMap.search({
|
|
|
"query": '大学学院',
|
|
|
fail: fail,
|
|
|
success: success,
|
|
|
iconPath: '../../images/map/marker_red.png',
|
|
|
iconTapPath: '../../images/map/marker_red.png'
|
|
|
});
|
|
|
// 页面加载时，设置data数据
|
|
|
this.setData({
|
|
|
msgList: [
|
|
|
{
|
|
|
url: "url", title: "校园头条：湖科星火支教团队再出发，23名志愿者奔赴甘肃乡村！"
|
|
|
},
|
|
|
{
|
|
|
url: "url", title: "校园头条：2018年湖北省普通高校专升本湖北科技学院查分通知"
|
|
|
},
|
|
|
{ url: "url", title: "校园头条：我校成立首支无偿献血宣传志愿者服务队" }]
|
|
|
});
|
|
|
//获取实时时间天气数据
|
|
|
BMap.weather({
|
|
|
fail: function(e){
|
|
|
|
|
|
},
|
|
|
success: function(data) {
|
|
|
var weatherData = data.currentWeather[0];
|
|
|
var weather_data = data.originalData.results[0].weather_data;
|
|
|
weatherData = '城市：' + weatherData.currentCity + '\n' + 'PM2.5：' + weatherData.pm25 + '\n' + '日期：' + weatherData.date + '\n' + '温度：' + weatherData.temperature + '\n' + '天气：' + weatherData.weatherDesc + '\n' + '风力：' + weatherData.wind + '\n';
|
|
|
that.setData({
|
|
|
weatherData: weatherData,
|
|
|
weather_data: weather_data
|
|
|
});
|
|
|
if (hover > 6 && hover < 18) {
|
|
|
that.setData({
|
|
|
weatherUrl: that.data.weather_data[0].dayPictureUrl
|
|
|
})
|
|
|
} else {
|
|
|
that.setData({
|
|
|
weatherUrl: that.data.weather_data[0].nightPictureUrl
|
|
|
})
|
|
|
}
|
|
|
wx.setStorage({
|
|
|
key: 'weatherUrl',
|
|
|
data: that.weatherUrl,
|
|
|
})
|
|
|
wx.setStorage({
|
|
|
key: 'weather_data',
|
|
|
data: weather_data,
|
|
|
})
|
|
|
}
|
|
|
});
|
|
|
//以下是电影数据
|
|
|
// var inTheartersURl = app.globalData.doubanBase + app.globalData.inThearters + '?start=0&count=10';
|
|
|
// var comingSoonURL = app.globalData.doubanBase + app.globalData.comingSoon + '?start=0&count=10';
|
|
|
var inTheartersURl = app.globalData.huanbaoBase + 'indexbook.php';
|
|
|
var comingSoonURL = app.globalData.huanbaoBase + 'indexthing.php'
|
|
|
//调用自定义函数，获取指定对象属性的数据；
|
|
|
this.getMovieListData(inTheartersURl, 'inThearters');
|
|
|
this.getMovieListData(comingSoonURL, 'comingSoon');
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
|
*/
|
|
|
onReady: function (data) {
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面显示
|
|
|
*/
|
|
|
onShow: function () {
|
|
|
|
|
|
var that = this;
|
|
|
var schoolPlace = 'search.schoolPlace';
|
|
|
var weatherUrl = that.data.weatherUrl;
|
|
|
var weather_data = that.data.weather_data;
|
|
|
wx.getStorage({
|
|
|
key: 'schoolPlace',
|
|
|
success: function(res) {
|
|
|
that.setData({
|
|
|
[schoolPlace]: res.data
|
|
|
})
|
|
|
},
|
|
|
})
|
|
|
wx.getStorage({
|
|
|
key: 'weatherUrl',
|
|
|
success: function(res) {
|
|
|
that.setData({
|
|
|
weatherUrl: res.data
|
|
|
})
|
|
|
},
|
|
|
})
|
|
|
wx.getStorage({
|
|
|
key: 'weather_data',
|
|
|
success: function(res) {
|
|
|
that.setData({
|
|
|
weather_data: res.data
|
|
|
})
|
|
|
},
|
|
|
})
|
|
|
var inTheartersURl = app.globalData.huanbaoBase + 'indexbook.php';
|
|
|
var comingSoonURL = app.globalData.huanbaoBase + 'indexthing.php'
|
|
|
//调用自定义函数，获取指定对象属性的数据；
|
|
|
this.getMovieListData(inTheartersURl, 'inThearters');
|
|
|
this.getMovieListData(comingSoonURL, 'comingSoon');
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面隐藏
|
|
|
*/
|
|
|
onHide: function () {
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面卸载
|
|
|
*/
|
|
|
onUnload: function () {
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
|
*/
|
|
|
onPullDownRefresh: function () {
|
|
|
wx.setNavigationBarTitle({
|
|
|
title: '校园二手交易'
|
|
|
});
|
|
|
wx.showNavigationBarLoading(); //在标题栏中显示加载图标
|
|
|
setTimeout(function () {
|
|
|
wx.stopPullDownRefresh(); //停止加载
|
|
|
wx.hideNavigationBarLoading(); //隐藏加载icon
|
|
|
}, 2000)
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 页面上拉触底事件的处理函数
|
|
|
*/
|
|
|
onReachBottom: function () {
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 用户点击右上角分享
|
|
|
*/
|
|
|
onShareAppMessage: function () {
|
|
|
|
|
|
},
|
|
|
//位置标记的三个函数
|
|
|
makertap: function (e) {
|
|
|
var that = this;
|
|
|
var id = e.markerId;
|
|
|
that.showSearchInfo(wxMarkerData, id);
|
|
|
that.changeMarkerColor(wxMarkerData, id);
|
|
|
},
|
|
|
showSearchInfo: function (data, i) {
|
|
|
|
|
|
|
|
|
var that = this;
|
|
|
var placeData = 'search.placeData';
|
|
|
|
|
|
that.setData({
|
|
|
[placeData]: {
|
|
|
title: data[i].title + '\n',
|
|
|
address: '地址：' + data[i].address + '\n',
|
|
|
telephone: '电话：' + data[i].telephone
|
|
|
}
|
|
|
});
|
|
|
|
|
|
},
|
|
|
changeMarkerColor: function (data, id) {
|
|
|
var that = this;
|
|
|
var markersTemp = [];
|
|
|
var markers = 'search.markers'
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
if (i === id) {
|
|
|
data[i].iconPath = "../../images/map/marker_yellow.png";
|
|
|
} else {
|
|
|
data[i].iconPath = "../../images/map/marker_red.png";
|
|
|
}
|
|
|
markersTemp[i] = data[i];
|
|
|
}
|
|
|
that.setData({
|
|
|
[markers]: markersTemp
|
|
|
});
|
|
|
},
|
|
|
|
|
|
//封装函数getMovieListData
|
|
|
getMovieListData(url, _type) {
|
|
|
var that = this;
|
|
|
//加载资源的内部函数
|
|
|
wx.showToast({
|
|
|
title: '加载中',
|
|
|
icon: 'loading',
|
|
|
duration: 5000
|
|
|
});
|
|
|
wx.request({
|
|
|
url,//url:url,可以简写
|
|
|
type: 'GET',
|
|
|
header: { 'content-type': 'json' },
|
|
|
success:function(res){
|
|
|
console.log(res);
|
|
|
that.setData({ [_type]: res.data.data })
|
|
|
// that.setData({ [_type]: res.data.subjects })
|
|
|
},
|
|
|
fail: err => console.log(err),
|
|
|
//请求完成后，触发函数
|
|
|
complete() {
|
|
|
//请求完成后，隐藏“加载中”
|
|
|
wx.hideToast();
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
//搜索功能
|
|
|
bindSearchBook() {
|
|
|
wx.navigateTo({
|
|
|
url: '../search-book/search-book',
|
|
|
})
|
|
|
},
|
|
|
|
|
|
//点击“更多”
|
|
|
bindToMore(event) {
|
|
|
var typeId = event.currentTarget.dataset.typeId;
|
|
|
wx.navigateTo({
|
|
|
url: '../sonShouye/movie-more/movie-more?typeId=' + typeId,
|
|
|
})
|
|
|
},
|
|
|
//电影详情
|
|
|
toDetail(e) {
|
|
|
var that = this;
|
|
|
var id = e.currentTarget.dataset.id;
|
|
|
console.log(id);
|
|
|
wx.navigateTo({
|
|
|
url: '../movie-detail/movie-detail?id=' + id,
|
|
|
})
|
|
|
},
|
|
|
toThingsDetail(e) {
|
|
|
var that = this;
|
|
|
var id = e.currentTarget.dataset.id;
|
|
|
console.log(id);
|
|
|
wx.navigateTo({
|
|
|
url: '../thing-detail/thing-detail?id=' + id,
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
|
