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

<?php
use common\helpers\ComponentHelper;
ComponentHelper::loadComponentView('com-rich-text');
?>
<style>
    .app-share {
        padding-top: 12px;
        border-top: 1px solid #e2e2e2;
        margin-top: -20px;
    }

    .app-share .app-share-bg {
        position: relative;
        width: 310px;
        height: 360px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

    .app-share .app-share-bg .title {
        width: 160px;
        height: 29px;
        line-height: 1;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .app-share .app-share-bg .pic-image {
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: cover;
        width: 160px;
        height: 130px;
    }

    .mo_title {
        font-size: 17px;
        margin-bottom: 20px;
        border-left: 5px solid #1479F0;
        padding-left: 15px;
    }
</style>
<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">
            <template>
                <el-card>
                    <el-form :model="ruleForm" size="small" ref="ruleForm"  label-width="150px">
                        <el-tabs v-model="activeName">
                            <el-tab-pane label="基础设置" name="basic">
                                <?=ComponentHelper::loadComponentView('user/basic', __DIR__ . '/');?>
                            </el-tab-pane>

                            <el-tab-pane label="协议设置" name="agree">
                                <?=ComponentHelper::loadComponentView('user/agree', __DIR__ . '/'); ?>
                            </el-tab-pane>

                            <el-tab-pane label="我的客户设置" name="myclient">
                                <?=ComponentHelper::loadComponentView('user/myclient', __DIR__ . '/'); ?>
                            </el-tab-pane>

                            <el-tab-pane label="奖励设置" name="reward">
                                <?=ComponentHelper::loadComponentView('user/reward', __DIR__ . '/'); ?>
                            </el-tab-pane>
                        </el-tabs>
                        <el-button :loading="btnLoading" class="button-item" type="primary" style="margin-top: 24px;" @click="submit" size="small">保存
                        </el-button>
                    </el-form>
                </el-card>
            </template>
        </div>
    </el-card>
</div>
<script src="<?= Yii::$app->request->baseUrl ?>/resources/unpkg/vuedraggable@2.18.1/dist/vuedraggable.umd.min.js"></script>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                loading: false,
                btnLoading: false,
                activeName: 'basic',
                ruleForm: {
                    // 基础设置
                    user:{
                        default_level_name: {
                            value: '普通会员',
                            remark: '等会员没有等级的时候默认等级的名称, 未设置时显示为普通会员',
                        },
                        is_share_mandatory_login:{title:'是否开启分享强制登录', value:'0', remark:'会员通过分享的链接进商城，若链接存在pid参数即需要判断后台是否开启该限制'},
                        is_invite_register:{title:'是否开启邀请注册', value:'0', remark:'会员注册的时候是否可以通过手机号进行绑定关系'},
                        allow_app_login:{title:'允许APP微信登录', value:1, remark:'是否允许APP调用微信信息登录'},
                        index_login_notice:{title:'首页登录提醒', value:1, remark:'会员进入商城首页弹出登录提醒框，注意：此项开启后微信小程序审核可能会不被通过，更严重会被封禁小程序手机号授权功能'},
                        check_agreement:{title:'注册必须勾选协议', value:0, remark:'会员注册时是否必须勾选协议才能进行注册'},
                        check_sms_code:{title:'是否开启验证码注册', value:1, remark:'用户注册时是否必须选择验证码才能进行注册，仅在app，小程序，H5端生效'},
                        default_level_goods_show:{title:'默认等级隐藏会员价', value:0, remark:'开启后默认等级会员进入商品详情页不显示会员价'},
                        force_user_profile:{title:'是否强制填写昵称或头像', value:0, remark:'开启后会员中心页将强制弹出填写昵称或头像'},
                        is_manual_verification_code: {title:'是否手动输入获取验证码', value: 0, remark:'小程序是否手动获取手机号'},
                        is_scan_code_to_app:{title:'H5扫码跳转至APP', value:0, remark:'打开以后通过扫描H5的二维码去下载或者是打开APP'},
                        is_scan_code_to_h5:{title:'APP扫码跳转APP', value:0, remark:'打开以后通过扫描APP的推广二维码去下载或者是打开APP'},
                        is_show_logoff:{title:'是否隐藏注销用户', value:0, remark:'开启后将会隐藏用户的”注销账号“按钮'},
                        is_show_report:{title:'是否开启举报功能', value:0, remark:'开启后将会显示用户的”举报投诉“按钮'},
                        is_freeze_commission:{title:'是否开启冻结佣金', value:0, remark:'开启后所有会员的每笔佣金收益奖按照比例冻结，关闭则全部释放'},
                        is_show_user_level_expired_at:{title:'是否显示会员到期时间', value:0, remark:'开启后,前端会员中心会显示会员的到期时间'},
                        is_multi_terminal_login:{title:'是否开启多端登录', value:0, remark:'开启后用户可以根据一个账号进行多个服务端登录'},
                        is_log_off_del:{title:'账号注销删除用户', value:0, remark:'开启后账号注销将会删除用户'},
                        is_accept_mobile_code: {
                            title: '接收更换手机验证码',
                            value: 0,
                            remark: '前端会员接收验证码时,根据选择的新旧手机进行发送验证码'
                        },
                        is_close_register: {
                            title: '是否关闭用户注册',
                            value: 0,
                            remark: '',
                        },
                    },
                    user_agree:{
                        user_agree:{title:'注册协议', value:'', remark:''},
                        privacy_agree:{title:'隐私协议', value:'', remark:''},
                        enable_promote_code:{title:'推广二维码协议开启', value:'0', remark:''},
                        upgrade_agree:{title:'会员章程', value:'', remark:''},
                        promote_code_agree:{title:'产品推广中介服务合同', value:'', remark:''},
                        logoff:{title:'注销账号', value:'', remark:''},
                    },

                    // 我的客户设置
                    user_custom_text:{
                        direct_text:{title:'直推文字自定义', value:'0', remark:'请输入直推文字自定义内容'},
                        indirect_text:{title:'间推文字自定义', value:'0', remark:'请输入间推文字自定义内容'},
                        team_text:{title:'团队文字自定义', value:'0', remark:'请输入团队文字自定义内容'},
                        team_agent_text:{title:'群组业绩文字自定义', value:'群组业绩', remark:'请输入群组业绩文字自定义内容'},
                        is_show_indirect:{title:'是否显示间推客户', value:1, remark:'是否显示间推客户'},
                        is_show_team:{title:'是否显示团队人数', value:1, remark:'是否显示团队人数'},
                        is_show_team_agent:{title:'是否显示群组业绩', value:1, remark:'是否显示群组业绩'},
                    },
                    user_operate:{
                        authority:{
                            title:'查看权限',
                            value:['-1'],
                            remark:'',
                            type:'checkbox',
                            extra:{}
                        },
                        is_hide_mobile:{
                            title:'会员手机号',
                            value:1,
                            remark:'',
                            type:'radio',
                            extra:{
                                '-1': '显示全部',
                                '1': '隐藏4位数',
                            }
                        },
                        is_show_user_parent:{
                            title:'直属上级显示',
                            value:0,
                            remark:'',
                        },
                    },
                    user_reward:{
                        recommend_register:{title:'推荐注册奖励', value:0, remark:''},
                        recommend_register_type:{
                            title:'推荐注册奖励类型',
                            value:'score',
                            remark:'',
                            type:'radio',
                            extra:{
                                'score': '积分',
                                'balance': '余额',
                            }
                        },
                        recommend_register_amount:{title:'推荐注册奖励额度', value:0, remark:''},

                        user_register:{title:'用户注册奖励', value:0, remark:''},
                        user_register_type:{
                            title:'用户注册奖励类型',
                            value:'score',
                            remark:'',
                            type:'radio',
                            extra:{
                                'score': '积分',
                                'balance': '余额',
                            }
                        },
                        user_register_amount:{title:'用户注册奖励额度', value:0, remark:''},

                        register_contribute_switch: {title:'贡献值奖励开关', value:0, remark:''},
                        register_contribute_radio: {
                            title:'奖励类型',
                            value:'unlock',
                            remark:'',
                            type:'radio',
                            extra:{
                                'unlock': '非锁仓贡献值',
                                'lock': '锁仓贡献值',
                            }
                        },
                        register_contribute_num: {title:'奖励数量', value:0, remark:''},
                        register_midou_switch: {title:'蜜豆奖励开关', value:0, remark:''},
                        register_midou_radio: {
                            title:'奖励类型',
                            value:'unlock',
                            remark:'',
                            type:'radio',
                            extra:{
                                'unlock': '非锁仓蜜豆',
                                'lock': '锁仓贡蜜豆',
                            }
                        },
                        register_midou_num: {title:'奖励数量', value:0, remark:''},
                        register_gold_switch: {title:'金币奖励开关', value:0, remark:''},
                        register_gold_num: {title:'奖励数量', value:0, remark:''},
                    },
                    user_reward_redpacket:{
                        is_open:1,
                        recommend_register:{title:'推荐注册奖励', value:0, remark:''},
                        recommend_register_type:{
                            title:'推荐注册奖励类型',
                            value:'redpacket1',
                            remark:'',
                            type:'radio',
                            extra:{
                                'redpacket1': '冻结红包',
                                'redpacket2': '激活红包',
                            }
                        },
                        recommend_register_amount:{title:'推荐注册奖励额度', value:0, remark:''},

                        user_register:{title:'用户注册奖励', value:0, remark:''},
                        user_register_type:{
                            title:'用户注册奖励类型',
                            value:'redpacket1',
                            remark:'',
                            type:'radio',
                            extra:{
                                'redpacket1': '冻结红包',
                                'redpacket2': '激活红包',
                            }
                        },
                        user_register_amount:{title:'用户注册奖励额度', value:0, remark:''},
                    }
                },
                extraData: {
                    is_installed_fun_town: 0,
                },
            }
        },
        mounted: function() {
            this.loadExtraData()
            this.loadData();
            // this.getUserLevel();

        },
        methods: {
            loadExtraData() {
                request({
                    params: {
                        r: 'mall/setting/load-extra-data',
                    },
                    method: 'get'
                }).then(e => {
                    if (e.data.code == 0) {
                        Object.assign(this.extraData, e.data.data)
                    }
                }).catch(e => {

                })
            },
            loadData() {
                if(this.loading === true) return;
                this.loading = true;
                request({
                    params: {
                        r: 'mall/setting/edit',
                        type: 'mall_user',
                    },
                    method: 'get'
                }).then(e => {
                    this.loading = false;
                    if (e.data.code == 0) {
                        if(e.data.data) {//有选中的
                            var data = e.data.data;
                            Object.keys(this.ruleForm).forEach((key) => {
                                Object.keys(this.ruleForm[key]).forEach((k) => {
                                    if (data[key][k]) {
                                        var dataValue = data[key][k].value;
                                        if(data[key][k].value!=null){
                                            if (typeof dataValue == 'string' && this.isJsonString(dataValue) === true) {
                                                // 将json字符串转为对象
                                                if (k == 'pay_after_link') {
                                                    var pay_after_link = JSON.parse(data[key][k].value);
                                                    this.pay_after_link_show = pay_after_link.params.title;
                                                    this.ruleForm[key][k].value = data[key][k].value;
                                                } else {
                                                    this.ruleForm[key][k].value = JSON.parse(data[key][k].value);
                                                }
                                            }else{
                                                this.ruleForm[key][k].value = data[key][k].value;
                                            }
                                        }
                                    }
                                });
                            });
                            this.ruleForm.user_operate.authority.extra = e.data.data.user_level;
                            this.ruleForm.user_reward.recommend_register_type.extra = e.data.data.currency_list;
                            this.ruleForm.user_reward.user_register_type.extra = e.data.data.currency_list;
                            this.ruleForm.user_reward_redpacket.is_open=e.data.data.user_reward_redpacket.is_open;
                        }
                    }
                }).catch(e => {
                    this.loading = false;
                })
            },
            isJsonString(string) {
                try {
                    JSON.parse(string)
                    return true;
                } catch (e) {
                    return false;
                }
            },
            getUserLevel() {
                request({
                    params: {
                        r: 'mall/user-level/get-user-level',
                    },
                    method: 'get'
                }).then(e=>{
                    let level = e.data.data;
                    this.ruleForm.user_operate.authority.extra = level;
                }).catch(e=>{

                })
            },
            submit() {
                this.btnLoading = true;
                this.$request({
                    params: {
                        r: 'mall/setting/edit',
                    },
                    method: 'post',
                    data: {
                        setting: 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.btnLoading = false;
                });
            },
        }
    });
</script>