提报

pages/submission/index.js

@@ -5,14 +5,51 @@ Page({
      * 页面的初始数据
      */
     data: {
-
+        option1: [{
+                text: '所有日期',
+                value: '所有日期'
+            },
+            {
+                text: '查看范围',
+                value: '查看范围'
+            }
+        ],
+        option2: [{
+                text: '默认排序',
+                value: '默认排序'
+            },
+            {
+                text: '按日期升序',
+                value: '按日期升序'
+            },
+            {
+                text: '按日期降序',
+                value: '按日期降序'
+            },
+        ],
+        value1: '所有日期',
+        value2: '默认排序',
     },
-
     /**
      * 生命周期函数--监听页面加载
      */
     onLoad(options) {
-
+    },
+    dropdownChange1({
+        detail
+    }) {
+        console.log(detail)
+        this.setData({
+            value1: detail
+        })
+    },
+    dropdownChange2({
+        detail
+    }) {
+        console.log(detail)
+        this.setData({
+            value2: detail
+        })
     },
 
     /**

pages/submission/index.json

@@ -1,4 +1,7 @@
 {
     "navigationBarTitleText": "提报",
-    "usingComponents": {}
+    "usingComponents": {
+        "van-datetime-picker": "@vant/weapp/datetime-picker/index",
+        "My_datePicker":"/components/My_datePicker/index"
+    }
 }

pages/submission/index.wxml

@@ -3,9 +3,15 @@
     <van-tab title="一事多报" />
     <van-tab title="提报管理" />
 </van-tabs>
-<My_dropdownMenu></My_dropdownMenu>
+<van-dropdown-menu active-color='var(--assist)'>
+    <van-dropdown-item value="{{ value1 }}" options="{{ option1 }}" bindchange='dropdownChange1' />
+    <van-dropdown-item value="{{ value2 }}" options="{{ option2 }}" bindchange='dropdownChange2' />
+</van-dropdown-menu>
+<view style="height: 50rpx;"></view>
+<My_datePicker></My_datePicker>
+<picker-view></picker-view>
 <view class="unread">总共15个，进行中10个，已过期5个</view>
-<navigator url="#" class="my-card item" wx:for="{{5}}">
+<navigator url="/pages/submission/details" class="my-card item" wx:for="{{5}}">
     <view class="first-line">
         <view class="line-1">标题标题标题标题抱标题标题标题标题抱团标题标题标题标题抱团团</view>
         <text class="time">2022/05/18 09:21:20</text>