订单消息详情 商家筛选

src/pages/client/clientPackage/message/orderNotice/index.vue

@@ -1,24 +1,24 @@
 <template>
   <view class="orderNotice">
-    <view class="order-list" v-for="(item,index) in 5" :key="index">
-      <view class="fl-flex-item order-top">
+    <view class="order-list" v-for="(item,index) in init_list" :key="index">
+     <view class="fl-flex-item order-top">
         <view class="fl-flex chelvc-chelvc-align-center">
-          <image src="/static/logo.png" mode="scaleToFill" />
-          <view class="f-s-28 margin-left-xs">车旅程</view>
+          <image :src="item.orderDetailDTO.orderItemList[0].goodsPic" mode="scaleToFill" />
+          <view class="f-s-28 margin-left-xs">{{ item.orderDetailDTO.orderItemList[0].goodsName }}</view>
         </view>
         <u-icon name="arrow-right" color="#cbcbcb" size="15" />
       </view>
       <view>
         <view class="fl-flex-item title">
           <view class="text-bold text-black">订单支付成功</view>
-          <view class="f-s-20 text-gray">2024/02/05</view>
+          <view class="f-s-20 text-gray">{{ item.createTimeText }}</view>
         </view>
         <view class="fl-flex content">
           <view class="img">
-            <image src="/static/logo.png" mode="scaleToFill" />
+            <image :src="item.orderDetailDTO.merchantInfo.logo" mode="scaleToFill" />
           </view>
           <view class="text apostrophe">
-            钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱钱
+            <span> 订单号:{{ item.orderId }} </span>
           </view>
         </view>
       </view>
@@ -32,11 +32,12 @@ export default {
   data() {
     return {
       queryParams:{
-        // number:1,
-        // size:10,
 		paging:'1,10',
         counting:true
-      }
+      },
+	  current:1,
+	  size:10,
+	  init_list:[]
     };
   },
   mounted(){
@@ -45,7 +46,10 @@ export default {
   methods: {
     handlerInitList(){
       getOrderInform(this.queryParams).then(res=>{
-        console.log("@@@@res",res)
+		this.init_list = res.data.records
+		this.init_list.map(rs=>{
+			rs.createTimeText = uni.$u.timeFormat(rs.createTime, 'yyyy-mm-dd');
+		})
       })
     }
   },
@@ -71,6 +75,7 @@ export default {
     border-radius: 20rpx;
     padding: 20rpx;
     margin-bottom: 20rpx;
+	box-shadow: 0 0 15rpx 0 rgba(0,0,0,0.2);
     .order-top {
       height: 50rpx;
       border-bottom: 2rpx solid #fbfbfb;

src/pages/client/clientPackage/storeList.vue

@@ -184,8 +184,11 @@
       },
       //
       handlerSelectMenu(e) {
-        this.filterShow = true;
-        this.filterType = 1;
+		  uni.navigateTo({
+		  	url:'/pages/client/clientPackage/category'
+		  })
+        // this.filterShow = true;
+        // this.filterType = 1;
       },
       // 选择左侧菜单
       handlerSelectLMenu(item, index) {