<!--
 * @Descripttion: 当前组件信息
 * @version: 1.0.0
 * @Author: 无尘
 * @Date: 2020-04-14 09:50:16
 * @LastEditors: 无尘
 * @LastEditTime: 2020-04-14 14:04:01
 -->
<!--
  <sync-success :syncData="syncData"></sync-success>
  import syncSuccess from '@/components/company/sync-success.vue';
 -->
<template>
  <el-dialog class="hide-header-dialog" center title="" :visible.sync="dialogVisible" width="600px" :before-close="handleClose">
    <div>
      <div class="text-center"><span class=" font-36 el-icon-circle-check color-49c958"></span></div>
      <div class="font-18 color-303133 m-t-25 text-center">已成功！</div>
      <div class="font-14 color-606266 m-t-10 text-center line-h-20">同步成功，您所提交的同步内容已经同步成功</div>
    </div>
    <div slot="footer" class="dialog-footer m-b-20">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="dialogVisible = false">继续同步</el-button>
    </div>
  </el-dialog>
</template>
<script>
export default {
  props: {
    syncData: {
      type: Object,
      default() {
        return {
          syncStatus: '4',
          totalDeal: 0
        };
      }
    }
  },
  data() {
    return {
      dialogVisible: true
    };
  },
  methods: {
    handleClose(done) {
      // const that = this;
      done();
    }
  }
};
</script>
<style lang="less" scoped>
.m-b-20 {
  margin-bottom: 20px;
}
.m-t-25 {
  margin-top: 25px;
}
.m-t-10 {
  margin-top: 10px;
}
.line-h-20 {
  line-height: 20px;
}

.font-18 {
  font-size: 18px;
}
.font-36 {
  font-size: 36px;
}

.color-49c958 {
  color: #49c958;
}
</style>
