@extends('layouts.base')
@section('title', trans('基础设置'))
@section('content')
    <link rel="stylesheet" href="{{resource_get('plugins/aggregation-cps/static/index.css')}}">
    <style>
        .el-tag1{line-height:60px !important;height: 60px !important;font-size:16px;}
        .el-form-item1 .el-form-item__label{line-height: 28px;}
        /* 导航 */
        .el-radio-button .el-radio-button__inner,.el-radio-button:first-child .el-radio-button__inner {border-radius: 4px 4px 4px 4px;border-left: 0px;}
        .el-radio-button__inner{border:0;}
        .el-radio-button:last-child .el-radio-button__inner {border-radius: 4px 4px 4px 4px;}
    </style>
    <div class="all">
        <div id="app" v-cloak>
            <div class="vue-head">
                <el-tabs v-model="activeName" style="margin:10px 0;">
                    <el-tab-pane v-for="(item,index) in tab_list" :key="index" v-if="item.show==1" :label="item.name" :name="item.value"></el-tab-pane>
                </el-tabs>
            </div>
            <el-form ref="form" :model="form" :rules="rules" label-width="15%">
                <div class="vue-main" v-show="activeName=='basic'">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">基础设置</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="app-key" prop="basic.app_key">
                            <el-input v-model="form.basic.app_key" style="width:70%;">
                            </el-input>
                        </el-form-item>
                        <el-form-item label="app-secret" prop="basic.app_secret">
                            <el-input v-model="form.basic.app_secret" style="width:70%;">
                            </el-input>
                        </el-form-item>
                    </div>

                    <div class="vue-head">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">前端会员购买赠送奖励显示类型</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="" prop="basic.buy_show">
                                <el-radio v-model="form.basic.buy_show" :label="1">积分</el-radio>
                                <el-radio v-model="form.basic.buy_show" :label="2">余额</el-radio>
                                <el-radio v-model="form.basic.buy_show" :label="3">消费积分</el-radio>
                                <el-radio v-model="form.basic.buy_show" :label="4">每日红包</el-radio>
                                <div class="tip">在前端商品列表、商品详情页中显示会员购买赠送奖励类型，显示奖励值=当前渠道预计CPS分成佣金*奖励比例*奖励类型与现金的换算比例（在商城相应模块中设置）</div>
                            </el-form-item>
                        </div>

                    </div>
                    <div class="vue-head">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">APP下载链接</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="APP下载链接" prop="basic.download_url">
                                <el-input v-model="form.basic.download_url" style="width:70%;">
                                </el-input>
                            </el-form-item>
                        </div>


                    </div>
                    <div class="vue-head">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">微信授权登录</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="身份标识(appId)" prop="basic.weixin_appid">
                                <el-input v-model="form.basic.weixin_appid" style="width:70%;"></el-input>
                                <!-- <el-input v-model="form.basic.weixin_appid" type="text"style="width:70%;"  v-if="weixin_appid_show"></el-input>
                                <span style="color:#29BA9C;font-size:12px;" v-if="form.basic.weixin_appid && !weixin_appid_show ">已上传</span>
                                <el-button type="primary" @click="ResetValue('basic.weixin_appid')" v-if="form.basic.weixin_appid && !weixin_appid_show">重置</el-button> -->
                            </el-form-item>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="身份密钥(appSecret)" prop="basic.weixin_secret">
                                <!-- <el-input v-model="form.basic.weixin_secret" style="width:70%;" @focus="blurSearchFor()" type="password"></el-input> -->
                                <el-input v-model="form.basic.weixin_secret" type="text"style="width:70%;"  v-if="weixin_secret_show"></el-input>
                                <span style="color:#29BA9C;font-size:12px;" v-if="form.basic.weixin_secret && !weixin_secret_show ">已上传</span>
                                <el-button type="primary" @click="ResetValue('basic.weixin_secret')" v-if="form.basic.weixin_secret && !weixin_secret_show">重置</el-button>
                            </el-form-item>
                        </div>

                    </div>
                </div>
                <div v-show="activeName=='market'">
                    <!-- 余额设置 -->
                    <div class="vue-head">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">余额设置</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="会员奖励余额" prop="market.balance.reward_balance">
                                <el-input v-model="form.market.balance.reward_balance" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="一级上级奖励余额" prop="market.balance.reward_balance1">
                                <el-input v-model="form.market.balance.reward_balance1" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="二级上级奖励余额" prop="market.balance.reward_balance2">
                                <el-input v-model="form.market.balance.reward_balance2" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                        </div>

                    </div>
                    <!-- 余额设置 -->
                    <!-- 积分设置 -->
                    <div class="vue-head">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">积分设置</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="会员奖励积分" prop="market.point.reward_point">
                                <el-input v-model="form.market.point.reward_point" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="一级上级奖励积分" prop="market.point.reward_point1">
                                <el-input v-model="form.market.point.reward_point1" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="二级上级奖励积分" prop="market.point.reward_point2">
                                <el-input v-model="form.market.point.reward_point2" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                        </div>

                    </div>
                    <!-- 积分设置 -->
                    <!-- 爱心值设置 -->
                    <div class="vue-head" v-if="form.market.love.love_show">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">[[love_name]]设置</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item :label="`会员奖励${love_name}`" prop="market.love.award_proportion">
                                <el-input v-model="form.market.love.award_proportion" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                            <el-form-item :label="`一级会员奖励${love_name}`" prop="market.love.parent_award_proportion">
                                <el-input v-model="form.market.love.parent_award_proportion" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                            <el-form-item :label="`二级会员奖励${love_name}`" prop="market.love.second_award_proportion">
                                <el-input v-model="form.market.love.second_award_proportion" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                        </div>

                    </div>
                    <!-- 爱心值设置 -->
                    <!-- 消费积分 -->
                    <div class="vue-head" v-if="form.market.integral.is_show">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">消费积分设置</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="购物赠送比例" prop="market.integral.award_proportion">
                                <el-input v-model="form.market.integral.award_proportion" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="购物上一级赠送比例" prop="market.integral.parent_award_proportion">
                                <el-input v-model="form.market.integral.parent_award_proportion" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                            <el-form-item label="购物上二级赠送比例" prop="market.integral.second_award_proportion">
                                <el-input v-model="form.market.integral.second_award_proportion" style="width:70%;">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-form-item>
                        </div>

                    </div>
                    <!-- 消费积分 -->


                </div>
                <!-- 分润 -->
                <div v-show="activeName=='profit'">

                    <!-- 分销设置 -->
                    <div class="vue-head" v-if="form.profit.commission.is_show">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">分销设置</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="是否开启分销" prop="profit.commission.is_commission">
                                <el-switch v-model="form.profit.commission.is_commission" :active-value="1" :inactive-value="0"></el-switch>
                            </el-form-item>
                            <el-form-item label="分销" prop="">
                                <table class="el-table" style="width:90%">
                                    <tr style="border-bottom:1px solid #EBEEF5">
                                        <th style="width:120px;padding-top:0">等级名称</th>
                                        <th style="padding-top:0">一级分销</th>
                                        <th style="padding-top:0">二级分销</th>
                                    </tr>
                                    <tr v-for="(item,index) in form.profit.commission.level">
                                        <td>
                                            [[item.level_name]]
                                        </td>
                                        <td>
                                            <el-input v-model="item.first_level_rate" style="width:80%">
                                                <template slot="append">%</template>
                                            </el-input>
                                        </td>
                                        <td>
                                            <el-input v-model="item.second_level_rate" style="width:80%">
                                                <template slot="append">%</template>
                                            </el-input>
                                        </td>
                                    </tr>
                                </table>

                            </el-form-item>
                        </div>
                    </div>
                    <!-- 分销设置 -->
                    <!-- 经销商设置 -->
                    <div class="vue-head" v-if="form.profit.team_dividend.is_show">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">经销商设置</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="是否开启经销商" prop="profit.team_dividend.is_dividend">
                                <el-switch v-model="form.profit.team_dividend.is_dividend" :active-value="1" :inactive-value="0"></el-switch>
                            </el-form-item>
                            <el-form-item label="经销商提成" prop="">
                                <table class="el-table" style="width:90%">
                                    <tr style="border-bottom:1px solid #EBEEF5">
                                        <th style="width:120px;padding-top:0">等级名称</th>
                                        <th style="padding-top:0">比例</th>
                                    </tr>
                                    <tr v-for="(item,index) in form.profit.team_dividend.level">
                                        <td>
                                            [[item.level_name]]
                                        </td>
                                        <td>
                                            <el-input v-model="item.level_rate" style="width:80%">
                                                <template slot="append">%</template>
                                            </el-input>
                                        </td>
                                    </tr>
                                </table>
                            </el-form-item>
                        </div>

                    </div>
                    <!-- 经销商设置 -->
                    <!-- 股东分红设置 -->
                    <div class="vue-head" v-if="form.profit.shareholder_dividend.is_show">
                        <div class="vue-main-title">
                            <div class="vue-main-title-left"></div>
                            <div class="vue-main-title-content">股东分红设置</div>
                        </div>
                        <div class="vue-main-form">
                            <el-form-item label="是否计入股东分红" prop="profit.shareholder_dividend.is_no_count">
                                <el-switch v-model="form.profit.shareholder_dividend.is_no_count" :active-value="0" :inactive-value="1"></el-switch>
                            </el-form-item>
                        </div>

                    </div>
                    <!-- 股东分红设置 -->

                </div>
                <!-- 分润 -->
                <!-- 每日红包设置 -->
                <div class="vue-main" v-show="activeName=='red-packet'">
                    <div class="vue-main-title">
                        <div class="vue-main-title-left"></div>
                        <div class="vue-main-title-content">每日红包设置</div>
                    </div>
                    <div class="vue-main-form">
                        <el-form-item label="每日红包独立计算规则" prop="red_packet.is_cps">
                            <el-switch v-model="form.red_packet['is_cps']" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>
                        <el-form-item label="红包总额比例" prop="red_packet.cps_proportion">
                            <el-input v-model="form.red_packet['cps_proportion']" style="width:70%;">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="消费获得红包额度百分比" prop="red_packet.cps_scale">
                            <el-input v-model="form.red_packet['cps_scale']" style="width:70%;">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                    </div>
                </div>
                <!-- 每日红包设置 -->
            </el-form>

            <!-- 分页 -->
            <div class="vue-page">
                <div class="vue-center">
                    <el-button type="primary" @click="submitForm('form')">提交</el-button>
                    <el-button @click="goBack">返回</el-button>
                </div>
            </div>
            <upload-img :upload-show="uploadShow" :name="chooseImgName" @replace="changeProp" @sure="sureImg"></upload-img>
        </div>
    </div>
    <script src="{{resource_get('static/yunshop/tinymce4.7.5/tinymce.min.js')}}"></script>

    @include('public.admin.tinymceee')
    @include('public.admin.uploadImg')

    <script>
        var app = new Vue({
            el:"#app",
            delimiters: ['[[', ']]'],
            name: 'test',
            data() {
                return{
                    weixin_appid_show:true,
                    weixin_secret_show:true,
                    order_type:1,
                    activeName:"market",
                    tab_list:[],
                    list:[],
                    award_list:[],
                    id:0,
                    love_name:'爱心值',
                    // 优惠券
                    coupon_show:false,
                    coupon_keyword:"",
                    coupon_list:[],
                    table_loading:false,
                    form:{
                        basic:{
                            app_key:'',
                            app_secret:'',
                            buy_show:2,
                            share_show:0,
                            download_url:'',
                            weixin_appid:'',
                            weixin_secret:'',
                        },
                        market:{
                            point:{
                                reward_point:'',
                                reward_point1:'',
                                reward_point2:'',
                            },
                            love:{
                                love_show:0,
                                love_name:'',
                                award_proportion:'',
                                parent_award_proportion	:'',
                                second_award_proportion	:'',
                            },
                            balance:{
                                reward_balance:'',
                                reward_balance1:'',
                                reward_balance2:'',
                            },
                            integral:{
                                is_show:'0',
                                award_proportion:'',
                                parent_award_proportion:'',
                                second_award_proportion:'',
                            },
                        },
                        // 分润
                        profit:{
                            commission:{
                                is_show:0,
                                is_commission:0,
                                level:[],
                            },
                            team_dividend:{
                                is_show:0,
                                is_dividend:0,
                                level:[],
                            },
                            shareholder_dividend:{
                                is_no_count:0,
                            },
                        },
                        // 每日红包
                        red_packet:{
                            is_cps:0,
                            cps_scale:'',
                            cps_proportion:'',
                        },
                    },
                    uploadShow:false,
                    chooseImgName:'',
                    submit_url:'',
                    showVisible:false,

                    loading: false,

                    rules:{
                        // name:{ required: true, message: '请输入品牌名称'}
                    },

                }
            },
            created() {


            },
            mounted() {
                this.id = this.getParam("store_id");
                this.getData();
            },
            methods: {
                getParam(name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                    var r = window.location.search.substr(1).match(reg);
                    if (r != null) return unescape(r[2]);
                    return null;
                },
                getData() {
                    let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                    this.$http.post('{!! yzWebFullUrl('plugin.aggregation-cps.admin.equity-setting.get-setting') !!}',{id:this.id}).then(function (response) {
                            if (response.data.result){
                                this.tab_list = response.data.data.tab;
                                this.form.basic = {
                                    ...response.data.data.basic
                                };
                                this.form.market = {
                                    ...response.data.data.market
                                }
                                // 分润
                                let profit_obj = this.tab_list.find((item,index) => {
                                    return item.value == 'profit'
                                })
                                if(profit_obj.show==1) {
                                    this.form.profit = {
                                        commission:{
                                            ...response.data.data.profit.commission
                                        },
                                        team_dividend:{
                                            ...response.data.data.profit['team-dividend']
                                        },
                                        shareholder_dividend:{
                                            ...response.data.data.profit['shareholder-dividend']
                                        },
                                    }
                                }
                                // 每日红包
                                let red_packet_obj = this.tab_list.find((item,index) => {
                                    return item.value == 'red-packet'
                                })
                                if(red_packet_obj.show==1) {
                                    this.form.red_packet = {
                                        ...response.data.data['red-packet']
                                    }
                                }
                                this.love_name = response.data.data.market.love.love_name || '爱心值';
                                console.log(this.form)
                                this.getShow();

                            }
                            else {
                                this.$message({message: response.data.msg,type: 'error'});
                            }
                            loading.close();
                        },function (response) {
                            this.$message({message: response.data.msg,type: 'error'});
                            loading.close();
                        }
                    );
                },
                submitForm(formName) {
                    console.log(this.form)
                    let that = this;
                    let json = {
                        id:this.id,
                        basic:this.form.basic,
                        market:{
                            point:{
                                reward_point:this.form.market.point.reward_point,
                                reward_point1:this.form.market.point.reward_point1,
                                reward_point2:this.form.market.point.reward_point2,
                            },
                            balance:{
                                reward_balance:this.form.market.balance.reward_balance,
                                reward_balance1:this.form.market.balance.reward_balance1,
                                reward_balance2:this.form.market.balance.reward_balance2,
                            },
                        },
                        // 分润
                        profit:{

                        },

                    };
                    if(this.form.market.love.love_show) {
                        json.market.love = {
                            award_proportion:this.form.market.love.award_proportion,
                            parent_award_proportion:this.form.market.love.parent_award_proportion,
                            second_award_proportion:this.form.market.love.second_award_proportion,
                        }
                    }
                    if(this.form.market.integral.is_show) {
                        json.market.integral = {
                            award_proportion:this.form.market.integral.award_proportion,
                            parent_award_proportion:this.form.market.integral.parent_award_proportion,
                            second_award_proportion:this.form.market.integral.second_award_proportion,
                        }
                    }
                    if(this.form.profit.commission.is_show) {
                        json.profit.commission = {
                            is_commission:this.form.profit.commission.is_commission,
                            level:this.form.profit.commission.level,
                        }
                    }
                    if(this.form.profit.team_dividend.is_show) {
                        json.profit['team-dividend'] = {
                            is_dividend:this.form.profit.team_dividend.is_dividend,
                            level:this.form.profit.team_dividend.level,
                        }
                    }
                    if(this.form.profit.shareholder_dividend.is_show) {
                        json.profit['shareholder-dividend'] = {
                            is_no_count:this.form.profit.shareholder_dividend.is_no_count,
                        }
                    }

                    // 每日红包
                    let red_packet_obj = this.tab_list.find((item,index) => {
                        return item.value == 'red-packet'
                    })
                    if(red_packet_obj.show==1) {
                        json.red_packet = {
                            is_cps: this.form.red_packet.is_cps,
                            cps_scale: this.form.red_packet.cps_scale,
                            cps_proportion: this.form.red_packet.cps_proportion,
                        }

                    }

                    console.log(json)
                    this.$refs[formName].validate((valid) => {
                        if (valid) {
                            let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                            this.$http.post("{!! yzWebFullUrl('plugin.aggregation-cps.admin.equity-setting.set') !!}",json).then(response => {
                                if (response.data.result) {
                                    this.$message({type: 'success',message: '操作成功!'});
                                    window.location.reload();
                                } else {
                                    this.$message({message: response.data.msg,type: 'error'});
                                }
                                loading.close();
                            },response => {
                                loading.close();
                            });
                        }
                        else {
                            console.log('error submit!!');
                            return false;
                        }
                    });
                },
                posterQrcode(formName) {
                    console.log(this.form)
                    let json = {
                        download_url:this.form.basic.download_url,
                    };
                    console.log(json)
                    this.$refs[formName].validate((valid) => {
                        if (valid) {
                            let loading = this.$loading({target:document.querySelector(".content"),background: 'rgba(0, 0, 0, 0)'});
                            this.$http.post("{!! yzWebFullUrl('plugin.aggregation-cps.admin.equity-setting.poster-qrcode') !!}",json).then(response => {
                                if (response.data.result) {
                                    this.$message({type: 'success',message: '操作成功!'});
                                } else {
                                    this.$message({message: response.data.msg,type: 'error'});
                                }
                                loading.close();
                            },response => {
                                loading.close();
                            });
                        }
                        else {
                            console.log('error submit!!');
                            return false;
                        }
                    });
                },

                goBack() {
                    history.go(-1)
                },

                openUpload(str) {
                    this.chooseImgName = str;
                    this.uploadShow = true;
                },
                changeProp(val) {
                    if(val == true) {
                        this.uploadShow = false;
                    }
                    else {
                        this.uploadShow = true;
                    }
                },
                sureImg(name,image,image_url) {
                    this.form[name] = image;
                    this.form[name+'_url'] = image_url;
                },
                clearImg(str) {
                    this.form[str] = "";
                    this.form[str+'_url'] = "";
                    this.$forceUpdate();
                },
                blurSearchFor(){
                    this.form.basic.weixin_secret='';
                },
                
                ResetValue(str){
                    switch (str) {
                        case 'basic.weixin_appid' :
                            this.form.basic.weixin_appid = ''
                            this.weixin_appid_show = true
                            break;
                        case 'basic.weixin_secret' :
                            this.form.basic.weixin_secret = ''
                            this.weixin_secret_show = true
                            break;

                    }
                },
                getShow(){
                    
                    if(this.form.basic.weixin_appid){
                        this.weixin_appid_show=false
                    }
                    if(this.form.basic.weixin_secret){
                        this.weixin_secret_show=false
                    }
                },
            },
        })

    </script>
@endsection