个人消息

pages/myself/notify/index.js

@@ -1,10 +1,11 @@
 Page({
     data: {
-        activeValues: [],
-    },
-    handleChange(e) {
-        this.setData({
-            activeValues: e.detail.value,
-        });
+        messageList : [
+            {"taskId":"2022","isRead":true,"title":"今天是任务的需要的","content":"任务【测试...】已延期","date":"2022-12-14"},
+            {"taskId":"2022","isRead":false,"title":"任务延期","content":"点哦电脑玩i回家欧帝啊我你的破请问你的我i拿到钱哦i我你懂屁请问你oi","date":"2022-12-14"},
+            {"taskId":"2022","isRead":true,"title":"任务【测试3213...】已延期","content":"点哦电脑玩i回家欧帝啊我你的破请问你的我i拿到钱哦i我你懂屁请问你oi","date":"2022-12-14"},
+            {"taskId":"2022","isRead":false,"title":"任务【测试412312...】已延期","content":"任务【测试...】已延期","date":"2022-12-14"}
+        ],
     },
+
 });

pages/myself/notify/index.json

@@ -1,6 +1,5 @@
 {
   "usingComponents": {
-    "t-collapse": "/components/collapse/collapse",
-    "t-collapse-panel": "/components/collapse/collapse-panel"
+    "t-badge": "/components/badge/badge"
   }
 }

pages/myself/notify/index.wxml

@@ -1,11 +1,15 @@
-<wxs module="_"> module.exports.contains = function(arr, target) { return arr.indexOf(target) > -1; } </wxs>
-<t-collapse value="{{activeValues}}" bind:change="handleChange">
-    <t-collapse-panel
-            header="今天任务到期了"
-            header-right-content="{{_.contains(activeValues, 0) ? '收起' : '展开'}}"
-            value="{{0}}"
-            expandIcon
-    >
-        这个凑数的，到时候改成已读未读的消息
-    </t-collapse-panel>
-</t-collapse>
+<view class="msgTitle">
+    <view class="clear"></view>
+    <view class="clear"><t-icon name="app"></t-icon></view>
+    <view class="read"><t-icon name="app"/></view>
+</view>
+<view wx:for="{{messageList}}">
+    <t-cell title="{{item.title}}" description="{{item.content}}" wx:key="index">
+        <view slot="description">
+            {{item.date}}
+        </view>
+        <view class="sendDate" slot="note">
+            <t-badge wx:if="{{item.isRead}}" dot/>
+        </view>
+    </t-cell>
+</view>

pages/myself/notify/index.wxss

@@ -0,0 +1,8 @@
+.msgTitle {
+    display: flex;
+    justify-content: space-between;
+    padding: 20rpx 50rpx;
+}
+.sendDate {
+    padding-left: 20rpx;
+}

pages/task/index.js

@@ -128,6 +128,11 @@ Page({
     handleAction(e) {
         let itemId = e.currentTarget.dataset.id;
         let items = [];
+        items.push({
+            label: '详情',
+            operate: '3',
+            dataId:  itemId,
+        });
         items.push({
             label: '配置',
             operate: '0',
@@ -158,11 +163,17 @@ Page({
         let operate = e.detail.selected.operate;
         let dataId = e.detail.selected.dataId;
         if (operate == 0){
-            //进入详情页面 TODO
+            //进入详情修改页面
             wx.navigateTo({
                 url: '/pages/taskDetail/index?id=' + dataId
             });
         }
+        if (operate == 3){
+            //进入详情查看页面
+            wx.navigateTo({
+                url: '/pages/task/taskView/index?id=' + dataId
+            });
+        }
         if (operate == 1){
             //取消提醒 //TODO
         }

pages/task/taskView/index.js

@@ -0,0 +1,12 @@
+let taskId = '';
+Page({
+    data: {
+        alertText: '',
+        completeText: '',
+        repeatText: ''
+    },
+    onLoad: function (options) {
+        taskId = options.id;
+    }
+
+});

pages/task/taskView/index.json

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

pages/task/taskView/index.wxml

@@ -0,0 +1,29 @@
+<t-input label="任务名" value="{{'任务的农安我i吗哇哦i对面'}}" disabled placeholder="请输入任务名称" maxlength="{{10}}" clearable />
+<t-cell
+        title="完成日期"
+        note="{{completeText || '年 月 日'}}"
+        arrow
+        data-mode="complete"
+        bindtap="showPicker"
+        t-class="pannel-item"
+        t-class-note="{{completeText ? 'sub-text' : 'empty'}}"
+/>
+<t-cell
+        title="提醒日期"
+        note="{{alertText || '年 月 日'}}"
+        arrow
+        data-mode="alert"
+        bindtap="showPicker"
+        t-class="pannel-item"
+        t-class-note="{{alertText ? 'sub-text' : 'empty'}}"
+/>
+<t-cell
+        title="任务重复"
+        note="{{repeatText || '选择重复周期'}}"
+        arrow
+        data-mode="repeat"
+        bindtap="showPicker"
+        t-class="pannel-item"
+        t-class-note="{{repeatText ? 'sub-text' : 'empty'}}"
+/>
+<t-textarea label="备注" disabled placeholder="请输入任务备注..." value="我一定要努力" />

pages/task/taskView/index.wxss

@@ -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;
+}

pages/taskDetail/index.js

@@ -25,10 +25,6 @@ Page({
         taskId = options.id;
     },
 
-    onShow() {
-
-    },
-
     showPicker(e) {
         const { mode } = e?.currentTarget?.dataset;
         this.setData({