ZhaoTongYao
5 years ago
29 changed files with 1101 additions and 18 deletions
@ -0,0 +1,148 @@ |
|||||
|
"use strict"; |
||||
|
var date = new Date(); |
||||
|
var years = []; |
||||
|
var months = []; |
||||
|
var days = []; |
||||
|
var hours = []; |
||||
|
var minutes = []; |
||||
|
for (var i = date.getFullYear(); i > (date.getFullYear() - 3); i--) { |
||||
|
years.push(i + "年"); |
||||
|
} |
||||
|
for (var i = 1; i <= 12; i++) { |
||||
|
months.push(i + "月"); |
||||
|
} |
||||
|
for (var i = 1; i <= 31; i++) { |
||||
|
days.push(i + "日"); |
||||
|
} |
||||
|
for (var i = 0; i <= 23; i++) { |
||||
|
hours.push(i + ""); |
||||
|
} |
||||
|
for (var i = 0; i <= 59; i++) { |
||||
|
minutes.push(i + ""); |
||||
|
} |
||||
|
var mGetDate = function (year, month) { |
||||
|
var d = new Date(year, month, 0); |
||||
|
return d.getDate(); |
||||
|
}; |
||||
|
var getDate = function (year, month, day, hour, minute) { |
||||
|
var newyear = year.substr(0, year.length - 1); |
||||
|
var setmonth = month.substr(0, month.length - 1); |
||||
|
var newmonth = setmonth < 10 ? '0' + setmonth : setmonth; |
||||
|
var setday = day.substr(0, day.length - 1); |
||||
|
var newday = setday < 10 ? '0' + setday : setday; |
||||
|
var newhour = hour < 10 ? '0' + hour : hour; |
||||
|
var newminute = minute < 10 ? '0' + minute : minute; |
||||
|
return newyear + '-' + newmonth + '-' + newday + ' ' + newhour + ":" + newminute + ":00"; |
||||
|
}; |
||||
|
var getInitDate = function (initTime) { |
||||
|
var t = initTime.split(' '); |
||||
|
var date = t[0].split('-'); |
||||
|
var time = t[1].split(':'); |
||||
|
var y = 0; |
||||
|
var m = 0; |
||||
|
var d = 0; |
||||
|
var h = 0; |
||||
|
var M = 0; |
||||
|
years.forEach(function (item, index) { |
||||
|
if (item == (date[0] + '年')) { |
||||
|
y = index; |
||||
|
} |
||||
|
}); |
||||
|
months.forEach(function (item, index) { |
||||
|
if (item == (parseInt(date[1]) + '月')) { |
||||
|
m = index; |
||||
|
} |
||||
|
}); |
||||
|
days.forEach(function (item, index) { |
||||
|
if (item == (parseInt(date[2]) + '日')) { |
||||
|
d = index; |
||||
|
} |
||||
|
}); |
||||
|
hours.forEach(function (item, index) { |
||||
|
if (item == parseInt(time[0])) { |
||||
|
h = index; |
||||
|
} |
||||
|
}); |
||||
|
minutes.forEach(function (item, index) { |
||||
|
if (item == parseInt(time[1])) { |
||||
|
M = index; |
||||
|
} |
||||
|
}); |
||||
|
return [y, m, d, h, M]; |
||||
|
}; |
||||
|
Component({ |
||||
|
properties: { |
||||
|
initTime: { |
||||
|
type: String, |
||||
|
observer: function (newTime) { |
||||
|
this.data.timevalue = getInitDate(newTime); |
||||
|
this.setData({ |
||||
|
timevalue: this.data.timevalue |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
observers: {}, |
||||
|
data: { |
||||
|
timevalue: [], |
||||
|
years: years, |
||||
|
months: months, |
||||
|
days: days, |
||||
|
hours: hours, |
||||
|
minutes: minutes, |
||||
|
year: '', |
||||
|
month: '', |
||||
|
day: '', |
||||
|
hour: '', |
||||
|
minute: '' |
||||
|
}, |
||||
|
lifetimes: { |
||||
|
attached: function () { |
||||
|
var year = this.data.years[0]; |
||||
|
var month = this.data.months[0]; |
||||
|
var day = this.data.days[0]; |
||||
|
var hour = this.data.hours[0]; |
||||
|
var minute = this.data.minutes[0]; |
||||
|
this.setData({ |
||||
|
year: year, |
||||
|
month: month, |
||||
|
day: day, |
||||
|
hour: hour, |
||||
|
minute: minute, |
||||
|
}); |
||||
|
}, |
||||
|
detached: function () { |
||||
|
}, |
||||
|
}, |
||||
|
methods: { |
||||
|
cancel: function () { |
||||
|
this.triggerEvent("cancel"); |
||||
|
}, |
||||
|
confirm: function () { |
||||
|
var _a = this.data, year = _a.year, month = _a.month, day = _a.day, hour = _a.hour, minute = _a.minute; |
||||
|
var time = getDate(year, month, day, hour, minute); |
||||
|
this.triggerEvent("confirm", { time: time }); |
||||
|
}, |
||||
|
fnbindChange: function (e) { |
||||
|
var val = e.detail.value; |
||||
|
var year = this.data.years[val[0]]; |
||||
|
var month = this.data.months[val[1]]; |
||||
|
var day = this.data.days[val[2]]; |
||||
|
var hour = this.data.hours[val[3]]; |
||||
|
var minute = this.data.minutes[val[4]]; |
||||
|
var days = []; |
||||
|
var daynum = mGetDate(year.substr(0, year.length - 1), month.substr(0, month.length - 1)); |
||||
|
for (var i = 1; i <= daynum; i++) { |
||||
|
days.push(i + "日"); |
||||
|
} |
||||
|
this.setData({ |
||||
|
days: days, |
||||
|
year: year, |
||||
|
month: month, |
||||
|
day: day, |
||||
|
hour: hour, |
||||
|
minute: minute, |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"component": true, |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1,39 @@ |
|||||
|
<!-- 组件模板 --> |
||||
|
<view class="wrapper"> |
||||
|
<slot></slot> |
||||
|
<view >{{title}}</view> |
||||
|
<!-- 日期模态框 --> |
||||
|
<view class="modelboxbg"></view> |
||||
|
<view class="modelbox"> |
||||
|
<view class = "model_picker"> |
||||
|
<view class = "button_model"> |
||||
|
<text catchtap='cancel' >取消</text> |
||||
|
<text catchtap='confirm' >确定</text> |
||||
|
</view> |
||||
|
<view class = "cont_model"> |
||||
|
<picker-view indicator-style="height: 50px;" style="width: 100%; height: 300px;" value="{{timevalue}}" catchchange="fnbindChange"> |
||||
|
<!-- 年 --> |
||||
|
<picker-view-column wx:if="{{years.length > 0}}"> |
||||
|
<view wx:for="{{years}}" wx:key="index" style="line-height: 50px">{{item}}</view> |
||||
|
</picker-view-column> |
||||
|
<!-- 月 --> |
||||
|
<picker-view-column wx:if="{{months.length > 0}}"> |
||||
|
<view wx:for="{{months}}" wx:key="index" style="line-height: 50px">{{item}}</view> |
||||
|
</picker-view-column> |
||||
|
<!-- 日 --> |
||||
|
<picker-view-column wx:if="{{days.length > 0}}"> |
||||
|
<view wx:for="{{days}}" wx:key="index" style="line-height: 50px">{{item}}</view> |
||||
|
</picker-view-column> |
||||
|
<!-- 时 --> |
||||
|
<picker-view-column wx:if="{{hours.length > 0}}"> |
||||
|
<view wx:for="{{hours}}" wx:key="index" style="line-height: 50px">{{item}}</view> |
||||
|
</picker-view-column> |
||||
|
<!-- 分 --> |
||||
|
<picker-view-column wx:if="{{minutes.length > 0}}"> |
||||
|
<view wx:for="{{minutes}}" wx:key="index" style="line-height: 50px">{{item}}</view> |
||||
|
</picker-view-column> |
||||
|
</picker-view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
@ -0,0 +1,45 @@ |
|||||
|
/* 模态框开始 */ |
||||
|
/* 蒙层 */ |
||||
|
.modelboxbg{ |
||||
|
position:absolute; |
||||
|
top:0; |
||||
|
z-index:10000; |
||||
|
width:100%; |
||||
|
height: 100%; |
||||
|
background: #000; |
||||
|
opacity: 0.3; |
||||
|
} |
||||
|
.modelbox{ |
||||
|
position: fixed; |
||||
|
bottom:0; |
||||
|
z-index:999999; |
||||
|
width:100%; |
||||
|
background: #fff; |
||||
|
} |
||||
|
picker-view-column{ |
||||
|
text-align: center; |
||||
|
} |
||||
|
view.model_picker{ |
||||
|
position: relative; |
||||
|
} |
||||
|
.button_model{ |
||||
|
height: 80rpx; |
||||
|
width: 100%; |
||||
|
background: #fff; |
||||
|
position: relative; |
||||
|
border-bottom: 1px solid #d9d9d9; |
||||
|
} |
||||
|
.button_model text{ |
||||
|
color: #007aff; |
||||
|
position: absolute; |
||||
|
background:transparent; |
||||
|
border: none; |
||||
|
line-height: 80rpx; |
||||
|
} |
||||
|
.button_model text:first-child{ |
||||
|
left: 32rpx; |
||||
|
} |
||||
|
.button_model text:last-child{ |
||||
|
right: 32rpx; |
||||
|
} |
||||
|
/* 模态框结束 */ |
||||
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 8.6 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
@ -0,0 +1,203 @@ |
|||||
|
// subpages/heart/pages/myApply/myApply.js
|
||||
|
const api = require("../../../../utils/api") |
||||
|
|
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
showPicker: false, //是否显示底部时间选择器插件
|
||||
|
dataForm: { |
||||
|
actTitle: '', |
||||
|
actContent: '', |
||||
|
actAddress: '', |
||||
|
actStartTime: '', //起始时间
|
||||
|
actEndTime: '', //结束时间
|
||||
|
actPeopleNum: 0, |
||||
|
actContacts: '', |
||||
|
actTel: '' |
||||
|
}, |
||||
|
curCode: '', //区分是start还是end
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad: function (options) { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
// onShareAppMessage: function () {
|
||||
|
|
||||
|
// }
|
||||
|
|
||||
|
onInputTitle (e) { |
||||
|
this.setData({ |
||||
|
'dataForm.actTitle': e.detail.value |
||||
|
}) |
||||
|
}, |
||||
|
onInputContent (e) { |
||||
|
this.setData({ |
||||
|
'dataForm.actContent': e.detail.value |
||||
|
}) |
||||
|
}, |
||||
|
onInputAddress (e) { |
||||
|
this.setData({ |
||||
|
'dataForm.actAddress': e.detail.value |
||||
|
}) |
||||
|
}, |
||||
|
onInputPeopleNum (e) { |
||||
|
this.setData({ |
||||
|
'dataForm.actPeopleNum': parseInt(e.detail.value) |
||||
|
}) |
||||
|
}, |
||||
|
onInputContacts (e) { |
||||
|
this.setData({ |
||||
|
'dataForm.actContacts': e.detail.value |
||||
|
}) |
||||
|
}, |
||||
|
onInputTel (e) { |
||||
|
this.setData({ |
||||
|
'dataForm.actTel': e.detail.value |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
pickerCancel () { |
||||
|
console.log('取消日期选择') |
||||
|
this.setData({ |
||||
|
showPicker: false |
||||
|
}) |
||||
|
}, |
||||
|
pickerConfirm (e) { |
||||
|
console.log('选择日期', e.detail.time) |
||||
|
if (this.data.curCode == 'start') { |
||||
|
this.setData({ |
||||
|
showPicker: false, |
||||
|
'dataForm.actStartTime': e.detail.time |
||||
|
}) |
||||
|
} else if (this.data.curCode == 'end') { |
||||
|
this.setData({ |
||||
|
showPicker: false, |
||||
|
'dataForm.actEndTime': e.detail.time |
||||
|
}) |
||||
|
|
||||
|
if (this.data.dataForm.actStartTime > this.data.dataForm.actEndTime) { |
||||
|
wx.showToast({ |
||||
|
title: '结束时间应该大于起始时间', |
||||
|
icon: 'none', |
||||
|
duration: 2000 |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
//日期选择插件显示入口
|
||||
|
selectTime (e) { |
||||
|
this.data.showPicker = !this.data.showPicker |
||||
|
this.setData({ |
||||
|
showPicker: this.data.showPicker, |
||||
|
curCode: e.currentTarget.dataset.code |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
//提交申请
|
||||
|
submitApply () { |
||||
|
if (!this.data.dataForm.actTitle) { |
||||
|
this.showToast("请填写活动标题") |
||||
|
return false |
||||
|
} |
||||
|
if (!this.data.dataForm.actContent) { |
||||
|
this.showToast("请填写活动内容") |
||||
|
return false |
||||
|
} |
||||
|
if (!this.data.dataForm.actAddress) { |
||||
|
this.showToast("请填写活动地址") |
||||
|
return false |
||||
|
} |
||||
|
if (!this.data.dataForm.actStartTime) { |
||||
|
this.showToast("请填写开始时间") |
||||
|
return false |
||||
|
} |
||||
|
if (!this.data.dataForm.actEndTime) { |
||||
|
this.showToast("请填写结束时间") |
||||
|
return false |
||||
|
} |
||||
|
if (!this.data.dataForm.actPeopleNum) { |
||||
|
this.showToast("请填写需要人数") |
||||
|
return false |
||||
|
} |
||||
|
if (!this.data.dataForm.actContacts) { |
||||
|
this.showToast("请填写联系人") |
||||
|
return false |
||||
|
} |
||||
|
if (!this.data.dataForm.actTel) { |
||||
|
this.showToast("请填写联系人电话") |
||||
|
return false |
||||
|
} |
||||
|
const para = { ...this.data.dataForm } |
||||
|
console.log('submit apply', para) |
||||
|
// api.applyAct(para).then(res => {
|
||||
|
// console.log(res.data)
|
||||
|
// })
|
||||
|
}, |
||||
|
|
||||
|
//简化提示
|
||||
|
showToast (title) { |
||||
|
wx.showToast({ |
||||
|
title: title, |
||||
|
icon: "none", |
||||
|
duration: 2000 |
||||
|
}) |
||||
|
}, |
||||
|
//跳转到我提交的申请列表
|
||||
|
toApplyList () { |
||||
|
wx.navigateTo({ |
||||
|
url: "/subpages/heart/pages/myApplyList/myApplyList" |
||||
|
}) |
||||
|
}, |
||||
|
}) |
||||
@ -0,0 +1,6 @@ |
|||||
|
{ |
||||
|
"navigationBarTitleText": "我要申请", |
||||
|
"usingComponents": { |
||||
|
"date-time-picker": "../../../../components/DateTimePicker/index" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,48 @@ |
|||||
|
<!--subpages/heart/pages/myApply/myApply.wxml--> |
||||
|
<view class="my-apply"> |
||||
|
<view class="apply-list"> |
||||
|
<view class="my-apply-img" bindtap="toApplyList"> |
||||
|
<image src="../../images/my-applys.png" /> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">志愿服务标题</view> |
||||
|
<input type="text" class="item-content" placeholder="请输入标题" value="{{dataForm.actTitle}}" bindinput="onInputTitle"></input> |
||||
|
</view> |
||||
|
<view class="apply-item text-item"> |
||||
|
<view class="item-title">志愿服务内容</view> |
||||
|
<textarea class="item-content text-content" placeholder="请输入内容..." value="{{dataForm.actContent}}" bindinput="onInputContent"></textarea> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">地点</view> |
||||
|
<input type="text" class="item-content" placeholder="请输入活动地点" value="{{dataForm.actAddress}}" bindinput="onInputAddress"></input> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">时间</view> |
||||
|
<view class="time-group"> |
||||
|
<view class="select-time" data-code="start" bindtap="selectTime"><image src="../../images/time.png" />{{dataForm.actStartTime||'开始时间'}}</view> |
||||
|
至 |
||||
|
<view class="select-time" data-code="end" bindtap="selectTime"><image src="../../images/time.png" />{{dataForm.actEndTime||'结束时间'}}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">人数</view> |
||||
|
<input type="text" class="item-content" placeholder="请输入需要人数" value="{{dataForm.actPeopleNum}}" bindinput="onInputPeopleNum"></input> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">联系人</view> |
||||
|
<input type="text" class="item-content" placeholder="请输入联系人" value="{{dataForm.actContacts}}" bindinput="onInputContacts"></input> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">电话</view> |
||||
|
<input type="text" class="item-content" placeholder="请输入电话" value="{{dataForm.actTel}}" bindinput="onInputTel"></input> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="submit" bindtap="submitApply"> |
||||
|
<image class="submit-bk" src="../../images/submit-bk.png" /> |
||||
|
<view class="submit-text">提交</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view wx:if="{{showPicker}}"> |
||||
|
<date-time-picker bind:cancel="pickerCancel" bind:confirm="pickerConfirm" init-time="{{typeTime.start}}"></date-time-picker> |
||||
|
</view> |
||||
|
|
||||
@ -0,0 +1,102 @@ |
|||||
|
/* subpages/heart/pages/myApply/myApply.wxss */ |
||||
|
page { |
||||
|
width: 100%; |
||||
|
height: auto; |
||||
|
overflow-y: auto; |
||||
|
background: #f7f7f7; |
||||
|
} |
||||
|
.apply-list { |
||||
|
|
||||
|
} |
||||
|
.apply-list .my-apply-img { |
||||
|
position: absolute; |
||||
|
right: -10rpx; |
||||
|
} |
||||
|
.apply-list .my-apply-img image { |
||||
|
width: 208rpx; |
||||
|
height: 76rpx; |
||||
|
} |
||||
|
.apply-list .apply-item { |
||||
|
width: 100%; |
||||
|
height: 170rpx; |
||||
|
background-color: white; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: flex-start; |
||||
|
justify-content: center; |
||||
|
padding: 0rpx 30rpx; |
||||
|
margin-top: 16rpx; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.apply-list .text-item { |
||||
|
height: 220rpx; |
||||
|
} |
||||
|
.apply-list .apply-item .item-title { |
||||
|
height: 50rpx; |
||||
|
line-height: 50rpx; |
||||
|
font-size: 32rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: #333333; |
||||
|
margin-bottom: 28rpx; |
||||
|
} |
||||
|
.apply-list .apply-item .item-content { |
||||
|
width: 100%; |
||||
|
height: 44rpx; |
||||
|
line-height: 44rpx; |
||||
|
font-size: 32rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #999999; |
||||
|
} |
||||
|
.apply-list .apply-item .text-content { |
||||
|
height: 88rpx; |
||||
|
color: #666666; |
||||
|
} |
||||
|
.submit { |
||||
|
width: 592rpx; |
||||
|
height: 116rpx; |
||||
|
position: relative; |
||||
|
margin: 78rpx auto 0rpx; |
||||
|
} |
||||
|
.submit .submit-bk { |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
position: absolute; |
||||
|
z-index: -1; |
||||
|
} |
||||
|
.submit .submit-text { |
||||
|
font-size: 34rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #FFFFFF; |
||||
|
height: 100rpx; |
||||
|
line-height: 100rpx; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.time-group { |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
align-items: center; |
||||
|
} |
||||
|
.time-group .select-time { |
||||
|
width: 304rpx; |
||||
|
height: 50rpx; |
||||
|
/* background: #F7F7F7; */ |
||||
|
border-radius: 25rpx; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
font-size: 24rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #333333; |
||||
|
} |
||||
|
.time-group .select-time image { |
||||
|
width: 26rpx; |
||||
|
height: 26rpx; |
||||
|
opacity: 0.76; |
||||
|
margin-right: 20rpx; |
||||
|
} |
||||
@ -0,0 +1,76 @@ |
|||||
|
// subpages/heart/pages/myApplyDetail/myApplyDetail.js
|
||||
|
const api = require("../../../../utils/api") |
||||
|
|
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
applyId: '', |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad: function (options) { |
||||
|
this.setData({ |
||||
|
applyId: options.id |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
onShareAppMessage: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
getApplyDetail () { |
||||
|
// api.applyActDetail(this.data.applyId).then(res => {
|
||||
|
// console.log(res.data)
|
||||
|
// })
|
||||
|
}, |
||||
|
}) |
||||
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"navigationBarTitleText": "详情", |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1,46 @@ |
|||||
|
<!--subpages/heart/pages/myApplyDetail/myApplyDetail.wxml--> |
||||
|
<view class="my-apply"> |
||||
|
<view class="apply-detail"> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">志愿服务标题</view> |
||||
|
<view class="item-content">组织环保志愿服务队</view> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">活动内容</view> |
||||
|
<view class="item-content"> |
||||
|
1.卫生大扫除、清洗护城河、清洗乱涂画和“小广告”、清理卫生死角、捡拾垃圾 (果皮、纸屑)等活动 |
||||
|
</view> |
||||
|
<view class="item-content"> |
||||
|
2.组织志愿者植树、美化绿化小区 |
||||
|
</view> |
||||
|
<view class="item-content"> |
||||
|
3.计划生育志愿服务 组织开展自我教育 |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">活动地点</view> |
||||
|
<view class="item-content">平阴县锦水街道</view> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">活动时间</view> |
||||
|
<view class="item-content">2020-10-22 13:30 至 2020-10-24 12:30</view> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">活动人数</view> |
||||
|
<view class="item-content">28</view> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">活动联系人</view> |
||||
|
<view class="item-content">王宇</view> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">联系人电话</view> |
||||
|
<view class="item-content">18888888888</view> |
||||
|
</view> |
||||
|
<view class="apply-item"> |
||||
|
<view class="item-title">审核状态</view> |
||||
|
<view class="item-content">未通过</view> |
||||
|
<view class="item-content">原因：不符合要求</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
@ -0,0 +1,41 @@ |
|||||
|
/* subpages/heart/pages/myApplyDetail/myApplyDetail.wxss */ |
||||
|
page { |
||||
|
width: 100%; |
||||
|
height: auto; |
||||
|
overflow-y: auto; |
||||
|
background: #f7f7f7; |
||||
|
} |
||||
|
.apply-detail { |
||||
|
|
||||
|
} |
||||
|
.apply-detail .apply-item { |
||||
|
width: 100%; |
||||
|
background-color: white; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: flex-start; |
||||
|
justify-content: center; |
||||
|
padding: 40rpx 30rpx; |
||||
|
margin-top: 16rpx; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.apply-detail .apply-item .item-title { |
||||
|
font-size: 32rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: #333333; |
||||
|
} |
||||
|
.apply-detail .apply-item .item-content { |
||||
|
font-size: 32rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #666666; |
||||
|
margin-top: 28rpx; |
||||
|
} |
||||
|
.apply-detail .apply-item .line { |
||||
|
width: 100%; |
||||
|
height: 1px; |
||||
|
background: #F2F2F2; |
||||
|
border-radius: 1px; |
||||
|
margin: 28rpx 0rpx; |
||||
|
} |
||||
@ -0,0 +1,133 @@ |
|||||
|
// subpages/heart/pages/myApplyList/myApplyList.js
|
||||
|
const api = require("../../../../utils/api") |
||||
|
|
||||
|
Page({ |
||||
|
|
||||
|
/** |
||||
|
* 页面的初始数据 |
||||
|
*/ |
||||
|
data: { |
||||
|
pageIndex: 1, |
||||
|
pageSize: 10, |
||||
|
nodata: false, |
||||
|
loadMoreType: 'none', |
||||
|
loadMoreVisible: false, |
||||
|
applylist: [ |
||||
|
{ |
||||
|
"id": "73290", |
||||
|
"actTitle": "洁美家园行动 组织开展以改善社区环境卫生", |
||||
|
"createdTime": "2020-10-22 15:20:00", |
||||
|
"actStatus": "0" |
||||
|
}, |
||||
|
{ |
||||
|
"id": "73291", |
||||
|
"actTitle": "组织开展以改善社区环境卫生为主内容的志愿活动,集中整治脏、乱、差现象", |
||||
|
"createdTime": "2020-10-22 15:20:00", |
||||
|
"actStatus": "1" |
||||
|
}, |
||||
|
{ |
||||
|
"id": "73292", |
||||
|
"actTitle": "便民服务中心志愿者", |
||||
|
"createdTime": "2020-10-22 15:20:00", |
||||
|
"actStatus": "2" |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面加载 |
||||
|
*/ |
||||
|
onLoad: function (options) { |
||||
|
// this.getApplyList()
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面初次渲染完成 |
||||
|
*/ |
||||
|
onReady: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面显示 |
||||
|
*/ |
||||
|
onShow: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面隐藏 |
||||
|
*/ |
||||
|
onHide: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 生命周期函数--监听页面卸载 |
||||
|
*/ |
||||
|
onUnload: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面相关事件处理函数--监听用户下拉动作 |
||||
|
*/ |
||||
|
onPullDownRefresh: function () { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 页面上拉触底事件的处理函数 |
||||
|
*/ |
||||
|
onReachBottom: function () { |
||||
|
this.setData({ |
||||
|
loadMoreVisible: true |
||||
|
}) |
||||
|
if (this.data.loadMoreType === "loading") { |
||||
|
this.setData({ |
||||
|
pageIndex: this.data.pageIndex + 1 |
||||
|
}) |
||||
|
this.getApplyList() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
/** |
||||
|
* 用户点击右上角分享 |
||||
|
*/ |
||||
|
// onShareAppMessage: function () {
|
||||
|
|
||||
|
// }
|
||||
|
getApplyList () { |
||||
|
const para = { |
||||
|
pageIndex: this.data.pageIndex, |
||||
|
pageSize: this.data.pageSize |
||||
|
} |
||||
|
api.applyRecord(para).then(res => { |
||||
|
console.log(res) |
||||
|
this.setData({ |
||||
|
applylist: [...this.data.applylist,...res.data], |
||||
|
loadMoreType: res.data.length === this.data.pageSize ? 'loading' : 'none', |
||||
|
loadMoreVisible: res.data.length === this.data.pageSize ? false : true |
||||
|
}) |
||||
|
if (this.data.applylist.length == 0) { |
||||
|
this.setData({ |
||||
|
nodata: true, |
||||
|
loadMoreType: 'none', |
||||
|
loadMoreVisible: false, |
||||
|
}) |
||||
|
} |
||||
|
}).catch(err => { |
||||
|
this.setData({ |
||||
|
applylist: [], |
||||
|
nodata: true, |
||||
|
loadMoreType: 'none', |
||||
|
loadMoreVisible: false, |
||||
|
}) |
||||
|
console.log(err) |
||||
|
}) |
||||
|
}, |
||||
|
//跳转到申请信息详情
|
||||
|
toApplyDetail (e) { |
||||
|
console.log('toApplyDetail', e.currentTarget.dataset.id) |
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"navigationBarTitleText": "申请记录", |
||||
|
"usingComponents": {} |
||||
|
} |
||||
@ -0,0 +1,15 @@ |
|||||
|
<!--subpages/heart/pages/myApplyList/myApplyList.wxml--> |
||||
|
<view class="my-apply"> |
||||
|
<view class="apply-list"> |
||||
|
<view class="apply-item" data-id="{{item.id}}" bindtap="toApplyDetail" wx:for="{{applylist}}" wx:for-index="index" wx:for-item="item" wx:key="index"> |
||||
|
<view class="item-title">{{item.actTitle}}</view> |
||||
|
<view class="line"></view> |
||||
|
<view class="item-time">提交时间：{{item.createdTime}}</view> |
||||
|
<view class="item-state">审核状态：<text class="state-{{item.actStatus}}">{{item.actStatus == '0' ? '待审核' : (item.actStatus == '1' ? '通过' : '未通过')}}</text></view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible}}"></load-more> |
||||
|
|
||||
|
<no-data isShow="{{nodata}}"></no-data> |
||||
@ -0,0 +1,74 @@ |
|||||
|
/* subpages/heart/pages/myApplyList/myApplyList.wxss */ |
||||
|
page { |
||||
|
width: 100%; |
||||
|
height: auto; |
||||
|
overflow-y: auto; |
||||
|
background: #f7f7f7; |
||||
|
} |
||||
|
.apply-list { |
||||
|
|
||||
|
} |
||||
|
.apply-list .my-apply-img { |
||||
|
position: absolute; |
||||
|
right: -10rpx; |
||||
|
} |
||||
|
.apply-list .my-apply-img image { |
||||
|
width: 208rpx; |
||||
|
height: 76rpx; |
||||
|
} |
||||
|
.apply-list .apply-item { |
||||
|
width: 100%; |
||||
|
background-color: white; |
||||
|
display: flex; |
||||
|
flex-direction: column; |
||||
|
align-items: flex-start; |
||||
|
justify-content: center; |
||||
|
padding: 0rpx 30rpx; |
||||
|
margin-top: 16rpx; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
.apply-list .text-item { |
||||
|
height: 220rpx; |
||||
|
} |
||||
|
.apply-list .apply-item .item-title { |
||||
|
font-size: 32rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: #333333; |
||||
|
margin-top: 32rpx; |
||||
|
} |
||||
|
.apply-list .apply-item .item-content { |
||||
|
width: 100%; |
||||
|
height: 44rpx; |
||||
|
line-height: 44rpx; |
||||
|
font-size: 32rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #999999; |
||||
|
} |
||||
|
.apply-list .apply-item .text-content { |
||||
|
height: 88rpx; |
||||
|
color: #666666; |
||||
|
} |
||||
|
.apply-list .apply-item .line { |
||||
|
width: 100%; |
||||
|
height: 1px; |
||||
|
background: #F2F2F2; |
||||
|
border-radius: 1px; |
||||
|
margin: 28rpx 0rpx; |
||||
|
} |
||||
|
.apply-list .apply-item .item-state { |
||||
|
margin: 26rpx 0rpx 28rpx; |
||||
|
font-size: 30rpx; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
.apply-list .apply-item .item-state .state-0 { |
||||
|
color: #FB9F00; |
||||
|
} |
||||
|
.apply-list .apply-item .item-state .state-1 { |
||||
|
color: #666666; |
||||
|
} |
||||
|
.apply-list .apply-item .item-state .state-2 { |
||||
|
color: #D80000; |
||||
|
} |
||||
Loading…
Reference in new issue