Source/UBCS-WEB/src/components/BatchImport/index.vue

@@ -1,6 +1,11 @@
<template>

  <div>

    <el-dialog :title="title" :visible="visible" append-to-body>

  <el-dialog

    v-if="dialogVisible"

    :title="title"

    :visible.sync="dialogVisible"

    append-to-body

    v-dialogDrag

  >

      <Divider text="导入提示" left="30px"></Divider>

      <ul>

        <li v-for="(item, index) in tipList" :key="index">

@@ -24,6 +29,7 @@
        :headers="uploadHeaders"

        :on-success="onSuccess"

        :show-file-list="false"

      :on-change="uploadChange"

        :data="{

          codeClassifyOid: this.codeClassifyOid,

          classifyAttr: this.classifyAttr,

@@ -41,11 +47,15 @@
          :loading="downloadLoading"

          >下载导入模板</el-button

        >

        <el-button size="small" @click="visible = false">关闭</el-button>

      <el-button size="small" @click="dialogVisible = false">关闭</el-button>

      </template>

    <ShowImportData

      :visible.sync="showVisible"

      v-if="dialogVisible"

      :leftTree="leftTree"

      :redisOid="redisOid"

    ></ShowImportData>

    </el-dialog>

    <ShowImportData :visible="showVisible" v-if="showVisible"></ShowImportData>

  </div>

</template>



<script>

@@ -53,6 +63,7 @@
import {

  downloadHistoryImportTemplate,

  downloadErrorFile,

  getHistoryLeftTree

} from "../../api/batchImport/index";

import { getToken } from "@/util/auth";

export default {

@@ -69,7 +80,7 @@
    },

    codeClassifyOid: {

      type: String,

      default: "535FC9B6-FE27-241F-5FCA-ED4DC17CF95B",

      default: "",

    },

    type: {

      type: String,

@@ -82,6 +93,9 @@
      uploadParams: {},

      downloadLoading: false,

      showVisible: false,

      leftTree: [],

      redisOid:'',

      pageLoading: null

    };

  },

  computed: {

@@ -89,6 +103,14 @@
      return {

        "Blade-Auth": "bearer " + getToken(),

      };

    },

    dialogVisible: {

      get() {

        return this.visible;

      },

      set(val) {

        this.$emit("update:visible", val);

      },

    },

  },

  methods: {

@@ -124,22 +146,50 @@
    downloadTemplateFun() {

      this.downloadLoading = true;

      downloadHistoryImportTemplate({

        codeClassifyOid: "535FC9B6-FE27-241F-5FCA-ED4DC17CF95B",

        codeClassifyOid: this.codeClassifyOid,

      })

        .then((res) => {

          this.$utilFunc.downloadFileByBlob(res.data, "历史数据导入模板.xls");

          this.downloadLoading = false;

          console.log(res);

        })

        .catch(() => {

          this.downloadLoading = false;

        });

    },

    onSuccess(res) {

      if (res.code === 400) {

        this.$message.error(`${res.msg}，请下载错误信息进行查看！`);

      let fileName = res.data.filePath.split('/').pop()

      if (res.data.fileOid) {

        this.$message.error("请下载错误信息文件进行查看！");

        downloadErrorFile({ uuid: res.data.fileOid }).then((res2) => {

          this.$utilFunc.downloadFileByBlob(res2.data, fileName);

        });

      }

      downloadErrorFile({ uuid: res.data.fileOid });

      if (res.data.redisUuid) {

        this.redisOid = res.data.redisUuid

        getHistoryLeftTree(res.data.redisUuid).then(res => {

          this.leftTree = res.obj.map(item => {

            return {

              ...item.codeClassifyTemplateVO,

              cloNamesList: item.cloNamesList

            }

          })

          this.showVisible = true

        })

      }

    },

    uploadChange(file) {

      if (file.status === 'ready') {

        this.pageLoading = this.$loading({

          lock: true,

          text: '文件上传中',

          spinner: 'el-icon-loading',

          background: 'rgba(0, 0, 0, 0.7)'

        });

      }

      if (file.status === 'success' || file.status === 'error') {

        this.pageLoading.close()

      }

    }

  },

  watch: {

    visible: {