qimall/addons/BusinessBonus/backend/views/level/edit.php

<?php

use common\helpers\ComponentHelper;
ComponentHelper::loadComponentView('com-select-cat');
ComponentHelper::loadComponentView('com-dialog-select');
ComponentHelper::loadComponentView('com-rich-text');
ComponentHelper::loadComponentView('com-image');
ComponentHelper::loadComponentView('com-ellipsis');
ComponentHelper::loadComponentView('com-dialog-select-store');

?>
<script src="/resources/js/Sortable.min.js"></script>
<script src="/resources/unpkg/vuedraggable@2.18.1/dist/vuedraggable.umd.min.js"></script>
<div id="app" v-cloak>
    <el-card class="box-card"  shadow="never" style="border:0;min-width: 1200px;"
             body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div slot="header">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item>
                    <span style="color: #409EFF;cursor: pointer"
                          @click="$navigate({r:'business-bonus/level/index'})">
                        招商员
                    </span>
                </el-breadcrumb-item>
                <el-breadcrumb-item>{{titleName}}</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="form-body" v-loading="loading">

            <el-form :model="submitData" :rules="rules" ref="ruleForm" size="small"  label-width="150px" style="margin-left: 20px;">

                <el-form-item label="等级名称"  style="margin-bottom: 20px" required  label-width="100px">
                    <el-input placeholder="请输入等级名称" v-model="submitData.level_name"></el-input>
                </el-form-item>

                <el-form-item label="等级权重" label-width="100px" prop="level">
                    <el-select style="width: 100%" v-model="submitData.level" placeholder="请选择" @change="changeLevel">
                        <el-option
                                v-for="item in level_weights"
                                :key="item.level"
                                :label="item.name"
                                :value="item.level"
                                :disabled="weight_disable"
                        >
                        </el-option>
                    </el-select>
                </el-form-item>

                <el-form-item label="分红比例"  style="margin-bottom: 20px" required  label-width="100px">
                    <el-input placeholder="请输入数值" v-model="submitData.bonus_rate"></el-input>
                    <span class="remark">例如：5%，填5</span>
                </el-form-item>
<!--                <el-form-item label="升级条件"  required label-width="100px">-->
<!--                    <el-radio v-model="submitData.condition.upgrade_type"  :label="1" v-show="submitData.level == 1">无条件</el-radio>-->
<!--                    <el-radio v-model="submitData.condition.upgrade_type"  :label="2" v-show="submitData.level == 1">前端申请</el-radio>-->
<!--                    <el-radio v-model="submitData.condition.upgrade_type"  :label="3">购买指定商品</el-radio>-->
<!--                    <el-radio v-model="submitData.condition.upgrade_type"  :label="4" v-show="false">后台添加</el-radio>-->
<!--                    <el-radio v-model="submitData.condition.upgrade_type"  :label="5" v-show="false">后台调整</el-radio>-->
<!--                    <el-radio v-model="submitData.condition.upgrade_type"  :label="6">购买指定门店商品</el-radio>-->
<!--                </el-form-item>-->
<!---->
<!--                <el-form-item label="需要推广者身份" label-width="125px" required v-show="submitData.condition.upgrade_type == 1">-->
<!--                    <el-radio v-model="is_inviter"  :label="1">需要</el-radio>-->
<!--                </el-form-item>-->
<!---->
<!--                <el-form-item label="需要审核"  required v-show="submitData.condition.upgrade_type == 2" label-width="100px">-->
<!--                    <el-radio v-model="submitData.condition.is_audit"  :label="0">不需要</el-radio>-->
<!--                    <el-radio v-model="submitData.condition.is_audit"  :label="1">需要</el-radio>-->
<!--                </el-form-item>-->

                <el-form-item label="购买升级" style="margin-bottom: 0">
                    <div>
                        <el-switch v-model="submitData.is_buy_goods_upgrade" :active-value="1" :inactive-value="0">
                        </el-switch>
                    </div>
                </el-form-item>
                <el-form-item label="" v-if="submitData.is_buy_goods_upgrade==1"  style="margin-bottom: 20px"   label-width="125px">
                    <el-radio-group v-model="submitData.buy_goods_upgrade_type">
                        <el-radio :label="1">购买平台商品</el-radio>
                        <el-radio :label="2">购买门店商品</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="" v-if="submitData.is_buy_goods_upgrade==1"  style="margin-bottom: 20px"   label-width="125px">
                    <el-radio-group v-model="submitData.buy_goods_upgrade_method">
                        <el-radio :label="1">任意商品</el-radio>
                        <el-radio :label="2">指定商品</el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="指定商品" v-if="submitData.is_buy_goods_upgrade == 1 && submitData.buy_goods_upgrade_type == 1 && submitData.buy_goods_upgrade_method==2"  style="margin-bottom: 20px"  label-width="100px">
                    <div style="display: inline-block;">
                        <div flex="cross:center">
                            <com-dialog-select :multiple="true" @selected="goodsSelect" title="商品选择">
                                <el-button plain size="mini">选择商品</el-button>
                            </com-dialog-select>
                        </div>
                    </div>
                </el-form-item>

                <el-form-item label="指定门店商品" v-if="submitData.is_buy_goods_upgrade==1 && submitData.buy_goods_upgrade_type == 2 && submitData.buy_goods_upgrade_method==2"  style="margin-bottom: 20px"   label-width="125px">
