From f0ebbf2948c0fc7f91a589755edee62267d6afbb Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Thu, 2 Jun 2022 11:48:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B7=B2=E7=9F=A5bug1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/common/lang/en-us.js            |  1 +
 jero-web/src/common/lang/zh-cn.js            |  3 +-
 jero-web/src/components/jero/JLoadingOne.vue | 91 ++++++++++++++++++++
 3 files changed, 94 insertions(+), 1 deletion(-)
 create mode 100644 jero-web/src/components/jero/JLoadingOne.vue

diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index 955c97dc5..413b727f5 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -913,4 +913,5 @@ module.exports = {
   toHavePermission: 'To Have Permission',
   and: 'and',
   judge:'Judge',
+  pleaseWaitWhileRunning:'Please wait while running',
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index b63eab763..a21ed39f9 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -917,5 +917,6 @@ module.exports = {
   SynchronizedLibrary: '已同步至上报库、',
   Statusis: '状态为',
   toHavePermission: '才有权限',
-  and: '并且'
+  and: '并且',
+  pleaseWaitWhileRunning:'运行中请稍等',
 }
\ No newline at end of file
diff --git a/jero-web/src/components/jero/JLoadingOne.vue b/jero-web/src/components/jero/JLoadingOne.vue
new file mode 100644
index 000000000..2015d6f7c
--- /dev/null
+++ b/jero-web/src/components/jero/JLoadingOne.vue
@@ -0,0 +1,91 @@
+<template>
+  <div class="loading-box" :style="style" v-if="loading">
+    <div class="loading-content">
+      <a-icon class="loading" type="loading"/>
+      <div class="loading-tips">
+        {{isTrue?'Please wait while running':'运行中请稍等'}}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'JLoading',
+    props: {
+      // 是否显示隐藏
+      loading: {
+        type: Boolean,
+        default: false
+      },
+      // 是否固定
+      fixed: {
+        type: Boolean,
+        default: false
+      },
+      isTrue: {
+        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: 999;
+    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>
\ No newline at end of file