<template>
  <div>
    <el-dialog :visible.sync="show" :before-close="toggleDialog" top="20vh" width="350px">
      <!-- <el-result icon="success" title="成功提示" subTitle="请根据提示进行操作">
        <template slot="extra">
          <el-button type="primary" size="medium">返回</el-button>
        </template>
      </el-result> -->
        <div class="icon">
            <i class="el-icon-circle-check"></i>
        </div>
        <h4>导入完成</h4>
        <p>导入成功，请在 <el-link type="primary" @click="jump"> 导入导出日志 </el-link> 中进行查看</p>
    </el-dialog>
  </div>
</template>

<script>
export default {
    props:{
        show: {
            type: Boolean,
            default:"",
            require: true
        },
        
    },
    data(){
        return {
        }
    },
    methods: {
        toggleDialog(){
            this.$emit('toggleDialog')
        },
        jump() {
            this.$router.push("/integratedDataManage/ImportExportLog")
        }
    },
}
</script>

<style scoped>
::v-deep .el-dialog{
    height: 300px;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}
.icon{
    width: 200px;
    text-align: center;
    font-size: 100px;
    color: skyblue;
}
h4{
    width: 200px;
    text-align: center;
}
p{
    width: 200px;
    height: 50px;
    text-align: center;
}
</style>