基板任务清单
This commit is contained in:
@@ -3,13 +3,13 @@ Page({
|
||||
aIconList: ['check-rectangle','star-filled','notification','circle'],
|
||||
dataEmpty: false,
|
||||
anniversaryList: [
|
||||
{'title':'老公的工作纪念日','type':'life','dateType':'农历','totalDay':88,'today':false,'date':'2018-12-28','repeat':'3','nextDate':'2022-12-28'},
|
||||
{'title':'结婚纪念日','type':'love','dateType':'公历','totalDay':88,'today':true,'date':'2017-12-28','repeat':'4','nextDate':'2022-12-28'},
|
||||
{'title':'真正的操作的纪念日','type':'life','dateType':'公历','totalDay':88,'today':true,'date':'2017-12-28','repeat':'4','nextDate':'2022-12-28'},
|
||||
{'title':'宝宝出生日期','type':'baby','dateType':'公历','totalDay':88,'today':true,'date':'2017-12-28','repeat':'4','nextDate':'2022-12-28'},
|
||||
{'title':'王xx的生日','type':'birthday','dateType':'公历','totalDay':88,'today':false,'date':'2017-12-28','repeat':'4','nextDate':'2022-12-28'},
|
||||
{'title':'天才的生日','type':'birthday','dateType':'公历','totalDay':88,'today':false,'date':'2017-12-28','repeat':'4','nextDate':'2022-12-28'},
|
||||
{'title':'大家爱送到家我i的生日','type':'birthday','dateType':'公历','totalDay':88,'today':true,'date':'2017-12-28','repeat':'4','nextDate':'2022-12-28'},
|
||||
{'title':'老公的工作纪念日','type':'life','dateType':'农历','totalDay':88,'today':false,'date':'2018-12-28','repeat':'3','nextDate':'2023-01-28'},
|
||||
{'title':'结婚纪念日','type':'love','dateType':'公历','totalDay':88,'today':true,'date':'2017-12-28','repeat':'4','nextDate':'2023-12-28'},
|
||||
{'title':'真正的操作的纪念日','type':'life','dateType':'公历','totalDay':88,'today':true,'date':'2017-12-28','repeat':'4','nextDate':'2023-02-28'},
|
||||
{'title':'宝宝出生日期','type':'baby','dateType':'公历','totalDay':88,'today':true,'date':'2017-12-28','repeat':'4','nextDate':'2023-02-28'},
|
||||
{'title':'王xx的生日','type':'birthday','dateType':'公历','totalDay':88,'today':false,'date':'2017-12-28','repeat':'4','nextDate':'2023-02-28'},
|
||||
{'title':'天才的生日','type':'birthday','dateType':'公历','totalDay':88,'today':false,'date':'2017-12-28','repeat':'4','nextDate':'2023-02-28'},
|
||||
{'title':'大家爱送到家我i的生日','type':'birthday','dateType':'公历','totalDay':88,'today':true,'date':'2017-12-28','repeat':'4','nextDate':'2023-02-28'},
|
||||
],
|
||||
},
|
||||
|
||||
|
||||
@@ -3,7 +3,6 @@
|
||||
"foot-tab": "../foot-tab/foot-tab",
|
||||
"t-empty": "/components/empty/empty",
|
||||
"t-fab": "/components/fab/fab",
|
||||
"t-countdown": "/components/countdown/index",
|
||||
"t-divider": "/components/divider/divider"
|
||||
"t-countdown": "/components/countdown/index"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -18,7 +18,6 @@
|
||||
<text>今天{{item.repeat}}周年啦!</text>
|
||||
</view>
|
||||
</view>
|
||||
<t-divider content="✿✿✿---■Quinn■---✿✿✿" />
|
||||
</view>
|
||||
<view class="block-position"></view>
|
||||
</view>
|
||||
|
||||
@@ -22,7 +22,7 @@ Page({
|
||||
|
||||
exitLogin(){
|
||||
wx.clearStorageSync();
|
||||
wx.reLaunch({url:"/pages/login/index"})
|
||||
git ({url:"/pages/login/index"})
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
73
pages/task/taskDetail/index.js
Normal file
73
pages/task/taskDetail/index.js
Normal file
@@ -0,0 +1,73 @@
|
||||
let taskId = '';
|
||||
Page({
|
||||
data: {
|
||||
mode: '',
|
||||
alertVisible: false,
|
||||
completeVisible: false,
|
||||
repeatVisible: false,
|
||||
repeatKey: [
|
||||
{ label: '每1天', value: '1' },
|
||||
{ label: '工作日', value: '2' },
|
||||
{ label: '每1周', value: '3' },
|
||||
{ label: '每1月', value: '4' },
|
||||
{ label: '每1年', value: '5' },
|
||||
],
|
||||
date: new Date('2021-12-23').getTime(), // 支持时间戳传入
|
||||
alertText: '',
|
||||
completeText: '',
|
||||
repeatText: '',
|
||||
repeatValue: '',
|
||||
// 指定选择区间起始值
|
||||
start: '2008-01-01 00:00:00',
|
||||
end: '2040-12-31 23:59:59',
|
||||
},
|
||||
onLoad: function (options) {
|
||||
taskId = options.id;
|
||||
},
|
||||
|
||||
showPicker(e) {
|
||||
const { mode } = e?.currentTarget?.dataset;
|
||||
this.setData({
|
||||
mode,
|
||||
[`${mode}Visible`]: true,
|
||||
});
|
||||
},
|
||||
hidePicker() {
|
||||
const { mode } = this.data;
|
||||
this.setData({
|
||||
[`${mode}Visible`]: false,
|
||||
});
|
||||
},
|
||||
onConfirm(e) {
|
||||
const { value } = e?.detail;
|
||||
const { mode } = this.data;
|
||||
|
||||
console.log('confim', value);
|
||||
|
||||
this.setData({
|
||||
[mode]: value,
|
||||
[`${mode}Text`]: value,
|
||||
});
|
||||
|
||||
this.hidePicker();
|
||||
},
|
||||
|
||||
onPickerConfirm(e) {
|
||||
const { label,value } = e?.detail;
|
||||
this.setData({
|
||||
repeatText : label,
|
||||
repeatValue: value
|
||||
});
|
||||
this.hidePicker();
|
||||
},
|
||||
|
||||
submitTask() {
|
||||
//TODO 新增或者修改
|
||||
console.log('保存成功')
|
||||
wx.redirectTo({
|
||||
url: '../task/index'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
9
pages/task/taskDetail/index.json
Normal file
9
pages/task/taskDetail/index.json
Normal file
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"t-date-time-picker": "/components/date-time-picker/date-time-picker",
|
||||
"t-picker": "/components/picker/picker",
|
||||
"t-picker-item": "/components/picker/picker-item",
|
||||
"t-switch": "/components/switch/switch",
|
||||
"t-button": "/components/button/button"
|
||||
}
|
||||
}
|
||||
70
pages/task/taskDetail/index.wxml
Normal file
70
pages/task/taskDetail/index.wxml
Normal file
@@ -0,0 +1,70 @@
|
||||
<t-input label="任务名" value="{{'任务的农安我i吗哇哦i对面'}}" placeholder="请输入任务名称" maxlength="{{10}}" clearable />
|
||||
<t-cell
|
||||
title="完成日期"
|
||||
hover
|
||||
note="{{completeText || '年 月 日'}}"
|
||||
arrow
|
||||
data-mode="complete"
|
||||
bindtap="showPicker"
|
||||
t-class="pannel-item"
|
||||
t-class-note="{{completeText ? 'sub-text' : 'empty'}}"
|
||||
/>
|
||||
<t-cell
|
||||
title="提醒日期"
|
||||
hover
|
||||
note="{{alertText || '年 月 日'}}"
|
||||
arrow
|
||||
data-mode="alert"
|
||||
bindtap="showPicker"
|
||||
t-class="pannel-item"
|
||||
t-class-note="{{alertText ? 'sub-text' : 'empty'}}"
|
||||
/>
|
||||
<t-cell
|
||||
title="任务重复"
|
||||
hover
|
||||
note="{{repeatText || '选择重复周期'}}"
|
||||
arrow
|
||||
data-mode="repeat"
|
||||
bindtap="showPicker"
|
||||
t-class="pannel-item"
|
||||
t-class-note="{{repeatText ? 'sub-text' : 'empty'}}"
|
||||
/>
|
||||
<t-textarea label="备注" placeholder="请输入任务备注..." maxcharacter="200" />
|
||||
<t-button t-class="external-class" theme="primary" block bind:tap="submitTask">保存</t-button>
|
||||
<input value="{{repeatValue}}" hidden/>
|
||||
<t-date-time-picker
|
||||
title="完成日期"
|
||||
visible="{{completeVisible}}"
|
||||
mode="date"
|
||||
defaultValue="{{date}}"
|
||||
format="YYYY-MM-DD"
|
||||
bindchange="onConfirm"
|
||||
bindpick="onColumnChange"
|
||||
bindcancel="hidePicker"
|
||||
start="{{start}}"
|
||||
end="{{end}}"
|
||||
></t-date-time-picker>
|
||||
<t-date-time-picker
|
||||
title="截止日期"
|
||||
visible="{{alertVisible}}"
|
||||
mode="date"
|
||||
defaultValue="{{date}}"
|
||||
format="YYYY-MM-DD"
|
||||
bindchange="onConfirm"
|
||||
bindpick="onColumnChange"
|
||||
bindcancel="hidePicker"
|
||||
start="{{start}}"
|
||||
end="{{end}}"
|
||||
></t-date-time-picker>
|
||||
<t-picker
|
||||
visible="{{repeatVisible}}"
|
||||
value="{{repeatText}}"
|
||||
data-key="repeatKey"
|
||||
title="请选择重复周期"
|
||||
cancelBtn="取消"
|
||||
confirmBtn="确认"
|
||||
bindchange="onPickerConfirm"
|
||||
bindpick="onColumnChange"
|
||||
>
|
||||
<t-picker-item options="{{repeatKey}}"></t-picker-item>
|
||||
</t-picker>
|
||||
17
pages/task/taskDetail/index.wxss
Normal file
17
pages/task/taskDetail/index.wxss
Normal file
@@ -0,0 +1,17 @@
|
||||
.pannel-item {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.pannel-item::after {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.sub-text {
|
||||
color: #000;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.empty {
|
||||
color: #000;
|
||||
opacity: 0.32;
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
<t-input label="任务名" value="{{'任务的农安我i吗哇哦i对面'}}" disabled placeholder="请输入任务名称" maxlength="{{10}}" clearable />
|
||||
<t-input label="任务名" value="{{'任务的农安我i吗哇哦i对面'}}" disabled placeholder="请输入任务名称" maxlength="{{10}}" />
|
||||
<t-cell
|
||||
title="完成日期"
|
||||
note="{{completeText || '年 月 日'}}"
|
||||
@@ -8,7 +8,7 @@
|
||||
t-class="pannel-item"
|
||||
t-class-note="{{completeText ? 'sub-text' : 'empty'}}"
|
||||
/>
|
||||
<t-cell
|
||||
<t-cell
|
||||
title="提醒日期"
|
||||
note="{{alertText || '年 月 日'}}"
|
||||
arrow
|
||||
|
||||
Reference in New Issue
Block a user