qimall/addons/Store/backend/views/setting/pattern_copy.php

<el-form ref="modeForm" :model="modeForm" label-width="120px" size="small">
    <div style="background: #fff;border-radius: 0 0 4px 4px;padding: 20px 0 10px;margin-bottom: 20px;">
        <el-form-item label="模式配置">
            <el-switch v-model="modeForm.is_enable_mode" :active-value="1" :inactive-value="0"></el-switch>
            <p class="tips-text">开启以下分佣后，O2O商品按照以下设置进行全局分佣</p>
        </el-form-item>
    </div>
    <template v-if="modeForm.is_enable_mode==1">
        <!-- 分销设置 -->
        <el-card class="edit-card" shadow="never" v-if="level!=0">
            <div slot="header" class="clearfix">
                <div class="card-title">分销设置</div>
            </div>
            <template v-if="modeForm.is_distribution_enable==1">
                <el-tabs v-model="distributionName" @tab-click="tabClickHandle($event, 'distributionName')">


                    <el-tab-pane v-for="(v, k) in modeForm.distribution_currency" :label="v" :name="'distribution-'+k" :key="k">
                        <el-form-item label="是否开启分销" label-width="180px">
                            <el-switch v-model="modeForm.Distribution[k].is_enable" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>
                        <el-form-item label="占让利分佣部分的百分比" label-width="180px" v-if="['hi_bei','hi_value'].indexOf(k) > -1 && modeForm.Distribution[k].is_enable==1">
                            <el-col :span="4">
                                <el-input size="small" v-model="modeForm.Distribution[k].remaining_ratio" type="number">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-col>
                        </el-form-item>
                        <template v-if="modeForm.Distribution[k].is_enable==1">
                            <el-form-item label="分销类型" label-width="180px">
                                <el-radio-group v-model="modeForm.Distribution[k].is_percent">
                                    <el-radio :label="0">百分比</el-radio>
                                    <el-radio :label="1">固定值</el-radio>
                                </el-radio-group>
                            </el-form-item>
                            <el-form-item label="" label-width="20px">
                                <el-table :data="modeForm.Distribution[k].detail" border style="width: 100%">
                                    <el-table-column prop="level_name" label="等级名称" width="100">
                                        <template slot-scope="scope">
                                            {{scope.row.level_name}}
                                        </template>
                                    </el-table-column>
                                    <el-table-column v-if="level > 0" prop="first_prize" label="一级" width="350">
                                        <template slot-scope="scope">
                                            <el-input type="number" placeholder="请输入分销比例" v-model="scope.row.first_prize" type="number">
                                                <template slot="append" v-if="modeForm.Distribution[k].is_percent==0">%</template>
                                                <template slot="append" v-else>元</template>
                                            </el-input>
                                        </template>
                                    </el-table-column>
                                    <el-table-column v-if="level > 1" prop="second_prize" label="二级" width="350">
                                        <template slot-scope="scope">
                                            <el-input type="number" placeholder="请输入分销比例" v-model="scope.row.second_prize" type="number">
                                                <template slot="append" v-if="modeForm.Distribution[k].is_percent==0">%</template>
                                                <template slot="append" v-else>元</template>
                                            </el-input>
                                        </template>
                                    </el-table-column>
                                    <el-table-column v-if="level > 2" prop="second_prize" label="三级" width="350">
                                        <template slot-scope="scope">
                                            <el-input type="number" placeholder="请输入分销比例" v-model="scope.row.third_prize" type="number">
                                                <template slot="append" v-if="modeForm.Distribution[k].is_percent==0">%</template>
                                                <template slot="append" v-else>元</template>
                                            </el-input>
                                        </template>
                                    </el-table-column>
                                </el-table>
                            </el-form-item>
                        </template>
                    </el-tab-pane>
                </el-tabs>
            </template>
            <template v-else>
                <div>
                    <el-tag type="info">分销应用未安装</el-tag>
                </div>
            </template>
        </el-card>

        <!-- 渠道设置 -->
        <el-card class="edit-card" shadow="never">
            <div slot="header" class="clearfix">
                <div class="card-title">渠道设置</div>
            </div>
            <template v-if="modeForm.is_agent_enable==1">
                <el-tabs v-model="agentName" @tab-click="tabClickHandle($event, 'agentName')">
                    <el-tab-pane :label="v" v-for="(v, k) in modeForm.agent_currency" :name="'agent-'+k" :key="k">
                        <el-form-item label="是否开启经销" label-width="180px">
                            <el-switch v-model="modeForm.Agent[k].is_enable" :active-value="1" :inactive-value="0"></el-switch>
                        </el-form-item>
                        <el-form-item label="占让利分佣部分的百分比" label-width="180px" v-if="['hi_bei','hi_value'].indexOf(k) > -1 && modeForm.Agent[k].is_enable==1">
                            <el-col :span="4">
                                <el-input size="small" v-model="modeForm.Agent[k].remaining_ratio" type="number">
                                    <template slot="append">%</template>
                                </el-input>
                            </el-col>
                        </el-form-item>
                        <template v-if="modeForm.Agent[k].is_enable==1">
                            <el-row :gutter="12">
                                <el-col :span="6">
                                    <el-card shadow="never">
                                        <div slot="header" class="clearfix">
                                            <div class="card-title">渠道配置</div>
                                        </div>
                                        <el-form-item label="经销类型" label-width="76px">
                                            <el-radio-group v-model="modeForm.Agent[k].is_percent_team">
                                                <el-radio :label="0">百分比</el-radio>
                                                <el-radio :label="1">固定值</el-radio>
                                            </el-radio-group>
                                        </el-form-item>
                                        <el-form-item label="" prop="" label-width="0">
                                            <el-table :data="modeForm.Agent[k].detail" style="width: 100%" size="mini" header-row-class-name="table-head">
                                                <el-table-column prop="level_name" label="渠道等级" width="100">
                                                    <template slot-scope="scope">{{scope.row.level_name}}</template>
                                                </el-table-column>
                                                <el-table-column prop="agent_team_prize" label="提成比例">
                                                    <template slot-scope="scope">
                                                        <el-input type="number" placeholder="请输入渠道分红比例" size="small" v-model="scope.row.agent_team_prize">
                                                            <template slot="append" v-if="modeForm.Agent[k].is_percent_team==0">%</template>
                                                            <template slot="append" v-else>元</template>
                                                        </el-input>
                                                    </template>
                                                </el-table-column>
                                            </el-table>
                                        </el-form-item>
                                    </el-card>
                                </el-col>
                                <el-col :span="6">
                                    <el-card shadow="never">
                                        <div slot="header" class="clearfix">
                                            <div class="card-title">平级奖配置</div>
                                        </div>
                                        <el-form-item label="经销类型" label-width="76px">
                                            <el-radio-group v-model="modeForm.Agent[k].is_percent_equal">
                                                <el-radio :label="0">百分比</el-radio>
                                                <el-radio :label="1">固定值</el-radio>
                                            </el-radio-group>
                                        </el-form-item>
                                        <el-form-item label="" prop="" label-width="0">
                                            <el-table :data="modeForm.Agent[k].detail" style="width: 100%" size="mini" header-row-class-name="table-head">
                                                <el-table-column prop="level_name" label="渠道等级" width="100">
                                                    <template slot-scope="scope">{{scope.row.level_name}}</template>
                                                </el-table-column>
                                                <el-table-column prop="agent_team_prize" label="提成比例">
                                                    <template slot-scope="scope">
                                                        <el-input type="number" placeholder="请输入渠道分红比例" size="small" v-model="scope.row.agent_equal_prize">
                                                            <template slot="append" v-if="modeForm.Agent[k].is_percent_equal==0">%</template>
                                                            <template slot="append" v-else>元</template>
                                                        </el-input>
                                                    </template>
                                                </el-table-column>
                                            </el-table>
                                        </el-form-item>
                                    </el-card>
                                </el-col>
                                <el-col :span="6">
                                    <el-card shadow="never">
                                        <div slot="header" class="clearfix">
                                            <div class="card-title">越级奖金配置</div>
                                        </div>
                                        <el-form-item label="经销类型" label-width="76px">
                                            <el-radio-group v-model="modeForm.Agent[k].is_percent_over">
                                                <el-radio :label="0">百分比</el-radio>
                                                <el-radio :label="1">固定值</el-radio>
                                            </el-radio-group>
                                        </el-form-item>
                                        <el-form-item label="" prop="" label-width="0">
                                            <el-table :data="modeForm.Agent[k].detail" style="width: 100%" size="mini" header-row-class-name="table-head">
                                                <el-table-column prop="level_name" label="渠道等级" width="100">
                                                    <template slot-scope="scope">{{scope.row.level_name}}</template>
                                                </el-table-column>
                                                <el-table-column prop="agent_team_prize" label="提成比例">
                                                    <template slot-scope="scope">
                                                        <el-input type="number" placeholder="请输入渠道分红比例" size="small" v-model="scope.row.agent_over_prize">
                                                            <template slot="append" v-if="modeForm.Agent[k].is_percent_over==0">%</template>
                                                            <template slot="append" v-else>元</template>
                                                        </el-input>
                                                    </template>
                                                </el-table-column>
                                            </el-table>
                                        </el-form-item>
                                    </el-card>
                                </el-col>
                                <el-col :span="6">
                                    <el-card shadow="never">
                                        <div slot="header" class="clearfix">
                                            <div class="card-title">额外奖佣金配置</div>
                                        </div>
                                        <el-form-item label="经销类型" label-width="76px">

                                            <el-radio-group v-model="modeForm.Agent[k].is_percent_extra">

                                                <el-radio :label="0">百分比</el-radio>
                                                <el-radio :label="1">固定值</el-radio>
                                            </el-radio-group>
                                        </el-form-item>
                                        <el-form-item label="" prop="" label-width="0">
                                            <el-table :data="modeForm.Agent[k].detail" style="width: 100%" size="mini" header-row-class-name="table-head">
                                                <el-table-column prop="level_name" label="渠道等级" width="100">
                                                    <template slot-scope="scope">{{scope.row.level_name}}</template>
                                                </el-table-column>
                                                <el-table-column prop="agent_team_prize" label="提成比例">
                                                    <template slot-scope="scope">
                                                        <el-input type="number" placeholder="请输入渠道分红比例" size="small" v-model="scope.row.agent_extra_prize">
                                                            <template slot="append" v-if="modeForm.Agent[k].is_percent_extra==0">%</template>
                                                            <template slot="append" v-else>元</template>
                                                        </el-input>
                                                    </template>
                                                </el-table-column>
                                            </el-table>
                                        </el-form-item>
                                    </el-card>
                                </el-col>
                            </el-row>
                        </template>
                    </el-tab-pane>
                </el-tabs>
            </template>
            <template v-else>
                <div>
                    <el-tag type="info">渠道分红应用未安装</el-tag>
                </div>
            </template>
        </el-card>

        <!-- 股东分红设置 -->
        <!-- <el-card class="edit-card" shadow="never">
            <div slot="header" class="clearfix">
                <div class="card-title">股东分红设置</div>
            </div>
            <template v-if="modeForm.is_boss_enable==1">
                <el-tabs v-model="bossName" @tab-click="tabClickHandle($event, 'bossName')">
                    <el-form-item label="开启股东分红">
                        <el-switch v-model="modeForm.Boss.is_enable" :active-value="1" :inactive-value="0"></el-switch>
                    </el-form-item>
                    <template v-if="modeForm.Boss.is_enable==1">
                        <el-row :gutter="12">
                            <el-col :span="8">
                                <el-card shadow="never">
                                    <div slot="header" class="clearfix">
                                        <div class="card-title">永久分红</div>
                                    </div>
                                    <el-form-item label="" prop="" label-width="0">
                                        <el-table :data="modeForm.Boss.detail" style="width: 100%" size="mini" header-row-class-name="table-head">
                                            <el-table-column prop="level_name" label="渠道等级" width="100">
                                                <template slot-scope="scope">{{scope.row.level_name}}</template>
                                            </el-table-column>
                                            <el-table-column prop="name" label="提成比例">
                                                <template slot-scope="scope">
                                                    <el-input placeholder="请输入内容" size="small" v-model="scope.row.prize">
                                                        <template slot="append">%</template>
                                                    </el-input>
                                                </template>
                                            </el-table-column>
                                        </el-table>
                                    </el-form-item>
                                </el-card>
                            </el-col>
                            <el-col :span="8">
                                <el-card shadow="never">
                                    <div slot="header" class="clearfix" flex="cross:center">
                                        <div class="card-title">开启额外分红</div>
                                        <el-switch v-model="modeForm.Boss.is_extra" :active-value="1" :inactive-value="0"></el-switch>
                                    </div>
                                    <template v-if="modeForm.Boss.is_extra==1">
                                        <el-form-item label="" prop="" label-width="0">
                                            <el-table :data="modeForm.Boss.detail" style="width: 100%" size="mini" header-row-class-name="table-head">
                                                <el-table-column prop="level_name" label="渠道等级" width="100">
                                                    <template slot-scope="scope">{{scope.row.level_name}}</template>
                                                </el-table-column>
                                                <el-table-column prop="name" label="提成比例">
                                                    <template slot-scope="scope">
                                                        <el-input placeholder="请输入内容" size="small" v-model="scope.row.extra_prize">
                                                            <template slot="append">%</template>
                                                        </el-input>
                                                    </template>
                                                </el-table-column>
                                            </el-table>
                                        </el-form-item>
                                    </template>
                                </el-card>
                            </el-col>
                        </el-row>
                    </template>
                </el-tabs>
            </template>
            <template v-else>
                <div>
                    <el-tag type="info">股东分红应用未安装</el-tag>
                </div>
            </template>
        </el-card> -->

        <!-- 区域分红设置 -->
        <el-card class="edit-card" shadow="never">
            <div slot="header" class="clearfix">
                <div class="card-title">区域分红设置</div>
            </div>

            <template v-if="modeForm.is_area_enable==1">
                <el-form-item label="开启区域分红">
                    <el-switch v-model="modeForm.Area.is_enable" :active-value="1" :inactive-value="0"></el-switch>
                </el-form-item>
                <template v-if="modeForm.Area.is_enable==1">
                    <el-tabs v-model="areaName" @tab-click="tabClickHandle($event, 'areaName')">
                        <el-tab-pane :label="v" v-for="(v, k) in modeForm.area_currency" :name="'area-'+k" :key="k">
                            <el-form-item label="占让利分佣部分的百分比" label-width="180px" v-if="['hi_bei','hi_value'].indexOf(k) > -1">
                                <el-col :span="6">
                                    <el-input size="small" v-model="modeForm.Area[k+'_remaining_ratio']" type="number">
                                        <template slot="append">%</template>
                                    </el-input>
                                </el-col>
                            </el-form-item>
                            <template>
                                <el-row :gutter="12">
                                    <el-col :span="8">
                                        <el-card shadow="never">
                                            <div slot="header" class="clearfix">
                                                <div class="card-title">{{v+'比例配置'}}</div>
                                            </div>
                                            <el-form-item label="" prop="" label-width="0">
                                                <el-table :data="modeForm.Area[k]" style="width: 100%" size="mini" header-row-class-name="table-head">
                                                    <el-table-column prop="level_name" label="区域等级" width="100">
                                                        <template slot-scope="scope">{{scope.row.level_name}}</template>
                                                    </el-table-column>
                                                    <el-table-column prop="prize" label="提成比例">
                                                        <template slot-scope="scope">
                                                            <el-input type="number" placeholder="请输入比例" size="small" v-model="scope.row.prize">
                                                                <template slot="append">%</template>
                                                            </el-input>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                            </el-form-item>
                                        </el-card>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-card shadow="never">
                                            <div slot="header" class="clearfix">
                                                <div class="card-title">{{v+'平级比例配置'}}</div>
                                            </div>
                                            <el-form-item label="" prop="" label-width="0">
                                                <el-table :data="modeForm.Area[k]" style="width: 100%" size="mini" header-row-class-name="table-head">
                                                    <el-table-column prop="level_name" label="区域等级" width="100">
                                                        <template slot-scope="scope">{{scope.row.level_name}}</template>
                                                    </el-table-column>
                                                    <el-table-column prop="equal_prize" label="提成比例">
                                                        <template slot-scope="scope">
                                                            <el-input type="number" placeholder="请输入比例" size="small" v-model="scope.row.equal_prize">
                                                                <template slot="append">%</template>
                                                            </el-input>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                            </el-form-item>
                                        </el-card>
                                    </el-col>
                                </el-row>
                            </template>
                        </el-tab-pane>
                    </el-tabs>
                </template>




                <!-- <template v-if="modeForm.Area.is_enable==1">
                    <el-form-item label="默认分红比例" prop="">
                        <template>
                            <div flex="cross:center" style="margin-bottom: 20px;" v-for="(item, index) in modeForm.Area.detail">
                                <div style="margin-right: 10px;">{{item.level_name}}</div>
                                <div>
                                    <el-input type="number" placeholder="请输入区域分红比例" size="small" v-model="item.prize">
                                        <template slot="append">%</template>
                                    </el-input>
                                </div>
                            </div>
                        </template>
                    </el-form-item>
                    <el-form-item label="默认评级奖配置" prop="">
                        <template>
                            <div flex="cross:center" style="margin-bottom: 20px;" v-for="(item, index) in modeForm.Area.detail">
                                <div style="margin-right: 10px;">{{item.level_name}}</div>
                                <div>
                                    <el-input type="number" placeholder="请输入区域分红比例" size="small" v-model="item.equal_prize">
                                        <template slot="append">%</template>
                                    </el-input>
                                </div>
                            </div>
                        </template>
                    </el-form-item>
                    <el-form-item label="默认积分比例" prop="">
                        <template>
                            <div flex="cross:center" style="margin-bottom: 20px;" v-for="(item, index) in modeForm.Area.detail_score">
                                <div style="margin-right: 10px;">{{item.level_name}}</div>
                                <div>
                                    <el-input type="number" placeholder="请输入区域分红比例" size="small" v-model="item.prize">
                                        <template slot="append">%</template>
                                    </el-input>
                                </div>
                            </div>
                        </template>
                    </el-form-item>
                    <el-form-item label="默认积分平级奖配置" prop="">
                        <template>
                            <div flex="cross:center" style="margin-bottom: 20px;" v-for="(item, index) in modeForm.Area.detail_score">
                                <div style="margin-right: 10px;">{{item.level_name}}</div>
                                <div>
                                    <el-input type="number" placeholder="请输入区域分红比例" size="small" v-model="item.equal_prize">
                                        <template slot="append">%</template>
                                    </el-input>
                                </div>
                            </div>
                        </template>
                    </el-form-item>
                </template> -->
            </template>
            <template v-else>
                <div>
                    <el-tag type="info">区域管理应用未安装</el-tag>
                </div>
            </template>
        </el-card>
    </template>
</el-form>
<el-button :loading="submitLoading" class="button-item" size="small" type="primary" @click="submit('modeForm')">保存</el-button>