Helius
2021-01-07 8551a4c23b0a6f368dcfa5607f6508a4503174cd
modify
1 files modified
126 ■■■■ changed files
zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html 126 ●●●● patch | view | raw | blame | history
zq-erp/src/main/resources/templates/views/admin/hive/beautySalon/order-form.html
@@ -463,10 +463,11 @@
                    <ul>
                        <span v-for="(item, index) in payMethods">
                            <el-popover
                                    :disabled="item.type != 1"
                                    :disabled="item.type != 6"
                                    placement="bottom"
                                    trigger="click">
                                <el-row><span>选择</span></el-row>
                                    trigger="hover"
                                    @hide="popoverHide(item)">
                                <el-row style="text-align: center;"><span style="padding: 0 0 10px 0; display: block; font-size: 12px;">选择会员卡支付方式</span></el-row>
                                <el-tree :data="moneyCards"
                                        show-checkbox
                                        default-expand-all
@@ -474,6 +475,7 @@
                                        ref="tree"
                                         check-strictly
                                         highlight-current
                                         @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>
@@ -487,18 +489,10 @@
        <el-row type="flex" align="middle" style="padding: 10px 0;">
            <el-col :span="5" style="text-align: center;">支付金额</el-col>
            <el-col :span="15">
                <el-row style="line-height: 50px;">
                    <el-col :span="5" style="text-align: right; padding-right: 10px;">微信支付</el-col>
                    <el-col :span="8"><el-input></el-input></el-col>
                </el-row>
                <el-row style="line-height: 50px;">
                    <el-col :span="5" style="text-align: right; padding-right: 10px;">储值卡</el-col>
                    <el-col :span="8"><el-input></el-input></el-col>
                    <el-col :span="5" style="margin-left: 10px;">余额:<span class="arrears">¥ 1000</span></el-col>
                </el-row>
                <el-row style="line-height: 50px;">
                    <el-col :span="5" style="text-align: right; padding-right: 10px;">欠款</el-col>
                    <el-col :span="8"><el-input></el-input></el-col>
                <el-row style="line-height: 50px;" v-for="(item, index) in payMoneys">
                    <el-col :span="5" style="text-align: right; padding-right: 10px; font-size: 12px;">{{item.value}}</el-col>
                    <el-col :span="8"><el-input v-model="item.money"></el-input></el-col>
                    <el-col :span="5" style="margin-left: 10px;" v-if="item.type == 6">余额:<span class="arrears">¥ {{item.balance}}</span></el-col>
                </el-row>
            </el-col>
        </el-row>
@@ -508,7 +502,7 @@
        </el-row>
        <el-row style="text-align: center; margin: 10px 0 0 0">
            <el-button type="primary">确认收款</el-button>
            <el-button type="primary" @click="submitPay">确认收款</el-button>
        </el-row>
    </el-dialog>
@@ -557,26 +551,32 @@
            vipLoading: false,
            payMethods: [{
                value: '现金支付',
                isActive: false
            }, {
                value: '微信',
                isActive: false
            }, {
                value: '支付宝',
                isActive: false
            }, {
                value: '银行卡',
                isActive: false
            }, {
                value: '团购',
                isActive: false
            }, {
                value: '会员卡',
                isActive: false,
                type: 1
            }, {
                value: '微信',
                isActive: false,
                type: 2
            }, {
                value: '支付宝',
                isActive: false,
                type: 3
            }, {
                value: '银行卡',
                isActive: false,
                type: 4
            }, {
                value: '团购',
                isActive: false,
                type: 5
            }, {
                value: '会员卡',
                isActive: false,
                type: 6
            }, {
                value: '欠款',
                isActive: false
                isActive: false,
                type: 7
            },],
            achieveList: [],
            //会员可用的充值卡
@@ -602,7 +602,9 @@
            defaultProps: {
                children: 'children',
                label: 'showLable'
            }
            },
            treeSelect : [],
            payMoneys : []
        },
@@ -1125,14 +1127,72 @@
            },
            payMethodSelect(item, index) {
                let _this = this;
                let payMoneys = _this.payMoneys;
                if (item.type != 6) {
                this.$nextTick(function () {
                    if (item.isActive) {
                        Vue.set(item,'isActive',false);
                            var index = -1;
                            for (var i = 0; i < payMoneys.length; i++) {
                                let payMoney = payMoneys[i];
                                if (payMoney.value == item.value) {
                                    index = i;
                                    break;
                                }
                            }
                            if (index > -1) {
                                _this.payMoneys.splice(index, 1)
                            }
                    } else {
                        Vue.set(item,'isActive',true);
                            _this.payMoneys.push(item);
                    }
                });
            }
            },
            popoverHide(item) {
                if(this.treeSelect.length <= 0) {
                    Vue.set(item, 'isActive', false)
                } else {
                    Vue.set(item, 'isActive', true)
                }
            },
            handleCheckChange(click, checked) {
                let _this = this;
                let selectNodes = checked.checkedNodes;
                this.treeSelect = selectNodes;
                let payMoneys = this.payMoneys;
                for(var i = 0; i < payMoneys.length; i++) {
                    if(payMoneys[i].type == 6) {
                        _this.payMoneys.splice(i, 1);
                    }
                }
                for(var i = 0; i < selectNodes.length; i++) {
                    var node = selectNodes[i];
                    var item = {};
                    item.value = node.cardName;
                    item.balance = node.money;
                    item.isGift = 0;
                    item.type = 6;
                    item.id = node.id;
                    if (node.giftMoney != 0) {
                        var giftItem = {};
                        giftItem.value = node.cardName + "赠送金额";
                        giftItem.id = node.id;
                        giftItem.balance = node.giftMoney;
                        giftItem.isGift = 1;
                        giftItem.type = 6;
                        _this.payMoneys.push(giftItem);
                    }
                    _this.payMoneys.push(item);
                }
            },
            submitPay() {
            }
        }
    })