|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <el-row type="flex" align="middle" style="padding: 10px 0;"> | 
|---|
|  |  |  | <el-col :span="5" style="text-align: center;">收款方式</el-col> | 
|---|
|  |  |  | <el-col class="paymethod" :span="15"> | 
|---|
|  |  |  | <el-col class="paymethod" :span="18"> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <ul> | 
|---|
|  |  |  | <span v-for="(item, index) in payMethods"> | 
|---|
|  |  |  | 
|---|
|  |  |  | @check="(click, checked,$item)=>{handleCheckChange(click, checked,$item)}" | 
|---|
|  |  |  | :props="defaultProps"> | 
|---|
|  |  |  | </el-tree> | 
|---|
|  |  |  | <li :class="{active : item.isActive}" slot="reference" @click="payMethodSelect(item, index)">{{item.value}}</li> | 
|---|
|  |  |  | <li :class="{active : item.isActive}" slot="reference" @click="payMethodSelect(item, index)"><div style=" height:30px; line-height: 30px; display: flex; align-items: center"><img style="width: 25px; height: 25px; align-items: center;" :src="item.img"><span style="margin-left: 5px;">{{item.value}}</span></div></li> | 
|---|
|  |  |  | </el-popover> | 
|---|
|  |  |  | </span> | 
|---|
|  |  |  | </ul> | 
|---|
|  |  |  | 
|---|
|  |  |  | vipLoading: false, | 
|---|
|  |  |  | payMethods: [{ | 
|---|
|  |  |  | value: '现金支付', | 
|---|
|  |  |  | img: '/images/pay/cash.png', | 
|---|
|  |  |  | isActive: false, | 
|---|
|  |  |  | type: '现金支付' | 
|---|
|  |  |  | }, { | 
|---|
|  |  |  | value: '微信', | 
|---|
|  |  |  | img: '/images/pay/wechat.png', | 
|---|
|  |  |  | isActive: false, | 
|---|
|  |  |  | type: '微信' | 
|---|
|  |  |  | }, { | 
|---|
|  |  |  | value: '支付宝', | 
|---|
|  |  |  | img: '/images/pay/zhifubao.png', | 
|---|
|  |  |  | isActive: false, | 
|---|
|  |  |  | type: '支付宝' | 
|---|
|  |  |  | }, { | 
|---|
|  |  |  | value: '银行卡', | 
|---|
|  |  |  | img: '/images/pay/yinlian.png', | 
|---|
|  |  |  | isActive: false, | 
|---|
|  |  |  | type: '银行卡' | 
|---|
|  |  |  | }, { | 
|---|
|  |  |  | value: '团购', | 
|---|
|  |  |  | img: '/images/pay/tuan.png', | 
|---|
|  |  |  | isActive: false, | 
|---|
|  |  |  | type: '团购' | 
|---|
|  |  |  | }, { | 
|---|
|  |  |  | value: '储值卡', | 
|---|
|  |  |  | img: '/images/pay/card.png', | 
|---|
|  |  |  | isActive: false, | 
|---|
|  |  |  | type: '储值卡' | 
|---|
|  |  |  | }, { | 
|---|
|  |  |  | },{ | 
|---|
|  |  |  | value: '欠款', | 
|---|
|  |  |  | img: '/images/pay/qian.png', | 
|---|
|  |  |  | isActive: false, | 
|---|
|  |  |  | type: '欠款' | 
|---|
|  |  |  | },], | 
|---|
|  |  |  | 
|---|
|  |  |  | _this.order.payMoney += parseFloat(item.payMoney); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | //计算欠款 | 
|---|
|  |  |  | _this.order.arrears = _this.order.zkTotal - _this.order.payMoney; | 
|---|
|  |  |  | if (_this.order.arrears < 0) { | 
|---|
|  |  |  | _this.$message.error("支付金额不能大于应收金额"); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // _this.order.arrears = _this.order.zkTotal - _this.order.payMoney; | 
|---|
|  |  |  | // if (_this.order.arrears < 0) { | 
|---|
|  |  |  | //     _this.$message.error("支付金额不能大于应收金额"); | 
|---|
|  |  |  | // } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|