7 files added
3 files modified
| | |
| | | @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="line-height: 30px;"><img style="width: 25px; height: 25px;" :src="item.img"><span style="line-height: 30px; margin-left: 5px;">{{item.value}}</span></div></li> |
| | | </el-popover> |
| | | </span> |
| | | </ul> |
| | |
| | | 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: '欠款', |
| | | img: '/images/pay/qian.png', |
| | | isActive: false, |
| | | type: '欠款' |
| | | },], |
| | |
| | | |
| | | <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="line-height: 30px;"><img style="width: 25px; height: 25px;" :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: '欠款' |
| | | },], |
| | |
| | | |
| | | <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="line-height: 30px;"><img style="width: 25px; height: 25px;" :src="item.img"><span style="line-height: 30px; margin-left: 5px;">{{item.value}}</span></div></li> |
| | | </el-popover> |
| | | </span> |
| | | </ul> |
| | |
| | | isReturnAchieve : 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: '储值卡' |
| | | }, ], |
| | | |
| | | dialogSettleVisible : false, |
| | | dialogSettleVisible : true, |
| | | moneyCards: [], |
| | | defaultProps: { |
| | | children: 'children', |
| | |
| | | _this.vipInfo = mapInfo.vipInfo; |
| | | _this.order = mapInfo.order; |
| | | _this.orderItems = mapInfo.orderItems; |
| | | _this.payMethodItems = mapInfo.payMethodItems; |
| | | _this.payMethodItems = mapInfo.payMethods; |
| | | _this.achieveItems = mapInfo.achieveList; |
| | | |
| | | _this.flowItems = _this.order.flows; |