|  |  | 
 |  |  |             <el-col :span="5" style="text-align: center;">收款方式</el-col> | 
 |  |  |             <el-col class="paymethod" :span="15"> | 
 |  |  |                 <el-row> | 
 |  |  |                     <ul style="border: #0c7cb5 1px dashed;"> | 
 |  |  |                         <li class="active">现金支付</li> | 
 |  |  |                         <li>微信</li> | 
 |  |  |                         <li>支付宝</li> | 
 |  |  |                         <li>银行卡支付</li> | 
 |  |  |                         <li>团购</li> | 
 |  |  |                     </ul> | 
 |  |  |                 </el-row> | 
 |  |  |                 <el-row> | 
 |  |  |                     <ul> | 
 |  |  |                         <li>会员储值卡</li> | 
 |  |  |                         <li>欠款</li> | 
 |  |  |                         <li v-for="(item, index) in payMethods" :class="{active : item.isActive}">{{item.value}}</li> | 
 |  |  |                     </ul> | 
 |  |  |                 </el-row> | 
 |  |  |             </el-col> | 
 |  |  | 
 |  |  |                     <el-col :span="8"><el-input></el-input></el-col> | 
 |  |  |                 </el-row> | 
 |  |  |             </el-col> | 
 |  |  |         </el-row> | 
 |  |  |  | 
 |  |  |         <el-row style="text-align: center; margin: 20px 0 10px 0"> | 
 |  |  |             <el-checkbox>打印小票</el-checkbox> | 
 |  |  |         </el-row> | 
 |  |  |  | 
 |  |  |         <el-row style="text-align: center; margin: 10px 0 0 0"> | 
 |  |  |             <el-button type="primary">确认收款</el-button> | 
 |  |  |         </el-row> | 
 |  |  |     </el-dialog> | 
 |  |  |  | 
 |  |  | 
 |  |  |             currentVipInfo: {}, | 
 |  |  |             vipLoading: false, | 
 |  |  |             payMethods: [{ | 
 |  |  |                 value: '现金', | 
 |  |  |                 label: '现金' | 
 |  |  |                 value: '现金支付', | 
 |  |  |                 isActive: false | 
 |  |  |             }, { | 
 |  |  |                 value: '微信', | 
 |  |  |                 label: '微信' | 
 |  |  |                 isActive: false | 
 |  |  |             }, { | 
 |  |  |                 value: '支付宝', | 
 |  |  |                 label: '支付宝' | 
 |  |  |                 isActive: false | 
 |  |  |             }, { | 
 |  |  |                 value: '银行卡', | 
 |  |  |                 label: '银行卡' | 
 |  |  |                 isActive: false | 
 |  |  |             }, { | 
 |  |  |                 value: '美团', | 
 |  |  |                 label: '美团' | 
 |  |  |                 value: '团购', | 
 |  |  |                 isActive: false | 
 |  |  |             }, { | 
 |  |  |                 value: '会员卡', | 
 |  |  |                 label: '会员卡', | 
 |  |  |                 disabled: true, | 
 |  |  |                 isActive: false, | 
 |  |  |                 type: 1 | 
 |  |  |             }, { | 
 |  |  |                 value: '欠款', | 
 |  |  |                 isActive: false | 
 |  |  |             },], | 
 |  |  |             achieveList: [], | 
 |  |  |             //会员可用的充值卡 | 
 |  |  | 
 |  |  |                     callback: function (data) { | 
 |  |  |                         _this.currentVipInfo = data.rows[0]; | 
 |  |  |                         _this.order.vipId = _this.currentVipInfo.id; | 
 |  |  |                         _this.getVipMoneyCards(); | 
 |  |  |                         // _this.getVipMoneyCards(); | 
 |  |  |  | 
 |  |  |                     } | 
 |  |  |                 }); |