qimall/addons/Happiness/backend/views/setting/index.php

<?php

use common\helpers\ComponentHelper;

ComponentHelper::loadComponentView('com-rich-text');
?>
<div id="app" v-cloak>
    <el-card class="happiness" v-loading="loading" style="border:0" shadow="never"
             body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <el-form :model="basicForm" ref="basicForm" :rules="basicFormRules" label-width="160px" size="small">
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="基本设置" name="basic">

                    <!-- <el-form-item label="显示定位下城市门店">
                        <template>
                            <el-switch v-model="basicForm.is_show_location_store" :active-value="1" :inactive-value="0">
                            </el-switch>
                        </template>
                        <div class="tips-text" >
                            开启后前端会员只可查看当前定位城市下的附近门店
                        </div>
                    </el-form-item> -->
                    <el-card class='enable_setting' shadow="never">
                        <el-form-item label="启用幸福小店">
                            <template>
                                <el-switch v-model="basicForm.is_enable" :active-value="1" :inactive-value="0">
                                </el-switch>
                            </template>
                        </el-form-item>
                        <el-form-item label="结算设置" style="margin-top: 10px">
                            <el-radio-group v-model="basicForm.settlement_method">
                                <el-radio :label="0">支付完成后</el-radio>
                                <el-radio :label="1">订单完成后</el-radio>
                            </el-radio-group>
                        </el-form-item>
                        <el-form-item label="账期设置" style="margin-top: 10px">
                            <el-input style="width: 180px;" size="small" v-model="basicForm.commission_day"
                                      placeholder="请输入账期,0为无">
                                <template slot="append">天</template>
                            </el-input>
                        </el-form-item>
                    </el-card>
                    <el-card style="margin-top: 10px;" shadow="never">
                        <div class="title">
                            <span>距离限制</span>
                        </div>
                        <el-form-item label="是否开启距离限制">
                            <template>
                                <el-switch v-model="basicForm.is_location_limit" :active-value="1"
                                           :inactive-value="0">
                                </el-switch>
                            </template>
                            <div class="tips-text">
                                开启后前端会根据用户的当前位置，自动展示附近N公里范围内的门店
                            </div>
                        </el-form-item>
                        <el-form-item label="限制距离" v-if="basicForm.is_location_limit == 1">
                            <template>
                                <el-input size="small" v-model="basicForm.localtion_limit" style="width: 150px;"
                                          @input="formatLocaltion">
                                    <template slot="append">KM</template>
                                </el-input>
                            </template>
                        </el-form-item>
                    </el-card>
                    <el-card style="margin-top: 10px;" shadow="never">
                        <div class="title">
                            <span>配送设置</span>
                        </div>

                        <el-form-item label="起送金额">
                            <template>
                                <el-input size="small" v-model="basicForm.delivery_amount" style="width: 150px;"
                                          onkeyup="value=value.replace(/[^\d]/g,'')">
                                    <template slot="append">元</template>
                                </el-input>
                            </template>
                        </el-form-item>

                        <el-form-item label="配送费设置" prop="delivery_fee">
                            <template>
                                <el-radio v-model="basicForm.delivery_fee" :label="0">免配送费</el-radio>
                                <el-radio v-model="basicForm.delivery_fee" :label="1">统一配送费</el-radio>
                                <br/>
                            </template>
                        </el-form-item>
                        <el-form-item label="配送费用" required v-if="basicForm.delivery_fee == 1">
                            <template>
                                <div style="display:flex;">
                                    <el-form-item prop="start_limit" style="width: 100px;">
                                        <el-input size="small" v-model="basicForm.start_limit"
                                                  onkeyup="value=value.replace(/[^\d]/g,'')"></el-input>
                                    </el-form-item>
                                    公里内，
                                    收费
                                    <el-form-item prop="start_amount" style="width: 100px;">
                                        <el-input size="small" v-model="basicForm.start_amount"
                                                  onkeyup="value=value.replace(/[^\d]/g,'')"></el-input>
                                    </el-form-item>
                                    元，
                                    每增加
                                    <el-form-item prop="add_limit" style="width: 100px;">
                                        <el-input size="small" v-model="basicForm.add_limit"
                                                  onkeyup="value=value.replace(/[^\d]/g,'')"></el-input>
                                    </el-form-item>
                                    公里，
                                    配送费增加
                                    <el-form-item prop="add_amount" style="width: 100px;">
                                        <el-input size="small" v-model="basicForm.add_amount"
                                                  onkeyup="value=value.replace(/[^\d]/g,'')"></el-input>
                                    </el-form-item>
                                    元
                                </div>
                            </template>
                        </el-form-item>
                    </el-card>
