消息模块订单通知页面大体框架

src/pages.json

@@ -182,6 +182,12 @@
             "navigationBarTitleText": "付款通知"
           }
         },
+        {
+          "path": "info/index",
+          "style": {
+            "navigationBarTitleText": "私信"
+          }
+        },
         {
           "path": "upvote/index",
           "style": {

src/pages/message/order/index.vue

@@ -1,9 +1,61 @@
 <template>
-  <view>订单通知</view>
+  <view>
+    <view style="display: flex;justify-content: space-between;margin: 8px;">
+      <view>
+        <h1>订单通知</h1>
+        <h3>共 {{ total }} 条新订单</h3>
+      </view>
+      <view @click="allRead">
+        <h2 align="right">全部已读</h2>
+      </view>
+    </view>
+    <view style="margin-top: 25px;margin-left: 25px;">
+      <h2>待处理订单</h2>
+      <view style="margin-top: 10px;margin-left: 15px;">
+        <h3>订单编号：{{ waitOrder }}</h3>
+        <h3>客户名称：{{ waitName }}</h3>
+        <h3>订单金额：{{ waitMoney }}</h3>
+        <h3>下单时间：{{ waittime }}</h3>
+      </view>
+    </view>
+    <view style="margin-top: 25px;margin-left: 25px;">
+      <h2>待处理订单</h2>
+      <view style="margin-top: 10px;margin-left: 15px;">
+        <h3>订单编号：{{ waitOrder }}</h3>
+        <h3>客户名称：{{ waitName }}</h3>
+        <h3>订单金额：{{ waitMoney }}</h3>
+        <h3>下单时间：{{ waittime }}</h3>
+      </view>
+    </view>
+    <view style="margin-top: 25px;margin-left: 25px;">
+      <h2>新订单提醒</h2>
+      <view style="margin-top: 10px;margin-left: 15px;">
+        <h3>订单编号：{{ waitOrder }}</h3>
+        <h3>客户名称：{{ waitName }}</h3>
+        <h3>订单金额：{{ waitMoney }}</h3>
+        <h3>下单时间：{{ waittime }}</h3>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-export default {};
+  export default {
+    data() {
+      return {
+        total: 3,
+        waitName: '张三',
+        waitOrder: 999999999,
+        waitMoney: 999,
+        waittime: "2022-01-01 12:00:00",
+      };
+    },
+    methods: {
+      allRead() {
+
+      },
+    },
+  };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped></style>