初始化
This commit is contained in:
314
pages/logs/logs.js
Normal file
314
pages/logs/logs.js
Normal file
@@ -0,0 +1,314 @@
|
||||
const app = getApp()
|
||||
//导入日志信息请求发方法
|
||||
import {
|
||||
Logsinfo
|
||||
} from '../../lib/RequestingCenter.js'
|
||||
var util = require('../../utils/util.js')
|
||||
// pages/logs/logs.js
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
// 查询类型
|
||||
apptype:-1,
|
||||
// 时间范围 4 今日
|
||||
seltime:4,
|
||||
// 起始时间
|
||||
starttime:"",
|
||||
// 结束时间
|
||||
endtime:"",
|
||||
//正加载
|
||||
status:0,
|
||||
page:1,
|
||||
logsdata:[],
|
||||
//总数
|
||||
sum:0,
|
||||
//过滤后
|
||||
filtcount:0,
|
||||
//每次加载数量
|
||||
pagelength:10,
|
||||
//swview高度
|
||||
topheight: 0,
|
||||
//是否下拉
|
||||
refresher:false,
|
||||
// 酒店
|
||||
Hotels:[],
|
||||
// 下拉框的酒店
|
||||
Hotelslist:[],
|
||||
// 下拉框的索引
|
||||
index:0,
|
||||
//名字搜素
|
||||
name:''
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad:async function (options) {
|
||||
//测试无需登录
|
||||
if(app.globalData.userinfo==null){
|
||||
wx.reLaunch({
|
||||
url: "../autho/index",
|
||||
})
|
||||
return;
|
||||
}
|
||||
let that = this;
|
||||
//酒店信息
|
||||
let Hotels =[];
|
||||
let Hotelslist =[]
|
||||
Hotelslist.push("全部酒店");
|
||||
let autho = app.globalData.autho
|
||||
autho.forEach((x)=>{
|
||||
x.Hotels.forEach(z=>{
|
||||
Hotels.push(z);
|
||||
Hotelslist.push(z.HotelName);
|
||||
})
|
||||
})
|
||||
that.setData({
|
||||
Hotels :Hotels,
|
||||
Hotelslist:Hotelslist
|
||||
})
|
||||
setTimeout(function () {
|
||||
try {
|
||||
// 1.使用wx.createSelectorQuery()查询到需要滚动到的元素位置
|
||||
wx.createSelectorQuery().select('#scroll').boundingClientRect(res => {
|
||||
// 2.使用wx.getSysTemInfo()获取设备及页面高度windowHeight(px)
|
||||
wx.getSystemInfo({
|
||||
success(ress) {
|
||||
that.setData({
|
||||
topheight: ress.windowHeight - res.top
|
||||
})
|
||||
}
|
||||
})
|
||||
}).exec(function (params) {
|
||||
console.log(params)
|
||||
})
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
}, 100)
|
||||
that.init();
|
||||
},
|
||||
sreach:function(params) {
|
||||
this.setData({
|
||||
page:1
|
||||
})
|
||||
this.init();
|
||||
},
|
||||
/**
|
||||
* 下拉选择酒店
|
||||
*/
|
||||
bindPickerChange:function (e) {
|
||||
this.setData({
|
||||
index: e.detail.value,
|
||||
page:1
|
||||
})
|
||||
this.init();
|
||||
},
|
||||
bindTimeChange:function (e) {
|
||||
if(e.target.dataset.type==1){
|
||||
this.setData({
|
||||
seltime:5,
|
||||
starttime: e.detail.value,
|
||||
page:1
|
||||
})
|
||||
}else{
|
||||
this.setData({
|
||||
seltime:5,
|
||||
endtime: e.detail.value,
|
||||
page:1
|
||||
})
|
||||
}
|
||||
this.init();
|
||||
},
|
||||
// 下拉刷新
|
||||
toupper:function() {
|
||||
if(this.data.refresher){
|
||||
return;
|
||||
}
|
||||
this.setData({
|
||||
refresher: true,
|
||||
})
|
||||
var that=this;
|
||||
that.setData({
|
||||
page: 1,
|
||||
})
|
||||
that.init();
|
||||
},
|
||||
// 上滑加载
|
||||
MoreData:function (params) {
|
||||
if(this.data.status==1 || this.data.status==3){
|
||||
return;
|
||||
}
|
||||
let s = this.data.page+1;
|
||||
this.setData({
|
||||
status:1,
|
||||
page:s
|
||||
})
|
||||
this.init();
|
||||
},
|
||||
//加载数据
|
||||
init:async function () {
|
||||
try {
|
||||
if(this.data.page<1){
|
||||
this.setData({
|
||||
page:1
|
||||
})
|
||||
}
|
||||
let that = this;
|
||||
let search = {name:that.data.name,endtime:that.data.endtime,starttime:that.data.starttime,hotelsid:''};
|
||||
let index = this.data.index -1;
|
||||
if(index>=0){
|
||||
search.hotelsid= that.data.Hotels[index].HotelId
|
||||
}
|
||||
await Logsinfo({
|
||||
page:that.data.page,
|
||||
search:search,
|
||||
length:that.data.pagelength,
|
||||
AppType:that.data.apptype
|
||||
}).then(res => {
|
||||
if (res.Status == 200) {
|
||||
let newdata = res.Data.data
|
||||
if(that.data.page > 1){
|
||||
newdata = that.data.logsdata.concat(newdata);
|
||||
}
|
||||
//判断是否有更多
|
||||
let more = 0;
|
||||
if((that.data.page * that.data.pagelength)>=res.Data.filtcount){
|
||||
more = 3;
|
||||
}
|
||||
if(res.Data.filtcount<=0){
|
||||
newdata = [];
|
||||
}
|
||||
that.setData({
|
||||
refresher: false,
|
||||
logsdata: newdata,
|
||||
status: more,
|
||||
filtcount:res.Data.filtcount,
|
||||
sum: res.Data.sum
|
||||
})
|
||||
} else {
|
||||
that.setData({
|
||||
status:2,
|
||||
page:that.data.page-1
|
||||
})
|
||||
app.toast(2, res.Message || "网络繁忙")
|
||||
}
|
||||
}, err => {
|
||||
that.setData({
|
||||
status:2,
|
||||
page:that.data.page-1
|
||||
})
|
||||
app.toast(2 ,"网络繁忙")
|
||||
}).catch(err => {
|
||||
that.setData({
|
||||
status:2,
|
||||
page:that.data.page-1
|
||||
})
|
||||
console.log(err)
|
||||
app.toast(2 ,"网络繁忙")
|
||||
});
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
},
|
||||
selapptype:function (e) {
|
||||
let sel =Number(e.target.dataset.val) ;
|
||||
this.setData({
|
||||
apptype: sel,
|
||||
page:1
|
||||
})
|
||||
this.init();
|
||||
},
|
||||
// 时间选择
|
||||
seltime:function (e) {
|
||||
let sel =Number(e.target.dataset.val) ;
|
||||
let starttime = util.formatTime(new Date()).split(' ')[0];
|
||||
let endtime = util.formatTime(new Date()).split(' ')[0];
|
||||
switch (sel) {
|
||||
case 2:
|
||||
let time = this.getThisWeekData();
|
||||
|
||||
starttime = time.start_day;//显示周一
|
||||
endtime = time.end_day;//显示周日
|
||||
break;
|
||||
case 3:
|
||||
starttime = util.getCurrentMonthFirst(new Date())
|
||||
endtime = util.getCurrentMonthLast(new Date())
|
||||
break;
|
||||
case 4:
|
||||
starttime = ""
|
||||
endtime = ""
|
||||
break;
|
||||
}
|
||||
this.setData({
|
||||
seltime: sel,
|
||||
starttime:starttime,
|
||||
endtime:endtime,
|
||||
page:1
|
||||
})
|
||||
this.init();
|
||||
|
||||
},
|
||||
getThisWeekData:function () {//获得本周周一~周日的年月日
|
||||
var thisweek = {};
|
||||
var date = new Date();
|
||||
// 本周一的日期
|
||||
date.setDate(date.getDate() - date.getDay() + 1);
|
||||
thisweek.start_day = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() ;
|
||||
|
||||
// 本周日的日期
|
||||
date.setDate(date.getDate() + 6);
|
||||
thisweek.end_day = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
|
||||
return thisweek;
|
||||
},
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
// this.init();
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
||||
3
pages/logs/logs.json
Normal file
3
pages/logs/logs.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
79
pages/logs/logs.wxml
Normal file
79
pages/logs/logs.wxml
Normal file
@@ -0,0 +1,79 @@
|
||||
<!-- 过滤器 -->
|
||||
<wxs module="filter" src="../../utils/filters.wxs"></wxs>
|
||||
<cu-custom bgColor="bg-gradual-blue" >
|
||||
<block bindtap="" slot="backText" >返回</block>
|
||||
<view slot="content">操作日志</view>
|
||||
</cu-custom>
|
||||
<view class="padding-sm bg-white radius shadow shadow-lg" style="padding-bottom:0;">
|
||||
<view class="flex flex-wrap">
|
||||
<view class="basis-xl text-df padding-top-xs ">
|
||||
操作日志共{{sum}}条
|
||||
<text class="padding-right"></text>过滤后{{filtcount}}条
|
||||
</view>
|
||||
|
||||
<view style="flex-basis:100% " class="flex padding-top-xs">
|
||||
<view class="margin-right-xs text-df">酒店:</view>
|
||||
<picker class="text-df" mode="selector" value="{{index}}" bindchange="bindPickerChange" range="{{Hotelslist}}">
|
||||
<view class="picker text-green" >
|
||||
{{Hotelslist[index]}}
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
|
||||
<!-- 人脸机筛选 -->
|
||||
<view style="flex-basis:100% " class="flex padding-top-xs">
|
||||
<view bindtap="selapptype" data-val="-1" class="padding-right padding-left {{apptype==-1?'bg-green':''}} margin-right-xs text-df">全部</view>
|
||||
<view bindtap="selapptype" data-val="0" class="padding-right padding-left {{apptype==0?'bg-green':''}} margin-right-xs text-df">RCU主机绑定信息</view>
|
||||
<view bindtap="selapptype" data-val="1" class="padding-right padding-left {{apptype==1?'bg-green':''}} margin-right-xs text-df">人脸机绑定信息</view>
|
||||
</view>
|
||||
|
||||
<!-- 时间筛选 -->
|
||||
<view style="flex-basis:100% " class="flex padding-top-xs">
|
||||
<view bindtap="seltime" data-val="4" class="padding-right padding-left {{seltime==4?'bg-green':''}} margin-right-xs text-df">全部</view>
|
||||
<view bindtap="seltime" data-val="1" class="padding-right padding-left {{seltime==1?'bg-green':''}} margin-right-xs text-df">今日</view>
|
||||
<view bindtap="seltime" data-val="2" class="padding-right padding-left {{seltime==2?'bg-green':''}} margin-right-xs text-df">本周</view>
|
||||
<view bindtap="seltime" data-val="3" class="padding-right padding-left {{seltime==3?'bg-green':''}} margin-right-xs text-df">本月</view>
|
||||
<view bindtap="seltime" data-val="5" class="padding-right padding-left {{seltime==5?'bg-green':''}} margin-right-xs text-df">指定时间</view>
|
||||
</view>
|
||||
|
||||
<view style="flex-basis:100% " class="flex padding-top-xs">
|
||||
<view class="margin-right-xs text-df">起始时间:</view>
|
||||
<picker mode="date" class="text-df" data-type = "1" bindchange="bindTimeChange" :value="starttime" >
|
||||
<view class="picker text-green">
|
||||
{{starttime==""?"请选择":starttime}}
|
||||
</view>
|
||||
</picker>
|
||||
<view class="margin-left-sm margin-right-xs text-df">截止时间:</view>
|
||||
<picker start="{{starttime}}" mode="date" class="text-df" bindchange="bindTimeChange" data-type="2" :value="endtime" >
|
||||
<view class="picker text-green">
|
||||
{{endtime==""?"请选择":endtime}}
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view style="flex-basis:100% " class="flex padding-top-xs align-center">
|
||||
<view class="margin-right-xs text-df">用户名:</view>
|
||||
<input style="border-bottom: 2rpx solid #ccc !important;" class="text-df padding-right padding-left margin-right-xs" placeholder="搜索用户" name="input" model:value="{{name}}"></input>
|
||||
<view bindtap="sreach" class="padding-right padding-left bg-green text-df">搜素</view>
|
||||
</view>
|
||||
<!-- <view class="basis-sm">当前第{{page}}页</view> -->
|
||||
</view>
|
||||
<view class="bg-gray margin-xs" style="padding:2rpx" ></view>
|
||||
<view id="scroll">
|
||||
<scroll-view wx:if="{{topheight>0}}" style="height:{{topheight==null?'600rpx':topheight+'px'}} ;padding-bottom:10rpx" refresher-background="white" refresher-default-style="black" scroll-y refresher-enabled="{{true}}"
|
||||
refresher-triggered="{{refresher}}" bindscrolltolower="MoreData" bindrefresherrefresh="toupper">
|
||||
<view wx:for="{{logsdata}}" class="flex flex-wrap border-bottom">
|
||||
<view class="basis-lg">{{item.Id}}<text class="margin-left-xs"></text>{{item.uid}}<text class="margin-left-xs"></text> {{filter.TimeFormat(item.createtime)}}</view>
|
||||
<view class="basis-sm text-right">{{item.ActionId}}<text class='margin-left-xs text-{{item.type==0?"green":"red"}}'>{{item.AppType==0?"RCU":"人脸机"}}{{item.type==0?"绑定":"解绑"}}</text></view>
|
||||
<!-- <view class="basis-df">行为:{{item.type==0?"绑定":"解绑"}}</view> -->
|
||||
<view class="basis-xl">酒店:<text class='text-{{item.type==0?"green":"red"}}'>{{item.Name}}</text></view>
|
||||
<view class="basis-sm">房间号:<text class='text-{{item.type==0?"green":"red"}}'>{{item.roomNumber}} - {{item.roomID}}</text></view>
|
||||
<view class="basis-lg">{{item.AppType==0?"MAC":"SN"}}:<text class='text-{{item.type==0?"green":"red"}}'>{{item.MAC}}</text></view>
|
||||
<view class="basis-xl">地点:{{item.location}}</view>
|
||||
<view class="bg-gray margin-xs" style="padding:2rpx; width:100%" ></view>
|
||||
</view>
|
||||
<view class="cu-load bg-blue light loading" wx:if="{{status==1}}"></view>
|
||||
<view class="cu-load bg-blue light over" wx:if="{{status==3}}"></view>
|
||||
<view class="cu-load bg-red light erro " wx:if="{{status==2}}"></view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
1
pages/logs/logs.wxss
Normal file
1
pages/logs/logs.wxss
Normal file
@@ -0,0 +1 @@
|
||||
/* pages/logs/logs.wxss */
|
||||
Reference in New Issue
Block a user