<template>
<div class="nemuPage" style="position: relative;">
    <div class="menuList">
      <p>
        <iframe :src=stateImage_02 style="width: 80px;height: 80px;"></iframe>
      </p>
      <p style="font-size: 18px;color: #5E6D82;margin-top: 32px;" v-if="is_success">数据导入成功(60条)</p>
      <p style="font-size: 18px;color: #5E6D82;margin-top: 32px;" v-else>数据导入成功(60条),导入失败(<i style="color: #FF3B30">{{23}}</i>条)</p>
      <p style="font-size: 14px;color: #446BA6;cursor: pointer;margin-top: 12px;" v-if="is_success">查看导入日志</p>
      <p style="font-size: 14px;color: #446BA6;cursor: pointer;margin-top: 12px;" v-else>查看失败原因</p>
      <div style="margin-top: 32px;">
        <el-button @click="backInfo">返回首页</el-button>
        <el-button type="primary" @click="isContinue">继续导入</el-button>
      </div>
    </div>
</div>
</template>
<script>
  import stateImg_01 from '../../../static/img/state1.svg';
  import stateImg_02 from '../../../static/img/state2.svg';
  export default {
    data(){
      return {
        stateImage_01:'',
        stateImage_02:'',
        is_success:true
      };
    },
    created(){
      this.stateImage_01=stateImg_01;
      this.stateImage_02=stateImg_02;
    },
    methods: {
      isContinue(){
        this.$emit("curActive",0);
      },
      backInfo() {
        this.$router.push('/appArea');
      }
    },  
    components: {
      
    },
  };
</script>
<style scoped>
  em{
    font-style: normal;
  }
  i{
    font-style: normal;
  }
  .nemuPage{
    background: #fff;
    height: 400px;
  }
  .menuList{
    height: 220px;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -110px;
    margin-left: -100px;
    text-align: center;
  }
</style>
