基板任务清单

This commit is contained in:
2023-01-04 10:10:39 +08:00
parent f9eb77079b
commit c17bdb8627
20 changed files with 188 additions and 298 deletions

View File

@@ -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'},
],
},

View File

@@ -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"
}
}

View File

@@ -18,7 +18,6 @@
<text>今天{{item.repeat}}周年啦!</text>
</view>
</view>
<t-divider content="✿✿✿---■Quinn■---✿✿✿" />
</view>
<view class="block-position"></view>
</view>

View File

@@ -22,7 +22,7 @@ Page({
exitLogin(){
wx.clearStorageSync();
wx.reLaunch({url:"/pages/login/index"})
git ({url:"/pages/login/index"})
}
});

View 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'
})
}
});

View 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"
}
}

View 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>

View 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;
}

View File

@@ -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