将原来的弹框改成抽屉形式

1.去掉el-dailog,外面包裹一层，里面内容不用变
<el-drawer title="新增" :visible.sync="addDetail" :direction="direction" :before-close="handleClose"
           append-to-body size="50%">
    <avue-form :option="optionPoint" v-model="form" @submit="rowSave" :key="reload">
    </avue-form>
</el-drawer>

direction:'rtl',

handleClose(){
    this.addDetail = false;
},

里面自定义的只要加这个就行

 

dialogDirection:'rtl',
dialogType:'drawer',