element ui dialog样式

Question

我用的是vue-admin-template框架，从vue-element-admin中拷贝了自定义指令实现dialog拖动功能，如何使默认dialog屏幕水平垂直居中呢？网上找了下图的代码(图1)，是能居中(图2)，但是跟el-drag-dialog指令一同使用的时候，会导致一开始点击dialog标题栏拖动的时候就会瞬间漂移到顶部去了(图3)。

图1

图2

图3