commit message

pages/mine/msgTips/packageMsg/index.vue

@@ -0,0 +1,128 @@
+<template>
+  <view class="container " style="font-size: 13px;">
+	 <block v-for="(row, index) in messageList" :key="index">
+		<view class="msgItem">
+		  <div class="msgMsg">
+			<div class="bagbar">{{$u.timeFormat(row.send_time, 'yyyy-mm-dd')}}</div>
+		  </div>
+		  <u-card @click="goDetail(row.sn,row.logi_id,row.ship_no)" :title="title" title-color="#666666" title-size="24" sub-title-color="#666666" sub-title-size="24" :border="false" :sub-title=row.status>
+			<view class="msg-body" slot="body">
+			  <image class="msgImg" :src="row.goods_img" mode=""></image>
+			  <view class="msgView">
+				<view>{{row.goodsName}}</view>
+				<view class="msgNum">订单号:{{row.sn}}</view>
+			  </view>
+			</view>
+		  </u-card>
+		</view>
+	</block>	
+	<uni-load-more :status="loadStatus"></uni-load-more>
+  </view>
+</template>
+
+<script>
+import * as API_Message from "@/api/message.js";
+export default {
+  data() {
+    return {
+	  messageList: [],
+	  title: "物流更新通知",
+	  subTitle: "运输中",
+	  loadStatus:'more',
+	  params: {
+	    pageNumber: 1,
+	    pageSize: 10,
+	  },
+	  loadStatus:'more'
+    };
+  },
+  onLoad(){
+  	this.GET_LogisticsList(true);
+  },
+  onReachBottom() {
+  	this.params.pageNumber++
+  	this.GET_LogisticsList(false)
+  },
+  methods: {
+    goDetail(sn,logi_id,ship_no){
+		uni.navigateTo({
+			url:'/pages/msgTips/packagemsg/logisticsDetail?order_sn=' + sn +'&logi_id='+logi_id+'&ship_no='+ship_no,
+		})
+	},
+	//获取物流消息
+	GET_LogisticsList(reset){
+		if (reset) {
+			this.params.pageNumber = 1
+		 }
+		uni.showLoading({
+			title:"加载中"
+		})
+		API_Message.getLogisticsMessages(this.params).then(async response => {
+			uni.hideLoading()
+		    const { data } = response
+		    if (!data || !data.length) {
+				this.messageList.push(...data.data)
+		    }
+		 })
+		
+	}
+		
+  }
+};
+</script>
+
+<style scoped lang='scss'>
+.ddnumber {
+  color: $u-tips-color;
+  font-size: 24rpx;
+}
+.msg-body{
+	display: flex;
+	background-color: rgba(102, 110, 232, 0.0470588235294118);
+	
+	
+	.msgImg{
+		width: 160rpx;
+		height: 160rpx;
+	}
+	.msgView{
+		margin-left: 20rpx;
+		.msgNum:last-child{
+			margin-top: 60rpx;
+		}
+	}
+	
+}
+.bagbar {
+  display: inline;
+  border-radius: 500px;
+  color: #fff;
+  font-size: 24rpx;
+  padding: 10rpx 20rpx;
+  background: $u-type-info-disabled;
+}
+.storeImg {
+  width: 100%;
+  height: 100rpx;
+  margin-right: 20rpx;
+}
+.container {
+  background: #F9F9F9;
+  min-height: 100vh;
+}
+.msgMsg {
+  text-align: center;
+  color: $u-tips-color;
+}
+.msgItem {
+  padding: 1em 0;
+}
+view{
+	font-size: 13px;
+	color: #666666;
+}
+u-card{
+	font-size: 13px;
+	color: #666666;
+}
+</style>