vue antd业务组件-修改-增加-表格行

主要用到模态窗口，根据类型获取不同的逻辑，另外是使用上传组件，编辑通用组件的时候，

- 要考虑antd的验证，

- 由于弹出窗口后销毁，需要清除数据，这个也要考虑，

- 另外属性也可以是函数，需要emit出来，这样使用的时候才可以触发函数@

antd的各种验证方式，select的数字和文字的映射，

<template>
    <a-modal
      width="700px"
      v-bind="$attrs"
      :maskClosable="false"
      :confirmLoading="confirmLoading"
      :title="tableOprsType==='edit'? '编辑': '新建'"
      @ok="handleOk"
      @cancel="handleCancel"
    >
      <a-form :form="form" :label-col="{ span: 4 }" :wrapper-col="{ span: 18 }"  autocomplete="off">
          <a-row>
            <a-col :span="spanCol" >
              <a-form-item label="标题">
                <a-input
                  allowClear
                  placeholder="请输入标题"
                  v-decorator="['title', {
                    rules: [{
                      required: true,
                      message: '请输入标题'
                    }, {
                      max: 64,