个人消息

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