<template>
  <el-dialog
    class="data-sync-dialog page-dialog"
    :visible.sync="modalIsShow"
    title="数据同步进度"
    top="10px"
    width="1100px"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    append-to-body
  >
    <sync-manage
      v-if="modalIsShow"
      none-privilege
      :sync-type="syncType"
    ></sync-manage>
    <div slot="footer"></div>
  </el-dialog>
</template>

<script>
import SyncManage from "../views/SyncManage.vue";

export default {
  name: "data-sync-dialog",
  components: {
    SyncManage,
  },
  props: {
    syncType: {
      type: String,
      default: "",
    },
  },
  data() {
    return { modalIsShow: false };
  },
  methods: {
    cancel() {
      this.modalIsShow = false;
    },
    open() {
      this.modalIsShow = true;
    },
  },
};
</script>
