修改流程中心细节的问题

jero-web/src/components/jero/JLoading.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="loading-box" :style="style" v-if="loading">
+    <div class="loading-content">
+      <a-icon class="loading" type="loading" />
+      <div class="loading-tips">
+        <slot></slot>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'JLoading',
+    props: {
+      // 是否显示隐藏
+      loading: {
+        type: Boolean,
+        default: false
+      },
+      // 是否固定
+      fixed: {
+        type: Boolean,
+        default: false
+      },
+    },
+    data() {
+      return {
+        style: {}
+      }
+    },
+    mounted() {
+      if (this.fixed) {
+        const el = $(this.el)
+        const top = `${el.offset().top}px`
+        const left = `${el.offset().left}px`
+        const width = `${el.outerWidth()}px`
+        const height = `${el.outerHeight()}px`
+        this.style = {
+          position: 'fixed',
+          top,
+          left,
+          width,
+          height,
+          'z-index': 1000
+        }
+      }
+    }
+  }
+</script>
+
+<style lang="less">
+  .loading-box{
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 9999900;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.9);
+    border-radius: 8px;
+    user-select: none;
+    .loading-content{
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      color: #21c9cc;
+      transform: translate(-50%, -50%);
+      text-align: center;
+      .loading{
+        font-size:28px ;
+      }
+      .spin-loading{
+        animation: rotating 2s linear infinite;
+      }
+      .loading-tips{
+        margin-top: 5px;
+        font-size: 16px;
+        color: #21c9cc;
+      }
+    }
+  }
+</style>

jero-web/src/components/jero/index.js

@@ -26,7 +26,7 @@ import JSlider from './JSlider.vue'
 import JSwitch from './JSwitch.vue'
 import JTime from './JTime.vue'
 import JTreeTable from './JTreeTable.vue'
-
+import JLoading from './JLoading.vue'
 //jerobiz
 import JSelectDepart from '../jerobiz/JSelectDepart.vue'
 import JSelectMultiUser from '../jerobiz/JSelectMultiUser.vue'
@@ -63,6 +63,7 @@ export default {
     Vue.component('JTreeSelect', JTreeSelect)
     Vue.component('JTreeTable', JTreeTable)
     Vue.component('JUpload', JUpload)
+    Vue.component('JLoading', JLoading)
 
     //jerobiz
     Vue.component('JSelectDepart', JSelectDepart)

jero-web/src/components/layouts/TabLayout.vue

@@ -91,7 +91,8 @@
           this.$route.path == '/ProcessMapping' ||
           this.$route.path == '/virtualListDetails' ||
           this.$route.path == '/ProjectDetails' ||
-          this.$route.path == '/handshakeProcess') {
+          this.$route.path == '/handshakeProcess' ||
+          this.$route.path == '/processDetails') {
           return false
         } else {
           return true