订单详情页面

app.json

@@ -5,18 +5,27 @@
     "pages/billing_Statistics/index",
     "pages/store_Management/index",
     "pages/increase/increase",
-    "pages/details/orderDetails"
+    "pages/details/orderDetails",
+    "pages/search/search",
+    "pages/message/message"
+
   ],
   "window": {
     "backgroundTextStyle": "light",
     "navigationBarBackgroundColor": "#fff",
-    "navigationBarTitleText": "Weixin",
+    "navigationBarTitleText": "商家端",
     "navigationBarTextStyle": "black"
   },
   "usingComponents": {
     "van-button": "@vant/weapp/button",
     "van-field": "@vant/weapp/field/index",
-    "van-uploader": "@vant/weapp/uploader/index"
+    "van-uploader": "@vant/weapp/uploader/index",
+    "van-search": "@vant/weapp/search/index",
+    "van-row": "@vant/weapp/row/index",
+    "van-col": "@vant/weapp/col/index",
+    "van-panel": "@vant/weapp/panel/index",
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index"
   },
   "sitemapLocation": "sitemap.json"
 }

pages/index/index.json

@@ -1,5 +1,10 @@
 {
   "usingComponents": {
-    "van-button": "@vant/weapp/button"
+    "van-tab": "@vant/weapp/tab/index",
+    "van-tabs": "@vant/weapp/tabs/index",
+    "van-button": "@vant/weapp/button",
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index",
+    "van-icon": "@vant/weapp/icon/index"
   }
 }

pages/index/index.wxml

@@ -1,29 +1,130 @@
-<!--index.wxml-->
-<view class="container">
-  <view class="userinfo">
-    <block wx:if="{{canIUseOpenData}}">
-      <view class="userinfo-avatar" bindtap="bindViewTap">
-        <open-data type="userAvatarUrl"></open-data>
-      </view>
-      <open-data type="userNickName"></open-data>
-    </block>
-    <block wx:elif="{{!hasUserInfo}}">
-      <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button>
-      <button wx:elif="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
-      
 
-      <view wx:else> 请使用1.4.4及以上版本基础库 </view>
-    </block>
-    <block wx:else>
-      <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
-      <text class="userinfo-nickname">{{userInfo.nickName}}</text>
-    </block>
+<view class="header">
+  <view class="text">
+    <input type="text" placeholder="搜索用户手机号" />
   </view>
-  <view class="usermotto">
-    <text class="user-motto">{{motto}}</text>
+  <view class="btn1">
+    <button>搜索</button>
   </view>
-  <van-button type="primary">按钮</van-button>
 </view>
-<!-- 两端对齐 -->
 
+<view class="serve">
+  <van-tabs active="a">
+    <van-tab title="待送达" name="a">
+      <view class="serve-con">
+        <view class="content1">
+          <view class="content-num">
+            <view>订单编号:98989898989<view class="num-left">详情></view>
+            </view>
+          </view>
+          <view class="content-msg">
+          <view class="msg-left">姓名：吴迪 （先生）<view class="msg-right">待送达</view></view>
+          <view class="msg-left">手机号：13889004083</view>
+          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
+          <view class="msg-left">下单时间：2023-4-27 09:06:29<button class="btn2">重新打印</button> </view>
+          </view>
+        </view>
+        <view class="content1">
+          <view class="content-num">
+            <view>订单编号:98989898989<view class="num-left">详情></view>
+            </view>
+          </view>
+          <view class="content-msg">
+          <view class="msg-left">姓名：吴迪 （先生）
+          <text class="msg-right">待送达</text>
+          </view>
+          <view class="msg-left">手机号：13889004083</view>
+          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
+          <view class="msg-left">下单时间：2023-4-27 09:06:29 <button class="btn2">重新打印</button> </view>
+          </view>
+        </view>
+      </view>
+    </van-tab>
+    <van-tab title="已送达" name="b">
+      <view class="serve-con">
+        <view class="content1">
+          <view class="content-num">
+            <view>订单编号:98989898989<view class="num-left">详情></view>
+            </view>
+          </view>
+          <view class="content-msg">
+          <view class="msg-left">姓名：吴迪 （先生）
+            <text class="msg-right" style="color:#D3D3D3	 ;">已送达</text>
+          </view>
+          <view class="msg-left">手机号：13889004083</view>
+          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
+          <view class="msg-left">下单时间：2023-4-27 09:06:29<button class="btn2">重新打印</button> </view>
+          </view>
+        </view>
+        <view class="content1">
+          <view class="content-num">
+            <view>订单编号:98989898989<view class="num-left">详情></view>
+            </view>
+          </view>
+          <view class="content-msg">
+          <view class="msg-left">姓名：吴迪 （先生）
+          <text class="msg-right" style="color:#D3D3D3	 ;">已送达</text>
+          </view>
+          <view class="msg-left">手机号：13889004083</view>
+          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
+          <view class="msg-left">下单时间：2023-4-27 09:06:29 <button class="btn2">重新打印</button> </view>
+          </view>
+        </view>
+      </view>
+    </van-tab>
+    <van-tab title="已付款" name="c">
+      <view class="serve-con">
+        <view class="content1">
+          <view class="content-num">
+            <view>订单编号:98989898989<view class="num-left">详情></view>
+            </view>
+          </view>
+          <view class="content-msg">
+          <view class="msg-left">姓名：吴迪 （先生）
+            <text class="msg-right" style="color:#D3D3D3	 ;">已付款</text>
+          </view>
+          <view class="msg-left">手机号：13889004083</view>
+          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
+          <view class="msg-left">下单时间：2023-4-27 09:06:29<button class="btn2">重新打印</button> </view>
+          </view>
+        </view>
+        <view class="content1">
+          <view class="content-num">
+            <view>订单编号:98989898989<view class="num-left">详情></view>
+            </view>
+          </view>
+          <view class="content-msg">
+          <view class="msg-left">姓名：吴迪 （先生）
+          <text class="msg-right" style="color:#D3D3D3	 ;">已付款</text>
+          </view>
+          <view class="msg-left">手机号：13889004083</view>
+          <view class="msg-left">地址：黑龙江工程学院二公寓408</view>
+          <view class="msg-left">下单时间：2023-4-27 09:06:29 <button class="btn2">重新打印</button> </view>
+          </view>
+        </view>
+      </view>
+    </van-tab>
+  </van-tabs>
+</view>
 
