style(接口测试): 修复场景导入遮罩层样式

--bug=1031247 --user=王孝刚 【接口测试】场景导入-导入中-前端遮罩不全 https://www.tapd.cn/55049933/s/1436261

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>

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",

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),
-})
+  render: (h) => h(App),
+});