fix(新手引导): 老用户存在重定向地址，新手引导错乱问题修复

api-test/frontend/package.json

@@ -68,7 +68,9 @@
     "vue2-ace-editor": "0.0.15",
     "vuedraggable": "^2.24.3",
     "xml-js": "^1.6.11",
-    "yan-progress": "^1.0.3"
+    "yan-progress": "^1.0.3",
+    "vue-shepherd": "^0.3.0",
+    "shepherd.js": "^10.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",

api-test/frontend/src/main.js

@@ -21,6 +21,9 @@ import formCreate from '@form-create/element-ui';
 import mavonEditor from 'mavon-editor';
 import 'mavon-editor/dist/css/index.css';
 import VuePapaParse from 'vue-papa-parse';
+import VueShepherd from 'vue-shepherd'; // 新手引导
+import 'metersphere-frontend/src/assets/shepherd/shepherd-theme.css';
+import { gotoCancel, gotoNext } from "metersphere-frontend/src/utils";
 
 Vue.config.productionTip = false;
 
@@ -44,6 +47,10 @@ Vue.use(JSONPathPicker);
 Vue.use(mavonEditor);
 Vue.use(formCreate);
 Vue.use(VuePapaParse);
+Vue.use(VueShepherd);
+
+Vue.prototype.gotoCancel = gotoCancel;
+Vue.prototype.gotoNext = gotoNext;
 
 let instance = null;
 

framework/sdk-parent/frontend/src/components/guide/Guidance.vue

