9.9

fuintCashierWeb/src/views/cashier/NewComponents/newHome.vue

@@ -53,19 +53,13 @@
             </div>
           </div>
           <div class="d-b">
-            <div class="d-s">
-              <div class="checkbox" @click="changeBox1" :class="{ 'active' : boxShow1 == true }"><i
-                class="el-icon-check" size="15" v-if="boxShow1 == true"></i></div>
-              <div class="d_text">储值卡（账户余额:0元)</div>
-            </div>
+            <el-checkbox v-model="boxShow1">储值卡（账户余额:0元)</el-checkbox>
+
             <div class="or_num">￥0.00</div>
           </div>
           <div class="d-b">
-            <div class="d-s">
-              <div class="checkbox" @click="changeBox2" :class="{ 'active' : boxShow2 == true }"><i
-                class="el-icon-check" size="15" v-if="boxShow2 == true"></i></div>
-              <div class="d_text">囤油卡（账户余额:1000元)</div>
-            </div>
+            <el-checkbox v-model="boxShow2">囤油卡（账户余额:1000元)</el-checkbox>
+
             <div class="or_num">-￥220.00</div>
           </div>
 
@@ -86,7 +80,7 @@
         </div>
         <div class="er-box"></div>
         <div class="wrap-box">
-          <div class="f-box" v-for="(item,index) in cardList" :key="index">{{ item.name }}</div>
+          <div class="f-box" v-for="(item,index) in cardList" :class="{'f-acvite' : index == ruleIndex }" @click="setindex(index)"    :key="index">{{ item.name }}</div>
         </div>
       </div>
       <div class="box-bottom">
@@ -210,7 +204,6 @@
     <el-button type="primary" @click="newMember = false">打印二维码</el-button>
   </span>
     </el-dialog>
-
     <el-dialog
       title="扫码支付"
       :visible.sync="ScanCodePayment"
@@ -414,6 +407,7 @@ export default {
           id: '4'
         },
       ],
+      ruleIndex:0,
       tabIndex: 0,
       newMember: false,
       ScanCodePayment: false,
@@ -434,7 +428,7 @@ export default {
       paymentResults: false,
       pickUpTheOrder: false,
       accountPending: false,
-      memberRecharge: true,
+      memberRecharge: false,
 
     }
   },
@@ -455,6 +449,9 @@ export default {
     },
     setTabindex(index) {
       this.tabIndex = index
+    },
+    setindex(index){
+      this.ruleIndex = index
     }
   }
 }