From b4c036d638e5b8165d8dc37b9dbfe14dc62c99bf Mon Sep 17 00:00:00 2001
From: hyx <hanyuxia@iie.ac.cn>
Date: Wed, 8 May 2024 18:23:47 +0800
Subject: [PATCH] =?UTF-8?q?feat:element=20=E5=8D=87=E7=BA=A7=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E7=9A=84appearance=E9=87=8C=E7=9A=84=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=E6=A0=B7=E5=BC=8F=E5=BC=82=E5=B8=B8=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=EF=BC=9Blicense=E5=A2=9E=E5=8A=A0loading?=
 =?UTF-8?q?=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/views/administration/Appearance.scss   |  9 ++++-----
 .../css/components/views/administration/License.scss  |  7 +++++++
 src/views/administration/License.vue                  | 11 ++++++++++-
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/assets/css/components/views/administration/Appearance.scss b/src/assets/css/components/views/administration/Appearance.scss
index 04b4b1c5..00eedb6f 100644
--- a/src/assets/css/components/views/administration/Appearance.scss
+++ b/src/assets/css/components/views/administration/Appearance.scss
@@ -38,11 +38,6 @@
       font-size: 14px;
       line-height: 16px;
     }
-
-    .appearance__option {
-      display: flex;
-      justify-content: space-between;
-    }
   }
 
   .edit-appearance-base__footer {
@@ -62,3 +57,7 @@
     }
   }
 }
+.appearance__option {
+  display: flex;
+  justify-content: space-between;
+}
diff --git a/src/assets/css/components/views/administration/License.scss b/src/assets/css/components/views/administration/License.scss
index 5ef07679..57d50fd9 100644
--- a/src/assets/css/components/views/administration/License.scss
+++ b/src/assets/css/components/views/administration/License.scss
@@ -10,6 +10,13 @@
     flex-direction: column;
     height: 100%;
 
+    .license__loading {
+      top: 75px;
+      left: 130px;
+      width: 304px;
+      flex: 1;
+      position: relative;
+    }
     .license-file {
       display: flex;
       flex-direction: row;
diff --git a/src/views/administration/License.vue b/src/views/administration/License.vue
index 43be87f6..0d38516c 100644
--- a/src/views/administration/License.vue
+++ b/src/views/administration/License.vue
@@ -2,6 +2,7 @@
   <div class="license" :class="from">
     <div class="license-form">
       <el-form ref="licenseForm" :model="licenseObject" label-position="left" label-width="134px" size="small">
+        <div class="license__loading"><loading :loading="loading"></loading></div>
         <el-form-item :label="`${$t('license.type')}：`" prop="type">
           {{ licenseObject.type }}
         </el-form-item>
@@ -51,6 +52,7 @@ import axios from 'axios'
 import { ref } from 'vue'
 import { dateFormat } from '@/utils/date-util'
 import _ from 'lodash'
+import Loading from '@/components/common/Loading'
 
 export default {
   name: 'License',
@@ -64,14 +66,19 @@ export default {
         supportID: '',
         dateIssued: '',
         dateExpires: ''
-      }
+      },
+      loading:false
     }
   },
+  components: {
+    Loading
+  },
   mounted () {
     this.initData()
   },
   methods: {
     initData () {
+      this.loading = true
       axios.get(this.url, { pageSize: -1 }).then(response => {
         if (response.status === 200) {
           this.licenseObject = response.data.data.license
@@ -81,6 +88,8 @@ export default {
       }).catch(e => {
         console.error(e)
         this.$message.error(this.errorMsgHandler(e))
+      }).finally(() => {
+        this.loading = false
       })
     },