<template>
  <el-dialog
    :title="dialogObj.title"
    center
    :visible.sync="dialogObj.show"
    :close-on-click-modal='false'
    width="900px">
    <div v-loading="loading">
      <el-form ref="form" :model="form" label-width="120px" :disabled="dialogObj.type === 2">
        <el-row>
          <el-col :span="12">
            <el-form-item label="商品名称" required>
              <el-input v-model="form.name"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="商品描述" required>
              <el-input v-model="form.goods_desc.desc"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="商品类型" required>
              <el-select v-model="form.goods_type" @change="goodsChange" placeholder="请选择">
                <el-option :label="'普通商品'" :value="1"></el-option>
                <el-option :label="'团购商品'" :value="2"></el-option>
                <el-option :label="'续课商品'" :value="3"></el-option>
                <el-option :label="'优惠券商品'" :value="4"></el-option>
                <el-option :label="'实物商品'" :value="5"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="广告语" required>
              <el-input v-model="form.goods_desc.tips" placeholder="不超过8个字"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12" v-if="form.goods_type === 4">
            <el-form-item label="课程类型" required>
              <el-select v-model="form.course_type" placeholder="请选择">
                <el-option :label="'日课'" :value="1"></el-option>
                <el-option :label="'月课'" :value="0"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="form.goods_type === 4">
            <el-form-item label="可用商品" required>
              <el-select multiple v-model="goodsYou" placeholder="全部">
                <el-option v-for="data in goodsList"
                           v-if="data.course_type === form.course_type"
                           :key="data.id"
                           :label="data | filterGoods"
                           :value="data.id">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="form.goods_type === 3">
          <el-col :span="12">
            <el-form-item label="续课已购商品" required>
              <el-select v-model="goOn_goods_Id.before_goods_id" placeholder="请选择">
                <el-option v-for="data in goodsList"
                           :key="data.id"
                           :label="data | filterGoods"
                           :value="data.id">

                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="续购商品" required>
              <el-select v-model="goOn_goods_Id.after_goods_id" placeholder="请选择">
                <el-option v-for="data in goodsList"
                           :key="data.id"
                           :label="data | filterGoods"
                           :value="data.id">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="form.goods_type !== 3 && form.goods_type !== 4 && form.goods_type !== 5">
          <el-col :span="12">
            <el-form-item label="课程类型" required>
              <el-select v-model="form.course_type" placeholder="请选择" @change="changeLessonType()">
                <el-option
                  :label="'日课'"
                  :value="1">
                </el-option>
                <el-option
                  :label="'月课'"
                  :value="0">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="课程" required>
              <el-select v-model="form.course_id" placeholder="请选择">
                <el-option
                  v-for="data in lessonList"
                  :key="data.id"
                  :label="data.title"
                  :value="data.id">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="form.goods_type !== 3 && form.goods_type !== 4  && form.goods_type !== 5">
          <el-col :span="12">
            <el-form-item label-width="120" label="观看时长(节)" required>
              <el-input-number v-model="form.watch_num" label="课时数"></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label-width="120" label="续看时长(天)" required>
              <el-input-number v-model="form.duration_num" label="看课天数"></el-input-number>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="form.goods_type==1||form.goods_type==2">
          <el-col :span="12">
            <el-form-item label-width="120" label="课程标题(客户端展示)" required>
              <el-input v-model="form.goods_desc.course_title" style="width:200px;"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="是否进入期数" label-width="160" required>
              <el-switch
                v-model="form.is_into_periods"
                :active-value="1"
                :inactive-value="0">
              </el-switch>
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item v-if="form.goods_type==4" label="领取到期时间（小时）" label-width="160px">
          <el-input-number v-model="form.goods_desc.time_limit"></el-input-number>
        </el-form-item>

        <el-form-item v-if="form.goods_type==1||form.goods_type==2" label="是否赠送优惠券" label-width="160px">
          <el-select v-model="form.goods_desc.coupon_goods_id" placeholder="请选择">
            <el-option v-for="data in coupongoods"
                       :key="data.id"
                       :label="data | filterGoods"
                       :value="data.id">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="关联赠品" v-if="dialogObj.type == 0 || dialogObj.type == 1">
          <el-select v-model="form.relation_gift" multiple placeholder="请选择" clearable>
            <el-option
              v-for="data in relation_gift"
              :key="data.id"
              :label="`【${data.id}】${data.name}`"
              :value="data.id">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="课程封面(670*472)"
                      v-if="form.goods_type !== 3 && form.goods_type !== 4  && form.goods_type !== 5" required>
          <el-upload
            list-type="picture-card"
            class="upload-demo"
            action="/api/public/upload"
            :http-request="uploadFileLesson"
            :on-remove="removeFileLesson"
            :limit="1"
            :file-list="form.goods_desc.imgLesson"
          >
            <i class="el-icon-plus"></i>
          </el-upload>
        </el-form-item>
        <el-form-item label="主图(750*600)" required>
          <el-upload
            list-type="picture-card"
            class="upload-demo"
            action="/api/public/upload"
            :http-request="uploadFileMain"
            :on-remove="removeFileMain"
            :file-list="form.goods_desc.img"
          >
            <i class="el-icon-plus"></i>
          </el-upload>
        </el-form-item>
        <el-form-item label="客服(200*200)">
          <el-upload
            list-type="picture-card"
            class="upload-demo"
            :class="form.desc.customer_service && form.desc.customer_service.length > 0 ? 'uploadService' : ''"
            action="/api/public/upload"
            :limit="1"
            :http-request="uploadFileMainService"
            :on-remove="removeFileService"
            :file-list="form.desc.customer_service">
            <i class="el-icon-plus"></i>
          </el-upload>
        </el-form-item>
        <el-form-item label="推荐奖金(元)" v-if="form.goods_type === 1">
          <el-input-number v-model="form.invite_earnings" label="推荐奖金"></el-input-number>
        </el-form-item>
        <el-form-item label="是否配置实物" v-if="form.goods_type === 1 || form.goods_type === 2">
          <el-switch
            v-model="form.is_real"
            :active-value="1"
            :inactive-value="0">
          </el-switch>
          <span style="font-size: 12px;">打开后提示用户填写具体住址</span>
        </el-form-item>
        <el-row v-if="form.goods_type === 1 ">
          <el-col :span="12">
            <el-form-item label="是否允许用户推广" label-width="200">
              <el-switch
                v-model="form.is_auth_user"
                :active-value="1"
                :inactive-value="0">
              </el-switch>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="是否允许老师推广" label-width="200">
              <el-switch
                v-model="form.is_auth_teacher"
                :active-value="1"
                :inactive-value="0">
              </el-switch>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="12">
            <el-form-item
              :label="form.goods_type === 1 || form.goods_type === 3 || form.goods_type === 5 ? '原价(元)' :form.goods_type === 4 ? '抵扣价格(元)' : '单买价格(元)'"
              required>
              <el-input-number v-model="form.original_price" label="原价"></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item
              :label="form.goods_type === 1  || form.goods_type === 3 || form.goods_type === 5 ? '现价(元)' :form.goods_type === 4 ? '购买价格(元)' : '拼团价格(元)'"
              required>
              <el-input-number v-model="form.current_price" label="现价"></el-input-number>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="form.goods_type === 2">
          <el-col :span="12">
            <el-form-item label="成团人数(人)">
              <el-input-number v-model="form.desc.group_number" label="成团人数"></el-input-number>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="团购失效时间(小时)" label-width="136px">
              <el-input-number v-model="form.desc.group_continue" label="团购失效时间"></el-input-number>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row v-if="form.goods_type !== 3 || form.goods_type !== 5" required>
          <el-col :span="12">
            <el-form-item label="分享标题" required>
              <el-input v-model="form.share_desc.title"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="分享内容" required>
              <el-input v-model="form.share_desc.content"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-form-item label="分享主图(300*300)" v-if="form.goods_type !== 3 || form.goods_type !== 5" required>
          <el-upload
            list-type="picture-card"
            action="/api/public/upload"
            :limit="1"
            :file-list="form.share_desc.img"
            :http-request="uploadFileMainShare">
            <i class="el-icon-plus"></i>
          </el-upload>
        </el-form-item>
        <el-form-item label="分享海报" v-if="form.goods_type !== 3 || form.goods_type !== 5" required>
          <el-upload
            list-type="picture-card"
            action="/api/public/upload"
            :limit="1"
            :file-list="form.share_desc.refImg"
            :http-request="uploadFileMainShareRef">
            <i class="el-icon-plus"></i>
          </el-upload>
        </el-form-item>
        <el-row>
          <el-col :span="24">
            <el-form-item label="商品详情" required>
              <!-- <el-input type="textarea" :rows="25" v-model="form.desc.detail"></el-input> -->
              <editor-detail :lookData="form.desc"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-form-item label="购买须知" required>
              <!-- <el-input type="textarea" :rows="25" v-model="form.desc.qa"></el-input> -->
              <editor-know :lookData1="form.desc"/>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <span slot="footer" class="dialog-footer" v-if="dialogObj.type !== 2">
        <el-button @click="dialogObj.show = false">取 消</el-button>
        <el-button type="primary" @click="sub">确 定</el-button>
      </span>
    </div>
  </el-dialog>

