详情优化

src/views/product/Detail.vue

@@ -613,7 +613,7 @@
                 </div>
                 <div v-else-if="info.subscribeStatus == 'ON_SALE' && info.hasSubscribe && !isSolded && !isSold">
                     <!-- v-if="!isAppointment && info.state == 'PURCHASE'" -->
-                    <div class="buy_now" @click="buyNow" v-if="info.purchaseQualifications">
+                    <div class="buy_now" @click="buyNow" v-if="info.purchaseQualifications && this.isLogin">
                         <!-- 立即购买 -->
                         <div class="buy_now_con">购买</div>
                         <div class="buy_now_tip">
@@ -621,7 +621,8 @@
                             <span class="Purchase_surplus">剩余{{ info.stock }}</span>
                         </div>
                     </div>
-                    <div v-else class="sold_out">未获取购买资格</div>
+                    <div v-else-if="this.isLogin && !info.purchaseQualifications" class="sold_out">未获取购买资格</div>
+                    <div v-else class="collection_sold_out" @click="collectionSoldOut">藏品购买/售罄</div>
                 </div>
                 <div v-else-if="!info.hasSubscribe && !isSolded && !isSold">
                     <div class="buy_now" @click="buyNow">
@@ -955,6 +956,12 @@ export default {
                 });
             }
         },
+        collectionSoldOut(){
+            if (!this.isLogin) {
+                this.checkLogin();
+                return;
+            }
+        },
         // 藏品预约
         appointment() {
             if (!this.isLogin) {
@@ -2088,6 +2095,18 @@ export default {
         .transaction_button_right {
             // padding-top: 10px;
             box-sizing: border-box;
+            .collection_sold_out{
+                width: 160px;
+                height: 46px;
+                background: #f9ddb3;
+                border-radius: 8px;
+                font-size: 16px;
+                font-family: PingFangSC-Medium, PingFang SC;
+                font-weight: 500;
+                color: #725837;
+                line-height: 46px;
+                text-align: center;
+            }
             .sold_out {
                 width: 160px;
                 height: 46px;