兑换码一对多跳转个人中心

src/views/bookShelf/components/Payment.vue

@@ -26,6 +26,10 @@
             <b class="tips">请使用支付宝扫一扫</b>
         </template>
     </div>
+    <div class="toPage" v-if="showToPage">
+        此兑换码包含多种商品，请到个人中心统一兑换。<a @click="toPage">去兑换</a>
+        <i class="el-icon-error" @click="showToPage=!showToPage"></i>
+    </div>
   </div>
 </template>
 
@@ -84,7 +88,8 @@ export default {
         },
         timer: null,
         loading: false,
-        payAmount: this.order_amount?this.order_amount:null
+        payAmount: this.order_amount?this.order_amount:null,
+        showToPage: false, // 多条兑换码跳转去个人中心
     }
   },
   //计算属性 类似于data概念
@@ -157,10 +162,22 @@ export default {
         .then((res) => {
             if(res.status === 1){
                 this.$emit("handleClose")
+            }else if(res.status === -6){
+                this.showToPage = true
             }
         })
     },
-
+    // 跳转到个人中心-兑换码
+    toPage(){
+        this.$router.push({
+            path: '/peraonal',
+            query: {
+                headerConfig: this.$route.query.headerConfig?this.$route.query.headerConfig:'',
+                type:encodeURIComponent('duihuanma'),
+                codeId: encodeURIComponent(this.codeValue.trim())
+            },
+        }); 
+    },
     handleRefresh(){
         let MethodName = "/ShopServer/Client/OrderManager/GetOrderNewPayQRCode";
         let data = {
@@ -335,6 +352,37 @@ export default {
         }
     }
 }
+.toPage{
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 442px;
+    height: 40px;
+    margin-left: -221px;
+    margin-top: -20px;
+    border-radius: 4px;
+    background: #000;
+    padding: 8px 12px;
+    z-index: 999;
+    color: #FFF;
+    text-align: center;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 24px;
+    a{
+        color: #20F53B;
+        margin-left: 8px;
+    }
+    .el-icon-error{
+        position: absolute;
+        width: 24px;
+        height: 24px;
+        top: -12px;
+        right: -12px;
+        cursor: pointer;
+        color: #000;
+    }
+}
 </style>
 <style lang="scss">
 .payment{

src/views/personalCenter/components/ConversionCode.vue

@@ -70,7 +70,7 @@ export default {
     return {
         pageSize: 10, 
         pageNumber: 1,
-        inputValue: '', // 兑换码输入框
+        inputValue: this.$route.query.codeId?this.$route.query.codeId:'', // 兑换码输入框
         dataList:[],
         total_count: 0,
         tableLoading: false,