feat: 今日待办-静态页面

src/pages/index/index.vue

@@ -45,6 +45,26 @@
             </view>
           </view>
         </view>
+
+        <view class="body-view">
+          <view class="header-view">
+            <view class="title-view">今日待办</view>
+          </view>
+          <view class="line-view"></view>
+          <view class="content-view">
+            <view class="item-view" v-for="(item, index) in todayData" :key="index">
+              <view
+                class="left-view"
+                @click="toDayClick(item)"
+                hover-class="u-hover-class"
+              >
+                <view class="value-view">{{ item.value }}</view>
+                <view class="label-view">{{ item.label }}</view>
+              </view>
+            </view>
+          </view>
+        </view>
+
         <view class="sticky">
           <text>订单推荐</text>
         </view>
@@ -160,6 +180,28 @@ export default {
         scrollTop: 0,
       },
       showMask: false,
+      todayData: [
+        {
+          label: '待联系',
+          value: 0,
+          orderType: ''
+        },
+        {
+          label: '待上门',
+          value: 0,
+          orderType: ''
+        },
+        {
+          label: '待完工',
+          value: 0,
+          orderType: ''
+        },
+        {
+          label: '异常单',
+          value: 0,
+          orderType: ''
+        }
+      ]
     }
   },
   watch: {
@@ -203,8 +245,8 @@ export default {
       return process.uniEnv.qn_base_url + 'weiruzhu.png'
     },
     imageStyle() {
-      return  'width:628rpx; margin-top:816rpx; margin-left:122rpx'
-    }
+      return 'width:628rpx; margin-top:816rpx; margin-left:122rpx'
+    },
   },
   onLoad(e) {
     app.trackPage('自营平台首页')
@@ -241,6 +283,14 @@ export default {
           showCountTime,
       })
     },
+    toDayClick(item) {
+      let date = new Date()
+      let timestamp = date.getTime()
+      let today = this.$u.timeFormat(timestamp, 'yyyy-mm-dd')
+      uni.navigateTo({
+        url: `pages/mine/order/list?orderType=${item.orderType}&title=${item.label}&start=${today}&end=${today}`
+      })
+    },
     async initSettleInfo() {
       let self = this
       // 加载消息列表
@@ -250,7 +300,8 @@ export default {
           // 后台自动判断入驻流程是否完成，前台通过status确定状态
           if (result && result.record) {
             // 不返回该字段或返回true代表需要入驻
-            vm.needSettled = result.needSettled == undefined ? true : result.needSettled
+            vm.needSettled =
+              result.needSettled == undefined ? true : result.needSettled
             vm.status = Number(result.record.status || '0')
             // vm.status = 8
           }
@@ -569,6 +620,57 @@ export default {
   padding: 46rpx 0 28rpx 0;
 }
 
+.body-view {
+  background-color: #ffffff;
+  margin-top: 20rpx;
+  border-radius: 12rpx;
+  padding: 30rpx 30rpx 0 30rpx;
+  .header-view {
+    display: flex;
+    justify-content: space-between;
+    .title-view {
+      font-size: 32rpx;
+      color: #333333;
+      font-weight: bold;
+      display: flex;
+      align-items: center;
+    }
+  }
+  .line-view {
+    width: 100%;
+    background-color: #f4f5f7;
+    height: 2rpx;
+    margin: 30rpx 0;
+  }
+  .content-view {
+    display: flex;
+    align-self: center;
+    justify-content: space-around;
+    padding: 20rpx 0 50rpx 0;
+    .item-view {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &:last-child > .left-view > .value-view {
+        color: red
+      }
+      .left-view {
+        text-align: center;
+        color: #666666;
+        font-size: 28rpx;
+        width: 180rpx;
+        
+        .value-view {
+          font-weight: bold;
+          font-size: 45rpx;
+          margin-bottom: 20rpx;
+          color: #2272ff;
+        }
+      }
+    }
+  }
+}
+
 .order-view {
   text-align: center;