qimall/addons/Mch/backend/views/setting/cashier.php

<el-row>
    <el-col :span="24">
        <div class="form-body">
            <el-form :model="cashierForm" ref="cashierForm" :rules="cashierFormRules" label-width="172px" style="position: relative" size="small">
                <el-form-item label="收银台服务费">
                    <el-input size="small" v-model="cashierForm.service_fee_ratio" style="width: 150px;" @input="changeHandle('service_fee_ratio')">
                        <template slot="append">%</template>
                    </el-input>
                    <!-- <el-input size="small" v-model="cashierForm.service_fee_ratio" style="width: 150px;" @input="test($event,'cashierForm','service_fee_ratio')">
                        <template slot="append">%</template>
                    </el-input> -->
                </el-form-item>
                <el-form-item label="会员价" prop="member_status">
                    <el-switch v-model="cashierForm.member_status" :active-value="1" :inactive-value="0"> </el-switch>
                </el-form-item>
                <div v-if='cashierForm.member_status==1'>
                    <el-form-item label="" label-width='140px'>
                        <el-table :data="cashierForm.members" border style="width: 361px">
                            <el-table-column prop="level_name" label="会员等级" width="180"></el-table-column>
                            <el-table-column label="折扣(%)" width="180">
                                <template slot-scope="scope">
                                    <el-input v-model="scope.row.discount" placeholder="请输入折扣比例" @input="changeHandle('discount')"></el-input>
                                    <!-- <el-input v-model="scope.row.discount" placeholder="请输入折扣比例" @input="test($event,'cashierForm','members',scope.$index,'discount')"></el-input> -->
                                </template>
                            </el-table-column>
                        </el-table>
                    </el-form-item>
                </div>
                <div class="title">
                    <span>分佣</span>
                </div>
                <el-tabs type="card" style="margin-left: 40px;">
                    <el-tab-pane label="分销">
                        <template v-if="cashierForm.is_distribution_enable==1">
                            <el-form-item label="是否开启" prop="is_distribution" label-width='125px'>
                                <el-switch v-model="cashierForm.is_distribution" :active-value="1" :inactive-value="0"> </el-switch>
                            </el-form-item>
                            <div v-if="cashierForm.is_distribution==1">
                                <div class="dis_set">
                                    <div class="basis_box3">
                                        <el-form-item label="分销佣金" label-width='125px'>
                                            <div class="batch_table">
                                                <el-table border ref="multipleTable" :data="cashierForm.distribution_settings" tooltip-effect="dark" style="width: 600px">
                                                    <el-table-column label="分销等级">
                                                        <template slot-scope="scope">{{ scope.row.level_name }}</template>
                                                    </el-table-column>
                                                    <el-table-column :label="item + '(%)'" v-for='(item,index) in cashierForm.deepNames'>
                                                        <template slot-scope="scope">
                                                            <el-input v-model="cashierForm.distribution_settings[scope.$index].commission_rate[index]" @input="changeHandle('commission_rate')"></el-input>
                                                            <!-- <el-input v-model="cashierForm.distribution_settings[scope.$index].commission_rate[index]" @input="test($event,'cashierForm','distribution_settings',scope.$index,'commission_rate',index)"></el-input> -->
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                            </div>
                                        </el-form-item>
                                    </div>
                                </div>
                            </div>
                        </template>
                        <template v-else>
                            <div>
                                <el-tag type="info">分销应用未安装</el-tag>
                            </div>
                        </template>
                    </el-tab-pane>
                    <el-tab-pane label="渠道分红">
                        <template v-if="cashierForm.is_agent_enable==1">
                            <el-form-item label="是否开启" prop="is_agent" label-width='125px'>
                                <el-switch v-model="cashierForm.is_agent" :active-value="1" :inactive-value="0"> </el-switch>
                            </el-form-item>
                            <div class="dis_set">
                                <div v-if="cashierForm.is_agent==1">
                                    <el-form-item label="渠道佣金配置：" label-width='130px'>
                                        <el-table border ref="multipleTable" :data="cashierForm.agent_settings.team_rewards" tooltip-effect="dark" style="width: 600px">
                                            <el-table-column label="经销商等级">
                                                <template slot-scope="scope">{{ scope.row.level_name }}</template>
                                            </el-table-column>
                                            <el-table-column label="提成(%)">
                                                <template slot-scope="scope">
                                                    <el-input v-model='scope.row.commission_rate'></el-input>
                                                </template>
                                            </el-table-column>
                                        </el-table>
                                    </el-form-item>
                                    <el-form-item label="平级奖佣金配置：" label-width='130px'>
                                        <el-table border ref="multipleTable" :data="cashierForm.agent_settings.equal_rewards" tooltip-effect="dark" style="width: 600px">
                                            <el-table-column label="经销商等级">
                                                <template slot-scope="scope">{{ scope.row.level_name }}</template>
                                            </el-table-column>
                                            <el-table-column label="提成(%)">
                                                <template slot-scope="scope">
                                                    <el-input v-model='scope.row.commission_rate'></el-input>
                                                </template>
                                            </el-table-column>
                                        </el-table>
                                    </el-form-item>
                                    <el-form-item label="越级佣金配置：" label-width='130px'>
                                        <el-table border ref="multipleTable" :data="cashierForm.agent_settings.over_rewards" tooltip-effect="dark" style="width: 600px">
                                            <el-table-column label="经销商等级">
                                                <template slot-scope="scope">{{ scope.row.level_name }}</template>
                                            </el-table-column>
                                            <el-table-column label="提成(%)">
                                                <template slot-scope="scope">
                                                    <el-input v-model='scope.row.commission_rate'></el-input>
                                                </template>
                                            </el-table-column>
                                        </el-table>
                                    </el-form-item>
                                </div>
                            </div>
                        </template>
                        <template v-else>
                            <div>
                                <el-tag type="info">经销应用未安装</el-tag>
                            </div>
                        </template>
                    </el-tab-pane>
                </el-tabs>
            </el-form>
        </div>
    </el-col>
</el-row>
<el-button :loading="submitLoading" class="button-item" size="small" type="primary" @click="submit('cashierForm')">保存</el-button>