define({
    name: "dealerCommission",
    template: `
<div>
    <el-form label-width="200px">
        <div id="vue_head">
            <div class="base_set">
                <div class="vue-main-title">
                    <div class="vue-main-title-left"></div>
                    <div class="vue-main-title-content">经销商提成设置</div>
                </div>
                <el-divider></el-divider>

                <div class="vue-main-form">
                    <el-form-item label="开启经销商提成">
                        <el-radio v-model="is_dividend" :label="0">关闭</el-radio>
                        <el-radio v-model="is_dividend" :label="1">开启</el-radio>
                        <div class="help-block">如果不开启经销商提成，则不产生提成金额</div>
                    </el-form-item>
                    <el-form-item label="购买商品分红限制">
                        <el-radio v-model="is_restrict" :label="0">关闭</el-radio>
                        <el-radio v-model="is_restrict" :label="1">开启</el-radio>
                        <div class="help-block">
                            <span class="help-block-detail">如果开启了，经销商推广该商品计算分红时，如果经销商没有购买过该商品，则不能获得经销商全部的分红奖励(包括经销商分红、平级奖等)，并不计入平级奖层级，但计入经销提成层级限制</span>
                        </div>
                    </el-form-item>
                    <el-form-item label="经销商平级奖">
                        <el-radio v-model="is_hierarchy" :label="0">关闭</el-radio>
                        <el-radio v-model="is_hierarchy" :label="1">开启</el-radio>
                        <div class="help-block">如果不开启经销商平级奖，则不产生平级奖</div>
                    </el-form-item>
                    <el-form-item label="独立规则">
                        <el-switch v-model="has_dividend" :active-value="1" :inactive-value="0"></el-switch>
                        <span>启用独立提成比例</span>
                        <div class="help-block">启用独立提成金额设置，此商品拥有独自的提成金额,不受默认设置限制</div>
                    </el-form-item>
                    <el-form-item v-show="has_dividend">
                        <el-row :gutter="20" class="gutter">
                            <el-col :span="4">
                                <div class="grid-content bg-purple">经销商等级</div>
                            </el-col>
                            <el-col :span="8">
                                <div class="grid-content bg-purple">提成比例/<!--生态建设-->经销商受益比例</div>
                            </el-col>
                            <el-col :span="4">
                                <div class="grid-content bg-purple">生态服务比例</div>
                            </el-col>
                            <el-col :span="4">
                                <div class="grid-content bg-purple" v-if="teamSet.is_extra_award == 1">额外奖励</div>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20" class="gutter" v-for="(level, index) in levelList" :key="level.id">
                            <el-col :span="4">
                                <div class="grid-content bg-purple">{{level.level_name}}</div>
                            </el-col>
                            <el-col :span="8" class="flex-col">
                                <el-input placeholder="请输入百分比" v-model="level.has_dividend_rates" maxlength="10" size="small" oninput="if(value<0)value=''" type="number">
                                    <template slot="append">%</template>
                                </el-input>
                                <el-input placeholder="请输入金额" v-model="level.has_dividend_prices" maxlength="10" size="small" oninput="if(value<0)value=''" type="number">
                                    <template slot="append">元 固定</template>
                                </el-input>
                            </el-col>
                            <el-col :span="8" class="flex-col">
                                <el-input v-if="level.level_type == 1" placeholder="请输入百分比" v-model="level.commission_rates" maxlength="10" size="small" oninput="if(value<0)value=''" type="number">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-col>
                            <el-col :span="4" class="flex-col" v-if="teamSet.is_extra_award == 1">
                                <el-input placeholder="请输入金额" v-model="level.has_dividend_extra" maxlength="10" size="small " oninput="if(value<0)value=''" type="number">
                                    <template slot="append">元</template>
                                </el-input>
                            </el-col>
                        </el-row>
                        
                        <el-row>
                            <el-col :span="17" style="width:100%">
                                <div class="help-block">
                                    <span class="help-block-detail">如果比例都为空或等于0，则使用固定金额规则，如果比例和金额都为空或等于0则不获得提成(ps:为了确保经销商能获得提成，建议统一设置为比例或者统一设置为固定金额，如果高等级设置比例低等级设置固定金额，有可能会造成部分经销商无提成)</span>
                                    <span class="help-block-detail">商品启用经销商独立提成：如果商品经销商独立提成设置的是比例，那么平级奖计算金额则按照商品实际支付金额计算； 如果商品经销商独立提成设置的是固定金额，那么平级奖计算金额则按照固定金额计算</span>
                                </div>
                            </el-col>
                        </el-row>

                    </el-form-item>
                    <el-form-item label="平级奖独立规则">
                        <el-switch v-model="has_peers" :active-value="1" :inactive-value="0"></el-switch>
                        <span>启用独立提成比例</span>
                        <div class="help-block">比例为空或等于0则则无平级奖</div>
                    </el-form-item>
                    <el-form-item v-show="has_peers">
                        <el-row :gutter="20" class="gutter">
                            <el-col :span="6">
                                <div class="grid-content bg-purple">经销商等级</div>
                            </el-col>
                            <el-col :span="12">
                                <div class="grid-content bg-purple">平级奖</div>
                            </el-col>
                        </el-row>
                        <el-row :gutter="20" class="gutter" v-for="(level, index) in levelList" :key="level.id">
                            <el-col :span="6">
                                <div class="grid-content bg-purple">{{level.level_name}}</div>
                            </el-col>
                            <el-col :span="12" class="flex-col">
                                <el-col :span="14">
                                    <el-input placeholder="请输入层级" v-model="level.hierarchy" maxlength="10" size="small ">
                                        <template slot="prepend">层级</template>
                                        <template slot="append">层</template>
                                    </el-input>
                                </el-col>
                                <el-col :span="10">
                                    <el-input placeholder="请输入百分比" v-model="level.ratio" maxlength="10" size="small" oninput="if(value<0)value=''" type="number">
                                        <template slot="append">%</template>
                                    </el-input>
                                </el-col>
                            </el-col>
                        </el-row>
                    </el-form-item>
                    <el-divider></el-divider>
                </div>
            </div>
        </div>
    </el-form>
</div>
    `,
    style: `
    .help-block{
        font-size:12px;
    }
    .help-block-detail{
        white-space:pre-wrap;
        display: flex;
        flex-direction: column;
    }
    .location{
        display:flex;
        justify-content:flex-end;
    }
    .gutter{
        text-align:center;
    }
    .flex-col{
        display:flex;
        margin-top:5px;
    }
    .el-input-group__append, .el-input-group__prepend {
        padding: 0 10px;
    }
    `,
    props: {
      form: {
        type: Object,
        default() {
          return {}
        }
      }
    },
    data(){
      return {
          is_dividend: 1,
          is_restrict: 0,
          is_hierarchy: 0,
          has_dividend: 0,
          has_peers: 0,
          teamSet: {},
          levelList: [],
      }
    },
    mounted(){
        if (this.form.item && !Array.isArray(this.form.item)) {
            this.is_dividend = this.form.item.is_dividend;
            this.is_restrict = this.form.item.is_restrict;
            this.is_hierarchy = this.form.item.is_hierarchy;
            this.has_dividend = this.form.item.has_dividend;
            this.has_peers = this.form.item.has_peers;
        }
        this.teamSet = JSON.parse(JSON.stringify(this.form.teamSet !== null ? this.form.teamSet : {}));
        this.levelList = JSON.parse(JSON.stringify(this.form.dividendLevel));
    },

    methods: {
        pick  (obj, arr) {
            arr.reduce((iter, val) => (val in obj && (iter[val] = obj[val]), iter), {});
        },
        filterList (list=[]) {
            let ratesList = {};
            let pricesList = {};
            let commissionList = {};
            let extraList = {};
            let gradeList = {};
            list.forEach((item, index) => {
                let key = 'level_' + item.id;
                let {has_dividend_rates, commission_rates, has_dividend_prices, has_dividend_extra, hierarchy, ratio} = item;
                // 独立规则
                if (this.has_dividend) { 
                    ratesList[key] = has_dividend_rates;
                    pricesList[key] = has_dividend_prices;
                    commissionList[key] = commission_rates;
                }
                // 额外奖励
                if (this.has_dividend && this.teamSet.is_extra_award == 1) {
                    extraList[key] = has_dividend_extra;
                }
                // 平级奖
                if (this.has_peers) {
                    gradeList[item.id] = {
                        hierarchy,
                        ratio
                    }
                }
            });
            return {ratesList, commissionList, pricesList, extraList, gradeList}
        },
        validate () {
            let aggregate = this.filterList(this.levelList);
            return {
                has_peers: this.has_peers,
                is_dividend: this.is_dividend,
                is_restrict: this.is_restrict,
                is_hierarchy: this.is_hierarchy,
                has_dividend: this.has_dividend,
                // dividendLevel: this.filterList(this.levelList)
                has_dividend_rates: aggregate.ratesList,
                has_dividend_prices: aggregate.pricesList,
                commission_rates: aggregate.commissionList,
                has_dividend_extra: aggregate.extraList,
                has_hierarchys: aggregate.gradeList
            }
        },
    },

  })