define({
  template: `
  <div>
    <el-form ref="auth">
      <div class="vue-main-title">
        <div class="vue-main-title-left"></div>
        <div class="vue-main-title-content">群活码</div>
      </div>
      <div style="margin:0 auto;width:90%;">  
          <el-form-item label="独立设置" prop="is_open">
              <el-switch v-model="code_data.is_open" :active-value="1" :inactive-value="0"></el-switch>
              <div class="form-item_tips">
                开启后，商品详情页群活码按钮显示
              </div>
          </el-form-item>
          <el-form-item label="引导文案" prop="citation_copy">
              <el-input v-model="code_data.citation_copy" style="width:70%;"></el-input>
          </el-form-item>
          <el-form-item label="指定群活码">
              <el-select v-model="code_data.group_code_id" clearable placeholder="指定群活码">
                  <el-option :label="item.code_name" :value="item.id" v-for="(item,index) in code_list"></el-option>
              </el-select>
          </el-form-item>
      </div>
    </el-form>
  </div>
  `,
  props: {
    form: {
      default() {
        return {};
      },
    },
    formKey: {
      type: String,
    },
  },
  data() {
    return {
      showSelectMaterialPopup: false,
      formFieldName: "",
      materialType: "",
      selNum: "one",
      select:"open",
      code_data:{
          is_open:0,
          citation_copy:'',
          group_code_id:''
      },
      code_list:[],
      img_index:"",
    };
  },
  created() {
    console.log(this.form.data,this.form.code);
    this.code_data = this.form.data;
    this.code_list = this.form.code;
  },
  methods: {
    extraDate(){
      return {
        'extraContent':"商品描述"
      }
    },
    validate() {
      return {
        code_data:this.code_data ? this.code_data : []
      }
    },
  },
});