新增对话框

• 有一个<el-dialog>,一个<el-form>,多个<el-form-item>;

列表栏

• 有一个<el-table>,多个<el-table-column>

提交

• 点击提交按钮：onClickSubmit

<el-button type="primary" style="float: right" @click="onClickSubmit">提 交</el-button>

• 当点击这个提交函数时，要有什么操作呢？
  • 分类提交，点击个人或者企业时如何提交？

  <el-radio-group v-model="form.type">
  <el-radio-button label="1">企业</el-radio-button>
  <el-radio-button label="2">个人</el-radio-button>
  </el-radio-group>
  

• 选择标签，个人或者企业：
  • 当选个个人的时候：v-show="form.type == 2";
  • 当选择企业的时候：v-show="form.type == 1";
• 个人的信息放在哪里：
• 存放在:model="form",校验规则：:rules="selfRules";
• 企业的信息放在哪里？
  • • 存放在:model="form",校验规则：:rules="Rules";

  提交

  • 提交的时候，定义一个变量formName； let formName = this.form.type == 1 ? 'form' : 'selfForm'
    • 如果form.type=1,就是form，，否则控制的就是selform这个DOM元素

validate是什么？

• 对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。若不传入回调函数，则会返回一个 promise。

• 就是验证rulus的；