<!--                    <el-card style="margin-top: 10px;" shadow="never">-->
<!--                        <div class="title">-->
<!--                            <span>门店设置</span>-->
<!--                        </div>-->
<!--                        <el-form-item label="收取服务费" prop="service_fee">-->
<!--                            <template>-->
<!--                                <el-radio v-model="basicForm.service_fee" :label="0">免服务费</el-radio>-->
<!--                                <el-radio v-model="basicForm.service_fee" :label="1">收取服务费</el-radio>-->
<!--                                <br/>-->
<!--                            </template>-->
<!--                            <div class="tips-text">-->
<!--                                如设置了服务费即门店每一笔订单都需要扣去平台收取的服务费后再进行结算-->
<!--                            </div>-->
<!--                        </el-form-item>-->
<!--                        <el-form-item label="服务费比例" v-if="basicForm.service_fee==1">-->
<!--                            <el-input size="small" v-model="basicForm.platform_ratio" style="width: 150px;"-->
<!--                                      @input="changeHandle('platform_ratio')">-->
<!--                                <template slot="append">%</template>-->
<!--                            </el-input>-->
<!--                            <span style="color:#bdbdbd;margin-left: 20px;">门店交易平台收取服务费（手续费）</span>-->
<!--                            <div class="tips-text">-->
<!--                                服务费比例设置-->
<!--                            </div>-->
<!--                        </el-form-item>-->
<!--                        <el-form-item label="到账方式：" prop="settle_type">-->
<!--                            <template>-->
<!--                                <el-select v-model="basicForm.settle_type" placeholder="请选择到账方式">-->
<!--                                    <el-option :key="1" label="门店商品售价" :value="1">门店商品售价</el-option>-->
<!--                                    <el-option :key="2" label="订单实际支付金额" :value="2">订单实际支付金额-->
<!--                                    </el-option>-->
<!--                                    <el-option :key="3" label="商品成本+运费" :value="3">商品成本+运费</el-option>-->
<!--                                    <el-option :key="4" label="订单实际支付金额+积分抵扣金额" :value="4">-->
<!--                                        订单实际支付金额+积分抵扣金额-->
<!--                                    </el-option>-->
<!--                                </el-select>-->
<!--                            </template>-->
<!--                            <div class="tips-text">-->
<!--                                门店结算计算方式-->
<!--                            </div>-->
<!--                        </el-form-item>-->
<!--                    </el-card>-->

                    <el-card style="margin-top: 10px;" shadow="never">
                        <div class="title">
                            <span>分享收益设置</span>
                        </div>
                        <el-form-item label="店主分享收益">
                            <el-input style="width: 180px;" size="small" v-model="basicForm.store_share_scale"
                                      placeholder="请输入店主收益比例">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="用户分享收益">
                            <el-input style="width: 180px;" size="small" v-model="basicForm.share_scale"
                                      placeholder="请输入用户分享收益比例">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="用户锁定收益">
                            <el-input style="width: 180px;" size="small" v-model="basicForm.lock_scale"
                                      placeholder="请输入锁定收益比例">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                    </el-card>
                    <el-card style="margin-top: 10px;" shadow="never">
                        <div class="title">
                            <span>其它设置</span>
                        </div>
                        <el-form-item label="养老金比例">
                            <el-input style="width: 180px;" size="small" v-model="basicForm.pension_scale"
                                      placeholder="请输入养老金比例">
                                <template slot="append">%</template>
                            </el-input>
                        </el-form-item>
                        <el-form-item label="PV值比例">
                            <el-input style="width: 180px;" size="small" v-model="basicForm.pv_scale"
                                      placeholder="请输入PV值">
                                <template slot="append">%</template>
                            </el-input>
                            <div class="tips-text">
                                幸福宝pv值比例
                            </div>
                        </el-form-item>
                    </el-card>


                </el-tab-pane>
                <el-tab-pane label="入驻设置" name="apply">
                    <el-card style="margin-top: 10px;" shadow="never">

                        <el-form-item label="入驻审核" prop="store_audit">
                            <template>
                                <el-radio v-model="basicForm.store_audit" :label="0">关闭</el-radio>
                                <el-radio v-model="basicForm.store_audit" :label="1">开启</el-radio>
                                <br/>
                            </template>
                            <div class="tips-text" style="line-height: 24px;">
                                商户申请是否需要平台审核
                            </div>
                        </el-form-item>
                        <el-form-item label="小店命名规则" prop="name_rule">
                            <el-col :span="24">
                                <el-checkbox-group v-model="basicForm.name_rule">
                                    <el-checkbox key="province" label="province">省</el-checkbox>
                                    <el-checkbox key="city" label="city">市</el-checkbox>
                                    <el-checkbox key="district" label="district">区</el-checkbox>
                                    <el-checkbox key="street" label="street">街道/村</el-checkbox>
