| | |
| | | @check="(click, checked,$item)=>{handleCheckChange(click, checked,$item)}" |
| | | :props="defaultProps"> |
| | | </el-tree> |
| | | <li :class="{active : item.isActive}" v-if="item.value != '欠款'" 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> |
| | |
| | | |
| | | <el-row style="text-align: center; margin: 10px 0 0 0"> |
| | | <el-button type="primary" @click="submitBj">确认收款</el-button> |
| | | <el-button type="danger" @click="cancelSubmit">取消</el-button> |
| | | </el-row> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | order : "", |
| | | 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: '欠款', |
| | | isActive: false, |
| | | type: '欠款' |
| | | },], |
| | | moneyCards : [], |
| | | dialogSettleVisible : true, |
| | |
| | | } |
| | | }); |
| | | }, |
| | | cancelSubmit() { |
| | | this.closeFrame(); |
| | | }, |
| | | print() { |
| | | let _this = this; |
| | | if (_this.order.id) { |
| | |
| | | title: "打印订单", |
| | | area: ['250px', '550px'], |
| | | maxmin: true, |
| | | content: [basePath + '/admin/redirect/hive/beautySalon/print-order?id=' + this.order.id], |
| | | content: [basePath + '/admin/order/printOrder?id=' + this.order.id], |
| | | cancel: function (index, layero) { |
| | | _this.closeFram(); |
| | | } |
| | |
| | | } |
| | | } else { |
| | | Vue.set(item,'isActive',true); |
| | | var hasAmount = 0; |
| | | for(var i = 0; i < payMoneys.length; i++) { |
| | | hasAmount += parseFloat(payMoneys[i].money); |
| | | } |
| | | if (_this.order.arrears - hasAmount > 0) { |
| | | Vue.set(item, 'money', _this.order.arrears - hasAmount); |
| | | } |
| | | _this.payMoneys.push(item); |
| | | } |
| | | }); |