element-ui 抽屉组件（el-drawer ） 二次封装 增加resize拖曳改变宽度大小，配合表格实现快捷方式打开抽屉展示详情及操作_element抽屉组件 加宽

可配合自定义表格进行操作数据，点击表格某一行进行抽屉展示，可上下页切换查看及功能操作，1.快捷键esc关闭抽屉，// 快捷键控制上下翻页  shiftKey+上键 上一页    shiftKey加下键 下一页  shiftKey加左键 开启弹框展示第一条数据   shiftKey加右键关闭弹框

上代码

<template>
    <div>
        <el-drawer :append-to-body="true" :with-header="title==''?false:true" :title="title"
                   :visible.sync="orderListShow" :size="size" v-drawerDrag :modal="false" direction="rtl"
                   :wrapper-closable="false">
            <div class="drawer-box" v-loading="loading">
                <div class="drawer">
                    <el-tooltip class="item" content="shift +↑预览上一个单据" effect="dark" placement="left">
                        <i @click="previousPage" class="el-icon-arrow-left icon-deg"></i>
                    </el-tooltip>
                    <el-tooltip class="item" content="esc关闭弹框" effect="dark" placement="left">
                        <i @click="orderListShow=false" class="el-icon-close"></i>
                    </el-tooltip>
                    <el-tooltip class="item" content="shift +↓预览上一个单据" effect="dark" placement="left">
                        <i @click="nextPage" class="el-icon-arrow-right icon-deg"></i>