修改列表

pages/reserve/personal/myVipList.vue

@@ -25,7 +25,8 @@
 				<image mode="aspectFill" :src="x.CardBagIco" style="width: 100%;height: 100%;border-radius: 6px;"></image>
 				<view class="bj"></view>
 				<view class="btext">
-					<text>{{x.Name}}</text>
+					<text class="btext-l">{{x.CardNo}}</text>
+					<text class="btext-r">{{x.Name}}</text>
 				</view>
 				<view class="bj2" v-if="x.IsOver==1"></view>
 				<image   mode="aspectFill" v-if="x.IsOver==1" class="imgs" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/studycardgq.png"  ></image>
@@ -50,6 +51,18 @@
       <u-loading mode="flower" size="48">></u-loading>
       <Text style="color: #fff; margin-top: 10rpx;">加载中...</Text>
     </view>
+	 <view v-if="show==true" class="pu" @click="show=false">
+		 <view class="pu-box">
+			 <image mode="widthFix" :src="selectobj.CardBagIco" style="width: 100%;height: 100%;"></image>
+			 <view class="pu-btoom">
+				 <view>{{selectobj.CardNo}}</view>
+				 <view style="margin-top: 12px;font-size: 12px;display: flex;flex-direction: row;align-items: center;">
+				 	<view style="margin-right: 10px;max-width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{{useName}}</view>
+				 		{{selectobj.EndDate.split('T')[0].split('-')[1]+'/'+selectobj.EndDate.split('T')[0].split('-')[0].toString().substr(2, 2)}}
+				 </view>
+			 </view>
+		 </view>
+	 </view>
     <!-- 取消提示 -->
     <u-toast ref="uToast" />
    <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth= 'gbAuth'></auth>
@@ -67,10 +80,10 @@ export default {
       pageTitle: "会员卡",
       showAuth:false,
 	  u:{},
+	  show:false,
      
       mainColor: "",
       contentHeight: 0,
-      
 	  msg:{
 		  pageIndex: 1,
 		  pageSize:10,
@@ -84,11 +97,14 @@ export default {
 	    loading: "努力加载中",
 	    nomore: "没有更多了",
 	  },
+	  selectobj:{},
+	  useName:'',
     };
   },
   created() {
     this.contentHeight = this.$utils.calcContentHeight(-40) + "px";
     this.mainColor = this.$uiConfig.mainColor;
+	this.useName = uni.getStorageSync("mall_UserInfo")?uni.getStorageSync("mall_UserInfo").Name:''
   },
   mounted() {
     let currentPages = getCurrentPages();
@@ -158,11 +174,13 @@ export default {
 		uni.navigateBack()
 	},
 	gocoupon(item){
-		if(item.IsOver==0){
-			uni.navigateTo({
-				url: "/pages/reserve/personal/vipDetail?ID="+item.ID,
-			})
-		}
+		this.selectobj = item;
+		this.show=true
+		// if(item.IsOver==0){
+		// 	uni.navigateTo({
+		// 		url: "/pages/reserve/personal/vipDetail?ID="+item.ID,
+		// 	})
+		// }
 		
 	}
 	
@@ -227,10 +245,12 @@ export default {
 		left: 0;
 		top: 0;
 		font-size: 12px;
+		padding: 15px;
 		color: #FFF;
 		display: flex;
+		flex-direction: row;
 		align-items: center;
-		justify-content: center;
+		justify-content: space-between;
 	}
 	.bj2{
 		width: 100%;
@@ -248,5 +268,46 @@ export default {
 		position: absolute;top: 0px;
 		right: 0px;
 	}
+	.btext-l{
+		width: 1;
+		flex:1;
+		margin-right: 20px;
+		font-size: 18px;
+	}
+	.btext-r{
+		width: 100px;
+		text-align: right;
+		overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
+		
+	}
+	.myVipList .pu{
+		width: 100%;
+		height: 100%;
+		background: rgba(255, 255, 255, 0.9);
+		position: fixed;
+		left: 0;
+		top: 0;
+		z-index: 999;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.pu-box{
+		width: 100%;
+		/* height: 230px; */
+		position: relative;
+	}
+	.pu-btoom{
+		width: 100%;
+		height: 100%;
+		color: #FFF;font-size: 15px;
+		position: absolute;
+		padding: 15px;
+		left: 0;
+		top: 0;
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-end;
+	}
 
 </style>