soc_web/src/components/elDialog/dialog.vue

<template>
  <div>
    <el-dialog center v-dialogDrag v-bind="$attrs" v-on="$listeners" @close="handleClose" :close-on-click-modal="false" class="centerDialog">
      <slot></slot>
      <slot name="footer" class="dialog-footer"></slot>
    </el-dialog>
  </div>
</template>
<script>
export default {
  name: "SocWebDialog",

  data() {
    return {};
  },

  mounted() {},

  methods: {
    handleClose(){
      this.$emit("close");
    }
  },
};
</script>
<style lang="scss" >
.dialog-footer {
  text-align: right;
}
.el-dialog{
  margin:  0 auto;
}
</style>
<style lang="scss" scoped>
  //.centerDialog{
  //  position: absolute;
  //  top: 20%;
  //}
</style>