新增核销过的核销码无法使用

pages/order_details/index.vue

@@ -397,10 +397,11 @@
 				</view>
 				<view class="grayBg">
 					<view class="pictrue">
-						<image :src="codeUrl"></image>
+						<image class="image" :class="{'used-white': orderInfo.order_status!=7}" :src="codeUrl"></image>
+            <image v-if="orderInfo.order_status!=7" class="used-img" src="@/static/images/used.png"></image>
 					</view>
 				</view>
-				<view class="num">{{orderInfo.verify_code}}</view>
+				<view class="num" :class="{'used-white': orderInfo.order_status!=7}">{{orderInfo.verify_code}}</view>
 			</view>
 		</uni-popup>
 		<u-popup :show="show" bgColor='transparent' mode='center'>
@@ -778,7 +779,7 @@
 			showMaoLocation: function() {
 				if (!this.orderInfo.take.mer_take_location[0] || !this.orderInfo.take.mer_take_location[1]) return this
 					.$util.Tips({
-						title: '请设置允许商城访问您的位置！'
+						title: '商家未设置具体位置！请联系商家！'
 					});
 				let that = this,
 					lat = parseFloat(that.orderInfo.take.mer_take_location[0]),
@@ -1522,9 +1523,21 @@
 		width: 290rpx;
 		height: 290rpx;
 		margin: 0 auto;
+    position: relative;
+    .used-img{
+      width: 175.23rpx;
+      height: 175.23rpx;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+    }
 	}
-
+  .used-white{
-	.grayBg .pictrue image {
+    opacity: 0.2;
+  }
+  
+	.grayBg .pictrue .image {
 		width: 100%;
 		height: 100%;
 		display: block;
@@ -1665,6 +1678,22 @@
 		background: #ffffff;
 		border-radius: 16rpx 16rpx 0 0;
 		position: relative;
+    
+    .used{
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 450rpx;
+      background-color: rgba(255, 255, 255, 0.8);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      image{
+        width: 175.23rpx;
+        height: 175.23rpx;
+      }
+    }
 
 		.iconfont {
 			font-size: 24rpx;