qimall/addons/Achievement/backend/views/default/setting.php

<?php

/**
 * @link:http://www.goodmall.com/
 * @copyright: Copyright (c) 2020
 * Created by PhpStorm
 * Author: ganxiaohao
 * Date: 2020-05-08
 * Time: 17:50
 */

use common\helpers\ComponentHelper;
ComponentHelper::loadComponentView('com-dialog-select');
ComponentHelper::loadComponentView('com-select-cat');
?>
<div id="app" v-cloak>
    <el-card class="box-card" v-loading="cardLoading" shadow="never" style="border:0;min-width: 1250px;" body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div slot="header">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item>奖励设置</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="form-body">
            <el-form :model="ruleForm" :rules="rules" size="small" ref="ruleForm" label-width="150px">
                <el-row>
                    <el-col :span="24" style="width: 100%;">
                        <el-form-item label="业绩奖励开关">
                            <el-switch :active-value="1" :inactive-value="0" v-model="ruleForm.status">
                            </el-switch>
                            <div class="tips-text" style="line-height: 24px;">
                                业绩奖励开关：开启业绩奖励，前端显示业绩奖励功能，关闭再开启重新计算业绩，满足业绩奖励条件的团队长不能删除身份
                            </div>
                        </el-form-item>
                        <el-form-item label="推广中心显示">
                            <div>
                                <el-switch v-model="ruleForm.is_show_at_center" :active-value="1" :inactive-value="0"></el-switch>
                            </div>
                        </el-form-item>

                        <el-form-item>
                            <el-col :span="24"><span style="color: #999999">每次开启或关闭重新计算业绩</span></el-col>
                        </el-form-item>
                        <template v-if="ruleForm.status">
                            <el-form-item label="奖励比例" prop="status">
                                <el-form-item v-for="(item,index) in ruleForm.award_proportion" :key='index' class="coupon-item" style="display: flex;align-items: center;">
                                    <el-input type="number" :min="0" class="member-money" v-model="item.money" placeholder="" style="width: 400px">
                                        <template slot="prepend">团队业绩达到</template>
                                        <template slot="append">元</template>
                                    </el-input>
                                    <el-input type="number" :min="0" :max="100" class="member-money" v-model="item.proportion" placeholder="" style="width: 260px;">
                                        <template slot="prepend">奖励</template>
                                        <template slot="append">%</template>
                                    </el-input>
                                    <el-button v-if="ruleForm.award_proportion.length>1" size="mini" type="danger"
                                               icon="el-icon-close" circle
                                               @click="delItem(index)"></el-button>
                                </el-form-item>
                                <div class="tips-text" style="line-height: 24px;">
                                    团队业绩满足多少元，奖励团队业绩的百分比（团队业绩不可以重复设置，
                                    新增一条可以删除修改）
                                </div>
                            </el-form-item>
                            <el-form-item>
                                <el-button v-if="ruleForm.award_proportion && ruleForm.award_proportion.length<36" style="margin-bottom: 10px;" type="primary" size="small" @click="addCouponItem">添加奖励区间
                                </el-button>
                            </el-form-item>
                            <el-form-item label="是否启用自动升级" prop="is_auto_upgrade">
                                <el-switch
                                        v-model="ruleForm.is_auto_upgrade"
                                        :active-value="1"
                                        :inactive-value="0">
                                </el-switch>
                            </el-form-item>
                            <template v-if="ruleForm.is_auto_upgrade==1">
                                <?php echo $tpl ?>
                            </template>

                            <el-form-item label="业绩计算方式">
                                <el-radio-group v-model="ruleForm.settlement_mode" @input="changeSettlementMode">
                                    <el-radio :label="0">
                                        不含极差
                                        <el-tooltip effect="dark" content="所得分红=(总团队业绩-下级团队业绩)*对应的比例"
                                                    placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </el-radio>
                                    <el-radio :label="1">
                                        含极差
                                        <el-tooltip effect="dark" content="所得分红=自己的收益-下级团队收益"
                                                    placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </el-radio>
                                    <el-radio :label="2">
                                        业绩极差
                                        <el-tooltip effect="dark" content="所得分红=(总团队业绩-下级团队获得分红业绩)*对应的比例"
                                                    placement="top">
                                            <i class="el-icon-info"></i>
                                        </el-tooltip>
                                    </el-radio>
                                </el-radio-group>
                                <div class="tips-text" style="line-height: 24px;">
                                    选择团队业绩的计算方式，含极差与不含极差的区别请看下文案例
                                </div>
                            </el-form-item>
                            <el-form-item label="业绩统计方式">
                                <el-radio-group v-model="ruleForm.statistical_methods">
                                    <el-radio :label="0">订单完成
                                    </el-radio>
                                    <el-radio :label="1">支付完成
                                    </el-radio>
                                </el-radio-group>
                            </el-form-item>

                            <el-form-item label="待结算时间" prop="status">
                                <el-form-item>
                                    <el-radio-group v-model="ruleForm.settlement_cycle">
                                        <el-radio :label="0">每周一
                                        </el-radio>
                                        <el-radio :label="1">每月1号
                                        </el-radio>
                                        <el-radio :label="2">每自然季度
                                            <el-tooltip effect="dark" content="‌第一自然季度‌：从1月到3月，也就是4月1号分红‌；第二自然季度‌：从4月到6月，也就是7月1号分红‌；第三自然季度‌：从7月到9月，也就是10月1号分红‌；第四自然季度‌：从10月到12月，也就是1月1号分红;"
                                                        placement="top">
                                                <i class="el-icon-info"></i>
                                            </el-tooltip>
                                        </el-radio>
                                    </el-radio-group>
                                </el-form-item>
                                <el-time-select style="width: 300px;"
                                                v-model="ruleForm.settlement_time"
                                                :picker-options="{
								    start: '00:00',
								    step: '00:15',
								    end: '24:00'
								  }"
                                                placeholder="选择具体时间">
                                </el-time-select>
                                <div class="tips-text" style="line-height: 24px;">
                                    业绩奖励的待结算时间设置
                                </div>

                            </el-form-item>

                            <el-form-item label="结算时间">
                                <el-input type="number" v-model="ruleForm.delay_time" :min="0" class="member-money" placeholder="" style="width: 300px;margin-right: 20px;">
                                    <template slot="prepend">延迟</template>
                                    <template slot="append">天后结算</template>
                                </el-input>
                                <div class="tips-text" style="line-height: 24px;">
                                    业绩奖励的结算时间设置
                                </div>
                            </el-form-item>

                            <el-form-item label="是否开启业绩审核确认模式">
                                <el-switch v-model="ruleForm.is_award_need_confirm" :active-value="1" :inactive-value="0">
                                </el-switch>
                                <div class="tips-text" style="line-height: 24px;">
                                    开启后，业绩奖励发放需要审核之后方可发放
                                </div>
                            </el-form-item>
                            <el-form-item label="是否开启当月成为团长，不发放结算金额" v-if="ruleForm.settlement_cycle ==1">
                                <el-switch v-model="ruleForm.is_leader_first_month_no_award" :active-value="1" :inactive-value="0">
                                </el-switch>
                                <div class="tips-text" style="line-height: 24px;">
                                    开启后，当月成为团长的用户正常计算奖励，但不发放到用户账上。结算周期到了后，直接奖励状态修改为不结算，并奖励金额修改为0
                                </div>
                            </el-form-item>


                            <!--                            <el-form-item label="业绩奖励通知">-->
