From 2bf731a55310aa699fd66043e961a0223bdcae32 Mon Sep 17 00:00:00 2001
From: wxg0103 <727495428@qq.com>
Date: Tue, 14 Nov 2023 14:40:21 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=9C=BA=E6=99=AF=E5=AF=BC=E5=85=A5=E9=81=AE?=
 =?UTF-8?q?=E7=BD=A9=E5=B1=82=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1031247 --user=王孝刚 【接口测试】场景导入-导入中-前端遮罩不全 https://www.tapd.cn/55049933/s/1436261
---
 .../automation/scenario/ImportApiScenario.vue | 14 +++++++++-
 framework/sdk-parent/frontend/package.json    |  1 +
 framework/sdk-parent/frontend/src/main.js     | 28 ++++++++++---------
 3 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/api-test/frontend/src/business/automation/scenario/ImportApiScenario.vue b/api-test/frontend/src/business/automation/scenario/ImportApiScenario.vue
index f46a00d445..346560d0a4 100644
--- a/api-test/frontend/src/business/automation/scenario/ImportApiScenario.vue
+++ b/api-test/frontend/src/business/automation/scenario/ImportApiScenario.vue
@@ -122,4 +122,16 @@ export default {
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+:deep(.el-loading-mask) {
+  position: inherit;
+  z-index: 2000;
+  background-color: rgba(255, 255, 255, 0.9);
+  margin: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transition: opacity 0.3s;
+}
+</style>
diff --git a/framework/sdk-parent/frontend/package.json b/framework/sdk-parent/frontend/package.json
index 55340e04ad..847a22d5e3 100644
--- a/framework/sdk-parent/frontend/package.json
+++ b/framework/sdk-parent/frontend/package.json
@@ -46,6 +46,7 @@
     "@vue/cli-plugin-babel": "^5.0.7",
     "@vue/cli-plugin-eslint": "^5.0.7",
     "@vue/cli-service": "^5.0.7",
+    "vue-papa-parse": "^2.0.0",
     "core-js": "^3.19.1",
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^7.20.0",
diff --git a/framework/sdk-parent/frontend/src/main.js b/framework/sdk-parent/frontend/src/main.js
index 0bbfeb6f26..e4ec856dff 100644
--- a/framework/sdk-parent/frontend/src/main.js
+++ b/framework/sdk-parent/frontend/src/main.js
@@ -3,8 +3,8 @@ import "@/styles/index.scss";
 import App from "./App.vue";
 import i18n from "./i18n";
 import router from "./router/index";
-import {createPinia, PiniaVuePlugin} from 'pinia';
-import PersistedState from 'pinia-plugin-persistedstate';
+import { createPinia, PiniaVuePlugin } from "pinia";
+import PersistedState from "pinia-plugin-persistedstate";
 import icons from "./icons";
 import svg from "./components/svg";
 import plugins from "./plugins";
@@ -12,17 +12,18 @@ import directives from "./directive";
 import filters from "./filters";
 import "./router/permission";
 import "./micro-app";
-import VueShepherd from 'vue-shepherd' // 新手引导
-import './assets/shepherd/shepherd-theme.css'
+import VuePapaParse from "vue-papa-parse";
+import VueShepherd from "vue-shepherd"; // 新手引导
+import "./assets/shepherd/shepherd-theme.css";
 import { gotoCancel, gotoNext } from "./utils";
 import ElementUI from "element-ui";
 
-Vue.config.productionTip = false
+Vue.config.productionTip = false;
 
-const pinia = createPinia()
-pinia.use(PersistedState)//开启缓存，存储在localstorage
+const pinia = createPinia();
+pinia.use(PersistedState); //开启缓存，存储在localstorage
 Vue.use(ElementUI, {
-  i18n: (key, value) => i18n.t(key, value)
+  i18n: (key, value) => i18n.t(key, value),
 });
 Vue.use(icons);
 Vue.use(svg);
@@ -30,15 +31,16 @@ Vue.use(plugins);
 Vue.use(directives);
 Vue.use(filters);
 Vue.use(PiniaVuePlugin);
-Vue.use(VueShepherd)
+Vue.use(VueShepherd);
+Vue.use(VuePapaParse);
 
-Vue.prototype.gotoCancel = gotoCancel
-Vue.prototype.gotoNext = gotoNext
+Vue.prototype.gotoCancel = gotoCancel;
+Vue.prototype.gotoNext = gotoNext;
 
 new Vue({
   el: "#app",
   i18n,
   router,
   pinia,
-  render: h => h(App),
-})
\ No newline at end of file
+  render: (h) => h(App),
+});