判断周期和月

src/views/live.vue

@@ -108,9 +108,32 @@
     <div class="conten">
        <div class="Sue">确认支付</div>
         <div class="odiv">
-               <ul>
+                <!--卡片 -->
+           <ul v-if="this.Listfor.goodsType == 'Periodic'">
+             <li class="live_b"  @click="tab_li(index,item.chargeModeKey)" v-for="(item,index) in Listfor" :key="index"
+              :class="is_xuanzhong == `${is_Month + index}` ? 'Month'+index : item.chargeModeKey"
+             
+              >
+                 <div class="one_day">{{item.leftPromptText}}</div>
+                 <div class="Plef">
+                     <div class="div_p">{{item.chargeModeName}}</div>
+                     <div class="Uimg"> 
+                        <img src="../assets/niu.png" alt="" class="sent_r">
+                        <span>{{item.lvrfFee}} </span>
+                      </div>
+                    
+                     <div class="Mar_p">
+                      <img src="../assets/niu.png" alt="" class="U_both">
+                      <span class="d_num">{{item.promptFee}}/月</span>
+                     </div>
+                   
+                  </div>
+             </li>
+
+         </ul>
+         <ul else>
  
-                 <!--第一个卡片 -->
+                 <!--  -->
              <li class="live_b"  @click="tab_li(index,item.chargeModeKey)" v-for="(item,index) in Listfor" :key="index"
               :class="is_xuanzhong == `${is_Month + index}` ? 'Month'+index : item.chargeModeKey"
              
@@ -464,7 +487,7 @@ export default {
             }
             
                 this.userList.push(list)
-            this.messages=''
+                this.messages=''
                     // this.lvrInfoText=res.data.data.lvrInfoText
                     // this.lvrStatus=res.data.data.lvrStatus
                     // if(res.data.data.lvrStatus==0){