diff --git a/frontend/src/business/components/track/case/components/TestCaseImport.vue b/frontend/src/business/components/track/case/components/TestCaseImport.vue
deleted file mode 100644
index d9bccff27e..0000000000
--- a/frontend/src/business/components/track/case/components/TestCaseImport.vue
+++ /dev/null
@@ -1,397 +0,0 @@
-<template>
-  <el-dialog class="testcase-import" :title="$t('test_track.case.import.case_import')" :visible.sync="dialogVisible"
-             @close="close">
-
-    <el-tabs v-model="activeName" @tab-click="clickTabs" simple>
-      <el-tab-pane :label="$t('test_track.case.import.excel_title')" name="excelImport">
-        <el-row class="import-row" style="margin-left: 34px">
-          <el-radio v-model="importType" label="Create">{{$t('test_track.case.import.import_create')}}</el-radio>
-          <el-radio v-model="importType" label="Update">{{$t('test_track.case.import.import_update')}}</el-radio>
-        </el-row>
-        <el-row class="import-row">
-          <div class="el-step__icon is-text" style="background-color: #C9E6F8;border-color: #C9E6F8;margin-right: 10px">
-            <div class="el-step__icon-inner">1</div>
-          </div>
-          <label class="ms-license-label">{{$t('test_track.case.import.import_desc')}}</label>
-        </el-row>
-        <el-row class="import-row">
-          <div style="margin-left: 34px">
-            <div v-if="importType === 'Create'">
-              {{$t('test_track.case.import.import_tip1')}}
-            </div>
-            <div v-else >
-              {{$t('test_track.case.import.import_tip2')}}
-            </div>
-
-          </div>
-        </el-row>
-        <el-row class="import-row">
-          <div class="el-step__icon is-text"
-               style="background-color: #C9E6F8;border-color: #C9E6F8;margin-right: 10px ">
-            <div class="el-step__icon-inner">2</div>
-          </div>
-          <label class="ms-license-label">{{$t('test_track.case.import.import_file')}}</label>
-        </el-row>
-        <el-row>
-          <el-link type="primary" class="download-template" style="margin: 20px 34px;"
-                   @click="downloadTemplate"
-          >{{ $t('test_track.case.import.download_template') }}
-          </el-link>
-        </el-row>
-        <el-row>
-          <el-upload
-            v-loading="result.loading"
-            :element-loading-text="$t('test_track.case.import.importing')"
-            element-loading-spinner="el-icon-loading"
-            class="upload-demo"
-            multiple
-            :limit="1"
-            action=""
-            :on-exceed="handleExceed"
-            :beforeUpload="uploadValidate"
-            :on-error="handleError"
-            :show-file-list="false"
-            :http-request="upload"
-            :file-list="fileList">
-            <template v-slot:trigger>
-              <el-button size="mini" type="success" plain>{{$t('test_track.case.import.click_upload')}}</el-button>
-            </template>
-            <template v-slot:tip>
-              <div class="el-upload__tip">{{$t('test_track.case.import.upload_limit')}}</div>
-            </template>
-          </el-upload>
-        </el-row>
-
-
-        <el-row>
-          <ul>
-            <li v-for="errFile in errList" :key="errFile.rowNum">
-              {{ errFile.errMsg }}
-            </li>
-          </ul>
-        </el-row>
-
-        <el-row style="text-align: right" v-if="showExcelImportContinueBtn">
-          <div style="margin-right: 20px;margin-bottom: 10px;">
-            <el-checkbox v-model="uploadIgnoreError">{{ $t('test_track.case.import.ignore_error') }}</el-checkbox>
-          </div>
-          <el-button type="primary" @click="uploadContinue(false)">{{ $t('test_track.case.import.continue_upload') }}
-          </el-button>
-          <el-button @click="close">{{ $t('commons.cancel') }}</el-button>
-        </el-row>
-
-      </el-tab-pane>
-      <!-- Xmind 导入 -->
-      <el-tab-pane :label="$t('test_track.case.import.xmind_title')" name="xmindImport" style="border: 0px">
-        <el-row class="import-row" style="margin-left: 34px">
-          <el-radio v-model="importType" label="Create">{{$t('test_track.case.import.import_create')}}</el-radio>
-          <el-radio v-model="importType" label="Update">{{$t('test_track.case.import.import_update')}}</el-radio>
-        </el-row>
-        <el-row class="import-row">
-          <div class="el-step__icon is-text" style="background-color: #C9E6F8;border-color: #C9E6F8;margin-right: 10px">
-            <div class="el-step__icon-inner">1</div>
-          </div>
-          <label class="ms-license-label">{{$t('test_track.case.import.import_desc')}}</label>
-        </el-row>
-        <el-row class="import-row" style="margin-left: 34px">
-          <div v-if="importType === 'Create'">
-            {{$t('test_track.case.import.import_tip1')}}
-          </div>
-          <div v-else >
-            {{$t('test_track.case.import.import_tip2')}}
-          </div>
-        </el-row>
-<!--        <el-row class="import-row">-->
-<!--          <el-card :body-style="{ padding: '0px' }">-->
-<!--            <img src="../../../../../assets/xmind.jpg"-->
-<!--                 class="testcase-import-img">-->
-<!--          </el-card>-->
-
-<!--        </el-row>-->
-        <el-row class="import-row">
-          <div class="el-step__icon is-text"
-               style="background-color: #C9E6F8;border-color: #C9E6F8;margin-right: 10px ">
-            <div class="el-step__icon-inner">2</div>
-          </div>
-          <label class="ms-license-label">{{$t('test_track.case.import.import_file')}}</label>
-        </el-row>
-        <el-row class="import-row">
-          <el-link type="primary" class="download-template" style="margin: 0px 34px;"
-                   @click="downloadXmindTemplate"
-          >{{$t('test_track.case.import.download_template')}}
-          </el-link>
-        </el-row>
-        <el-row class="import-row">
-          <el-upload
-            v-loading="result.loading"
-            :element-loading-text="$t('test_track.case.import.importing')"
-            element-loading-spinner="el-icon-loading"
-            class="upload-demo"
-            multiple
-            :limit="1"
-            action=""
-            :on-exceed="handleExceed"
-            :beforeUpload="uploadValidateXmind"
-            :on-error="handleError"
-            :show-file-list="false"
-            :http-request="uploadXmind"
-            :file-list="fileList">
-            <template v-slot:trigger>
-              <el-button size="mini" type="success" plain>{{$t('test_track.case.import.click_upload')}}</el-button>
-            </template>
-            <template v-slot:tip>
-              <div class="el-upload__tip">{{$t('test_track.case.import.upload_xmind')}}</div>
-            </template>
-          </el-upload>
-        </el-row>
-        <el-row>
-          <ul>
-            <li v-for="errFile in xmindErrList" :key="errFile.rowNum">
-              {{ errFile.errMsg }}
-            </li>
-          </ul>
-        </el-row>
-        <el-row style="text-align: right" v-if="showXmindImportContinueBtn">
-          <div style="margin-right: 20px;margin-bottom: 10px;">
-            <el-checkbox v-model="uploadXmindIgnoreError">{{ $t('test_track.case.import.ignore_error') }}</el-checkbox>
-          </div>
-          <el-button type="primary" @click="uploadContinue(true)">{{ $t('test_track.case.import.continue_upload') }}
-          </el-button>
-          <el-button @click="close">{{ $t('commons.cancel') }}</el-button>
-        </el-row>
-      </el-tab-pane>
-
-    </el-tabs>
-  </el-dialog>
-</template>
-
-<script>
-  import ElUploadList from "element-ui/packages/upload/src/upload-list";
-  import MsTableButton from '../../../../components/common/components/MsTableButton';
-  import {getCurrentProjectID, listenGoBack, removeGoBackListener} from "../../../../../common/js/utils";
-  import {TokenKey} from '../../../../../common/js/constants';
-  import axios from "axios";
-
-  export default {
-    name: "TestCaseImport",
-    components: {ElUploadList, MsTableButton},
-    data() {
-      return {
-        result: {},
-        activeName: 'excelImport',
-        dialogVisible: false,
-        fileList: [],
-        lastXmindFile: null,
-        lastExcelFile: null,
-        importType:"Create",
-        errList: [],
-        xmindErrList: [],
-        isLoading: false,
-        isUpdated: false,
-        clickTabsName: "",
-        showExcelImportContinueBtn: false,
-        showXmindImportContinueBtn: false,
-        uploadIgnoreError: false,
-        uploadXmindIgnoreError: false,
-      }
-    },
-    created() {
-      this.showExcelImportContinueBtn = false;
-      this.showXmindImportContinueBtn = false;
-    },
-    activated() {
-      this.showExcelImportContinueBtn = false;
-      this.showXmindImportContinueBtn = false;
-    },
-    methods: {
-      handleExceed(files, fileList) {
-        this.$warning(this.$t('test_track.case.import.upload_limit_count'));
-      },
-      clickTabs(tab, event) {
-        this.clickTabsName = tab.name;
-      },
-      uploadValidate(file) {
-        let suffix = file.name.substring(file.name.lastIndexOf('.') + 1);
-        if (suffix != 'xls' && suffix != 'xlsx') {
-          this.$warning(this.$t('test_track.case.import.upload_limit_format'));
-          return false;
-        }
-
-        if (file.size / 1024 / 1024 > 100) {
-          this.$warning(this.$t('test_track.case.import.upload_limit_size'));
-          return false;
-        }
-        this.isLoading = true;
-        this.errList = [];
-        this.xmindErrList = [];
-        return true;
-      },
-      uploadValidateXmind(file) {
-        let suffix = file.name.substring(file.name.lastIndexOf('.') + 1);
-        if (suffix != 'xmind') {
-          this.$warning(this.$t('test_track.case.import.upload_xmind_format'));
-          return false;
-        }
-
-        if (file.size / 1024 / 1024 > 100) {
-          this.$warning(this.$t('test_track.case.import.upload_limit_size'));
-          return false;
-        }
-        this.isLoading = true;
-        this.errList = [];
-        this.xmindErrList = [];
-        return true;
-      },
-      handleError(err, file, fileList) {
-        this.isLoading = false;
-        this.$error(err.message);
-      },
-      open() {
-        listenGoBack(this.close);
-        this.projectId = getCurrentProjectID();
-        this.dialogVisible = true;
-      },
-      close() {
-        removeGoBackListener(this.close);
-        this.dialogVisible = false;
-        this.fileList = [];
-        this.showExcelImportContinueBtn = false;
-        this.showXmindImportContinueBtn = false;
-        this.errList = [];
-        this.xmindErrList = [];
-
-        //通过excel导入更新过数据的话就刷新页面
-        if (this.isUpdated === true) {
-          this.$emit("refreshAll");
-          this.isUpdated = false;
-        }
-      },
-      downloadTemplate() {
-
-        this.$fileDownload('/test/case/export/template/'+this.projectId+"/"+this.importType);
-      },
-      downloadXmindTemplate() {
-        axios.get('/test/case/export/xmindTemplate/'+this.projectId+"/"+this.importType, {responseType: 'blob'})
-          .then(response => {
-            let fileName = window.decodeURI(response.headers['content-disposition'].split('=')[1]);
-            let link = document.createElement("a");
-            link.href = window.URL.createObjectURL(new Blob([response.data]));
-            link.download = fileName;
-            link.click();
-          });
-      },
-      upload(file) {
-        this.lastExcelFile = file.file;
-        this.fileList.push(file.file);
-        this.isLoading = false;
-
-        let user = JSON.parse(localStorage.getItem(TokenKey));
-
-        this.result = this.$fileUpload('/test/case/import/' + this.projectId + '/' + user.id+'/'+this.importType, file.file, null, {}, response => {
-          let res = response.data;
-          if (res.success) {
-            this.$success(this.$t('test_track.case.import.success'));
-            this.dialogVisible = false;
-            this.$emit("refreshAll");
-            this.lastXmindFile = null;
-            this.lastExcelFile = null;
-            this.showExcelImportContinueBtn = false;
-            this.showXmindImportContinueBtn = false;
-          } else {
-            this.errList = res.errList;
-            this.isUpdated = res.isUpdated;
-            this.showExcelImportContinueBtn = true;
-          }
-          this.fileList = [];
-        }, erro => {
-          this.fileList = [];
-          this.lastXmindFile = null;
-          this.lastExcelFile = null;
-        });
-      },
-      uploadContinue(isImportXmind) {
-        this.isLoading = false;
-        let user = JSON.parse(localStorage.getItem(TokenKey));
-        let file = null;
-        if (isImportXmind) {
-          this.uploadXmindIgnoreError = true;
-          file = this.lastXmindFile;
-        } else {
-          this.uploadIgnoreError = true;
-          file = this.lastExcelFile;
-        }
-        this.result = this.$fileUpload('/test/case/importIgnoreError/' + this.projectId + '/' + user.id+'/'+this.importType, file, null, {}, response => {
-          let res = response.data;
-          this.$success(this.$t('test_track.case.import.success'));
-          this.dialogVisible = false;
-          this.$emit("refreshAll");
-          this.fileList = [];
-          this.lastXmindFile = null;
-          this.lastExcelFile = null;
-          this.showExcelImportContinueBtn = false;
-          this.showXmindImportContinueBtn = false;
-          this.uploadIgnoreError = false;
-          this.uploadXmindIgnoreError = false;
-        }, erro => {
-          this.fileList = [];
-          this.lastXmindFile = null;
-          this.lastExcelFile = null;
-          this.uploadIgnoreError = false;
-          this.uploadXmindIgnoreError = false;
-        });
-      },
-      uploadXmind(file) {
-        this.isLoading = false;
-        this.fileList.push(file.file);
-        this.lastXmindFile = file.file;
-        let user = JSON.parse(localStorage.getItem(TokenKey));
-
-        this.result = this.$fileUpload('/test/case/import/' + this.projectId + '/' + user.id+'/'+this.importType, file.file, null, {}, response => {
-          let res = response.data;
-          if (res.success) {
-            this.$success(this.$t('test_track.case.import.success'));
-            this.dialogVisible = false;
-            this.$emit("refreshAll");
-            this.lastXmindFile = null;
-            this.lastExcelFile = null;
-            this.showExcelImportContinueBtn = false;
-            this.showXmindImportContinueBtn = false;
-          } else {
-            this.xmindErrList = res.errList;
-            this.showXmindImportContinueBtn = true;
-          }
-          this.fileList = [];
-        }, erro => {
-          this.fileList = [];
-        });
-      }
-    }
-  }
-</script>
-
-<style>
-</style>
-
-<style scoped>
-
-  .download-template {
-    padding-top: 0px;
-    padding-bottom: 10px;
-  }
-
-  .import-row {
-    padding-top: 20px;
-  }
-
-  .testcase-import >>> .el-dialog {
-    width: 650px;
-  }
-
-  .testcase-import-img {
-    width: 614px;
-    height: 312px;
-    size: 200px;
-  }
-
-
-</style>
diff --git a/frontend/src/business/components/track/case/components/TestCaseList.vue b/frontend/src/business/components/track/case/components/TestCaseList.vue
index aea9266c40..b6eea4d45e 100644
--- a/frontend/src/business/components/track/case/components/TestCaseList.vue
+++ b/frontend/src/business/components/track/case/components/TestCaseList.vue
@@ -232,7 +232,7 @@
 <script>
 
 import MsTableHeaderSelectPopover from "@/business/components/common/components/table/MsTableHeaderSelectPopover";
