qimall/addons/Coupon/backend/views/setting/index.php

<div id="app" v-cloak>
    <el-card class="box-card" v-loading="loading" shadow="never" style="border:0;min-width: 1200px;" body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div class="form_box">
            <el-form :model="form" :rules="FormRules" size="small" ref="form" label-width="150px">
                <el-card shadow="never">
                    <div slot="header">
                        <span>基础配置</span>
                    </div>
                    <el-row>
                        <el-col :span="16">
                            <el-form-item label="转赠方式">
                                <el-radio v-model="form.give_type" label="1" border>微信转赠</el-radio>
                                <el-radio v-model="form.give_type" label="2" border>会员ID/手机号转赠</el-radio>
                            </el-form-item>
                            <el-form-item >
                                <template slot="label">
                                    <span>有效券赠送</span>
                                    <el-tooltip class="item" effect="dark" content="优惠券活动关闭是否允许有效券赠送" placement="top">
                                        <i class="el-icon-info"></i>
                                    </el-tooltip>
                                </template>
                                <el-radio-group v-model="form.is_effective_coupon_give" >
                                    <el-radio label="0" border>否</el-radio>
                                    <el-radio label="1" border>是</el-radio>
                                </el-radio-group>

                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-card>
            </el-form>

            <el-button type="primary" class="button-item" size="small" style="margin-top: 20px;" :loading=btnLoading @click="onSubmit">提交</el-button>
        </div>
    </el-card>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                loading: false,
                btnLoading: false,
                form: {
                    give_type: 1,
                    is_effective_coupon_give: 0,
                },
                FormRules: {}
            }
        },
        methods: {
            onSubmit() {
                this.$refs.form.validate((valid) => {
                    if (valid) {
                        this.btnLoading = true;
                        let para = Object.assign(this.form);
                        console.log(para);
                        request({
                            params: {
                                r: 'coupon/setting/index',
                            },
                            data: para,
                            method: 'post'
                        }).then(e => {
                            this.btnLoading = false;
                            if (e.data.code === 0) {
                                this.$message({
                                    message: e.data.msg,
                                    type: 'success'
                                });
                            } else {
                                this.$message.error(e.data.msg);
                            }
                        }).catch(e => {
                            this.btnLoading = false;
                            this.$message.error(e.data.msg);
                        });
                    }
                });
            },
            getList() {
                this.loading = true;
                request({
                    params: {
                        r: 'coupon/setting/index',
                    },
                }).then(e => {
                    this.loading = false;
                    if (e.data.code === 0) {
                        if (e.data.data.length > 0 || e.data.data.length === undefined) this.form = e.data.data;
                    } else {
                        this.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    this.loading = false;
                });
            },
        },
        mounted: function() {
            this.getList();
        }
    })
</script>