页面加载

package-lock.json

@@ -7226,6 +7226,11 @@
         "path-key": "^2.0.0"
       }
     },
+    "nprogress": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/nprogress/-/nprogress-0.2.0.tgz",
+      "integrity": "sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA=="
+    },
     "nth-check": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz",

package.json

@@ -20,6 +20,7 @@
     "element-ui": "^2.15.14",
     "fs": "0.0.1-security",
     "lodash": "^4.17.21",
+    "nprogress": "^0.2.0",
     "qs": "^6.14.0",
     "regenerator-runtime": "^0.14.1",
     "scrolling-element": "^1.0.2",

src/permission.js

@@ -5,6 +5,7 @@ import {
   getToken,
   setToken
 } from './utils/auth'
+import progress from '@/utils/progress'
 import store from './store'
 import Vue from 'vue'
 // 刷新token状态
@@ -32,6 +33,7 @@ router.beforeEach(async (to, from, next) => {
     next('/')
     return
   }
+  progress.start()
 
   try {
     if (from.path !== '/login-local') {
@@ -59,6 +61,7 @@ router.beforeEach(async (to, from, next) => {
 })
 
 router.afterEach((to, from) => {
+  progress.done()
   document.title = `${Vue.prototype.$DEFAULT_TITLE} ${to.meta.title ?? ''}`
 })
 

src/utils/progress.js

@@ -0,0 +1,17 @@
+import NProgress from 'nprogress'
+import 'nprogress/nprogress.css'
+
+NProgress.configure({
+  showSpinner: false,
+  speed: 500,
+  trickleSpeed: 200
+})
+
+export default {
+  start () {
+    NProgress.start()
+  },
+  done () {
+    NProgress.done()
+  }
+}

src/views/workOrder/myOrder/index.vue

@@ -59,7 +59,6 @@ export default {
       }
     },
     onDetails (item) {
-      console.log(this.$refs.approvalDetailsRefs)
       this.$refs.approvalDetailsRefs.open(item)
     },
     async onUrgent ({ workFlowInstanceId }) {