</template>

<script>
    import {
        getLessonApi,
        addGoodsApi,
        editGoodsApi,
        getGoodsDetailApi,
        uploadFileApi,
        getGoodsListApi,
        relationGiftApi
    } from "../../service/api";
    import {TEACHERTYPE, GOODSTYPE} from "../../util/wordbook";
    import editorDetail from "./editorDetail"
    import editorKnow from "./editorKnow"

    export default {
        name: "dialogObj",
        props: [
            'dialogObj',
        ],
        components: { // 引入组件
            editorDetail,
            editorKnow
        },
        filters: {
            filterGoods(val) {
                return '[' + GOODSTYPE[val.goods_type] + ']' + '[' + val.current_price / 100 + '元]' + val.name
            }
        },
        data() {
            return {
                tiny: {
                    height: 300
                },
                sendObj: {
                    content: 'nihao'
                },
                loading: true,
                goodsYou: [],
                goodsList: [],
                form: {
                    name: '',
                    goods_type: 1,
                    goods_desc: {
                        desc: "",
                        imgLesson: [],
                        img: [],
                        course_title: '',
                        time_limit: 0
                    },
                    course_id: '',
                    course_type: 0,
                    watch_num: '',
                    invite_earnings: 0,
                    original_price: '',
                    current_price: '',
                    is_real: 0,
                    is_auth_user: 0,
                    is_auth_teacher: 0,
                    share_desc: {
                        title: '',
                        content: '',
                        img: [],
                        refImg: []
                    },
                    desc: {
                        detail: "",
                        qa: "",
                        customer_service: [],
                        after_goods_id: '',
                        before_goods_id: ''
                    },
                    is_into_periods: '0',
                    relation_gift: []
                },
                lessonList: [],
                goOn_goods_Id: {
                    after_goods_id: '',
                    before_goods_id: ''
                },
                coupongoods: [],
                false: false,
                relation_gift: []
            }
        },
        methods: {
            goodsChange() {
                if (this.form.goods_type == 4 || this.form.goods_type == 3) {
                    let json = {
                        limit: '999',
                        page: '1',
                        goods_type: '1,2',
                        status: "1"
                    };
                    getGoodsListApi(json).then(res => {
                        console.log(json)
                        // debugger
                        this.goodsList = res.list
                    });
                } else if (this.form.goods_type == 1 || this.form.goods_type == 2) {
                    // debugger
                    let json = {
                        limit: '999',
                        page: '1',
                        goods_type: '4',
                    };
                    getGoodsListApi(json).then(res => {
                        console.log(res)
                        // debugger
                        let item = {
                            name: '不赠送',
                            id: '0',
                            goods_type: 4,
                            course_type: 0,
                            current_price: 0
                        }
                        this.coupongoods = res.list
                        this.coupongoods.unshift(item)
                    });
                }
            },
            sub() {
                if (this.form.relation_gift) {
                    this.form.relation_gift = this.form.relation_gift.join(',');
                }
                if (!this.form.share_desc.img && this.form.goods_type == 2) {
                    this.$message({
                        type: 'success',
                        message: '请上传主图!'
                    });
                    return
                }
                let _json = JSON.parse(JSON.stringify(this.form) + '');
                // debugger
                if (_json.goods_type === 3 || _json.goods_type === 4 || _json.goods_type === 5) {
                    _json.course_id = 0;
                    _json.watch_num = 0;
                }
                if (_json.goods_type === 5) {
                    _json.is_real = 1;
                }
                _json.desc.before_goods_id = this.goOn_goods_Id.before_goods_id;
                if (this.goodsYou.length < 1) {
                    _json.desc.use_goods_ids = ''
                } else {
                    _json.desc.use_goods_ids = this.goodsYou.toString()
                }
                _json.desc.after_goods_id = this.goOn_goods_Id.after_goods_id;
                _json.original_price = (_json.original_price * 100).toFixed(0);
                _json.current_price = (_json.current_price * 100).toFixed(0);
                _json.invite_earnings = (_json.invite_earnings * 100).toFixed(0);
                _json.goods_desc = JSON.stringify(_json.goods_desc);
                _json.desc = JSON.stringify(_json.desc);
                _json.share_desc = JSON.stringify(_json.share_desc);
                switch (this.dialogObj.type) {
                    case 1:
                        editGoodsApi(this.dialogObj.id, _json).then(res => {
                            this.$message({
                                type: 'success',
                                message: '修改成功!'
                            });
                            this.$emit("reflash");
                            this.dialogObj.show = false;
                        });
                        break;
                    case 0:
                        console.log(_json)
                        addGoodsApi(_json).then(res => {
                            this.$message({
                                type: 'success',
                                message: '新增成功!'
                            });
                            this.$emit("reflash");
                            this.dialogObj.show = false;
                        })
                        break
                }
            },
            removeFileMain(a) {
                let x = this.form.goods_desc.img.findIndex(i => {
                    return i.name === a.name
                });
                this.form.goods_desc.img.splice(x, 1);
            },
            uploadFileLesson(a) {
                this.$store.dispatch('setProgress', {type: 'new', id: a.file.uid});
                this.fileUid = a.file.uid;
                uploadFileApi({file: a.file, type: 'local'}).then(res => {
                    this.form.goods_desc.imgLesson = [{
                        name: res.url,
                        url: process.env.IMAGE_URL_HEAD + res.url,
                        title: '',
                        lable: ''
                    }];
                    this.$message({
                        message: '上传成功',
                        type: 'success'
                    });
                })
            },
            removeFileLesson() {
                this.form.goods_desc.imgLesson = []
            },
            uploadFileMain(a) {
                console.log(a)
                // debugger
                this.$store.dispatch('setProgress', {type: 'new', id: a.file.uid});
                this.fileUid = a.file.uid;
                uploadFileApi({file: a.file, type: 'local'}).then(res => {
                    this.form.goods_desc.img.push({
                        name: res.url,
                        url: process.env.IMAGE_URL_HEAD + res.url,
                        title: '',
                        lable: ''
                    });
                    this.$message({
                        message: '上传成功',
                        type: 'success'
                    });
                })
            },
            removeFileShareRef() {
                this.form.share_desc.refImg = []
            },
            uploadFileMainShareRef(a) {
                this.$store.dispatch('setProgress', {type: 'new', id: a.file.uid});
                this.fileUid = a.file.uid;
                uploadFileApi({file: a.file, type: 'local'}).then(res => {
                    this.$message({
                        message: '上传成功',
                        type: 'success'
                    });
                    if (this.form.share_desc.refImg) {
                        this.form.share_desc.refImg[0] = {
                            name: res.url,
                            url: process.env.IMAGE_URL_HEAD + res.url,
                            title: '',
                            lable: ''
                        }
                    } else {
                        this.form.share_desc.refImg = [];
                        this.form.share_desc.refImg[0] = {
                            name: res.url,
                            url: process.env.IMAGE_URL_HEAD + res.url,
                            title: '',
                            lable: ''
                        }
                    }
                })
            },
            uploadFileMainShare(a) {
                this.$store.dispatch('setProgress', {type: 'new', id: a.file.uid});
                this.fileUid = a.file.uid;
                uploadFileApi({file: a.file, type: 'local'}).then(res => {
                    this.$message({
                        message: '上传成功',
                        type: 'success'
                    });
                    if (this.form.share_desc.img) {
                        this.form.share_desc.img[0] = {
                            name: res.url,
                            url: process.env.IMAGE_URL_HEAD + res.url,
                            title: '',
                            lable: ''
                        }
                    } else {
                        this.form.share_desc.img = [];
                        this.form.share_desc.img[0] = {
                            name: res.url,
                            url: process.env.IMAGE_URL_HEAD + res.url,
                            title: '',
                            lable: ''
                        }
                    }
                })
            },
            removeFileService() {
                this.form.desc.customer_service = [];
            },
            uploadFileMainService(a) {
                this.$store.dispatch('setProgress', {type: 'new', id: a.file.uid});
                this.fileUid = a.file.uid;
                uploadFileApi({file: a.file, type: 'local'}).then(res => {
                    this.$message({
                        message: '上传成功',
                        type: 'success'
                    });
                    if (this.form.desc.customer_service) {
                        this.form.desc.customer_service[0] = {
                            name: res.url,
                            url: process.env.IMAGE_URL_HEAD + res.url,
                            title: '',
                            lable: ''
                        }
                    } else {
                        this.form.desc.customer_service = [];
                        this.form.desc.customer_service[0] = {
                            name: res.url,
                            url: process.env.IMAGE_URL_HEAD + res.url,
                            title: '',
                            lable: ''
                        }
                    }
                })
            },
            uploadFileShare(a) {
                this.$store.dispatch('setProgress', {type: 'new', id: a.file.uid});
                this.fileUid = a.file.uid;
                uploadFileApi({file: a.file, type: 'local'}).then(res => {
                    this.$message({
                        message: '上传成功',
                        type: 'success'
                    });
                    if (this.form.share_desc.img) {
                        this.form.share_desc.img[0] = {
                            name: res.url,
                            url: process.env.IMAGE_URL_HEAD + res.url,
                            title: '',
                            lable: ''
                        }
                    } else {
                        this.form.share_desc.img = [];
                        this.form.share_desc.img[0] = {
                            name: res.url,
                            url: process.env.IMAGE_URL_HEAD + res.url,
                            title: '',
                            lable: ''
                        }
                    }
                })
            },
            initDialog() {
                switch (this.dialogObj.type) {
                    case 0: // 添加商品
                        this.loading = false;
                        this.goOn_goods_Id.after_goods_id = '';
                        this.goodsYou = [];
                        this.goOn_goods_Id.before_goods_id = '';
                        this.form = {
                            name: '',
                            goods_type: 1,
                            goods_desc: {
                                desc: "",
                                img: [],
                                course_title: ""
                            },
                            course_id: '',
                            course_type: 0,
                            watch_num: '',
                            duration_num: 0,
                            original_price: '',
                            current_price: '',
                            is_real: 0,
                            is_auth_user: 0,
                            is_auth_teacher: 0,
                            share_desc: {
                                title: '',
                                content: '',
                                refImg: [],
                                img: []
                            },
                            desc: {
                                detail: "",
                                qa: "",
                                customer_service: [],
                                before_goods_id: 0,
                                after_goods_id: 0
                            },
                            is_into_periods: '0',
                            relation_gift: []
                        };
                        this.getLessonList();
                        if (this.form.goods_type == 1 || this.form.goods_type == 2) {
                            let json = {
                                limit: 200,
                                nowPage: 1,
                                goods_type: '4'
                            }
                            getGoodsListApi(json).then(res => {
                                // debugger
                                let item = {
                                    name: '不赠送',
                                    id: '0',
                                    goods_type: 4,
                                    course_type: 0,
                                    current_price: 0
                                }
                                this.coupongoods = res.list
                                this.coupongoods.unshift(item)
                            });
                        }
                        break;
                    case 1: // 编辑商品
                    case 2: // 查看商品
                        this.goOn_goods_Id.after_goods_id = '';
                        this.goOn_goods_Id.before_goods_id = '';
                        this.goodsYou = [];
                        this.form = {
                            name: '',
                            goods_type: 1,
                            goods_desc: {
                                desc: "",
                                img: [],
                                course_title: ''
                            },
                            course_id: '',
                            course_type: 0,
                            watch_num: '',
                            duration_num: 0,
                            original_price: '',
                            current_price: '',
                            is_real: 0,
                            is_auth_user: 0,
                            is_auth_teacher: 0,
                            share_desc: {
                                title: '',
                                content: '',
                                refImg: [],
                                img: []
                            },
                            desc: {
                                detail: "",
                                qa: "",
                                customer_service: [],
                                before_goods_id: 0,
                                after_goods_id: 0
                            },
                            is_into_periods: '0'
                        };
                        getGoodsDetailApi(this.dialogObj.id).then(res => {
                            this.loading = false;
                            let share_desc = JSON.parse(res.share_desc);
                            if (!share_desc.refImg) {
                                share_desc.refImg = []
                            }
                            let gift_ids_arr = [];
                            if (res.gift_ids) {
                                res.gift_ids.split(',').map(i => {
                                    gift_ids_arr.push(Number(i));
                                });
                            }
                            this.form = {
                                name: res.name,
                                goods_type: res.goods_type,
                                goods_desc: JSON.parse(res.goods_desc),
                                course_id: res.course_id,
                                course_type: res.course_type,
                                watch_num: res.watch_num,
                                duration_num: res.duration_num,
                                original_price: res.original_price / 100,
                                current_price: res.current_price / 100,
                                is_real: res.is_real,
                                is_auth_user: res.is_auth_user,
                                share_desc: JSON.parse(res.share_desc),
                                desc: JSON.parse(res.desc),
                                invite_earnings: res.invite_earnings / 100,
                                is_auth_teacher: res.is_auth_teacher,
                                is_into_periods: res.is_into_periods,
                                relation_gift: gift_ids_arr
                            };

                            if (this.form.desc.before_goods_id) {
                                this.goOn_goods_Id.before_goods_id = this.form.desc.before_goods_id;
                            }
                            if (this.form.desc.after_goods_id) {
                                this.goOn_goods_Id.after_goods_id = this.form.desc.after_goods_id;
                            }
                            if (this.form.desc.use_goods_ids) {
                                this.goodsYou = this.form.desc.use_goods_ids.split(',');
                                this.goodsYou = this.goodsYou.map(function (item) {
                                    return +item;
                                });
                            }
                            if (this.form.course_type != 1 && this.form.course_type != 2) {
                                // debugger
                                getGoodsListApi({limit: 200}).then(res => {
                                    this.goodsList = res.list
                                });
                            }
                            // debugger
                            console.log(this.form.course_type)
                            if (this.form.goods_type == 4) {
                                // debugger
                                this.getLessonList()
                                let json = {
                                    limit: 200,
                                    nowPage: 1,
                                    goods_type: '1,2'
                                }
                                getGoodsListApi(json).then(res => {
                                    this.goodsList = res.list
                                });
                            }
                            if (this.form.goods_type == 1 || this.form.goods_type == 2) {
                                let json = {
                                    limit: 200,
                                    nowPage: 1,
                                    goods_type: '4'
                                }
                                getGoodsListApi(json).then(res => {
                                    // debugger
                                    let item = {
                                        name: '不赠送',
                                        id: '0',
                                        goods_type: 4,
                                        course_type: 0,
                                        current_price: 0
                                    }
                                    this.coupongoods = res.list
                                    this.coupongoods.unshift(item)
                                });
                            }
                            this.getLessonList()
                        });
                        break;
                    case 3:
                        this.title = '编辑';
                        this.show = this.dialogObj.show;
                        this.id = this.dialogObj.id;
                        this.type = 2;
                        if (this.form.goods_type == 1 || this.form.goods_type == 2) {
                            this.getLessonList()
                            let json = {
                                limit: 200,
                                nowPage: 1,
                                goods_type: '4'
                            }
                            getGoodsListApi(json).then(res => {
                                this.coupongoods = res.list
                            });
                        }
//            getTeacherDetailApi(this.id).then(res=>{
//              this.form.name = res.name;
//              this.form.alias = res.alias;
//              this.form.qr = res.qr;
//              this.form.type = res.type;
//              this.form.status = res.status;
//              this.loading = false
//            });
                        break
                }
            },
            changeLessonType() {
                this.getLessonList()
            },
            getLessonList() {
                getLessonApi({type: this.form.course_type}).then(res => {
                    this.lessonList = res.list
                })
            },
            getRelationGift() {
                relationGiftApi({status: 1}).then(res => {
                    this.relation_gift = res.list;
                });
            }
        },
        watch: {
            dialogObj: {
                handler: function () {
                    if (this.dialogObj.show) {
                        this.loading = true;
                        this.initDialog()
                    }
                },
                deep: true
            },
            "dialogObj.show": function (a) {
                this.getRelationGift();
            },
            show(value) {
                this.$emit("changeShow", value);
            }
        }
    }
</script>

<style scoped lang="less">
  .el-col {
    min-height: 50px;
    text-align: center;
    margin-bottom: 10px;
    line-height: 40px;

    .el-select, .el-select {
      width: 100%;
    }

    img {
      width: 50px;
      border-radius: 100px;
    }

    label {
      color: #5982e6;
    }
  }

  .dialog-footer {
    display: block;
    text-align: center;
  }

  .size {
    color: #666;
    font-size: 14px;
  }
</style>
