<template>
  <div class="">
    <div class="content_box">
      <div class="left">
        <img class="rotate" src="@/assets/images/index/loading.png" alt="" />
        <p>请您耐心等待！如果您发现导入数据问题较多，可以取消导入</p>
        <el-button
          style="margin-left: 10px"
          size="small"
          class="diy-button--white"
          plain
          @click="handelClickBack"
          >取消导入</el-button
        >
      </div>
      <div class="right">
        <h4>
          <el-icon
            class="el-icon-warning-outline"
            style="color: #0056d6; font-size: 18px; font-weight: 600"
          ></el-icon>
          操作说明
        </h4>
        <p>1、导入数据多大，系统需要一定事件处理。</p>
        <p>
          2、导入过程中可查看导入明细，如果发现导入数据问题较多，可以取消本次导入，重新整理数据后，重新创建任务导入。
        </p>
        <p>3、导入失败的数据，您可以下载失败文件，修改后重新创建任务导入</p>
      </div>
    </div>
    <h3 class="title-small">数据导入明细</h3>
  </div>
</template>
    <script>
import { requestPost } from "@/js/dai/request";

export default {
  data() {
    return {
      form: {
        importCategory: null,
        taskName: null,
      },
      rules: {
        importCategory: [
          { required: true, message: "请选择任务类型", trigger: "change" },
        ],
        taskName: [
          { required: true, message: "请输入任务名称", trigger: "change" },
        ],
      },
      resident_category_import_list: [],
    };
  },
  props: {},
  created() {
  },
  methods: {
 
    handelClickUpload() {
      this.$emit("handelClickUpload");
    },
    handelClickBack() {
        this.$confirm(`您确定要取消本次数据导入任务吗`, {
                    confirmButtonText: '确定',
                    cancelButtonText: '再想想',
                    type: 'warning'
                }).then(() => {
                    this.$emit("handelClickBack");
                }).catch(() => {
                    
                });
    },
  },
  components: {},
  computed: {},
  watch: {},
};
</script>
    <style lang="scss" scoped>
@import "@/assets/scss/buttonstyle.scss";
@import "@/assets/scss/modules/management/detail-main.scss";
@import "@/assets/scss/pages/smartImport.scss";
.left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #838383;
}
</style>
    