customerForm.js 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. define({
  2. name: "customerForm",
  3. template: `
  4. <div>
  5. <el-form ref="form" label-width="15%">
  6. <div id="vue_head">
  7. <div class="base_set">
  8. <div class="vue-main-title">
  9. <div class="vue-main-title-left"></div>
  10. <div class="vue-main-title-content">自定义表单设置</div>
  11. </div>
  12. <div class="vue-main-form">
  13. <el-form-item label="自定义表单">
  14. <el-radio v-model="set.status" :label="1">开启</el-radio>
  15. <el-radio v-model="set.status" :label="0">关闭</el-radio>
  16. </el-form-item>
  17. <el-form-item label="请选择">
  18. <el-select v-model="set.form_id" placeholder="请选择自定义表单" clearable filterable allow-create default-first-option>
  19. <el-option :label="item.title" :value="item.id" v-for="(item,index) in formList" :key="index"></el-option>
  20. </el-select>
  21. </el-form-item>
  22. </div>
  23. </div>
  24. </div>
  25. </el-form>
  26. </div>
  27. `,
  28. data(){
  29. return {
  30. set:{
  31. status:0,
  32. form_id:""
  33. },
  34. formList:[]
  35. }
  36. },
  37. style: ``,
  38. mounted () {
  39. if(this.form.set){
  40. this.set.status = this.form.set.status ? this.form.set.status : 0
  41. this.set.form_id = this.form.set.form_id ? this.form.set.form_id : ""
  42. this.formList = this.form.formList ? this.form.formList : []
  43. }
  44. },
  45. methods: {
  46. validate(){
  47. return {
  48. form_id:this.set.form_id,
  49. status:this.set.status
  50. }
  51. }
  52. },
  53. props: {
  54. form: {
  55. default() {
  56. return {}
  57. }
  58. }
  59. }
  60. })