<!--                    <el-radio-group v-model="submitData.upgrade_store_goods_list.store_goods_type">-->
<!--                        <el-radio :label="1">任意商品</el-radio>-->
<!--                        <el-radio :label="2">指定商品</el-radio>-->
<!--                    </el-radio-group>-->

                    <div style="margin-top: 10px; display: flex;" v-if="submitData.buy_goods_upgrade_method==2">
                        <com-dialog-select-store :multiple="true" @selected="storeGoodsSelect" title="商品选择" :is_show_store_name="true" url="store/store-goods/search-with-store">
                            <el-button type="primary" plain>选择商品</el-button>
                        </com-dialog-select-store>
                        <com-dialog-select-store :multiple="true" @selected="storeGoodsSelectDelete" title="批量删除" :is_show_store_name="true" url="store/store-goods/search-with-store">
                            <el-button type="primary" plain style="margin-left: 10px">批量删除</el-button>
                        </com-dialog-select-store>
                    </div>
                </el-form-item>
                <el-form-item prop="store_goods_ids" v-if="submitData.is_buy_goods_upgrade == 1">
                    <template v-if="submitData.buy_goods_upgrade_type == 2 && submitData.buy_goods_upgrade_method==2">
                        <div style="max-height: 300px;overflow-y: auto;width: 60%;">
                            <el-table :data="submitData.upgrade_store_goods_list.store_goods_list" border style="width: 100%">
                                <el-table-column type="index" align="center" label="序号" width="50"></el-table-column>
                                <el-table-column prop="id" align="center" label="商品id"  width="100"></el-table-column>
                                <el-table-column prop="name,cover_pic" label="商品名称" >
                                    <template slot-scope="scope">
                                        <div flex="box:first">
                                            <div style="padding-right: 10px;">
                                                <com-image mode="aspectFill" :src="scope.row.cover_pic"></com-image>
                                            </div>
                                            <div style="display:flex;flex-direction:column;align-items:flex-start;">
                                                <div>{{scope.row.name}}</div>
                                                <div>
                                                    <span style="color: #ff4544;" v-if="scope.row.price">￥{{ scope.row.price }}</span>
                                                    <span style="margin-left: 20px;" v-if="scope.row.stock">库存：{{ scope.row.stock }}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </template>
                                </el-table-column>
                                <el-table-column label="操作" width="100">
                                    <template slot-scope="scope">
                                        <el-button @click="deleteStoreGoods(scope.$index)" type="primary" size="mini">删除</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                    </template>
                </el-form-item>


                <el-form-item v-if="submitData.is_buy_goods_upgrade == 1 && submitData.buy_goods_upgrade_type == 1 && submitData.condition.goods_list && submitData.buy_goods_upgrade_method==2" >
                    <template>