<!--                                    <el-checkbox key="village" label="village">村</el-checkbox>-->
                                    <el-checkbox key="no" label="no" disabled="disabled">编号</el-checkbox>
                                    <el-input class="name-rule-no" type="text" v-model="basicForm.name_rule_no"
                                              placeholder="编号">
                                </el-checkbox-group>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="副名称规则" prop="name_rule_copy">
                            <el-col :span="24">
                                <el-checkbox-group v-model="basicForm.name_rule_copy">
                                    <el-checkbox key="no" label="no">编号</el-checkbox>
                                    <el-input class="name-rule-no" type="text" v-model="basicForm.name_rule_copy_no"
                                              placeholder="编号">
                                </el-checkbox-group>
                            </el-col>
                        </el-form-item>
                        <div class="title">
                            <span>招募设置</span>
                        </div>
                        <el-form-item label="招募页标题">
                            <el-input style="width: 180px;" size="small" v-model="basicForm.recruit_title"
                                      placeholder="请输入招募页标题"></el-input>
                        </el-form-item>
                        <el-form-item label="招募页内容" prop="register">
                            <com-rich-text style="width: 750px" v-model="basicForm.recruit_content"></com-rich-text>
                        </el-form-item>
                    </el-card>
                </el-tab-pane>
                <el-tab-pane label="充值设置" name="recharge">
                    <el-card style="margin-top: 10px;" shadow="never">
                        <el-form-item label="充值设置" prop="label_name">
                            <div class="recharge-list" v-for="(item,index) in basicForm.recharge_list">
                                <div class="recharge-head">
                                    <el-input style="width: 280px;" size="small" v-model="item.number"
                                              placeholder="请输入金额">
                                        <span slot="prepend">充值</span>
                                        <span slot="append">元</span>
                                    </el-input>
                                </div>
                                <div class="recharge-list-item" v-for="(item2,index2) in item.items">
                                    <span class="sort">赠送</span>
                                    <el-select v-model="item2.level" placeholder="请选择标签权重">
                                        <el-option v-for="(level,li) in level_list" :key="level.level" :label="level
                                    .name" :disabled="isLevelDisabledRecharge(index,level.level, li)"
                                                   :value="level.level">{{level.name}}
                                        </el-option>
                                    </el-select>
                                    <span class="goods">提货券</span>

                                    <el-input style="width: 180px;" size="small" v-model="item2.price"
                                              placeholder="请输入金额">
                                        <span slot="append">元</span>
                                    </el-input>
                                    <el-button class="del-item-btn" circle size="mini" type="danger"
                                               icon="el-icon-close"
                                               @click="removeRechargeItem(index,
                                    index2)">
                                    </el-button>
                                </div>
                                <el-button size="mini" type="primary" style="margin-top: 10px"
                                           @click="addRechargeItem(index)">添加赠送项目
                                </el-button>
                                <el-button class="del-recharge-btn" size="mini" type="danger" style="margin-top: 10px"
                                           @click="removeRecharge(index)">删除
                                </el-button>
                            </div>
                            <el-button type="primary" @click="addRecharge">添加充值项目</el-button>
                        </el-form-item>
                    </el-card>
                </el-tab-pane>
                <el-tab-pane label="商品标签设置" name="label">
                    <el-card style="margin-top: 10px;" shadow="never">
                        <el-form-item label="标签设置" prop="label_name">
                            <el-col :span="24">
                                <div class="goods-label" v-for="(item,index) in basicForm.goods_label">
                                    <span class="sort">权重</span>
                                    <el-select v-model="item.level" placeholder="请选择标签权重">
                                        <el-option :disabled="isLevelDisabled(level.level, item)"
                                                   v-for="(level,li) in level_list" :key="level.level"
                                                   :label="level.name"
                                                   :value="level.level">{{level.name}}
                                        </el-option>
                                    </el-select>
                                    <span class="name">名称</span>
                                    <el-input style="width: 180px;" size="small" v-model="item.name"
                                              placeholder="请输入标签名称"></el-input>
                                    <span class="name">收益</span>
                                    <el-input style="width: 80px;" size="small" v-model="item.income_start"
                                              placeholder=""></el-input>
                                    -
                                    <el-input style="width: 80px;" size="small" v-model="item.income_end"
                                              placeholder=""></el-input>
                                    <span v-if="item.goods_num>0" class="name">已有{{item.goods_num}}款商品使用</span>
                                    <el-button class="label-del" v-if="item.goods_num==0" type="text"
                                               @click="deleteLabel(index)">删除
                                    </el-button>
                                </div>
                                <el-button type="primary" @click="addLabel">添加标签</el-button>
                            </el-col>
                        </el-form-item>
                    </el-card>
                </el-tab-pane>
                <el-tab-pane label="支付设置" name="pay">
                    <el-card style="margin-top: 10px;" shadow="never">
                        <div class="title">
                            <span>支付设置</span>
                        </div>
                        <el-form-item label="支付方式" prop="pay_type">
                            <el-col :span="24">
                                <el-checkbox-group v-model="basicForm.pay_type_list">
                                    <el-checkbox v-for="(pay, key) in pay_type_list" :key="pay.pay_type"
                                                 :label="key">{{pay.name}}
                                    </el-checkbox>
                                </el-checkbox-group>
                                <div class="tips-text" style="width:500px;">
                                    基于系统已开启的支付方式中设置门店可使用的支付方式
                                </div>
                            </el-col>
                        </el-form-item>
                    </el-card>
                    <el-card style="margin-top: 10px;" shadow="never">
                        <div class="title">
                            <span>提现设置</span>
                        </div>
                        <el-form-item label="提现方式" prop="balance_cash_type">
                            <el-col :span="24">
                                <el-checkbox-group v-model="basicForm.balance_cash_type">
                                    <el-checkbox v-for="(value, key) in basicForm.balance_withdraw_way" :key="key"
                                                 :label="key">{{value}}
                                    </el-checkbox>
                                </el-checkbox-group>
                                <div class="tips-text" style="width:500px;">
                                    自动打款支付，需要申请相应小程序的相应功能，例如：微信需要申请企业付款到零钱功能
                                </div>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="提现手续费">
                            <el-col :span="24">
                                <el-input type="number"
                                          v-model.number="basicForm.balance_cash_service_fee"></el-input>
                                <div class="tips-text" style="width:500px;">单位：%
                                    （提现手续费额外从提现中扣除，例如：10%的提现手续费：提现100元，扣除手续费10元，实际到手90元）
                                </div>
                            </el-col>
                        </el-form-item>
                    </el-card>
                    <el-card style="margin-top: 10px;" shadow="never">
                        <div class="title">
                            <span>订单支付成功后跳转</span>
                        </div>
                        <el-form-item label-width="180px" label="订单支付成功后跳转">
                            <el-col :span="24">
                                <el-col :span="16">
                                    <el-input v-model="pay_after_link_show" :disabled="true"></el-input>
                                </el-col>
                                <el-col :span="8">
                                    <com-pick-link @selected="selectUrl"
                                                   :default-tabs="defaultTabs"><el-button>选择链接</el-button></com-pick-link>
                                </el-col>
                            </el-col>
                            <div class="tips-text">订单支付成功后跳转的页面</div>
                        </el-form-item>
                    </el-card>
                </el-tab-pane>
                <el-tab-pane label="身份设置" name="role">
                    <el-card style="margin-top: 10px;" shadow="never" class="business-list">
                        <el-form-item label="推广身份等级">
                            <el-col :span="24">
                                <div class="business-item" v-for="(item,index) in basicForm.business_list">
                                    <el-select class="select-item" v-model="item.level" placeholder="请选择标签权重">
                                        <el-option v-for="(level,li) in level_list" :key="level.level"
                                                   :label="level.name"
                                                   :disabled="isBusinessLevelDisabled(level.level, li)"
                                                   :value="level.level">
                                            {{level.name}}

                                        </el-option>
                                    </el-select>
                                    <el-input class="name-item" v-model="item.name" placeholder="请输入等级名称"
                                              style="width: 300px;"></el-input>
                                    <el-button class="delete-btn-item" type="danger" size="mini" circle
                                               icon="el-icon-close"
                                               @click="removeBusiness
                                    (index)"></el-button>
                                </div>
                                <el-button size="mini" type="primary" @click="addBusiness">添加等级</el-button>

                            </el-col>
                        </el-form-item>
                        <el-form-item label="代理身份等级">
                            <el-col :span="24">
                                <div class="business-item" v-for="(item,index) in basicForm.agent_list">
                                    <el-select class="select-item" v-model="item.level" placeholder="请选择标签权重">
                                        <el-option v-for="(level,li) in level_list" :key="level.level"
                                                   :label="level.name"
                                                   :disabled="isAgentLevelDisabled(level.level, li)"
                                                   :value="level.level">{{level.name}}
                                        </el-option>
                                    </el-select>
                                    <el-input class="name-item" v-model="item.name" placeholder="请输入等级名称"
                                              style="width: 300px;"></el-input>
                                    <el-select size="small" v-model="item.role" placeholder="请选择区域等级">
                                        <el-option
                                                v-for="(it,li) in agent_role"
                                                :key="it.role"
                                                :disabled="isRegionLevelDisabled(it.role, li)"
                                                :label="it.name"
                                                :value="it.role">
                                            {{it.name}}
                                        </el-option>
                                    </el-select>
                                    <el-button class="delete-btn-item" type="danger" size="mini" circle
                                               icon="el-icon-close" @click="removeAgent(index)"></el-button>
                                </div>
                                <el-button size="mini" type="primary" @click="addAgent">添加等级</el-button>

                            </el-col>
                        </el-form-item>
                        <el-form-item label="合伙人等级">
                            <el-col :span="24">
                                <div class="business-item" v-for="(item,index) in basicForm.boss_list">
                                    <el-select class="select-item" v-model="item.level" placeholder="请选择标签权重">
                                        <el-option v-for="(level,li) in level_list" :key="level.level"
                                                   :label="level.name"
                                                   :disabled="isBossLevelDisabled(level.level, li)"
                                                   :value="level.level">{{level.name}}
                                        </el-option>
                                    </el-select>
                                    <el-input class="name-item" v-model="item.name" placeholder="请输入等级名称"
                                              style="width: 300px;"></el-input>

                                    <el-button class="delete-btn-item" type="danger" size="mini" circle
                                               icon="el-icon-close"
                                               @click="removeBoss(index)"></el-button>
                                </div>
                                <el-button size="mini" type="primary" @click="addBoss">添加等级</el-button>

                            </el-col>
                        </el-form-item>
                    </el-card>
                </el-tab-pane>
                <el-tab-pane label="收益设置" name="income">
                    <el-card style="margin-top: 10px;" shadow="never" class="business-list">
                        <el-form-item label="推广收益设置">
                            <el-col :span="24">
                                <el-table :data="basicForm.business_list" border style="width: 700px">
                                    <el-table-column prop="name" label="等级名称" width="150"></el-table-column>
                                    <el-table-column label="推广小店收益比例">
                                        <template slot-scope="{row}">
                                            <el-input v-model="row.share_store_scale" placeholder="请输入比例" style="width:
                                            100px;">
                                                <span slot="append">%</span>
                                            </el-input>
                                        </template>
                                    </el-table-column>
                                    <el-table-column label="推广代理收益比例">
                                        <template slot-scope="{row}">
                                            <el-input v-model="row.share_agent_scale" placeholder="请输入比例" style="width:
                                            100px;">
                                                <span slot="append">%</span>
                                            </el-input>
                                        </template>
                                    </el-table-column>
                                </el-table>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="代理收益设置">
                            <el-col :span="24">
                                <el-table :data="basicForm.agent_list" border style="width: 700px">
                                    <el-table-column prop="name" label="等级名称" width="150"></el-table-column>
                                    <el-table-column label="代理收益比例">
                                        <template slot-scope="{row}">
                                            <el-input v-model="row.income_scale" placeholder="请输入比例" style="width:
                                            100px;">
                                                <span slot="append">%</span>
                                            </el-input>
                                        </template>
                                    </el-table-column>
                                </el-table>
                            </el-col>
                        </el-form-item>
                        <el-form-item label="加权分红">
                            <el-col :span="24">
                                <el-table :data="basicForm.boss_list" border style="width: 700px">
                                    <el-table-column prop="name" label="等级名称" width="150"></el-table-column>
                                    <el-table-column label="加权分红比例">
                                        <template slot-scope="{row}">
                                            <el-input v-model="row.weight_scale" placeholder="请输入比例" style="width:
                                            100px;">
                                                <span slot="append">%</span>
                                            </el-input>
                                        </template>
                                    </el-table-column>
                                    <el-table-column label="加权分红人数">
                                        <template slot-scope="{row}">
                                            <el-input v-model="row.weight_num" placeholder="请输入人数" style="width:
                                            100px;">
                                                <span slot="prepend">前</span>
                                                <span slot="append">人</span>
                                            </el-input>
                                        </template>
                                    </el-table-column>
                                </el-table>
                            </el-col>
                        </el-form-item>
                        <el-form-item prop="compute_period" label="加权分红结算周期" v>
                            <el-col :span="8" style="width: 100%;">
                                <el-radio-group v-model="basicForm.compute_period" size="small">
                                    <el-radio :label="1" border>天</el-radio>
                                    <el-radio :label="2" border>周</el-radio>
                                    <el-radio :label="3" border>月</el-radio>
                                    <el-radio :label="4" border>手动</el-radio>
                                </el-radio-group>
                            </el-col>
                        </el-form-item>
                    </el-card>
                </el-tab-pane>
            </el-tabs>
        </el-form>
        <div class="button-wrapper">
            <el-button :loading="submitLoading" class="button-item" size="small" type="primary"
                       @click="submit('basicForm')">保存
            </el-button>
        </div>
    </el-card>
