You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
// pages/list/list.js
|
|
|
|
|
|
Page({
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 页面的初始数据
|
|
|
|
|
|
*/
|
|
|
|
|
|
data: {
|
|
|
|
|
|
list:[]
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 生命周期函数--监听页面加载
|
|
|
|
|
|
*/
|
|
|
|
|
|
onLoad: function () {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
|
|
|
|
*/
|
|
|
|
|
|
onReady: function () {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 生命周期函数--监听页面显示
|
|
|
|
|
|
* 与加载的区别，若是返回页面，则不需要加载，而是调用Show方法
|
|
|
|
|
|
*/
|
|
|
|
|
|
onShow: function () {
|
|
|
|
|
|
//这里的this是指窗口而在request中this是指onShow方法(因为是页面调用onShow,onShow调用request)，所以要先定义
|
|
|
|
|
|
var that = this;
|
|
|
|
|
|
wx.request({
|
|
|
|
|
|
//后端接口提供的url
|
|
|
|
|
|
url: 'http://localhost:8080/task/taskList',
|
|
|
|
|
|
method:'GET',
|
|
|
|
|
|
//需要传入的参数
|
|
|
|
|
|
data:{},
|
|
|
|
|
|
success:function(res :any){
|
|
|
|
|
|
var list = res.data.data;
|
|
|
|
|
|
if(list == null){
|
|
|
|
|
|
//如果获取数据失败，提示使用者
|
|
|
|
|
|
var toastText = '获取数据失败' + res.data.msg;
|
|
|
|
|
|
wx.showToast({
|
|
|
|
|
|
title: toastText,
|
|
|
|
|
|
|
|
|
|
|
|
//显示时长为2s
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
}else{
|
|
|
|
|
|
that.setData({
|
|
|
|
|
|
list:list
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 生命周期函数--监听页面隐藏
|
|
|
|
|
|
*/
|
|
|
|
|
|
onHide: function () {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 生命周期函数--监听页面卸载
|
|
|
|
|
|
*/
|
|
|
|
|
|
onUnload: function () {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
|
|
|
|
*/
|
|
|
|
|
|
onPullDownRefresh: function () {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 页面上拉触底事件的处理函数
|
|
|
|
|
|
*/
|
|
|
|
|
|
onReachBottom: function () {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 用户点击右上角分享
|
|
|
|
|
|
*/
|
|
|
|
|
|
onShareAppMessage: function () {
|
|
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
addTask: function(){
|
|
|
|
|
|
wx.navigateTo({
|
|
|
|
|
|
url: '../operation/operation',
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
//e表示响应的控件
|
|
|
|
|
|
delTask: function(e :any){
|
|
|
|
|
|
var that = this;
|
|
|
|
|
|
//相当于confirm窗口
|
|
|
|
|
|
wx.showModal({
|
|
|
|
|
|
title: '提示',
|
|
|
|
|
|
//这里的变量名需要与响应控件的data-后面的变量名相同
|
|
|
|
|
|
content: '确认要删除['+e.target.dataset.name+']吗？',
|
|
|
|
|
|
success:function(sm){
|
|
|
|
|
|
if(sm.confirm){
|
|
|
|
|
|
wx.request({
|
|
|
|
|
|
url: 'http://localhost:8080/task/delete',
|
|
|
|
|
|
data: {'id':e.target.dataset.id},
|
|
|
|
|
|
header: {
|
|
|
|
|
|
//默认是 'content-type': 'application/json'，要传post的参数必须写成这样，要传delete参数则为null
|
|
|
|
|
|
"content-type": "application/x-www-form-urlencoded"
|
|
|
|
|
|
},
|
|
|
|
|
|
method: 'DELETE',
|
|
|
|
|
|
success: function(res:any) {
|
|
|
|
|
|
var result = res.data.success;
|
|
|
|
|
|
var toastText='删除成功';
|
|
|
|
|
|
if(result == true){
|
|
|
|
|
|
that.data.list.splice(e.target.dataset.index,1);
|
|
|
|
|
|
that.setData({
|
|
|
|
|
|
list:that.data.list
|
|
|
|
|
|
});
|
|
|
|
|
|
}else{
|
|
|
|
|
|
toastText = '删除失败';
|
|
|
|
|
|
}
|
|
|
|
|
|
wx.showToast({
|
|
|
|
|
|
title: toastText,
|
|
|
|
|
|
duration:2000
|
|
|
|
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