-import TestCaseImport from '../components/TestCaseImport';
+import TestCaseImport from './import/TestCaseImport';
 import TestCaseExport from '../components/TestCaseExport';
 import MsTablePagination from '../../../../components/common/pagination/TablePagination';
 import NodeBreadcrumb from '../../common/NodeBreadcrumb';
diff --git a/frontend/src/business/components/track/case/components/import/TestCaseCommonImport.vue b/frontend/src/business/components/track/case/components/import/TestCaseCommonImport.vue
new file mode 100644
index 0000000000..69013063b8
--- /dev/null
+++ b/frontend/src/business/components/track/case/components/import/TestCaseCommonImport.vue
@@ -0,0 +1,220 @@
+<template>
+  <div>
+
+    <el-row class="import-row" style="margin-left: 34px">
+      <el-radio v-model="importType" label="Create">{{$t('test_track.case.import.import_create')}}</el-radio>
+      <el-radio v-model="importType" label="Update">{{$t('test_track.case.import.import_update')}}</el-radio>
+    </el-row>
+
+    <el-row class="import-row">
+      <div class="el-step__icon is-text" style="background-color: #C9E6F8;border-color: #C9E6F8;margin-right: 10px">
+        <div class="el-step__icon-inner">1</div>
+      </div>
+      <label class="ms-license-label">{{$t('test_track.case.import.import_desc')}}</label>
+    </el-row>
+
+    <el-row class="import-row" style="margin-left: 34px">
+      <div v-if="importType === 'Create'">
+        {{$t('test_track.case.import.import_tip1')}}
+      </div>
+      <div v-else >
+        {{$t('test_track.case.import.import_tip2')}}
+      </div>
+    </el-row>
+
+    <el-row class="import-row">
+      <div class="el-step__icon is-text"
+           style="background-color: #C9E6F8;border-color: #C9E6F8;margin-right: 10px ">
+        <div class="el-step__icon-inner">2</div>
+      </div>
+      <label class="ms-license-label">{{$t('test_track.case.import.import_file')}}</label>
+    </el-row>
+    <el-row class="import-row">
+      <el-link type="primary" class="download-template" style="margin: 0px 34px;"
+               @click="downloadXmindTemplate"
+      >{{$t('test_track.case.import.download_template')}}
+      </el-link>
+    </el-row>
+
+    <el-row class="import-row">
+      <el-upload
+        v-loading="result.loading"
+        :element-loading-text="$t('test_track.case.import.importing')"
+        element-loading-spinner="el-icon-loading"
+        class="upload-demo"
+        multiple
+        :limit="1"
+        action=""
+        :on-exceed="handleExceed"
+        :beforeUpload="uploadValidateXmind"
+        :on-error="handleError"
+        :http-request="addFile"
+        :on-remove="handleRemove"
+        :file-list="fileList">
+        <template v-slot:trigger>
+          <el-button size="mini" type="success" plain>{{$t('test_track.case.import.click_upload')}}</el-button>
+        </template>
+        <template v-slot:tip>
+          <div v-if="isExcel" class="el-upload__tip">{{$t('test_track.case.import.upload_limit')}}</div>
+          <div v-if="isXmind" class="el-upload__tip">{{$t('test_track.case.import.upload_xmind')}}</div>
+        </template>
+      </el-upload>
+    </el-row>
+
+    <el-row class="import-row">
+      <el-button :disabled="!lastFile" size="small" @click="upload">{{$t('test_track.case.import.click_upload')}}</el-button>
+    </el-row>
+
+    <el-row>
+      <ul>
+        <li v-for="errFile in errList" :key="errFile.rowNum">
+          {{ errFile.errMsg }}
+        </li>
+      </ul>
+    </el-row>
+
+    <el-row style="text-align: right" v-if="showContinueBtn">
+      <div style="margin-right: 20px;margin-bottom: 10px;">
+        <el-checkbox v-model="uploadIgnoreError">{{ $t('test_track.case.import.ignore_error') }}</el-checkbox>
+      </div>
+      <el-button type="primary" @click="uploadContinue">{{ $t('test_track.case.import.continue_upload') }}
+      </el-button>
+      <el-button @click="$emit('close')">{{ $t('commons.cancel') }}</el-button>
+    </el-row>
+  </div>
+
+</template>
+
+<script>
+import {TokenKey} from "@/common/js/constants";
+import {getCurrentProjectID} from "@/common/js/utils";
+
+export default {
+  name: "TestCaseCommonImport",
+  props: ['isUpdated', 'tabName', 'name'],
+  data() {
+    return {
+      result: {},
+      fileList: [],
+      errList: [],
+      importType: 'Create',
+      showContinueBtn: false,
+      uploadIgnoreError: false,
+      lastFile: null
+    }
+  },
+  created() {
+    this.showContinueBtn = false;
+  },
+  activated() {
+    this.showContinueBtn = false;
+  },
+  computed: {
+    isExcel() {
+      return this.name === 'excel';
+    },
+    isXmind() {
+      return this.name === 'xmind';
+    },
+  },
+  methods: {
+    init() {
+      this.fileList = [];
+      this.showContinueBtn = false;
+      this.errList = [];
+      this.uploadIgnoreError = false;
+      this.lastFile = null;
+    },
+    uploadValidateXmind(file) {
+      let suffix = file.name.substring(file.name.lastIndexOf('.') + 1);
+
+      if (this.isExcel && suffix != 'xls' && suffix != 'xlsx') {
+        this.$warning(this.$t('test_track.case.import.upload_limit_format'));
+        return false;
+      } else if (this.isXmind && suffix != 'xmind') {
+        this.$warning(this.$t('test_track.case.import.upload_xmind_format'));
+        return false;
+      }
+
+      if (file.size / 1024 / 1024 > 100) {
+        this.$warning(this.$t('test_track.case.import.upload_limit_size'));
+        return false;
+      }
+      this.isLoading = true;
+      this.errList = [];
+      return true;
+    },
+    handleExceed(files, fileList) {
+      this.$warning(this.$t('test_track.case.import.upload_limit_count'));
+    },
+    handleError(err, file, fileList) {
+      this.isLoading = false;
+      this.$error(err.message);
+    },
+    downloadXmindTemplate() {
+      let uri = '/test/case/export/template/';
+      if (this.isXmind) {
+        uri = '/test/case/export/xmindTemplate/';
+      }
+      this.$fileDownload(uri + getCurrentProjectID() + '/' + this.importType);
+    },
+    addFile(file) {
+      this.lastFile = file.file;
+    },
+    handleRemove(file, fileList) {
+      this.lastFile = null;
+    },
+    upload() {
+      this.isLoading = false;
+      let user = JSON.parse(localStorage.getItem(TokenKey));
+      this.result = this.$fileUpload('/test/case/import/' + getCurrentProjectID() + '/' + user.id + '/' + this.importType,
+        this.lastFile, null, {}, response => {
+        let res = response.data;
+        if (res.success) {
+          this.$success(this.$t('test_track.case.import.success'));
+          this.dialogVisible = false;
+          this.$emit("fresh");
+        } else {
+          this.errList = res.errList;
+          this.isUpdated = res.isUpdated;
+          this.showContinueBtn = true;
+        }
+      }, erro => {
+        this.fileList = [];
+        this.lastFile = null;
+      });
+    },
+    uploadContinue() {
+      this.isLoading = false;
+      let user = JSON.parse(localStorage.getItem(TokenKey));
+      let url = '/test/case/importIgnoreError/' + getCurrentProjectID() + '/' + user.id + '/' + this.importType;
+      this.result = this.$fileUpload(url, this.lastFile, null, {}, response => {
+        this.$success(this.$t('test_track.case.import.success'));
+        this.dialogVisible = false;
+        this.$emit("fresh");
+      }, erro => {
+        this.fileList = [];
+        this.lastFile = null;
+      });
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+.download-template {
+  padding-top: 0px;
+  padding-bottom: 10px;
+}
+
+.import-row {
+  padding-top: 20px;
+}
+
+.testcase-import-img {
+  width: 614px;
+  height: 312px;
+  size: 200px;
+}
+</style>
diff --git a/frontend/src/business/components/track/case/components/import/TestCaseImport.vue b/frontend/src/business/components/track/case/components/import/TestCaseImport.vue
new file mode 100644
index 0000000000..a39a1cc7db
--- /dev/null
+++ b/frontend/src/business/components/track/case/components/import/TestCaseImport.vue
@@ -0,0 +1,82 @@
+<template>
+  <el-dialog class="testcase-import" :title="$t('test_track.case.import.case_import')" :visible.sync="dialogVisible" @close="close">
+    <el-tabs v-model="activeName" simple>
+
+      <el-tab-pane :label="$t('test_track.case.import.excel_title')" name="excelImport">
+        <test-case-common-import
+          :is-updated="isUpdated"
+          name="excel"
+          tab-name="excelImport"
+          @fresh="$emit('refreshAll')"
+          @close="close"
+          ref="excelImport"/>
+      </el-tab-pane>
+
+      <el-tab-pane :label="$t('test_track.case.import.xmind_title')" name="xmindImport">
+        <test-case-common-import
+          :is-updated="isUpdated"
+          name="xmind"
+          tab-name="xmindImport"
+          @fresh="$emit('refreshAll')"
+          @close="close"
+          ref="xmindImport"/>
+      </el-tab-pane>
+
+    </el-tabs>
+  </el-dialog>
+</template>
+
+<script>
+  import MsTableButton from '../../../../common/components/MsTableButton';
+  import {getCurrentProjectID, listenGoBack, removeGoBackListener} from "../../../../../../common/js/utils";
+  import TestCaseCommonImport from "@/business/components/track/case/components/import/TestCaseCommonImport";
+
+  export default {
+    name: "TestCaseImport",
+    components: {TestCaseCommonImport, MsTableButton},
+    data() {
+      return {
+        activeName: 'excelImport',
+        dialogVisible: false,
+        isLoading: false,
+        isUpdated: false,
+      }
+    },
+    methods: {
+      open() {
+        listenGoBack(this.close);
+        this.projectId = getCurrentProjectID();
+        this.dialogVisible = true;
+        this.init();
+      },
+      init() {
+        if (this.$refs.excelImport) {
+          this.$refs.excelImport.init();
+        }
+        if (this.$refs.xmindImport) {
+          this.$refs.xmindImport.init();
+        }
+      },
+      close() {
+        removeGoBackListener(this.close);
+        this.dialogVisible = false;
+        //通过excel导入更新过数据的话就刷新页面
+        if (this.isUpdated === true) {
+          this.$emit("refreshAll");
+          this.isUpdated = false;
+        }
+      },
+    }
+  }
+</script>
+
+<style>
+</style>
+
+<style scoped>
+
+.testcase-import >>> .el-dialog {
+  width: 650px;
+}
+
+</style>
diff --git a/frontend/src/business/components/track/common/TestCaseNodeTree.vue b/frontend/src/business/components/track/common/TestCaseNodeTree.vue
index 2fe920c686..74f4b44c94 100644
--- a/frontend/src/business/components/track/common/TestCaseNodeTree.vue
+++ b/frontend/src/business/components/track/common/TestCaseNodeTree.vue
@@ -43,7 +43,7 @@
 import NodeEdit from "./NodeEdit";
 import MsNodeTree from "./NodeTree";
 import TestCaseCreate from "@/business/components/track/case/components/TestCaseCreate";
-import TestCaseImport from "@/business/components/track/case/components/TestCaseImport";
+import TestCaseImport from "@/business/components/track/case/components/import/TestCaseImport";
 import TestCaseExport from "@/business/components/track/case/components/TestCaseExport";
 import MsSearchBar from "@/business/components/common/components/search/MsSearchBar";
 import {buildTree} from "../../api/definition/model/NodeTree";