qimall/backend/modules/mall/views/poster/setting.php

<div id="app" v-cloak>
    <el-card shadow="never" style="border:0" class="box-card" body-style="background-color: #f3f3f3;padding: 10px 0 0;" class="box-card" >
        <div slot="header">
            <div flex="cross:center box:first">
            <div><span class="text"></span>海报</div>
            </div>
        </div>
        <el-form :model="form"  size="small" ref="formName" label-width="150px">
            <div class="form-body">
                <el-form-item label="无推广资格">
                    <el-radio-group v-model="form.poster_setting.is_create_poster.value" size="small">
                        <el-radio label="1" border>允许生成推广海报</el-radio>
                        <el-radio label="2" border>禁止生成推广海报</el-radio>
                    </el-radio-group>
                    <div class="remark">{{form.poster_setting.is_create_poster.remark}}</div>
                </el-form-item>
            </div>
        </el-form>
    </el-card>
    <el-button :loading="btnLoading" type="primary" style="width:100px;height:40px;float: right; margin-top:5px"  @click="store" >保存</el-button>
    </div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                loading: false,
                btnLoading: false,
                current: 0,
                form:{
                    poster_setting: {
                        is_create_poster:{title:'无推广资格生成海报',value:"1",remark: '没有推广资格的用户是否允许生成推广海报'},
                    },
                }
            }        
        },
        mounted: function() {
            this.loadData();
        },
        methods: {
            loadData() {
                this.loading = true;
                request({
                    params: {
                        r: 'mall/poster/setting',
                    },
                    method: 'get'
                }).then(e => {
                    this.loading = false;
                    if (e.data.code == 0) {
                        if (!isEmpty(e.data.data)) {
                            this.form.poster_setting.is_create_poster = JSON.parse(e.data.data.is_create_poster.value);
                        }
                        
                    }
                }).catch(e => {
                    this.loading = false;
                })
            },
            // ----
            store() {
                this.btnLoading = true;
                request({
                    params: {
                        r: 'mall/poster/setting',
                    },
                    method: 'post',
                    data: this.form,
                }).then(e => {
                    this.btnLoading = false;
                    if (e.data.code == 0) {
                        this.$message.success(e.data.msg);
                    } else {
                        this.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    this.$message.error(e);
                    this.btnLoading = false;
                })
            },
        },
    });
</script>
<style >
    .remark{
color: #878787;
    }
</style>