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

<?php

/**
 * @link:http://www.gdqijianshi.com/
 * @copyright: Copyright (c) 2020 广东七件事集团
 * Created by PhpStorm
 * Author: lun
 * Date: 2021-10-23
 * Time: 16:11
 */
?>
<div id="app" v-cloak>
    <el-card class="box-card" v-loading="loading" shadow="never" style="border:0;min-width: 1500px;" body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div slot="header">
            <div>
                <span>基础设置</span>
            </div>
        </div>
        <el-form :model="ruleForm" size="small" ref="ruleForm" label-width="150px">
            <div class="form_box">

                <el-card shadow="never">
                    <div slot="header">
                        <div>
                            <span>股东设置</span>
                        </div>
                    </div>
                    <div>
                        <el-row>
                            <el-col :span="16">
                                <el-form-item label="启用股东提成" style="margin-bottom: 0">
                                    <div>
                                        <el-switch v-model="ruleForm.is_enable" :active-value="1" :inactive-value="0"></el-switch>
                                    </div>
                                    <div class="tips-text" style="line-height: 24px;">
                                        开启享受股东分红
                                    </div>
                                </el-form-item>
                                <el-form-item label="推广中心显示" style="margin-bottom: 0">
                                    <div>
                                        <el-switch v-model="ruleForm.is_show_at_center" :active-value="1" :inactive-value="0">
                                        </el-switch>
                                    </div>
                                </el-form-item>


                                <el-form-item prop="compute_type" label="佣金计算方式">
                                    <el-col :span="8" style="width:100%;">
                                        <el-radio-group v-model="ruleForm.compute_type" size="small">
                                            <el-radio :label="0" border>实际支付金额(不含运费)</el-radio>
                                            <el-radio :label="1" border>商品利润</el-radio>
                                            <el-radio :label="2" border>商品售价</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        选择股东分红的计算方式，按支付金额计算还是商品利润、销售价格，如按利润来计算，商品需要设置成本
                                        利润=支付价格-成本
                                    </div>
                                </el-form-item>

                                <el-form-item prop="settlement_method" label="结算方式">
                                    <el-col :span="8" style="width: 100%;">
                                        <el-radio-group v-model="ruleForm.settlement_method" size="small">
                                            <el-radio :label="0" border>支付完成发放</el-radio>
                                            <el-radio :label="1" border>订单完成发放</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        设置佣金结算时间，是统计支付后的订单还是统计完成后的订单
                                    </div>
                                </el-form-item>

                                <el-form-item prop="compute_period" label="结算周期">
                                    <el-col :span="8" style="width: 100%;">
                                        <el-radio-group v-model="ruleForm.compute_period" size="small" style="float: left;">
                                            <el-radio :label="1" border>天</el-radio>
                                            <el-radio :label="2" border>周</el-radio>
                                            <el-radio :label="3" border>月</el-radio>
                                            <el-radio :label="4" border>自定义天数</el-radio>
                                        </el-radio-group>
                                        <div v-if="ruleForm.compute_period == 4" style="float: left; margin-left: 5px;">
                                            <el-input style="width: 150px;" v-model="ruleForm.custom_compute_days">
                                                <template slot="append">天</template>
                                            </el-input>
                                        </div>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        选择计算周期，是每天结算一次还是每周还是每月
                                    </div>
                                </el-form-item>
                                <el-form-item prop="is_decr_score" label="佣金奖励减去积分" v-if="ruleForm.is_show_decr_score == 1">
                                    <el-col :span="10" style="width: 100%;">
                                        <el-switch v-model="ruleForm.is_decr_score" :active-value="1" :inactive-value="0" active-color="#13ce66">
                                        </el-switch>
                                    </el-col>
                                    <template v-if="ruleForm.is_show_decr_score == 1 && ruleForm.is_decr_score == 1">
                                        <el-checkbox :true-label="1" :false-label="0" v-model="ruleForm.participate_decr_score_type.perpetual">永久分红</el-checkbox>
                                        <el-checkbox :true-label="1" :false-label="0" v-model="ruleForm.participate_decr_score_type.extra">额外分红</el-checkbox>
                                    </template>
                                </el-form-item>
                                <el-form-item label="股东分红沉淀池">
                                    <el-switch v-model="ruleForm.is_sediment" :active-value="1" :inactive-value="0"></el-switch>
                                </el-form-item>

                                <el-form-item label="沉淀池资金类型" v-if="ruleForm.is_sediment == 1">
                                    <el-col :span="24">
                                        <el-radio-group v-model="ruleForm.sediment_type" size="small">
                                            <el-radio :label="1" border>永久分红</el-radio>
                                            <el-radio :label="2" border>额外分红</el-radio>
                                            <el-radio :label="3" border>永久+额外分红</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                </el-form-item>

                                <el-form-item label="沉淀百分比设置" v-if="ruleForm.is_sediment == 1">
                                    <el-input v-model="ruleForm.sediment_percent" style="width: 200px;" @key>
                                        <template slot="append">%</template>
                                    </el-input>
                                </el-form-item>

                                <el-form-item label="股东分红说明" prop="detail">
                                    <el-input type="textarea" :rows="3" placeholder="请输入股东分红说明" v-model="ruleForm.detail" maxlength="80" show-word-limit></el-input>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </div>
                </el-card>
                <!--             
            <el-button :loading="btnLoading" class="button-item" type="primary" style="margin-top: 24px;" @click="store('ruleForm')" size="small">保存
            </el-button> -->
            </div>

            <div class="form_box" style="margin-top: 10px">

                <el-card shadow="never">
                    <div slot="header">
                        <div>
                            <span>奖金池配置</span>
                        </div>
                    </div>
                    <div>
                        <el-row>
                            <el-col :span="16">
                                <el-form-item label="开启分红池" prop="is_prize_pool" style="margin-bottom: 0">
                                    <div>
                                        <el-switch v-model="ruleForm.is_prize_pool" :active-value="1" :inactive-value="0"></el-switch>
                                    </div>
                                    <div class="tips-text" style="line-height: 24px;">
                                        团队业绩÷所有团队业绩总和X奖金池的钱
                                    </div>
                                </el-form-item>
                                <el-form-item prop="prize_pool_period" label="参与等级">
                                    <el-col :span="10" style="width:100%;">
                                        <el-select v-model="ruleForm.boss_level" multiple placeholder="请选择" style="width:60%;">
                                            <el-option
                                            v-for="item in levels"
                                            :key="item.level"
                                            :label="item.name"
                                            :value="item.level">
                                            </el-option>
                                        </el-select>
                                    </el-col>
                                </el-form-item>
                                <el-form-item prop="prize_pool_period" label="奖金池金额计算方式">
                                    <el-col :span="8" style="width:100%;">
                                        <el-radio-group v-model="ruleForm.prize_pool_source" size="small">
                                            <el-radio :label="1" border>按奖金池金额</el-radio>
                                            <el-radio :label="2" border>按自定义奖金池金额</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                </el-form-item>
                                <el-form-item v-if="ruleForm.prize_pool_source == 2" prop="prize_pool_period" label="自定义奖金池金额">
                                    <el-col :span="8" style="width:100%;">
                                        <el-input v-model="ruleForm.prize_pool_amount" style="width: 200px;" @key>
                                            <template slot="append">元</template>
                                        </el-input> 
                                    </el-col>
                                </el-form-item>
                                <div style="padding-top: 10px;"></div>
                                <el-form-item prop="settlement_method" label="业绩结算方式">
                                    <el-col :span="8" style="width: 100%;">
                                        <el-radio-group v-model="ruleForm.performance_settlement_method" size="small">
                                            <el-radio :label="0" border>支付完成发放</el-radio>
                                            <el-radio :label="1" border>订单完成发放</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        设置业绩结算时间，是统计支付后的订单还是统计完成后的订单
                                    </div>
                                </el-form-item>

                                <el-form-item prop="prize_pool_time" label="进入分红池时间">
                                    <el-col :span="8" style="width:100%;">
                                        <el-radio-group v-model="ruleForm.prize_pool_time" size="small">
                                            <el-radio :label="0" border>订单支付后</el-radio>
                                            <el-radio :label="1" border>订单完成后</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                    <div class="tips-text" style="line-height: 24px;">
                                        订单计入分红池的计算时间是订单支付后还是完成后
                                    </div>
                                </el-form-item>

                                <el-form-item prop="prize_pool_period" label="分红结算周期">
                                    <el-col :span="8" style="width:100%;">
                                        <el-radio-group v-model="ruleForm.prize_pool_period" size="small">
                                            <el-radio :label="1" border>天</el-radio>
                                            <el-radio :label="2" border>周</el-radio>
                                            <el-radio :label="3" border>月</el-radio>
                                        </el-radio-group>
                                    </el-col>
                                </el-form-item>
                              
                            </el-col>
                        </el-row>
                    </div>
                </el-card>
            </div>
        </el-form>
        <el-button :loading="btnLoading" class="button-item" type="primary" style="margin-top: 24px;" @click="store('ruleForm')" size="small">保存
        </el-button>
    </el-card>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                loading: false,
                btnLoading: false,
                ruleForm: {
                    is_enable: 0,
                    is_show_at_center: 1,
                    compute_type: 0, //佣金计算方式
                    compute_period: 1, //结算周期
                    settlement_method: 0, //结算方式
                    settlement_period: 0, //佣金结算周期
                    is_sediment: 0, //是否开启沉淀池
                    sediment_type: 1, //沉淀池基金类型
                    sediment_percent: 0, //沉淀池比例
                    detail: '', //股东分红说明
                    is_show_decr_score: 0,
                    is_decr_score: 0,
                    is_prize_pool: 0,
                    prize_pool_time: 1,
                    prize_pool_period: 3,
                    performance_settlement_method: 0,
                    prize_pool_source: 1,
                    prize_pool_amount: 0,
                    boss_level: [],
                    custom_compute_days: 1,
                    participate_decr_score_type: {
                        perpetual: 1,
                        extra: 0
                    },
                },
                levels: [],
            }
        },
        mounted: function() {
            this.loadData();
        },
        methods: {
            loadData() {
                this.loading = true;
                request({
                    params: {
                        r: 'boss/setting/index',
                    },
                    method: 'get'
                }).then(e => {
                    this.loading = false;
                    if (e.data.code == 0 && !isEmpty(e.data.data)) {
                        this.ruleForm = Object.assign(this.ruleForm, e.data.data);
                        this.levels = e.data.data.levels;
                        console.log(this.ruleForm);
                    }
                }).catch(e => {
                    this.loading = false;
                })
            },
            store(formName) {
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        this.btnLoading = true;
                        request({
                            params: {
                                r: 'boss/setting/index',
                            },
                            method: 'post',
                            data: this.ruleForm
                        }).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;
                        })
                    } else {
                        this.btnLoading = false;
                        console.log('error submit!!');
                        return false;
                    }
                });
            },
        }
    });
</script>