</div>

<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                loading: false,
                submitLoading: false,
                activeName: 'basic',
                pay_after_link_show: '订单详情',
                defaultTabs: [
                    {"name": "mall"}
                ],
                agent_role: [
                    {
                        role: 1,
                        name: '省代'
                    },
                    {
                        role: 2,
                        name: '市代'
                    },
                    {
                        role: 3,
                        name: '区代'
                    }
                ],
                level_list: [
                    {
                        level: 1,
                        name: '权重1'
                    },
                    {
                        level: 2,
                        name: '权重2'
                    },
                    {
                        level: 3,
                        name: '权重3'
                    },
                    {
                        level: 4,
                        name: '权重4'
                    },
                    {
                        level: 5,
                        name: '权重5'
                    },
                    {
                        level: 6,
                        name: '权重6'
                    },
                    {
                        level: 7,
                        name: '权重7'
                    },
                    {
                        level: 8,
                        name: '权重8'
                    },
                    {
                        level: 9,
                        name: '权重9'
                    },
                    {
                        level: 10,
                        name: '权重10'
                    },
                ],
                pay_type_list:[],
                basicForm: {
                    settlement_method:0,
                    business_list: [],
                    agent_list: [],
                    boss_list: [],
                    recharge_list: [],
                    goods_label: [],
                    name_rule: ['no'],
                    name_rule_no: '',
                    name_rule_copy: [],
                    name_rule_copy_no: '',
                    store_audit: 0,
                    recruit_title: '',
                    recruit_content: '',
                    is_enable: 0,
                    is_location_limit: 0,
                    delivery_fee: 0,
                    delivery_amount: 0,
                    start_limit: 0, //初始范围（N公里内）
                    start_amount: 0, //初始范围内配送费
                    add_limit: 0, //超出初始范围，每增加N公里
                    add_amount: 0, //每增加N公里，增加N元配送费
                    // delivery_rule: {
                    // },
                    service_fee: 0,
                    platform_ratio: 0,
                    settle_type: 1,
                    commission_day:0,

                    pay_type_list: [],
                    balance_cash_service_fee: 0,
                    balance_cash_type: [],
                    balance_withdraw_way: [],
                    pay_after_link: '',
                    store_share_scale: '',
                    share_scale:'',
                    lock_scale:'',
                    pension_scale:'',
                    pv_scale:'',
                    compute_period:'',
                    settlement_mode:0,
                },

                basicFormRules: {
                    settle_type: [
                        // {
                        //     required: true,
                        //     message: '请选择计算方式',
                        //     trigger: 'blur'
                        // }
                    ],
                    settle_scene: [
                        // {
                        //     required: true,
                        //     message: '请选择结算方式',
                        //     trigger: 'blur'
                        // }
                    ],
                    start_limit: [{required: true, message: '请填写初始公里数', trigger: 'blur'}],
                    start_amount: [{required: true, message: '请填写初始配送费', trigger: 'blur'}],
                    add_limit: [{required: true, message: '请填写递增公里数', trigger: 'blur'}],
                    add_amount: [{required: true, message: '请填写每次递增配送费', trigger: 'blur'}],
                },
                batch_deduction: 0
            };
        },
        computed: {},
        mounted: function () {
            this.loadData();
        },
        methods: {
            addBusiness() {
                this.basicForm.business_list.push({
                    level: '',
                    name: '',
                    share_store_scale: '',
                    share_agent_scale:''
                })
            },
            removeBusiness(index) {
                this.basicForm.business_list.splice(index, 1)
            },
            isBusinessLevelDisabled(levelValue, currentItem) {
                // 找出所有 goods_label 中已选中的 level
                const selectedLevels = this.basicForm.business_list
                    .filter(item => item !== currentItem) // 排除当前项
                    .map(item => item.level);

                // 如果 level 已被选中，并且当前不是它自己，则禁用
                return selectedLevels.includes(levelValue);
            },
            addAgent() {
                //只能添加三个
                if(this.basicForm.agent_list.length>=3){
                    this.$message.error('只能添加三个');
                    return
                }
                this.basicForm.agent_list.push({
                    level: '',
                    name: '',
                    role:'',
                    income_scale: '',//收益比例
                    weight_scale:'',//加权分红比例
                    weight_num: '',//加权分红人数前几名
                })
            },
            removeAgent(index) {
                this.basicForm.agent_list.splice(index, 1)
            },
            isAgentLevelDisabled(levelValue, currentItem) {
                // 找出所有 goods_label 中已选中的 level
                const selectedLevels = this.basicForm.agent_list
                    .filter(item => item !== currentItem) // 排除当前项
                    .map(item => item.level);

                // 如果 level 已被选中，并且当前不是它自己，则禁用
                return selectedLevels.includes(levelValue);
            },
            isRegionLevelDisabled(levelValue, currentItem) {
                // 找出所有 goods_label 中已选中的 level
                const selectedLevels = this.basicForm.agent_list
                    .filter(item => item !== currentItem) // 排除当前项
                    .map(item => item.role);

                // 如果 level 已被选中，并且当前不是它自己，则禁用
                return selectedLevels.includes(levelValue);
            },
            addBoss() {
                this.basicForm.boss_list.push({
                    level: '',
                    name: '',
                    weight_scale:'',//加权分红比例
                    weight_num: '',//加权分红人数前几名
                })
            },
            removeBoss(index) {
                this.basicForm.boss_list.splice(index, 1)
            },
            removeRecharge(index) {
                this.basicForm.recharge_list.splice(index, 1)
            },
            isBossLevelDisabled(levelValue, currentItem) {
                // 找出所有 goods_label 中已选中的 level
                const selectedLevels = this.basicForm.boss_list
                    .filter(item => item !== currentItem) // 排除当前项
                    .map(item => item.level);

                // 如果 level 已被选中，并且当前不是它自己，则禁用
                return selectedLevels.includes(levelValue);
            },
            removeRechargeItem(index, index2) {
                this.basicForm.recharge_list[index].items.splice(index2, 1)
            },
            addRecharge() {
                this.basicForm.recharge_list.push({
                    number: '',
                    items: []
                })
            },
            addRechargeItem(index) {
                this.basicForm.recharge_list[index].items.push({
                    level: '',
                    price: ''
                })
            },

            isLevelDisabled(levelValue, currentItem) {
                // 找出所有 goods_label 中已选中的 level
                const selectedLevels = this.basicForm.goods_label
                    .filter(item => item !== currentItem) // 排除当前项
                    .map(item => item.level);

                // 如果 level 已被选中，并且当前不是它自己，则禁用
                return selectedLevels.includes(levelValue);
            },
            isLevelDisabledRecharge(index, levelValue, currentItem) {
                // 找出所有 goods_label 中已选中的 level
                const selectedLevels = this.basicForm.recharge_list[index].items
                    .filter(item => item !== currentItem) // 排除当前项
                    .map(item => item.level);

                // 如果 level 已被选中，并且当前不是它自己，则禁用
                return selectedLevels.includes(levelValue);
            },
            addLabel() {
                this.basicForm.goods_label.push({
                    level: '',
                    name: '',
                    income_start: '',
                    income_end: '',
                    goods_num: 0
                })
            },
            deleteLabel(index) {
                this.basicForm.goods_label.splice(index, 1)
            },
            selectUrl(e) {
                let self = this;
                let link_data = {};
                console.log('2323424');
                console.log(e)
                e.forEach(function (item) {
                    self.pay_after_link_show = item.title;
                    link_data = {
                        route: item.route,
                        open_type: item.open_type,
                        params: item.params,
                    }
                });
                console.log('2323424');
                console.log(link_data);
                self.basicForm.pay_after_link = link_data;
            },
            tabClickHandle(tab, key) {
                this[key] = tab.name
            },
            tabClickHandles(tab, key) {
                this[key] = tab.name
            },
            onSubmit() {
                console.log('submit!');
            },
            // 复制首页链接
            copyLink(link) {
                link = localStorage.getItem('h5_domain') + '/#/' + link + '?sign=' + localStorage.getItem('mall_sign');
                // console.log('link: ', link);
                var input = document.getElementById("copy-container");
                input.value = link; // 修改文本框的内容
                input.select(); // 选中文本
                document.execCommand("copy"); // 执行浏览器复制命令
                this.$message.success('复制成功');
            },
            copyStoreLink(link) {
                // link = localStorage.getItem('h5_domain') + link + '?sign=' + localStorage.getItem('mall_sign');
                // console.log('link: ', link);
                var input = document.getElementById("copy-container-store");
                input.value = link; // 修改文本框的内容
                input.select(); // 选中文本
                document.execCommand("copy"); // 执行浏览器复制命令
                this.$message.success('复制成功');
            },
            // 输入值过滤处理
            changeHandle(key) {
                try {
                    this.flierValue(this.activeName, key);
                } catch (err) {
                    this.$message.error(err);
                    let formName = this.activeName + 'Form';
                    if (this[formName][key] < 0) {
                        this[formName][key] = Math.abs(this[formName][key]);
                    } else if (this[formName][key] > 100) {
                        this[formName][key] = 0;
                    }
                    return false;
                }
            },

            // 过滤和处理值
            flierValue(group, key) {
                // console.log(group, key);
                let configs = {
                    platform_ratio: {
                        text: `服务费比例取值在 0~100 之间`,
                        max: '100',
                        min: '0',
                    },
                    risk_management_ratio: {
                        text: '售价比例取值在 0~100 之间',
                        max: '100',
                        min: '0',
                    },
                    expired_days: {
                        text: '请填写门店有效天数',
                        min: '0',
                    },
                    service_fee_ratio: {
                        text: `服务费比例取值在 0~100 之间`,
                        max: '100',
                        min: '0',
                    },
                    balance_cash_service_fee_diff: {
                        text: `服务费比例取值在 0~100 之间`,
                        max: '100',
                        min: '0',
                    },

                };
                let datas = {
                    basic: this.basicForm,
                };
                let val = datas[group][key];
                if (configs[key]) {
                    if (configs[key].max && val > parseInt(configs[key].max)) {
                        throw new Error(configs[key].text);
                    }
                    if (configs[key].min && val < parseInt(configs[key].min)) {
                        throw new Error(configs[key].text);
                    }
                }
            },


            loadData() {
                let self = this;
                this.loading = true;
                request({
                    params: {
                        r: 'happiness/store-setting/index',
                    },
                }).then(e => {
                    self.loading = false;
                    if (e.data.code === 0) {
                        self.level = e.data.data.level;
                        if (e.data.data.basic) {
                            self.pay_type_list=e.data.data.pay_type_list;
                            self.basicForm = {...self.basicForm, ...e.data.data.basic};
                            this.pay_after_link_show = self.basicForm.pay_after_link?self.basicForm.pay_after_link
                                .params
                                .title:'';
                        }
                        console.log(self.basicForm);

                    } else {
                        self.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    console.log(e);
                    self.$message.error('网络错误');
                });
            },
            // 配置提交
            submit(formName) {
                // console.log('5555555555: ', formName, this.activeName);return null;
                let self = this;
                let keys = [];

                if ('basic' == self.activeName) {
                    if (self.basicForm.service_fee == 1) {
                        keys.push('platform_ratio');
                    }
                }
                let forNum = keys.length;
                for (let i = 0; i < forNum; i++) {
                    try {
                        self.flierValue(self.activeName, keys[i]);
                    } catch (err) {
                        self.$message.error(err);
                        return false;
                    }
                }

                self.$refs[formName].validate(valid => {
                    if (valid) {
                        self.submitLoading = true;
                        let formData = {};
                        formData['basic'] = self[formName];
                        formData.group = 'basic';
                        request({
                            params: {
                                r: 'happiness/store-setting/index',
                            },
                            method: 'post',
                            data: formData,
                        }).then(e => {
                            self.submitLoading = false;
                            if (e.data.code === 0) {
                                self.$message.success(e.data.msg);
                            } else {
                                self.$message.error(e.data.msg);
                            }
                        }).catch(e => {
                            console.log(e);
                            self.$message.error('网络错误');
                        });
                    } else {
                        self.$message.error('参数验证未通过');
                    }
                });
            },
            handleClick(tab, event) {
                this.activeName = tab.name;
            },

            updateData(val) {
                this.modeForm.Rebate = val;

            },

            // 选中商品回调
            goodsSelect(list) {
                for (let j in list) {
                    let item = list[j];
                    if (this.enterForm.goods_ids.length >= 20) {
                        this.$message.error('指定商品不能大于20个');
                        return;
                    }
                    let flag = true;
                    for (let i in this.enterForm.goods_ids) {
                        if (this.enterForm.goods_ids[i] == item.id) {
                            flag = false;
                            break;
                        }
                    }
                    if (flag) {
                        this.enterForm.goods_ids.push(item.id);
                        this.enterForm.goods_list.push({
                            id: item.id,
                            goods_name: item.goods_name,
                            cover_pic: item.cover_pic,
                        });
                    }
                }

            },
            // 删除已选择商品
            deleteGoods(index) {
                this.enterForm.goods_ids.splice(index, 1);
                this.enterForm.goods_list.splice(index, 1);
            },
            delPic(key) {
                this.cashierForm.cashier_bg_img = '';
                this.$forceUpdate();
            },
            selectedImg(e) {
                this.cashierForm.cashier_bg_img = e[0].url;
                this.$forceUpdate();
            },
            selectUrl(e) {
                let self = this;
                let link_data = {};
                e.forEach(function (item) {
                    self.pay_after_link_show = item.title;
                    link_data = {
                        route: item.route,
                        open_type: item.open_type,
                        params: item.params,
                    }
                });
                self.basicForm.pay_after_link = link_data;
            },
            handleGiveTypeChange() {
                if (this.scoreGiveForm.score_give_setting.give_type == 2) {
                    let giveNum = this.scoreGiveForm.score_give_setting.give_num
                    giveNum = giveNum ? giveNum : 0
                    this.scoreGiveForm.score_give_setting.give_num = parseInt(giveNum)
                }
            },
            formatGiveNumber(value) {
                if (this.scoreGiveForm.score_give_setting.give_type == 2) {
                    this.scoreGiveForm.score_give_setting.give_num = value.replace(/[^\d]/g, "")
                } else {
                    let temp = value.toString();
                    temp = temp.replace(/。/g, ".");
                    temp = temp.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
                    temp = temp.replace(/^\./g, ""); //验证第一个字符是数字
                    temp = temp.replace(/\.{2,}/g, ""); //只保留第一个, 清除多余的
                    temp = temp.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
                    temp = temp.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3");
                    this.scoreGiveForm.score_give_setting.give_num = temp
                }
            },
            formatLocaltion(value) {
                let temp = this.formatNumber(value);
                this.basicForm.localtion_limit = temp;
            },
            formatNumber(value) {
                let temp = value.toString();
                temp = temp.replace(/。/g, ".");
                temp = temp.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符
                temp = temp.replace(/^\./g, ""); //验证第一个字符是数字
                temp = temp.replace(/\.{2,}/g, ""); //只保留第一个, 清除多余的
                temp = temp.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
                temp = temp.replace(/^(\-)*(\d+)\.(\d\d).*$/, "$1$2.$3");
                return temp;
            },
            selectedImgAdvertising(e, key) {
                this.advertisingForm[key] = e[0].url;
                this.$forceUpdate();
            },
            delPicAdvertising(key) {
                this.advertisingForm[key] = '';
                this.$forceUpdate();
            },
            addItem() {
                let deduction_proportion = JSON.parse(JSON.stringify(this.paymentForm.score_deduction.deduction_proportion));
                let leng = deduction_proportion.length
                let item = {min: '', max: '', deduction_ratio: ''};
                if (leng) {
                    let preItem = deduction_proportion[leng - 1]
                    item.min = (preItem.max * 1) + 1
                }
                deduction_proportion.push(item);
                this.paymentForm.score_deduction.deduction_proportion = deduction_proportion;
            },
            deleteItem() {
                this.paymentForm.score_deduction.deduction_proportion.pop()
            },
            changeScoreOpenType(value) {
                switch (value) {
                    case 1:
                        this.paymentForm.score_deduction.is_score_deduction = 0;

                        break;
                    case 2:
                        this.paymentForm.score_pay_setting = 0;
                        this.paymentForm.score_pay = 0;
                        for (let index in this.paymentForm.payment_type) {
                            // 遍历数组，对每个元素进行操作
                            if (this.paymentForm.payment_type[index] == 12) {
                                this.paymentForm.payment_type.splice(index, 1);
                                break;
                            }
                        }
                        break;
                }

            },
            changeScoreDeductionStatus(value) {
                if (value == 1 && this.paymentForm.score_open_type == 1) {
                    console.log('======', value)
                    this.paymentForm.score_deduction.is_score_deduction = 0;
                }
                //开启积分抵扣，则不能使用积分支付
                if (this.paymentForm.score_deduction.is_score_deduction) {
                    this.paymentForm.payment_type = this.paymentForm.payment_type.filter(item => item !== 12);
                }

            },
            changeScorePaySetting(value) {
                if (value == 1 && this.paymentForm.score_open_type == 2) {
                    console.log('======', value)
                    this.paymentForm.score_pay_setting = 0;
                }
            },
            changeScorePay(value) {
                if (value == 1 && this.paymentForm.score_open_type == 2) {
                    console.log('======', value)
                    this.paymentForm.score_pay = 0;
                }
            },
            handleApplyClose(value) {
                if (value.length <= 0) return;
                value.forEach(store_id => {
                    if (this.scoreGiveForm.store_limit_stores.indexOf(store_id) == -1) {
                        this.scoreGiveForm.store_limit_stores.push(store_id);
                    }
                });
            },
            handleScoreDeductionApplyClose(value) {
                console.log(value);
                if (value.length <= 0) return;
                value.forEach(store_id => {
                    if (this.paymentForm.score_deduction.store_limit_stores_deduction[store_id] == undefined) {
                        this.$set(this.paymentForm.score_deduction.store_limit_stores_deduction, store_id, "");
                    }
                    if (this.paymentForm.score_deduction.store_limit_stores.indexOf(store_id) == -1) {
                        this.paymentForm.score_deduction.store_limit_stores.push(store_id);
                    }
                });
            },
            handleStoreLimitChange(value) {
                let _temp_deduction = {};
                value.forEach(store_id => {
                    _temp_deduction[store_id] = this.paymentForm.score_deduction.store_limit_stores_deduction[store_id] ?? "";
                });
                this.paymentForm.score_deduction.store_limit_stores_deduction = _temp_deduction;
            },
            batchSetMaxDeduction() {
                if (this.batch_deduction == '' || this.batch_deduction == null) {
                    this.$message.error('请输入批量设置的最高抵扣比例');
                    return;
                }
                let _selectStore = this.$refs.storeListRef.getSelectedRows();
                if (_selectStore.length <= 0) {
                    this.$message.error('请选勾选需要批量设置的门店');
                    return;
                }
                _selectStore.forEach(item => {
                    let _store_id = item.id;
                    if (this.paymentForm.score_deduction.store_limit_stores_deduction[_store_id] != undefined) {
                        this.$set(this.paymentForm.score_deduction.store_limit_stores_deduction, _store_id, this.batch_deduction);
                    }
                });
            }
        },

    });
