优化：优化全局样式

continew-admin-ui/src/views/monitor/log/login/index.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="container">
+  <div class="app-container">
     <Breadcrumb :items="['menu.monitor', 'menu.log.login.list']" />
     <a-card class="general-card" :title="$t('menu.log.login.list')">
       <!-- 头部区域 -->
-      <div class="head-container">
+      <div class="header">
         <!-- 搜索栏 -->
-        <div class="query-container">
+        <div class="header-query">
           <a-form ref="queryRef" :model="queryParams" layout="inline">
             <a-form-item field="status" hide-label>
               <a-select
@@ -120,6 +120,7 @@
     listLoginLog(params).then((res) => {
       loginLogList.value = res.data.list;
       total.value = res.data.total;
+    }).finally(() => {
       loading.value = false;
     });
   };
@@ -167,18 +168,4 @@
   };
 </script>
 
-<style scoped lang="less">
-  .container {
-    padding: 0 20px 20px 20px;
-    .head-container {
-      margin-bottom: 16px
-    }
-  }
-  :deep(.arco-table-th) {
-    &:last-child {
-      .arco-table-th-item-title {
-        margin-left: 16px;
-      }
-    }
-  }
-</style>
+<style scoped lang="less"></style>

continew-admin-ui/src/views/monitor/log/operation/index.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="container">
+  <div class="app-container">
     <Breadcrumb :items="['menu.monitor', 'menu.log.operation.list']" />
     <a-card class="general-card" :title="$t('menu.log.operation.list')">
       <!-- 头部区域 -->
-      <div class="head-container">
+      <div class="header">
         <!-- 搜索栏 -->
-        <div class="query-container">
+        <div class="header-query">
           <a-form ref="queryRef" :model="queryParams" layout="inline">
             <a-form-item field="description" hide-label>
               <a-input
@@ -131,6 +131,7 @@
     listOperationLog(params).then((res) => {
       operationLogList.value = res.data.list;
       total.value = res.data.total;
+    }).finally(() => {
       loading.value = false;
     });
   };
@@ -178,18 +179,4 @@
   };
 </script>
 
-<style scoped lang="less">
-  .container {
-    padding: 0 20px 20px 20px;
-    .head-container {
-      margin-bottom: 16px
-    }
-  }
-  :deep(.arco-table-th) {
-    &:last-child {
-      .arco-table-th-item-title {
-        margin-left: 16px;
-      }
-    }
-  }
-</style>
+<style scoped lang="less"></style>

continew-admin-ui/src/views/monitor/log/system/index.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="container">
+  <div class="app-container">
     <Breadcrumb :items="['menu.monitor', 'menu.log.system.list']" />
     <a-card class="general-card" :title="$t('menu.log.system.list')">
       <!-- 头部区域 -->
-      <div class="head-container">
+      <div class="header">
         <!-- 搜索栏 -->
-        <div class="query-container">
+        <div class="header-query">
           <a-form ref="queryRef" :model="queryParams" layout="inline">
             <a-form-item field="createTime" hide-label>
               <date-range-picker v-model="queryParams.createTime" />
@@ -288,6 +288,7 @@
     listSystemLog(params).then((res) => {
       systemLogList.value = res.data.list;
       total.value = res.data.total;
+    }).finally(() => {
       loading.value = false;
     });
   };
@@ -303,6 +304,7 @@
     loading.value = true;
     getSystemLog(id).then((res) => {
       systemLog.value = res.data;
+    }).finally(() => {
       loading.value = false;
     });
   };
@@ -374,18 +376,4 @@
   };
 </script>
 
-<style scoped lang="less">
-  .container {
-    padding: 0 20px 20px 20px;
-    .head-container {
-      margin-bottom: 16px
-    }
-  }
-  :deep(.arco-table-th) {
-    &:last-child {
-      .arco-table-th-item-title {
-        margin-left: 16px;
-      }
-    }
-  }
-</style>
+<style scoped lang="less"></style>

continew-admin-ui/src/views/monitor/online/index.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="container">
+  <div class="app-container">
     <Breadcrumb :items="['menu.monitor', 'menu.online.user.list']" />
     <a-card class="general-card" :title="$t('menu.online.user.list')">
       <!-- 头部区域 -->
-      <div class="head-container">
+      <div class="header">
         <!-- 搜索栏 -->
-        <div class="query-container">
+        <div class="header-query">
           <a-form ref="queryRef" :model="queryParams" layout="inline">
             <a-form-item field="nickname" hide-label>
               <a-input
@@ -126,6 +126,7 @@
     listOnlineUser(params).then((res) => {
       onlineUserList.value = res.data.list;
       total.value = res.data.total;
+    }).finally(() => {
       loading.value = false;
     });
   };
@@ -185,18 +186,4 @@
   };
 </script>
 
-<style scoped lang="less">
-  .container {
-    padding: 0 20px 20px 20px;
-    .head-container {
-      margin-bottom: 16px
-    }
-  }
-  :deep(.arco-table-th) {
-    &:last-child {
-      .arco-table-th-item-title {
-        margin-left: 16px;
-      }
-    }
-  }
-</style>
+<style scoped lang="less"></style>