<!--                                <el-switch v-model="ruleForm.is_notice" :active-value="1" :inactive-value="0">-->
<!--                                </el-switch>-->
<!--                            </el-form-item>-->
                            <el-form-item label="o2o订单业绩奖励" v-if="ruleForm.install_store ==1">
                                <el-switch v-model="ruleForm.store_order_award" :active-value="1" :inactive-value="0">
                                </el-switch>
                            </el-form-item>

                            <el-form-item label="多商户订单业绩奖励" v-if="ruleForm.install_mch==1">
                                <el-switch v-model="ruleForm.mch_order_award" :active-value="1" :inactive-value="0">
                                </el-switch>
                            </el-form-item>
                            <el-form-item label="首单">
                                <el-switch v-model="ruleForm.first_order" :active-value="1" :inactive-value="0">
                                </el-switch>
                                <div class="tips-text" style="line-height: 24px;">
                                    开启后，购买团长升级礼包，首单计算自身业绩。
                                </div>
                            </el-form-item>
                            <el-form-item label="是否开启平级奖励">
                                <el-switch v-model="ruleForm.is_equal" :active-value="1" :inactive-value="0">
                                </el-switch>
                            </el-form-item>
                            <template v-if="ruleForm.is_equal == 1">
                                <el-form-item label="平级奖励奖励方式" prop="equal_type">
                                    <el-radio-group v-model="ruleForm.equal_type">
                                        <el-radio :label="0">业绩计算奖励</el-radio>
                                         <el-radio :label="1">团长奖励计算</el-radio>
                                    </el-radio-group>
                                </el-form-item>
                                <el-form-item label="平级奖励计算方式" prop="equal_percent">
                                    <el-radio-group v-model="ruleForm.equal_percent">
                                        <el-radio :label="0">百分比</el-radio>
                                        <!-- <el-radio :label="1">固定金额</el-radio> -->
                                    </el-radio-group>
                                </el-form-item>
                                <el-form-item label="一层平级奖励" prop="price" style="width: 400px;">
                                    <el-input type="number" oninput="this.value = this.value.replace(/[^0-9\.]/, '');"
                                        min="0" max="99" v-model="ruleForm.equal_price_first">
                                        <template slot="append" v-if="ruleForm.equal_percent == 0">%</template>
                                        <template slot="append" v-if="ruleForm.equal_percent == 1">元</template>
                                    </el-input>
                                </el-form-item>
                                <el-form-item label="二层平级奖励" prop="price" style="width: 400px;">
                                    <el-input type="number" oninput="this.value = this.value.replace(/[^0-9\.]/, '');"
                                        min="0" max="99" v-model="ruleForm.equal_price_second">
                                        <template slot="append" v-if="ruleForm.equal_percent == 0">%</template>
                                        <template slot="append" v-if="ruleForm.equal_percent == 1">元</template>
                                    </el-input>
                                </el-form-item>
                            </template>

                            <el-form-item label="团队业绩" v-if = "ruleForm.settlement_mode == 1">
                                <el-switch v-model="ruleForm.team_achievement" :active-value="1" :inactive-value="0">
                                </el-switch>
                                <div class="tips-text" style="line-height: 24px;">
                                    开启后逻辑：A-B-C关系链，C下单业绩不会计算到自己，只会计算给上级A和B的团队业绩中
                                </div>
                            </el-form-item>
                        </template>

                    </el-col>
                </el-row>
            </el-form>
        </div>
        <el-button class="button-item" :loading="btnLoading" type="primary" @click="submitForm('ruleForm')" size="small">保存
        </el-button>
    </el-card>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                showConditionMsg: false,
                conditionMsg: '',
                checked_condition_values: <?= $key_arr?>,
                checked_condition_keys: [],	//
                now_state:0,
                formLabelWidth: '150px',
                options_list:<?= $source_list ?>,
                ruleForm: {
                    status: 1,
                    is_show_at_center: 1,
                    award_proportion : [
                        {
                            money : 0.00,
                            proportion : 0.00,
                        },
                    ],
                    condition_type: 1,
                    buy_goods_type: 0,	//订单or支付完成
                    goods_type: 1,	//商品升级类型
                    upgrade_type_condition: 1,	//是否开启升级条件 0：否 1：是
                    is_auto_upgrade: 1,	//是否启用自动升级
                    upgrade_type_goods: 0,	//是否开启购买商品为奖励条件0:否 1：是
                    settlement_mode : 0,	//业绩计算方式	//0不含极差，1含极差
                    statistical_methods : 0,	//业绩统计方式
                    settlement_cycle : 0,	//结算周期：0：每周一  1：每月一号 2：每自然季度
                    settlement_time : '',	//具体结算时间
                    delay_time : 0,	//结算延迟时间
                    is_notice : 1,
                    enable_rules : 0,	//是否启用规则
                    rule_rights: '',	//业绩规则

                    checked_condition_values: <?= $key_arr?>,
                    // goods_warehouse_ids: [],	//商品的id
                    checked_condition_keys: [],	//对应条件的key
                    goods_list: [],
                    goods_ids: [],
                    install_store: 0,
                    install_mch: 0,
                    first_order: 1,
                    is_equal:0,
                    equal_type: 0,
                    equal_percent:0,
                    equal_price_first:0,
                    equal_price_second:0,
                    team_achievement: 0,
                },
                rules: {
                    level: [{
                        required: true,
                        message: '请选择经销商等级',
                        trigger: 'change'
                    }, ],
                    name: [{
                        required: true,
                        message: '请输入经销商等级名称',
                        trigger: 'change'
                    }, ],
                    is_notice: [{
                        required: true,
                        message: '请选择经销商等级状态',
                        trigger: 'change'
                    }, ],
                    status: [{
                        required: true,
                        message: '请选择经销商等级状态',
                        trigger: 'change'
                    }, ],

                    detail: [{
                        required: true,
                        message: '等级说明不能为空',
                        trigger: 'change'
                    }, ],
                },
                btnLoading: false,
                cardLoading: false,
                checkbox_list: <?= $checkbox_list ?>,
                goodsCatsDialogVisible: false,
                currentGoodsCats: [],
                cat_list: [],
                is_set_condition: false,
            };
        },
        mounted() {
            this.loadData();
        },
        methods: {
            handleCheckedCitiesChange(){
                // console.log(this.ruleForm.checked_condition_values);
            },
            goodsSelect(param) {
                for (let j in param) {
                    let item = param[j];
                    if (this.ruleForm.goods_ids.length >=99) {
                        this.$message.error('指定商品不能大于99个');
                        return;
                    }
                    let flag = true;
                    for (let i in this.ruleForm.goods_ids) {
                        if (this.ruleForm.goods_ids[i] == param[j].id) {
                            flag = false;
                            break;
                        }
                    }
                    if (flag) {
                        this.ruleForm.goods_ids.push(param[j].id);
                        this.ruleForm.goods_list.push({
                            id: param[j].id,
                            name: param[j].goods_name,
                            cover_pic: param[j].cover_pic,
                        });
                    }
                }


            },
            clickSelectConditionGoods(){
                this.$refs.cgoods.$el.click()

            },
            conditionGoodsSelect(param) {
                let ckey;
                this.ruleForm.checked_condition_values.forEach(function(item, index){
                    if(item.key==50)
                    {
                        ckey=index;
                    }

                })
                let gval=this.ruleForm.checked_condition_values[ckey].value.team_goods;
                let garr=[];
                if(gval.length>0)
                {
                    garr=gval.split(",")
                }

                for (let j in param) {
                    let item = param[j];
                    let isHave=false;
                    garr.forEach(element => {
                        if(element==param[j].id)
                        {
                            isHave=true;
                        }
                    });
                    if(!isHave)
                    {
                        garr.push(param[j].id);
                    }

                }
                gval=garr.join(',');
                this.ruleForm.checked_condition_values[ckey].value.team_goods=gval;
            },
            // 2.1 提交表单编辑
            submitForm(formName) {

                let self = this;
                // self.showConditionMsg = false;
                // 0.1 校验奖励比例
                if(self.ruleForm.status && self.ruleForm.award_proportion.length>0){
                    let award_proportion_status = true;
                    let award_proportion_statuss = true;
                    self.ruleForm.award_proportion.forEach(item => {
                        if(item.money*1<0){
                            self.$message.error('团队业绩要求不可小于0');
                            award_proportion_status = false;
                            return
                        }
                        if(item.proportion*1<0 || item.proportion*1>100){
                            award_proportion_statuss = false;
                            return false
                        }
                    })
                    if(!award_proportion_status) {
                        self.$message.error('团队业绩要求不可小于0');
                        return
                    }
                    if(!award_proportion_statuss) {
                        self.$message.error('奖励百分比需0~100');
                        return
                    }
                }
                // 0.2 校验业绩奖励条件
                if(self.ruleForm.status){
                    let flag = true;
                    this.ruleForm.award_proportion.forEach((item, index)=>{
                        if(index>0 && this.ruleForm.award_proportion[index-1].money*1>=item.money*1){
                            this.$message.error('团队业绩金额设置只能递增');
                            flag = false
                            return
                        }
                        if(index>0 && this.ruleForm.award_proportion[index-1].proportion*1>=item.proportion*1){
                            this.$message.error('团队业绩奖励比例设置只能递增');
                            flag = false
                            return
                        }

                    })
                    if(!flag) return

                    if (this.ruleForm.is_auto_upgrade == 1 && this.ruleForm.upgrade_type_condition == 1) {
                        if (this.ruleForm.checked_condition_keys.length == 0) {
                            this.$message.error('请选择升级条件');
                            return;
                        }

                        self.now_state = 0;
                        self.ruleForm.checked_condition_keys.forEach(function(item, index){
                            self.ruleForm.checked_condition_values.forEach(function(key, val){
                                if(item == key.key){
                                    // console.log(key)
                                    for (i in key.value) {
                                        // console.log(key.value[i]);
                                        // console.log(self.checkIsNaN(key.value[i]));
                                        if(!self.checkIsNull(key.value[i])){
                                            self.now_state = 1;
                                            break;
                                            return
                                        }
                                    }
                                }
                            })
                        });
                        if(1 === self.now_state){
                            // this.$message.error('请输入正确的升级条件');
                            // return
                        }
                        if (self.showConditionMsg) {
                            this.$message.error(self.conditionMsg);
                            return
                        }
                        if (self.ruleForm.checked_condition_keys.length > 0) {
                            if (!self.ruleForm.condition_type) {
                                self.$message.error('请选择条件升级的方式升级类型');
                                return;
                            }
                        }
                    }
                    // 0.3 校验结算延迟天数
                    if(self.ruleForm.delay_time*1<0 || (self.ruleForm.delay_time*1)%1!==0){
                        self.$message.error('结算延迟天数应为非负整数');
                        return;
                    }
                    // 0.4 指定商品
                    if(self.ruleForm.upgrade_type_goods == 1){
                        if(self.ruleForm.goods_type==2 && self.ruleForm.goods_list.length==0){
                            self.$message.error('请选择指定商品');
                            return;
                        }
                    }
                    // 0.5 待结算具体时间
                    if(self.ruleForm.settlement_time==''){
                        self.$message.error('请设置待结算具体时间');
                        return;
                    }

                }
                this.$refs[formName].validate((valid) => {
                    if (valid) {
                        self.btnLoading = true;
                        request({
                            params: {
                                r: 'achievement/default/setting'
                            },
                            method: 'post',
                            data: {
                                form: self.ruleForm,
                            }
                        }).then(e => {
                            self.btnLoading = false;
                            if (e.data.code == 0) {
                                self.$message.success(e.data.msg);
                            } else {
                                self.$message.error(e.data.msg);
                            }
                        }).catch(e => {
                            self.$message.error(e.data.msg);
                            self.btnLoading = false;
                        });
                    } else {
                        console.log('error submit!!');
                        return false;
                    }
                });
            },
            checkIsNaN(value){
                var re = /^[0-9]+.?[0-9]*$/;//判断字符串是否为数字//判断正整数/[1−9]+[0−9]∗]∗/
                if (!re.test(value)) {
                    return false
                }
                return true;
            },
            checkIsNull(value)
            {
                if(value==='')
                {
                    return false;
                }
                return true;
            },
            // 获取显示的值
            loadData() {
                this.cardLoading = true;
                request({
                    params: {
                        r: 'achievement/default/setting',
                    },
                    method: 'get'
                }).then(e => {
                    this.cardLoading = false;
                    if (e.data.code == 0) {
                        if (e.data.data) {
                            console.log(e.data)

                            if (e.data.data.checked_condition_values) {
                                for (let i = 0; i < e.data.data.checked_condition_values.length; i++) {
                                    if (e.data.data.checked_condition_values[i].key === 95) {
                                        if (!e.data.data.checked_condition_values[i].value ||
                                            e.data.data.checked_condition_values[i].value.checked_level === 'true' ||
                                            e.data.data.checked_condition_values[i].value.checked_level === 'false' ||
                                            e.data.data.checked_condition_values[i].value.checked_level === '') {
                                            e.data.data.checked_condition_values[i].value = {
                                                checked_level: []
                                            }
                                        }
                                    }
                                }
                            }

                            this.ruleForm = e.data.data;
                            let award_proportion = e.data.data.award_proportion;
                            award_proportion.forEach(item=>{
                                item.money = (!item.money) ? '0.00' : (item.money*1).toFixed(2);
                                item.proportion = (!item.proportion) ? '0.00' : (item.proportion*1).toFixed(2);
                            });
                            if (e.data.data.goods_ids == "" || e.data.data.goods_ids == null) {
                                this.ruleForm.goods_ids = [];
                                this.ruleForm.goods_list = [];
                            }
                            // console.log(this.ruleForm.checked_condition_values);
                            // console.log('9998889');
                            if(!e.data.data.checked_condition_keys){
                                this.ruleForm.checked_condition_keys = this.checked_condition_keys;
                                this.ruleForm.checked_condition_values = this.checked_condition_values	//提交的升级条件数据
                            }

                            // for (let i = 0; i < this.ruleForm.checked_condition_values.length; i++) {
                            //     if (this.ruleForm.checked_condition_values[i].key === 95) {
                            //         if (!this.ruleForm.checked_condition_values[i].value ||
                            //             this.ruleForm.checked_condition_values[i].value.checked_level === 'true' ||
                            //             this.ruleForm.checked_condition_values[i].value.checked_level === 'false' ||
                            //             this.ruleForm.checked_condition_values[i].value.checked_level === '') {
                            //             this.ruleForm.checked_condition_values[i].value = {
                            //                 checked_level: []
                            //             }
                            //         }
                            //     }
                            // }

                        }
                    } else {
                        this.$message.error(e.data.msg);
                    }
                    // console.log(this.ruleForm);
                }).catch(e => {
                    console.log(e);
                });
            },
            onChangeCheckbox(val) {
                console.log('onChangeCheckbox val onChangeCheckbox', val)
            },
            setCondition() {
                navigateTo({
                    r: 'achievement/default/condition-setting',
                });
            },
            // 删除选中的指定商品
            deleteGoods(index) {
                this.ruleForm.goods_list.splice(index, 1);
                this.ruleForm.goods_ids.splice(index, 1);
            },
            // 0.1 点击添加奖励比例
            addCouponItem(){
                let flag = true;
                this.ruleForm.award_proportion.forEach((item, index)=>{
                    if(index>0 && this.ruleForm.award_proportion[index-1].money*1>=item.money*1){
                        this.$message.error('团队业绩金额设置只能递增');
                        flag = false
                        return
                    }
                    if(index>0 && this.ruleForm.award_proportion[index-1].proportion*1>=item.proportion*1){
                        this.$message.error('团队业绩奖励比例设置只能递增');
                        flag = false
                        return
                    }
                })
                if(!flag) return
                let award_proportion = JSON.parse(JSON.stringify(this.ruleForm.award_proportion));
                let item = {money : 0.00,proportion : 0.00,};
                award_proportion.push(item);
                this.ruleForm.award_proportion = award_proportion;
            },
            // 点击删除某一item
            delItem(index){
                let award_proportion = JSON.parse(JSON.stringify(this.ruleForm.award_proportion));
                award_proportion.splice(index, 1);
                this.ruleForm.award_proportion = award_proportion;
            },
            onChangGoodsCat(){},
            conditionCloudStockGoodsSelect(){},
            // currentGoodsCats(){},
            conditionCloudStockGoodsSelectByNums(){},
            changeSettlementMode(val){
                if (val != 1) {
                    this.ruleForm.team_achievement = 0;
                }
            }
            // goodsCatsDialogVisible(){},
            // cat_list(){},
        }
    });
</script>

<style>
    .form-body {
        padding: 20px;
        background-color: #fff;
        margin-bottom: 20px;
        padding-right: 20%;
        min-width: 900px;
    }

    .form-body .el-form-item {
        padding-right: 25%;
        min-width: 850px;
    }

    .form-button {
        margin: 0;
    }

    .form-button .el-form-item__content {
        margin-left: 0 !important;
    }

    .button-item {
        padding: 9px 25px;
    }

    .check-group {
        font-size: 14px !important;
    }

    .check-group .el-col {
        display: flex;
    }

    .check-group .el-input {
        margin: 0 5px;
    }

    .check-group .el-col .el-checkbox {
        display: flex;
        align-items: center;
    }

    .check-group .el-col .el-input {
        width: 100px;
    }

    .check-group .el-col .el-input .el-input__inner {
        height: 30px;
        width: 100px;
    }

    .el-checkbox-group .el-col {
        margin-bottom: 10px;
    }

    .condition_common {
        display: flex;
        align-items: center;
    }
    .condition_common_five {
        display: flex;
    }

</style>