qimall/backend/modules/mall/views/setting/assets/recharge.php

<template id="recharge">
    <el-row>
        <el-col :span="24">
            <el-card class="edit-card" shadow="never">
                <div slot="header" class="clearfix" flex="cross:center">
                    <div class="card-title">充值设置</div>
                    <com-share-pop :url="ruleForm.recharge.page_link.value">
                        <template slot="share-button" slot-scope="data">
                            <el-button @click="data.show" style="position: relative;left: 6px;" size="small" type="primary" :disabled="ruleForm.recharge.is_open_recharge == 0"
                                >推广码
                            </el-button>
                        </template>
                    </com-share-pop>
                </div>
                <el-form-item label="余额充值">
                    <el-col :span="12">
                        <el-switch v-model="ruleForm.recharge.is_open_recharge.value" :active-value="1"
                                   inactive-value="0"></el-switch>
                    </el-col>
                </el-form-item>

                <el-form-item label="充值金额">
                    <el-tag type="info"
                            :key="index"
                            v-for="(tag,index) in ruleForm.recharge.def_recharge_num.value"
                            closable
                            :disable-transitions="false"
                            @close="handle('handleClose',tag)">
                        {{tag}}
                    </el-tag>
                    <el-input
                            class="input-new-tag"
                            v-if="inputVisible"
                            v-model="inputValue"
                            ref="saveTagInput"
                            size="small"
                            @blur="handle('handleInputConfirm',inputValue)"
                            style="max-width: 100px;"
                    >
                    </el-input>
                    <el-button v-else class="button-new-tag" size="small" @click="handle('showInput')">添加</el-button>
                </el-form-item>
                <el-form-item label="自定义充值">
                    <el-switch v-model="ruleForm.recharge.is_user_recharge_num.value" :active-value="1"
                               inactive-value="0"></el-switch>
                </el-form-item>
                <el-form-item label="最低充值金额"
                              v-show="ruleForm.recharge.is_user_recharge_num.value == 1">
                    <el-input style="max-width: 180px;" placeholder="最低充值金额" min="0"
                              v-model="ruleForm.recharge.min_recharge_num.value">
                        <template slot="prepend">¥</template>
                    </el-input>
                </el-form-item>

                <el-form-item label="充值奖励上级" prop="is_recharge_give_up">
                    <el-switch v-model="ruleForm.recharge.is_recharge_give_up.value" :active-value="1"
                               inactive-value="0"></el-switch>
                    <div v-if="ruleForm.recharge.is_recharge_give_up.value == 1">
                        <div style="margin-bottom: 14px;" v-for="(type,index) in selRechargeType" :key="index">
                            <div style="margin-bottom: 10px;" flex>
                                <el-select v-model="selRechargeType[index].key" placeholder="请选择"
                                           @change="handle('updateType',index,$event)">
                                    <el-option
                                            v-for="item in rechargeType"
                                            :key="item.value"
                                            :label="item.label"
                                            :value="item.value"
                                            :disabled="selRechargeType.findIndex(v => v.key == item.value) != -1"
                                    >
                                    </el-option>
                                </el-select>
                                <el-button v-if="selRechargeType[index].key == 0" type="primary"
                                           @click='handle("coupon_select")'>选择优惠券
                                </el-button>

                                <div style="margin-left: 12px;" v-else>
                                    <el-input v-model="selRechargeType[index].data">
                                        <template slot="append">{{selRechargeType[index].key == 2?'分':'元'}}</template>
                                    </el-input>
                                </div>
                                <el-button @click="handle('delAward',selRechargeType[index].key)"
                                           v-if="selRechargeType.length > 1" type="text" icon="el-icon-close"
                                           style="color: #ec1717;font-size: 20px;padding: 0;margin-left: 12px;"></el-button>
                            </div>
                            <el-table v-if="selRechargeType[index].key == 0" :data="selRechargeType[index].data" stripe
                                      style="width: 100%">
                                <el-table-column prop="name" label="优惠券名称" width="160"></el-table-column>
                                <el-table-column prop="discount_method" label="优惠券内容" width="160"></el-table-column>
                                <el-table-column prop="total_count" label="库存（张）" width="160">
                                    <template slot-scope="couponScope">
                                        {{couponScope.row.total_count == -1?'不限量':couponScope.row.total_count}}
                                    </template>
                                </el-table-column>
                                <el-table-column prop="dcount" label="赠送张数" width="160">
                                    <template slot-scope="scope">
                                        <el-input v-model="scope.row.num" type="number">
                                            <template slot="append">张</template>
                                        </el-input>
                                    </template>
                                </el-table-column>
                                <el-table-column label="操作" width="100" align="center">
                                    <template slot-scope="scope">
<!--                                        <el-button type="text" size="small" @click="delCoupon(scope.$index)">删除-->
                                        <el-button type="text" size="small" @click="handle('delCoupon',scope.$index)">删除
                                        </el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                        <div v-if="selRechargeType.length != rechargeType.length">

                            <el-button @click="handle('addAward')" size="small" plain>添加奖励条件</el-button>
                        </div>

                        <!-- 选择优惠券 -->
                        <coupon-select :coupon-loading="couponLoading" :coupon_arr="coupon_arr"
                                                @submit="handleCoupon"
                                                @close="couponLoading = false"></coupon-select>
                    </div>
                </el-form-item>
                <el-form-item label="线下充值">
                    <el-col :span="12">
                        <el-switch v-model="ruleForm.recharge.is_open_recharge_offline.value" :active-value="1"
                                   inactive-value="0"></el-switch>
                    </el-col>
                </el-form-item>
                <el-form-item label="充值二维码">
                    <com-attachment v-model="ruleForm.recharge.recharge_offline_code.value" :multiple="false" :max="1">
                        <el-tooltip class="item" effect="dark" content="建议尺寸:200 * 200"
                                    placement="top">
                            <el-button size="mini">选择图片</el-button>
                        </el-tooltip>
                    </com-attachment>
                    <div class="customize-share-title">
                        <com-image mode="aspectFill" width='120px' height='120px'
                                   :src="ruleForm.recharge.recharge_offline_code.value ? ruleForm.recharge.recharge_offline_code.value : ''"></com-image>
                        <el-button v-if="ruleForm.recharge.recharge_offline_code.value" class="del-btn" size="mini"
                                   type="danger" icon="el-icon-close" circle
                                   @click="ruleForm.recharge.recharge_offline_code.value = ''"></el-button>
                    </div>
                    <div class="tips-text" v-if="ruleForm.recharge.recharge_offline_code.remark">{{ruleForm.recharge.recharge_offline_code.remark}}</div>
                </el-form-item>

                <!-- 分享弹窗 -->
                <!-- <com-share-pop :url="ruleForm.recharge.page_link.value"></com-share-pop> -->
                
            </el-card>

        </el-col>
    </el-row>
</template>