增加已售罄功能，字段未定

center/order.vue

@@ -592,6 +592,7 @@ page{
 		.img{
 			width: 180rpx;
 			height: 160rpx;
+			border-radius: 12rpx;
 		}
 		.text{
 			font-size: 24rpx;

center/orderdetails.vue

@@ -698,6 +698,7 @@
 		.img{
 			width: 180rpx;
 			height: 160rpx;
+			border-radius: 12rpx;
 		}
 		.text{
 			font-size: 24rpx;

pages/ticketlist.vue

@@ -102,8 +102,9 @@
 						当前日期暂无演出场次，请重新选择
 					</view>
 					<view class="date-list u-flex u-flex-wrap" v-else>
-						<view class="date-item" :class="{active:sessionIndex==index}" @click="sessionClick(index)" v-for="(date,index) in sessionList" :key="index">
+						<view class="date-item" :class="{active:sessionIndex==index,'stock-over':date.stock<1}" @click="sessionClick(index,date)" v-for="(date,index) in sessionList" :key="index">
 							<view class="name">{{ date.performTimeStart}} - {{date.performTimeEnd}}</view>
+							<view class="sold-out" v-if="date.stock<1">已售罄</view>
 						</view>
 					</view>
 				</view>
@@ -559,8 +560,10 @@
 				// console.log('tabsClick',e);
 				this.tabsIndex = e.index;
 			},
-			sessionClick(index){
-				if(this.sessionIndex==index){
+			sessionClick(index,data){
+				// console.log('sessionClick index',index);
+				console.log('sessionClick data',data);
+				if(this.sessionIndex==index||date.stock<1){
 					// console.log('不变');
 					return
 				}

static/css/common.scss

@@ -130,6 +130,13 @@ $pagegap:32rpx;
 				display: block;
 			}
 		}
+		&.stock-over{
+			// border-color: #7F7F7F;
+			background-color: #FFFFFF ;
+			.name,.date{
+				color: #7F7F7F;
+			}
+		}
 		.selected-img{
 			width: 32rpx;
 			height: 32rpx;
@@ -155,6 +162,18 @@ $pagegap:32rpx;
 			color: #7F7F7F;
 			line-height: 36rpx;
 		}
+		.sold-out{
+			position: absolute;
+			right: -2rpx;
+			top: -2rpx;
+			background: #D8D8D8;
+			border-radius: 0rpx 16rpx 0rpx 16rpx;
+			font-weight: bold;
+			font-size: 20rpx;
+			color: #3C3838;
+			padding: 4rpx 10rpx;
+			box-sizing: border-box;
+		}
 		.date{
 			font-size: 28rpx;
 			font-weight: 500;