@@ -59,7 +59,8 @@ export default {
     checkStep(){
       getSideTask().then(res=> {
         if (res.data.length > 0 && res.data[0].guideStep) {
-          localStorage.setItem('step', res.data[0].guideStep)
+          let localStep = localStorage.getItem("step") ? localStorage.getItem("step") : res.data[0].guideStep
+          localStorage.setItem('step', localStep)
           localStorage.setItem("noviceStatus", res.data[0].status)
         } else {
           localStorage.setItem('guide','0')

framework/sdk-parent/frontend/src/components/head/ProjectSwitch.vue

@@ -24,7 +24,6 @@
         <span style="padding-left: 7px;">{{ $t('commons.show_all') }}</span>
       </el-menu-item>
     </el-submenu>
-    <ms-introduction ref="introduction"/>
   </el-menu>
 </template>
 
@@ -32,7 +31,6 @@
 import ProjectSearchList from "./ProjectSearchList";
 import {PROJECT_NAME} from "../../utils/constants";
 import {getCurrentProjectID} from "../../utils/token";
-import MsIntroduction from "../../components/guide/components/Introduction";
 
 
 export default {
@@ -40,7 +38,7 @@ export default {
   props: {
     projectName: String
   },
-  components: {ProjectSearchList,MsIntroduction},
+  components: {ProjectSearchList},
   watch: {
     currentProject() {
       sessionStorage.setItem(PROJECT_NAME, this.currentProject);

performance-test/frontend/package.json

@@ -66,7 +66,9 @@
     "vue2-ace-editor": "0.0.15",
     "vuedraggable": "^2.24.3",
     "xml-js": "^1.6.11",
-    "yan-progress": "^1.0.3"
+    "yan-progress": "^1.0.3",
+    "vue-shepherd": "^0.3.0",
+    "shepherd.js": "^10.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",

performance-test/frontend/src/main.js

@@ -15,6 +15,9 @@ import filters from "metersphere-frontend/src/filters";
 import chart from "metersphere-frontend/src/chart";
 import "metersphere-frontend/src/router/permission";
 import VueClipboard from "vue-clipboard2";
+import VueShepherd from 'vue-shepherd'; // 新手引导
+import 'metersphere-frontend/src/assets/shepherd/shepherd-theme.css';
+import { gotoCancel, gotoNext } from "metersphere-frontend/src/utils";
 
 Vue.config.productionTip = false
 
@@ -33,6 +36,10 @@ Vue.use(filters);
 Vue.use(chart);
 Vue.use(PiniaVuePlugin);
 Vue.use(VueClipboard);
+Vue.use(VueShepherd);
+
+Vue.prototype.gotoCancel = gotoCancel;
+Vue.prototype.gotoNext = gotoNext;
 
 let instance = null;
 

project-management/frontend/src/main.js

@@ -19,6 +19,7 @@ import VuePapaParse from "vue-papa-parse";
 import VueShepherd from 'vue-shepherd' // 新手引导
 import 'metersphere-frontend/src/assets/shepherd/shepherd-theme.css'
 import { gotoCancel, gotoNext } from "metersphere-frontend/src/utils";
+
 Vue.config.productionTip = false;
 
 const pinia = createPinia();

report-stat/frontend/package.json

@@ -66,7 +66,9 @@
     "vue2-ace-editor": "0.0.15",
     "vuedraggable": "^2.24.3",
     "xml-js": "^1.6.11",
-    "yan-progress": "^1.0.3"
+    "yan-progress": "^1.0.3",
+    "vue-shepherd": "^0.3.0",
+    "shepherd.js": "^10.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",

report-stat/frontend/src/main.js

@@ -16,6 +16,9 @@ import "metersphere-frontend/src/router/permission";
 import chart from "metersphere-frontend/src/chart"
 import mavonEditor from 'mavon-editor';
 import 'mavon-editor/dist/css/index.css'
+import VueShepherd from 'vue-shepherd'; // 新手引导
+import 'metersphere-frontend/src/assets/shepherd/shepherd-theme.css';
+import { gotoCancel, gotoNext } from "metersphere-frontend/src/utils";
 
 Vue.config.productionTip = false
 
@@ -35,6 +38,10 @@ Vue.use(filters);
 Vue.use(PiniaVuePlugin);
 Vue.use(chart);
 Vue.use(mavonEditor)
+Vue.use(VueShepherd);
+
+Vue.prototype.gotoCancel = gotoCancel;
+Vue.prototype.gotoNext = gotoNext;
 
 let instance = null;
 

test-track/frontend/package.json

@@ -66,7 +66,9 @@
     "vue2-ace-editor": "0.0.15",
     "vuedraggable": "^2.24.3",
     "xml-js": "^1.6.11",
-    "yan-progress": "^1.0.3"
+    "yan-progress": "^1.0.3",
+    "vue-shepherd": "^0.3.0",
+    "shepherd.js": "^10.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",

test-track/frontend/src/main.js

@@ -22,12 +22,15 @@ import vueMinderEditor from 'vue-minder-editor-plus'
 import VueClipboard from 'vue-clipboard2'
 import VueFab from 'vue-float-action-button';
 import CKEditor from '@ckeditor/ckeditor5-vue';
+import VueShepherd from 'vue-shepherd'; // 新手引导
+import 'metersphere-frontend/src/assets/shepherd/shepherd-theme.css';
+import { gotoCancel, gotoNext } from "metersphere-frontend/src/utils";
 
 Vue.config.productionTip = false
 
 function calcFontSize(){
   const w = document.body.clientWidth
-  document.documentElement.style.fontSize = 16 * (w / 1440) + 'px' 
+  document.documentElement.style.fontSize = 16 * (w / 1440) + 'px'
 }
 calcFontSize()
 window.addEventListener('resize',calcFontSize)
@@ -54,6 +57,10 @@ Vue.use(mavonEditor);
 Vue.use(VueFab);
 Vue.use(VueClipboard);
 Vue.use(CKEditor);
+Vue.use(VueShepherd);
+
+Vue.prototype.gotoCancel = gotoCancel;
+Vue.prototype.gotoNext = gotoNext;
 
 let instance = null;
 Vue.prototype._i18n = i18n;

workstation/frontend/package.json

@@ -66,7 +66,9 @@
     "vue2-ace-editor": "0.0.15",
     "vuedraggable": "^2.24.3",
     "xml-js": "^1.6.11",
-    "yan-progress": "^1.0.3"
+    "yan-progress": "^1.0.3",
+    "vue-shepherd": "^0.3.0",
+    "shepherd.js": "^10.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",

workstation/frontend/src/main.js

@@ -17,6 +17,9 @@ import "metersphere-frontend/src/router/permission";
 import mavonEditor from 'mavon-editor';
 import chart from "metersphere-frontend/src/chart";
 import 'mavon-editor/dist/css/index.css';
+import VueShepherd from 'vue-shepherd' // 新手引导
+import 'metersphere-frontend/src/assets/shepherd/shepherd-theme.css'
+import { gotoCancel, gotoNext } from "metersphere-frontend/src/utils";
 
 Vue.config.productionTip = false
 
@@ -36,6 +39,10 @@ Vue.use(filters);
 Vue.use(PiniaVuePlugin);
 Vue.use(mavonEditor);
 Vue.use(chart);
+Vue.use(VueShepherd);
+
+Vue.prototype.gotoCancel = gotoCancel;
+Vue.prototype.gotoNext = gotoNext;
 
 let instance = null;