基于Ant Design vue框架 新增页面细拆

我们还是老规矩，先上效果图吧~~

效果图就这样，毕竟是后台管理系统，没必要做的那么花里胡哨的，若是有需要的朋友，可以自行改哈。我们就上干货啦~~~ 翠花~上代码
我这只是单单只是针对新增做了一个demo 需要整个页面的代码的小盆友，请点击下方地址，可以导航到我的上一篇文章，去看整个页面的代码：

页面路径：点击我可以看到整个页面代码呦

新增页面代码：

<a-modal
    title="用户信息新增页面"
    :width="640"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @ok="handleSubmit"
    @cancel="handleCancel">
    <a-spin :spinning="confirmLoading">
        <a-form :form="form">
            <a-form-item
            label="姓名"
            :labelCol="labelCol"
            :wrapperCol="wrapperCol">
            <a-input v-decorator="['account']" />
        </a-form-item>
        <a-form-item
            label="用户身份"
            :labelCol="labelCol"
            :wrapperCol="wrapperCol">
            <a-input v-decorator="['adminName']" />
        </a-form-item>
        <a-form-item
            label="身份证号码"
            :labelCol="labelCol"
            :wrapperCol="wrapperCol">
            <a-input v-decorator="['idCard']" />
        </a-form-item>
        <a-form-item
            label="联系方式"
            :labelCol="labelCol"
            :wrapperCol="wrapperCol">
            <a-input v-decorator="['mobilePhone']" />
        </a-form-item>
        <a-form-item
            label="用户地址"
            :labelCol="labelCol"
            :wrapperCol="wrapperCol">
            <a-input v-decorator="['address']" />
        </a-form-item>
        </a-form>
    </a-spin>
    </a-modal>

连接后台接口展示：

各位看官，新增的就到这里了~~~ 若是有意见的。欢迎留言，大家一起进步，共勉~~~~
最后提一句，若是想看页面地址可点击下方地址哈。
点击我回到页面哈
*翠花~~~~撤了*