+<view class="footer">
+<view class="footer-img">
+<view class="img-box">
+  <van-icon name="orders-o" size="30px" />
+  <view>订单</view>
+</view>
+</view>
+<view class="footer-img">
+<view class="img-box">
+  <van-icon name="chat-o" dot size="30px"/>
+  <view>消息</view>
+</view>
+</view>
+<view class="footer-img">
+<view class="img-box">
+  <van-icon name="user-o" size="30px"/>
+  <view>我的</view>
+</view>
+  
+</view>
+</view>

pages/index/index.wxss

@@ -1,4 +1,5 @@
 /**index.wxss**/
+
 .userinfo {
   display: flex;
   flex-direction: column;
@@ -16,4 +17,5 @@
 
 .usermotto {
   margin-top: 200px;
+
 }

pages/jcy/jcy.wxml → pages/jcy/jcy.wxml

@@ -113,4 +113,19 @@
       </view>
     </van-cell>
   </view>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 </view>

pages/message/message.js

@@ -0,0 +1,66 @@
+// pages/message/message.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/message/message.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {
+    "van-panel": "@vant/weapp/panel"
+  }
+}

pages/message/message.wxml

@@ -0,0 +1,21 @@
+<view class="order">
+  <van-panel class="total" title="订单编号：898989898" status="详细>">
+    <view>
+      <van-cell class="name" title="姓名:吴迪(先生)" value="已送达" value-class="cell-value" border="{{ false }}" />
+    </view>
+    <view class="mess1">手机号:1389091919</view>
+    <view class="mess1">地址:哈尔滨师范大学公寓2号楼1门</view>
+    <view class="mess1">下单时间:2022-08-18 13:18:34</view>
+    <view class="mess1">配送人:冯传宇</view>
+  </van-panel>
+</view>
+<van-panel class="total" title="订单编号：898989898" status="详细>">
+  <view>
+    <van-cell class="name" title="姓名:吴迪(先生)" value="已送达" value-class="cell-value" border="{{ false }}" />
+  </view>
+  <view class="mess1">手机号:1389091919</view>
+  <view class="mess1">地址:哈尔滨师范大学公寓2号楼1门</view>
+  <view class="mess1">下单时间:2022-08-18 13:18:34</view>
+  <view class="mess1">配送人:冯传宇</view>
+
+</van-panel>

pages/message/message.wxss

@@ -0,0 +1,24 @@
+
+.name{
+  display: block;
+  color: #1db925;
+  font-size: 12px;
+  
+}
+.total{
+  display: block;
+  margin-top: 5px;
+
+}
+.mess1{
+  margin-left: 15px;
+  display: block;
+  color: #706868;
+  font-size: 15px;
+  margin-bottom: 8px;
+  margin-top: -2px;
+  font-size: 15px;
+}
+.cell-value{
+  color: rgb(25, 228, 18)!important;
+}

pages/search/search.js

@@ -0,0 +1,66 @@
+// pages/search/search.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/search/search.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

pages/search/search.wxml