</script>
<style scoped>
    .happiness {
        .name-rule-no {
            width: 80px;
            margin-left: 10px
        }

        .goods-label {
            margin-bottom: 10px;

            span.name, span.sort {
                margin-right: 10px;
            }

            span.name {
                margin-left: 20px;
            }

            .label-del {
                margin-left: 20px;
                color: red;
            }
        }

        .recharge-list {
            max-width: 800px;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 10px;
            margin-bottom: 20px;
            background: #f3f3f3;
            position: relative;

            .del-recharge-btn {
                position: absolute;
                right: 20px;
                top: 10px;
                display: none;
            }

            &:hover {
                .del-recharge-btn {
                    display: block;
                }
            }

            .recharge-list-item {
                margin-top: 10px;
                display: flex;
                flex-direction: row;
                align-items: center;

                span.sort, span.name {
                    margin-right: 10px
                }

                span.goods {
                    margin: 0 10px
                }

                .del-item-btn {
                    display: none;
                    margin-left: 10px;
                }

                &:hover {
                    .del-item-btn {
                        display: block;
                    }
                }
            }
        }

        .business-list {
            .business-item {
                margin-bottom: 10px;
                display: flex;
                flex-direction: row;
                align-items: center;

                .select-item {
                    margin-right: 10px;
                }

                .name-item {
                    margin-right: 10px;
                }

                .delete-btn-item {
                    display: none;
                }
                span.name{
                    margin-right: 10px;
                }

                &:hover {
                    .delete-btn-item {
                        display: block;
                    }
                }
            }
        }
    }

    .table-head {
        font-weight: 500;
    }

    .enable_setting {
        margin-top: 10px;

        .el-form-item {
            margin-bottom: 0px;
        }
    }

    .el-tabs__header {
        padding: 0 20px;
        height: 56px;
        line-height: 56px;
        background-color: #fff;
        margin-bottom: 0;
    }

    .title {
        padding: 0px 8px;
        border-left: 5px solid #1479F0;
        background-color: #fff;
        font-size: 18px;
        position: relative;
        left: 32px;
        margin: 20px 0;
    }

    .form-body {
        /* background-color: #fff; */
        /* padding: 20px 50% 20px 0; */
        padding: 20px 20px 20px 0;
    }

    .cashier .form-body {
        padding: 20px 20px 0 0;
    }

    .cashier .el-form-item--small.el-form-item {
        margin-bottom: 0px;
    }

    .form-body .item {
        width: 300px;
        margin-bottom: 50px;
        margin-right: 25px;
    }

    .item-img {
        height: 550px;
        padding: 25px 10px;
        border-radius: 30px;
        border: 1px solid #CCCCCC;
        background-color: #fff;
    }

    .item .el-form-item {
        width: 300px;
        margin: 20px auto;
    }

    .left-setting-menu {
        width: 260px;
    }

    .left-setting-menu .el-form-item {
        height: 60px;
        padding-left: 20px;
        display: flex;
        align-items: center;
        margin-bottom: 0;
        cursor: pointer;
    }

    .left-setting-menu .el-form-item .el-form-item__label {
        cursor: pointer;
    }

    .left-setting-menu .el-form-item.active {
        background-color: #F3F5F6;
        border-top-left-radius: 10px;
        width: 105%;
        border-bottom-left-radius: 10px;
    }

    .left-setting-menu .el-form-item .el-form-item__content {
        margin-left: 0 !important
    }

    .form-body .app-share {
        padding-top: 12px;
        border-top: 1px solid #e2e2e2;
        margin-top: -20px;
    }

    .form-body .app-share .app-share-bg {
        position: relative;
        width: 310px;
        height: 360px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center
    }

    .form-body .app-share .app-share-bg .title {
        width: 160px;
        height: 29px;
        line-height: 1;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .form-body .app-share .app-share-bg .pic-image {
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: cover;
        width: 160px;
        height: 130px;
    }

    .cashier-tabs .el-tabs__header {
        padding: 0;
        height: 45px;
        line-height: 45px;
        /* background-color: #F5F7FA; */
        margin-bottom: 0;
    }

    .cashier-tabs .el-tabs__item {
        height: 43px;
        line-height: 43px;
    }

    .cashier-tabs .el-tabs__content {
        margin-top: 20px;
    }

    .form-body {
        background-color: #fff;
        padding: 20px 30% 20px 0;
    }

    .button-wrapper {
        padding: 20px;
        text-align: center;

        .button-item {

        }
    }


    .form-body .item {
        width: 300px;
        margin-bottom: 50px;
        margin-right: 25px;
    }

    .item-img {
        height: 550px;
        padding: 25px 10px;
        border-radius: 30px;
        border: 1px solid #CCCCCC;
        background-color: #fff;
    }

    .item .el-form-item {
        width: 500px;
        margin: 20px auto;
    }

    .left-setting-menu {
        width: 260px;
    }

    .left-setting-menu .el-form-item {
        height: 60px;
        padding-left: 20px;
        display: flex;
        align-items: center;
        margin-bottom: 0;
        cursor: pointer;
    }

    .left-setting-menu .el-form-item .el-form-item__label {
        cursor: pointer;
    }

    .left-setting-menu .el-form-item.active {
        background-color: #F3F5F6;
        border-top-left-radius: 10px;
        width: 105%;
        border-bottom-left-radius: 10px;
    }

    .left-setting-menu .el-form-item .el-form-item__content {
        margin-left: 0 !important
    }

    .no-radius {
        border-top-left-radius: 0 !important;
    }

    .del-btn {
        position: absolute;
        right: -8px;
        top: -8px;
        padding: 4px 4px;
    }

    .reset {
        position: absolute;
        top: 3px;
        left: 90px;
    }

    .app-tip {
        position: absolute;
        right: 24px;
        top: 16px;
        height: 72px;
        line-height: 72px;
        max-width: calc(100% - 78px);
    }

    .app-tip:before {
        content: ' ';
        width: 0;
        height: 0;
        border-color: inherit;
        position: absolute;
        top: -32px;
        right: 100px;
        border-width: 16px;
        border-style: solid;
    }

    .tip-content {
        display: block;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 28px;
        font-size: 28px;
    }

    .zhangsan .el-tabs__nav .el-tabs__item {
        font-size: 16px;
        font-weight: 700;
        padding: 0px;
    }

    .zhangsan .el-tabs__active-bar {
        height: 3px;
    }

    .zhangsan .el-tabs__nav.is-stretch {
        min-width: 15%;
    }

    .zhangsan-1 .el-tabs__nav.is-stretch {
        min-width: 25%;
    }

    .zhangsan-1 .nomb .el-form-item--small.el-form-item {
        margin-bottom: 0px;
    }

    .lisi .el-tabs__nav .el-tabs__item {
        font-size: 14px;
        font-weight: normal;
        padding: 0 20px;
    }

    .lisi .el-tabs__active-bar {
        height: 2px;
    }

    .pic-url-remark {
        font-size: 13px;
        color: #c9c9c9;
        margin-bottom: 12px;
    }

    .add-image-btn {
        width: 100px;
        height: 100px;
        color: #419EFB;
        border: 1px solid #e2e2e2;
        cursor: pointer;
    }

    .deduction-list {
        display: flex;
        align-items: flex-start;
        white-space: nowrap;
    }

    .deduction-list + .deduction-list {
        margin-top: 10px;
    }

    .form-bottom {
        margin-bottom: 18px;
    }

    .batch-deduction {
        max-width: 200px;
        margin-right: 8px;
    }

    .el-input {
        max-width: 450px;
    }
</style>