|
|
|
|
<template>
|
|
|
|
|
<div class="">
|
|
|
|
|
<div class="content_box">
|
|
|
|
|
<div class="left">
|
|
|
|
|
<img class="rotate" src="@/assets/images/index/loading.png" alt="" />
|
|
|
|
|
<p>请您耐心等待！如果您发现导入数据问题较多，可以取消导入</p>
|
|
|
|
|
<div>
|
|
|
|
|
<el-button
|
|
|
|
|
style="margin-left: 10px"
|
|
|
|
|
size="small"
|
|
|
|
|
type="primary"
|
|
|
|
|
@click="handelClickBackList"
|
|
|
|
|
>返回任务列表</el-button
|
|
|
|
|
>
|
|
|
|
|
<el-button
|
|
|
|
|
style="margin-left: 10px"
|
|
|
|
|
size="small"
|
|
|
|
|
class="diy-button--white"
|
|
|
|
|
plain
|
|
|
|
|
@click="handelClickBack"
|
|
|
|
|
>取消导入</el-button
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</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(() => {
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
handelClickBackList(){
|
|
|
|
|
this.$emit("handelClickBack");
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
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>
|
|
|
|
|
|