@@ -0,0 +1,95 @@
+<!--pages/search/search.wxml-->
+<!-- <text>pages/search/search.wxml</text> -->
+<!--pages/search/search.wxml-->
+<!-- <text>pages/search/search.wxml</text> -->
+<view class="all">  
+
+<view class="search-top">
+<view class="box">
+<input type="text" class="input"
+placeholder="16900002345"
+/>
+<input type="text"
+value="搜索"
+class="button"/>
+</view>
+</view>
+
+<view class="search-box">
+
+<van-panel class="total" title="订单编号：989898989" status="详情>">
+<!-- 内容 -->
+<view>
+
+<view>
+<van-cell 
+title="姓名：吴迪(先生)" 
+value="待送达" 
+border="{{ false }}"  
+value-class="value-name2"
+class="name"/>
+</view>  
+
+<view>
+<view class="message">手机号：13890091919</view>
+</view>
+
+<view>
+<view class="message">地址：哈尔滨施法大学公寓2号楼1门</view>
+</view>
+
+<view>
+<view class="message">下单时间：2022-08-18 13:18:34</view>
+
+<view class="reprint" >
+<van-button size="mini" color="#ff8e0b">重新打印</van-button>
+</view>
+</view>
+
+</view>
+</van-panel>
+</view>
+
+<view class="search-box">
+
+<van-panel class="total" title="订单编号：989898989" status="详情>" >
+<!-- 内容 -->
+<view>
+
+<view>
+<van-cell 
+title="姓名：吴迪(先生)" 
+title-class="title-name2"
+value="待送达" 
+border="{{ false }}" 
+value-class="value-name2"
+class="name"/>
+</view>  
+
+
+<view>
+<view class="message">手机号：13890091919</view>
+</view>
+
+<view>
+<view class="message">地址：哈尔滨施法大学公寓2号楼1门</view>
+</view>
+
+<view>
+<view class="message">下单时间：2022-08-18 13:18:34</view>
+
+<view class="reprint">
+<van-button size="mini" color="#ff8e0b" >重新打印</van-button>
+</view>
+</view>
+
+
+</view>
+</van-panel>
+
+</view>
+
+</view>
+
+
+

pages/search/search.wxss

@@ -0,0 +1,85 @@
+/* pages/search/search.wxss */
+page{
+  background-color: #eff0f5;
+
+}
+.all{
+}
+.search-top {
+height: 55px;
+background-color: white;
+padding-bottom: 10px;
+
+ padding-top: 5px;
+}
+.box{
+  width:340px;
+  height:32px;
+  border:1px solid #b2b2b2;
+  margin:auto;
+  margin-top: 15px;
+  /* margin-bottom: 15px; */
+  border-radius: 40px;
+  background: white;
+}
+.input{
+  height:38px;
+  outline:none;
+  border:none;
+  
+  margin-left: 23px;
+  margin-top: -2px;
+  color: #cacaca;
+  font-size: 13px;
+}
+.button{
+	float:left;
+	width:64px;
+	height:19px;
+	color:white;
+  background-color:#ff8e0b;
+  outline:none;
+  border-radius: 40px;
+  text-align: center;
+  float: right;
+  margin-top: -31px;
+  margin-right:8px;
+  font-size: 13px;
+}
+
+
+.search-box {
+  margin-left: -2px;
+  margin-right: -2px;
+  height: 160px;
+}
+
+.total {
+  display: block;
+  margin: 20px 20px 1px 20px;
+}
+.title-name2{
+  /* font-size: 13px; */
+}
+.value-name2{
+  color: #ffa34a !important;
+}
+
+.message{
+  margin-left: 15px;
+  display: block;
+  color: #706868;
+  font-size: 14px;
+  margin-bottom: 8px;
+}
+
+.reprint{
+   float: right;
+    display: inline;
+    margin-top: -40px;
+    margin-right: 10px;
+  }
+
+
+
+

pink/app.json

@@ -1,10 +1,12 @@
 {
   "pages": [
+    "pages/search/search",
     "pages/index/index",
     "pages/logs/logs",
     "pages/billing_Statistics/index",
     "pages/store_Management/index",
-    "pages/jcy/jcy"
+    "pages/jcy/jcy",
+    "pages/search/search"
   ],
   "window": {
     "backgroundTextStyle": "light",

project.private.config.json

@@ -7,9 +7,30 @@
   "condition": {
     "miniprogram": {
       "list": [
+        {
+          "name": "搜索",
+          "pathName": "pages/search/search",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
+          "name": "",
+          "pathName": "pages/increase/increase",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
+          "name": "",
+          "pathName": "pages/store_Management/index",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
         {
           "name": "",
-          "pathName": "pages/billing_Statistics/index",
+          "pathName": "pages/message/message",
           "query": "",
           "launchMode": "default",
           "scene": null