<!--                        <div style="color: #ff4544;">最多可添加20个商品</div>-->
                        <div style="max-height: 300px;overflow-y: auto">
                            <el-table :data="submitData.condition.goods_list" border style="width: 100%">
                                <el-table-column type="index" label="序号" width="50"></el-table-column>
                                <el-table-column prop="goods_id" label="商品id"  width="100"></el-table-column>
                                <el-table-column prop="name,cover_pic" label="商品名称" >
                                    <template slot-scope="scope">
                                        <div flex="box:first">
                                            <div style="padding-right: 10px;">
                                                <com-image mode="aspectFill" :src="scope.row.cover_pic"></com-image>
                                            </div>
                                            <div flex="cross:top cross:center">
                                                {{scope.row.goods_name}}
                                            </div>
                                        </div>
                                    </template>
                                </el-table-column>
                                <el-table-column label="操作" width="100">
                                    <template slot-scope="scope">
                                        <el-button @click="deleteGoods(scope.$index)" type="primary" size="mini">删除</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                    </template>
                </el-form-item>

                <el-form-item label="条件升级" style="margin-bottom: 0">
                    <div>
                        <el-switch v-model="submitData.is_condition_upgrade" :active-value="1" :inactive-value="0">
                        </el-switch>
                    </div>

                    <div  v-if="submitData.is_condition_upgrade==1">
                        <el-radio-group v-model="submitData.checked_condition_values[0].is_need_conditional">
                            <el-radio :label="1">有条件</el-radio>
                            <el-radio :label="2">无条件</el-radio>
                        </el-radio-group>
                        <div v-if="submitData.checked_condition_values[0].is_need_conditional == 1">
                            <el-col>
                                <el-checkbox v-model="checkbox1isCheck" label="前端申请"></el-checkbox>
                                <el-form-item label="需要审核"  required v-show="checkbox1isCheck" label-width="100px">
                                    <el-radio v-model="submitData.checked_condition_values[1].is_audit"  :label="0">不需要</el-radio>
                                    <el-radio v-model="submitData.checked_condition_values[1].is_audit"  :label="1">需要</el-radio>
                                </el-form-item>

                            </el-col>
                            <el-col>
                                <el-checkbox v-model="checkbox2isCheck" label="直推N个O2O门店商家">
                                </el-checkbox>
                                <div v-if="checkbox2isCheck" style="margin-left: 23px;" style="background-color: red;">
                                    <el-input v-model="submitData.checked_condition_values[2].nums"  onkeyup="value=value.replace(/[^\d]/g,'')" placeholder="请填入数量" style="width: 200px">
                                        <template slot="append">个</template>
                                    </el-input>
                                </div>
                            </el-col>
                            <el-col>
                                <el-checkbox v-model="checkbox3isCheck" label="直推招商分红XX等级数量Y人">
                                </el-checkbox>
                                <div v-if="checkbox3isCheck" style="margin-left: 23px;margin-bottom: 10px;">
                                    <span style="margin-right:10px;">直推</span>
                                    <el-select style="width: 150px;" v-model="submitData.checked_condition_values[3].level" placeholder="请选择">
                                        <el-option v-for="item in levels" :key="item.level" :label="item.name" :value="item.level">
                                        </el-option>
                                    </el-select>
                                    <span style="margin:0 10px;">数量</span>
                                    <el-input-number v-model="submitData.checked_condition_values[3].nums" :min="0" label=""></el-input-number>
                                    </el-input>
                                    <span>人</span>
                                </div>
                            </el-col>
                        </div>
                        <div v-if="submitData.checked_condition_values[0].is_need_conditional == 2">
                            <el-form-item label="需要推广者身份" label-width="125px" required >
                                <el-radio v-model="submitData.checked_condition_values[0].is_inviter"  :label="1">需要</el-radio>
                            </el-form-item>
                        </div>

                    </div>
                </el-form-item>

                <el-form-item label="福利介绍"  label-width="100px">
                    <com-rich-text style="width: 750px" :simple-attachment="true" v-model="submitData.level_info.benefit_intro"></com-rich-text>
                </el-form-item>

                <el-form-item label="状态"  style="margin-bottom: 20px" required  label-width="100px">
                    <el-switch
                        v-model="submitData.status"
                        :active-value="1"
                        :inactive-value="0"
                        active-text="开放"
                        inactive-text="禁用"
                    >
                    </el-switch>
                </el-form-item>


        </div>



        <el-button class="button-item" :loading="btnLoading" type="primary" @click="saveFun"
                   size="small">保存
        </el-button>


    </el-card>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data() {
            return {
                diy_img_prefix: '<?= Yii::getAlias('@attachurl') ?>',
                titleName:"添加招商员等级",
                loading:false,
                level_weights: [],
                goods_ids: [],
                is_level_null: 1,
                is_inviter: 1,
                submitData: {
                    "id": 0,
                    "level": 1,
                    "level_name": "",
                    "bonus_rate": '',
                    "status": 1,
                    "created_at": 0,
                    "updated_at": 0,
                    "is_buy_goods_upgrade":0,
                    "is_condition_upgrade":0,
                    "checked_condition_values":[
                        {"key":"0","value":[],"is_need_conditional":1, "is_inviter":1},
                        {"key":"1","value":[], "is_audit": 0},
                        {"key":"2","value":[], "nums":0},
                        {"key":"3","value":[], "nums":0, "level":null},
                    ],
                    "checked_condition_keys":[],
                    "buy_goods_upgrade_type":1,
                    "buy_goods_upgrade_method":1,
                    "condition": { // 升级条件
                        upgrade_type: null,
                        is_audit: 0,
                        goods_list: [],
                    },
                    upgrade_store_goods_list: {
                        // store_goods_type: 1, // 门店商品类型1任意商品 2 指定商品
                        store_goods_ids:[],
                        store_goods_list:[],
                    },
                    level_info: {
                        benefit_intro: ''
                    },
                },
                rules: {
                    level_name: [
                        { required: true, message: '请输入等级名称', trigger: 'blur' }
                    ],
                },

                btnLoading:false,
                checkbox1isCheck: false,
                checkbox2isCheck: false,
                checkbox3isCheck: false,
                levels: [],
                // levels: [{level: 1, name: "青铜"}, {level: 2, name: "白银"}]
                checked_condition_values:[
                    {"key":"0","value":[],"is_need_conditional":1, "is_inviter":1},
                    {"key":"1","value":[], "is_audit": 0},
                    {"key":"2","value":[], "nums":0},
                    {"key":"3","value":[], "nums":0, "level":null},
                ],
                checked_condition_keys:[],
            };
        },
        mounted() {
            this.submitData.updated_at = Date.parse(new Date()) / 1000; // 新建数据的更新时间
            if (getQuery('id')) {
                this.titleName="编辑招商员等级";
                this.loadData(getQuery('id'));
            } else {
                this.submitData.created_at = Date.parse(new Date()) / 1000; // 新建数据的创建时间
            }
            this.getLevelWeight();
            this.getLevels();
            console.log('submitData：', this.submitData);
        },
        watch:{


        },
        computed: {
            weight_disable()
            {
               let res = this.is_level_null == 1 || this.submitData.id > 0;
               return res;
            }

        },
        methods: {
            changeLevel() {
                if (this.submitData.level != 1) {
                    this.submitData.condition.upgrade_type = 3;
                }
            },
            goodsSelect(goods) {
                let that = this;
                for (var item of goods){
                    if ( that.submitData.condition.goods_list.length > 20) {
                        this.$message.error('最多可选择20个指定的商品！');
                        return
                    }
                    console.log(that.goods_ids)
                    if(that.goods_ids.indexOf(item.id)==-1){
                        let temp = {
                            goods_id: item.id,
                            cover_pic: item.cover_pic,
                            goods_name: item.goods_name
                        }
                        that.submitData.condition.goods_list.push(temp);
                        that.goods_ids.push(item.id);
                    }
                }
            },
            deleteGoods(index) {
                this.submitData.condition.goods_list.splice(index, 1);
                this.goods_ids = [];
                for (var item of goods){
                    this.goods_ids.push(goods.id);
                }
            },
            saveFun(){
                this.submitData.checked_condition_keys = ['0'];
                if(this.checkbox1isCheck){
                    this.submitData.checked_condition_keys.push("1");
                }
                if(this.checkbox2isCheck){
                    this.submitData.checked_condition_keys.push("2");
                }

                if(this.checkbox3isCheck){
                    this.submitData.checked_condition_keys.push("3");
                }

                this.$refs['ruleForm'].validate((valid) => {

                    if (valid) {

                        if (!this.submitData.level_name) {
                            this.$message.error('请输入等级名称！');
                            return false;
                        }
                        if (this.submitData.bonus_rate == null  || this.submitData.bonus_rate == '') {
                            this.$message.error('请输入分红比例！');
                            return false;
                        }
                        // if (this.submitData.level != 1 && this.submitData.condition.upgrade_type != 3 && this.submitData.condition.upgrade_type != 6) {
                        //     this.$message.error('请选择升级条件！');
                        //     return false;
                        // }
                        console.log('this.submitDatathis.submitData', this.submitData);
                        let data =JSON.parse(JSON.stringify(this.submitData));
                        this.btnLoading = true;
                        let url = 'business-bonus/level/edit';
                        request({
                            params: {
                                r:url,
                            },
                            method: 'post',
                            data: data
                        }).then(e => {
                            this.btnLoading = false;
                            if (e.data.code == 0) {
                                this.$message.success(e.data.msg);
                                setTimeout(function () {
                                    navigateTo({
                                        r: 'business-bonus/level/index',
                                    });
                                }, 1500);
                            } else {
                                this.$message.error(e.data.msg);
                            }
                        }).catch(e => {
                            this.$message.error(e);
                            this.btnLoading = false;
                        })
                    } else {
                        this.$message.error('请填写必要的参数！');
                        return false;
                    }
                });


            },
            picUrl(e) {

                if (e.length) {

                    this.submitData.pic = e[0].url;

                }

            },
            delPic(index) {
                /* this.pic_url.splice(index, 1) */
                this.submitData.pic = '';
            },

            receiveDatetimeChange(){

                if(this.receive_datetime){
                    this.submitData.receive_begin_time = Date.parse(new Date(this.receive_datetime[0]).toString())/1000;
                    this.submitData.receive_end_time = Date.parse(new Date(this.receive_datetime[1]).toString())/1000;
                }
            },
            useDatetimeChange() {
                if(this.use_datetime){
                    this.submitData.use_begin_time = Date.parse(new Date(this.use_datetime[0]).toString())/1000;
                    this.submitData.use_end_time = Date.parse(new Date(this.use_datetime[1]).toString())/1000;
                }
            },
            addPrize(){
                this.submitData.prize.push(JSON.parse(JSON.stringify(this.prizeObj)));
            },
            delPrize(index){

                this.submitData.prize.splice(index,1)
            },
            formatTime(timeStamp) {
                var date = new Date();
                date.setTime(timeStamp * 1000);
                var y = date.getFullYear();
                var m = date.getMonth() + 1;
                m = m < 10 ? ('0' + m) : m;
                var d = date.getDate();
                d = d < 10 ? ('0' + d) : d;
                var h = date.getHours();
                h = h < 10 ? ('0' + h) : h;
                var minute = date.getMinutes();
                var second = date.getSeconds();
                minute = minute < 10 ? ('0' + minute) : minute;
                second = second < 10 ? ('0' + second) : second;
                return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
            },
            loadData(id){
                this.loading = true;
                request({
                    params: {
                        r:'business-bonus/level/info',
                        inc_id: id
                    },
                    method: 'get',
                }).then(e => {

                    this.loading = false;
                    if (e.data.code == 0) {

                        if (e.data.data.is_null == 0) {
                            // this.submitData = e.data.data.info;
                            this.submitData = Object.assign(this.submitData, e.data.data.info);
                            this.submitData.upgrade_store_goods_list = this.submitData.condition.upgrade_store_goods_list;
                            this.$set(this.submitData, 'buy_goods_upgrade_type', this.submitData.condition.buy_goods_upgrade_type);
                            this.$set(this.submitData, 'buy_goods_upgrade_method', this.submitData.condition.buy_goods_upgrade_method);
                            this.$set(this.submitData, 'is_condition_upgrade', this.submitData.condition.is_condition_upgrade);
                            this.$set(this.submitData, 'checked_condition_values', this.submitData.condition.checked_condition_values);
                            this.$set(this.submitData, 'checked_condition_keys', this.submitData.condition.checked_condition_keys);
                            console.log('this.checked_condition_values:', this.checked_condition_values);
                            console.log('this.submitData.checked_condition_values:', this.submitData.checked_condition_values);
                            if (this.submitData.checked_condition_values.length == 0) {
                                this.$set(this.submitData, 'checked_condition_values', this.checked_condition_values);
                            }
                            if (this.submitData.checked_condition_keys.length == 0) {
                                this.$set(this.submitData, 'checked_condition_keys', this.checked_condition_keys);
                            }
                            // this.submitData.is_condition_upgrade = this.submitData.condition.is_condition_upgrade;
                            this.submitData.checked_condition_keys.forEach((item)=>{
                                if(item == 1){
                                    this.checkbox1isCheck = true;
                                }
                                if(item == 2){
                                    this.checkbox2isCheck = true;
                                }
                                if(item == 3){
                                    this.checkbox3isCheck = true;
                                }
                            })
                            this.$set(this.submitData, 'is_buy_goods_upgrade', this.submitData.condition.is_buy_goods_upgrade);
                            // this.submitData.is_buy_goods_upgrade = this.submitData.condition.is_buy_goods_upgrade;
                            //请求
                        }
                        this.goods_ids = e.data.data.goods_ids;

                    } else {
                        this.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    this.loading = false;
                });
            },
            getLevelWeight(){

                request({
                    params: {
                        r:'business-bonus/level/weights',
                    },
                    method: 'get',
                }).then(e => {

                    if (e.data.code == 0) {
                        this.level_weights = e.data.data.level_weights;
                        this.is_level_null = e.data.data.is_level_null;

                    } else {
                        this.$message.error(e.data.msg);
                    }
                }).catch(e => {

                });
            },
            getLevels(){

                request({
                    params: {
                        r:'business-bonus/level/levels',
                    },
                    method: 'get',
                }).then(e => {

                    if (e.data.code == 0) {
                        this.levels = e.data.data;
                    } else {
                        this.$message.error(e.data.msg);
                    }
                }).catch(e => {

                });
            },

            //选择商品
            storeGoodsSelect(param) {
                for (let j in param) {
                    let item = param[j];
                    // if (this.submitData.upgrade_store_goods_list.store_goods_ids.length >= 99) {
                        // this.$message.error('指定商品不能大于99个');
                        // return;
                    // }
                    let flag = true;
                    for (let i in this.submitData.upgrade_store_goods_list.store_goods_ids) {
                        if (this.submitData.upgrade_store_goods_list.store_goods_ids[i] == param[j].id) {
                            flag = false;
                            break;
                        }
                    }
                    if (flag) {
                        this.submitData.upgrade_store_goods_list.store_goods_ids.push(param[j].id);
                        this.submitData.upgrade_store_goods_list.store_goods_list.push({
                            id: param[j].id,
                            name: param[j].goods_name,
                            cover_pic: param[j].cover_pic,
                            price: param[j].price,
                            stock: param[j].stock,
                        });
                    }
                }
            },

            //批量删除商品
            storeGoodsSelectDelete(param) {
                if (param === undefined || param.length === 0) {
                    alert('未勾选商品');
                } else {
                    let store_goods_ids = this.submitData.upgrade_store_goods_list.store_goods_ids

                    for (let j = 0; j < param.length; j++) {
                        let item = param[j];
                        let itemId = item.id;

                        let index = store_goods_ids.indexOf(itemId);

                        if (index !== -1) {
                            this.deleteStoreGoods(index);
                        }
                    }
                }
            },

            //删除商品
            deleteStoreGoods(index) {
                this.submitData.upgrade_store_goods_list.store_goods_list.splice(index, 1);
                this.submitData.upgrade_store_goods_list.store_goods_ids.splice(index, 1);
            },
            clickSelectCheckConditionGoods() {
                this.$refs.checkgoods.$el.click()
            },

            conditionGoodsSelectCheck(param) {
                let ckey;
                this.submitData.checked_condition_values.forEach(function(item, index) {
                    if (item.key == 2) {
                        ckey = index;
                    }

                })

                let gval = this.submitData.checked_condition_values[2].value.val0;
                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.submitData.checked_condition_values[2].value.val0 = gval;
                console.log(gval);
            },
            conditionGoodsSelect(param) {
                let ckey;
                this.submitData.checked_condition_values.forEach(function(item, index) {
                    if (item.key == 2) {
                        ckey = index;
                    }

                })
                let gval = this.submitData.checked_condition_values[ckey].value.val0;
                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(',');
                console.log(gval);
                this.submitData.checked_condition_values[ckey].value.val0 = gval;
            },
        }
    });
</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;
    }

    .add-image-btn {
        width: 100px;
        height: 100px;
        color: #419EFB;
        border: 1px solid #e2e2e2;
        cursor: pointer;
    }
    .remark {
        color: #cccccc;
    }
    .user-info img {
        width: 60px;
        border-radius: 50%;
        margin-top: 10px;

    }

</style>