define({
  name: "customerForm",
  template: `
    <div>
      <el-form ref="form" label-width="15%">
        <div id="vue_head">
            <div class="base_set">
                <div class="vue-main-title">
                    <div class="vue-main-title-left"></div>
                    <div class="vue-main-title-content">自定义表单设置</div>
                </div>
                <div class="vue-main-form">
                    <el-form-item label="自定义表单">
                      <el-radio v-model="set.status" :label="1">开启</el-radio>
                      <el-radio v-model="set.status" :label="0">关闭</el-radio>
                    </el-form-item>
                    <el-form-item label="请选择">
                      <el-select v-model="set.form_id" placeholder="请选择自定义表单" clearable filterable allow-create default-first-option>
                        <el-option :label="item.title" :value="item.id" v-for="(item,index) in formList" :key="index"></el-option>
                      </el-select>
                  </el-form-item>
                </div>
            </div>
        </div>
      </el-form>
    </div>
  `,
  data(){
    return {
      set:{
        status:0,
        form_id:""
      },
      formList:[]
    }
  },
  style: ``,
  mounted () {
    if(this.form.set){
      this.set.status = this.form.set.status ? this.form.set.status : 0
      this.set.form_id = this.form.set.form_id ? this.form.set.form_id : ""
      this.formList = this.form.formList ?  this.form.formList : []
    }
  },
  methods: {
    validate(){
      return {
        form_id:this.set.form_id,
        status:this.set.status
      }
    }
  },
  props: {
    form: {
      default() {
        return {}
      }
    }
  }
})