|  |  | 
 |  |  |             <el-col class="paymethod" :span="15"> | 
 |  |  |                 <el-row> | 
 |  |  |                     <ul> | 
 |  |  |                         <div v-for="(item, index) in payMethods"> | 
 |  |  |                         <span v-for="(item, index) in payMethods"> | 
 |  |  |                             <el-popover | 
 |  |  |                                     :disabled="item.type != 1" | 
 |  |  |                                     placement="bottom" | 
 |  |  |                                     width="200" | 
 |  |  |                                     trigger="click"> | 
 |  |  |                                 <el-row><span>选择</span></el-row> | 
 |  |  |                                 <el-tree :data="moneyCards" | 
 |  |  |                                         show-checkbox | 
 |  |  |                                         default-expand-all | 
 |  |  |                                         node-key="id" | 
 |  |  |                                         ref="tree" | 
 |  |  |                                          check-strictly | 
 |  |  |                                         highlight-current | 
 |  |  |                                         :props="defaultProps"> | 
 |  |  |                                 </el-tree> | 
 |  |  |                                 <li :class="{active : item.isActive}" @click="payMethodSelect(item, index)" slot="reference">{{item.value}}</li> | 
 |  |  |                                 <li :class="{active : item.isActive}" slot="reference" @click="payMethodSelect(item, index)">{{item.value}}</li> | 
 |  |  |                             </el-popover> | 
 |  |  |                         </div> | 
 |  |  |                         </span> | 
 |  |  |                     </ul> | 
 |  |  |                 </el-row> | 
 |  |  |             </el-col> | 
 |  |  | 
 |  |  |             },], | 
 |  |  |             achieveList: [], | 
 |  |  |             //会员可用的充值卡 | 
 |  |  |             moneyCards: [ | 
 |  |  |                 { | 
 |  |  |                     id: 1, | 
 |  |  |                     label: '一级 1', | 
 |  |  |                     children: [{ | 
 |  |  |                         id: 4, | 
 |  |  |                         label: '二级 1-1', | 
 |  |  |                         children: [] | 
 |  |  |                     }] | 
 |  |  |                 }, | 
 |  |  |                 { | 
 |  |  |                     id: 2, | 
 |  |  |                     label: '一级 2', | 
 |  |  |                     children: [{ | 
 |  |  |                         id: 3, | 
 |  |  |                         label: '二级 2-1', | 
 |  |  |                         children: [] | 
 |  |  |                     }] | 
 |  |  |                 } | 
 |  |  |             ], | 
 |  |  |             moneyCards: [], | 
 |  |  |             //门店信息 | 
 |  |  |             shopInfo: {}, | 
 |  |  |  | 
 |  |  | 
 |  |  |             dialogSettleVisible : true, | 
 |  |  |             defaultProps: { | 
 |  |  |                 children: 'children', | 
 |  |  |                 label: 'label' | 
 |  |  |                 label: 'showLable' | 
 |  |  |             } | 
 |  |  |  | 
 |  |  |         }, | 
 |  |  | 
 |  |  |                 } | 
 |  |  |             }); | 
 |  |  |  | 
 |  |  |  | 
 |  |  |         }, | 
 |  |  |  | 
 |  |  |         methods: { | 
 |  |  | 
 |  |  |                                     item.showLable = item.cardName + "-余额:" + (item.realMoney + item.giftMoney) | 
 |  |  |                                 }); | 
 |  |  |                                 _this.moneyCards = data.rows; | 
 |  |  |                                 //启用会员卡支付方式 | 
 |  |  |                                 _this.payMethods[5].disabled = false; | 
 |  |  |                             } else { | 
 |  |  |                                 //禁用会员卡支付方式 | 
 |  |  |                                 _this.payMethods[5].disabled = true; | 
 |  |  |                             } | 
 |  |  |  | 
 |  |  |                         } | 
 |  |  | 
 |  |  |                     callback: function (data) { | 
 |  |  |                         _this.currentVipInfo = data.rows[0]; | 
 |  |  |                         _this.order.vipId = _this.currentVipInfo.id; | 
 |  |  |                         // _this.getVipMoneyCards(); | 
 |  |  |                         _this.getVipMoneyCards(); | 
 |  |  |  | 
 |  |  |                     } | 
 |  |  |                 }); |