<template>
  <el-dialog v-model="showDialog" width="400" center title="导入结果">

    <!--      <div class="row">-->
    <!--        <span class="">导入成功：{{ form.rightCount }}条</span>-->
    <!--      </div>-->
    <div v-if="!form.finishFlag" class="row">
      <span class="error">导入失败：{{ form.info.length }}条</span>
    </div>
    <br>
    <br>
    <div style="text-align: center">
      <el-button type="primary" @click="showDialog=false">确定</el-button>
      <el-button v-if="!form.finishFlag" type="warning" @click="downloadExcel">导出错误信息</el-button>
    </div>
  </el-dialog>
</template>

<script setup>
import { ref, getCurrentInstance } from 'vue'
const { proxy } = getCurrentInstance()
const form = ref({
  finishFlag: false
})
const showDialog = ref(false)


function open(row) {
  form.value = row
  showDialog.value = true
}

function downloadExcel() {
  proxy.download(
    `/system/duanInputRange/exportImportPersonDuanResult`, { info: JSON.stringify(form.value.info) }, `导入结果${new Date().getTime()}.xlsx`
  )
}
defineExpose({
  open
})
</script>

<style scoped lang="scss">

.row{
  text-align: center;
  font-size: 18px;

}
.error{
  color: red;
}
.success{
  color: #e6a23c;
}


</style>