admin/plugins/diyform/views/assets/goods/tool/customerForm.js

60 lines
1.7 KiB
JavaScript

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 {}
}
}
}
})