qimall/addons/Store/backend/views/store/detail-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="收银台服务费" prop="cachier_service_ratio">
                    <el-input
                            size="small"
                            v-model="cashierForm.cachier_service_ratio"
                            style="width: 150px;"
                            @input="changeHandle('cachier_service_ratio')"
                            :disabled="storeForm.platform_service_fee_type== 1">
                        <template slot="append">%</template>
                    </el-input>
                </el-form-item>
                <el-form-item label="优惠抵扣承担" prop="is_preferential_undertaking">
                    <el-switch v-model="cashierForm.is_preferential_undertaking" :active-value="1" :inactive-value="0"> </el-switch>
                </el-form-item>
                <el-form-item label="" prop="preferential_undertaking" v-if="cashierForm.is_preferential_undertaking==1">
                    <el-radio v-model="cashierForm.preferential_undertaking" label="1">平台</el-radio>
                    <el-radio v-model="cashierForm.preferential_undertaking" label="2">门店</el-radio>
                </el-form-item>
                <el-form-item label="优惠赠送开关" prop="is_preferential_gift">
                    <el-switch v-model="cashierForm.is_preferential_gift" :active-value="1" :inactive-value="0"> </el-switch>
                </el-form-item>
                <el-form-item label="会员价" prop="cashier_member_status">
                    <el-switch v-model="cashierForm.cashier_member_status" :active-value="1" :inactive-value="0"> </el-switch>
                </el-form-item>
                <el-form-item label="折扣价格" prop="enable_discount_price">
                    <el-switch v-model="cashierForm.enable_discount_price" :active-value="1" :inactive-value="0"> </el-switch>
                </el-form-item>
                <el-form-item label="折扣输入" prop="cashier_is_open_discount">
                    <el-switch v-model="cashierForm.cashier_is_open_discount" :active-value="1" :inactive-value="0"> </el-switch>
                </el-form-item>
                <el-form-item label="折扣价格设置" prop="discount_price_scale" v-if="cashierForm.enable_discount_price > 0">
                    <el-input size="small" v-model="cashierForm.discount_price_scale" style="width: 150px;" @input="changeHandle('discount_price_scale')">
                        <template slot="append">%</template>
                    </el-input>
                    <p style="padding-top: 8px">说明：打开折扣价格和设置折扣价格后收银台订单与门店订单都将享受该折扣价格</p>
                </el-form-item>
                <div v-if='cashierForm.cashier_member_status==1'>
                    <el-form-item label="" label-width='140px'>
                        <el-table :data="cashierForm.cashier_member_settings" 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>
                                </template>
                            </el-table-column>
                        </el-table>
                    </el-form-item>
                </div>
                <el-form-item label="支付购物生成订单" prop="cashier_goods_complete_direct">
                    <el-switch v-model="cashierForm.cashier_goods_complete_direct" :active-value="1" :inactive-value="0"> </el-switch>
                    <p style="padding-top: 8px">开启以后前端用户可以选择门店对应商品，付款以后自动生成一笔订单</p>
                </el-form-item>

                <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-tabs v-model="cashierDistributionName" @tab-click="tabClickHandles($event, 'cashierDistributionName')">
                                <el-tab-pane label="佣金" name="commission">
                                    <el-form-item label="是否开启" prop="cashier_distribution_is_enable" label-width='125px'>
                                        <el-switch v-model="cashierForm.cashier_distribution_is_enable" :active-value="1" :inactive-value="0"> </el-switch>
                                    </el-form-item>
                                    <div v-if="cashierForm.cashier_distribution_is_enable==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.cashier_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.cashier_distribution_settings[scope.$index].commission_rate[index]" @input="changeHandle('commission_rate')"></el-input>
                                                                </template>
                                                            </el-table-column>
                                                        </el-table>
                                                    </div>
                                                </el-form-item>
                                            </div>
                                        </div>
                                    </div>
                                </el-tab-pane>
                                <el-tab-pane label="积分" name="score">
                                    <el-form-item label="是否开启" prop="cashier_distribution_is_enable_score" label-width='125px'>
                                        <el-switch v-model="cashierForm.cashier_distribution_is_enable_score" :active-value="1" :inactive-value="0"> </el-switch>
                                    </el-form-item>
                                    <div v-if="cashierForm.cashier_distribution_is_enable_score==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.cashier_distribution_settings_score" 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.cashier_distribution_settings_score[scope.$index].commission_rate[index]" @input="changeHandle('commission_rate')"></el-input>
                                                                </template>
                                                            </el-table-column>
                                                        </el-table>
                                                    </div>
                                                </el-form-item>
                                            </div>
                                        </div>
                                    </div>
                                </el-tab-pane>
                            </el-tabs>

                        </template>
                        <template v-else>
                            <div>
                                <el-tag class="addon-no-install" type="warning">分销应用未安装</el-tag>
                            </div>
                        </template>
                    </el-tab-pane>
                    <el-tab-pane label="渠道分红">
                        <template v-if="cashierForm.is_agent_enable==1">
                            <el-form-item label="是否开启" prop="cashier_agent_is_enable" label-width='125px'>
                                <el-switch v-model="cashierForm.cashier_agent_is_enable" :active-value="1" :inactive-value="0"> </el-switch>
                            </el-form-item>
                            <div class="dis_set">
                                <div v-if="cashierForm.cashier_agent_is_enable==1">
                                    <el-form-item label="渠道佣金配置：" label-width='130px'>
                                        <el-table border ref="multipleTable" :data="cashierForm.cashier_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.cashier_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.cashier_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 class="addon-no-install" type="warning">经销应用未安装</el-tag>
                            </div>
                        </template>
                    </el-tab-pane>
                   <!-- 区域奖励-->
                    <el-tab-pane name="area-cashier">
                        <span slot="label" style="font-size:14px;;font-weight: 500;">区域奖励</span>
                        <template v-if="cashierForm.is_area_enable_cashier == 1">
                            <el-form-item label="开启区域奖励" label-width="100px">
                                <el-switch v-model="cashierForm.cashier_area_settings.is_enable" :active-value="1" :inactive-value="0"></el-switch>
                            </el-form-item>
                            <template v-if="cashierForm.cashier_area_settings.is_enable == 1">
                                <el-tabs class="lisi" v-model="areaName" @tab-click="tabClickHandles($event, 'areaName')">
                                    <el-tab-pane :label="v" v-for="(v, k) in cashierForm.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="cashierForm.cashier_area_settings[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="cashierForm.cashier_area_settings[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="cashierForm.cashier_area_settings[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>
                        <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>