iview-form格式、xt-form格式与事件

1、格式

formList: [{
    title: '下拉框',
    type: select,
    key: item.name,
    rule: {required: true, message: '请输入属性名称', trigger: 'blur'},
    props: {
      props: {
        label: 'text',
        value: 'value',
      },
      placeholder: item.placeholder
    },
    options: options1
  },{
    title: '分项工程单元',
    type: 'input',
    key: 'item_project_unit',
    rule: {required: true, message: '请输入分项工程单元', trigger: 'blur'},
    props: {
      placeholder: '请输入分项工程单元'
    }
  },{
    title: '实际支付日期：',
    defaultValue: '',
    key: 'payment_date',
    type: 'date',
    props: {
      placeholder: '请选择实际支付日期',
      format: "yyyy-MM-dd",
      'value-format': 'yyyy-MM-dd',
      'pickerOptions': {
        disabledDate (time) {
          return 
        }
      },
    },
    onInput (value, item, form) {}
  }, {
  	title: item.label,
    type: 'cascader',
    key: item.name,
    defaultValue: '',
    rule: {required: item.is_require, message: `请选择${item.label}`, trigger: 'blur'},
    props: {
      props: {
        text: 'label',
        value: 'id',
        checkStrictly: true,
        emitPath: false
      },
      placeholder: item.placeholder
    },
    options: this.treeData
  }]

formListB3: [{
  title: '附件:',
  defaultValue: [],
  key: 'enclosure',
  props: {
    placeholder: '请上传附件'
  },
  renderContent (h, item, form) {
    return (<xt-newUnload style="width:100%" url='data!archives/ArchiveFile/upload' fileList={ form.enclosure } onChange={ res => form.enclosure = res }></xt-newUnload>)
  }
}],

2、监听事件

onInput(value, item, form)

onInput(value, item, form){
  let no = vm.getNo(value,item.options)
  debugger
  form['doc_no'] = no + '.'
}

getNo(val,options){
let newNo = ''
  for (let i = 0; i < options.length; i++) {
    let item = options[i]
    if (val == item.id) {
      newNo = item.no
      break
    } else {
      let children = item.children || []
      if (children && children.length) {
        newNo = this.getNo(val, children)
      }
    }
  }
  return newNo
},