From cf955fb97b8fc74af74cde715ecfd8f97f371767 Mon Sep 17 00:00:00 2001
From: sige <sige@sige.com>
Date: Fri, 24 May 2024 09:21:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A1=E8=AE=A1=E5=86=85=E5=AE=B9=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=A2=9E=E5=8A=A0=E5=AF=BC=E5=87=BA=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Audit.vue         | 31 ++++++++++++++++++++++++++++---
 src/components/Setting/index.vue |  4 ++--
 2 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/src/components/Audit.vue b/src/components/Audit.vue
index adf0fbb..ab7014a 100644
--- a/src/components/Audit.vue
+++ b/src/components/Audit.vue
@@ -59,6 +59,8 @@
       </svg>
     </div>
     <div class="page_wrap">
+      <div class="btn mb" @click="exportAudit">导出审计</div>
+
       <el-pagination
         background
         layout="prev, pager, next"
@@ -81,12 +83,13 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { useWebSocketStore, useAuditStore } from '@/store'
-import { getUserBehaviorRecordDescJSON } from '@/mock/command'
+import { useWebSocketStore, useAuditStore, useSettingStore } from '@/store'
+import { getUserBehaviorRecordDescJSON, exportUserBehaviorRecordJSON } from '@/mock/command'
 import moment from 'moment'
 
 const webSocketStore = useWebSocketStore()
 const auditStore = useAuditStore()
+const settingStore = useSettingStore()
 
 onMounted(() => {
   // 读取全部审计记录 需要分页
@@ -99,6 +102,12 @@ const handleCurrentPageChange = page => {
   webSocketStore.sendCommandMsg(getUserBehaviorRecordDescJSON(page - 1, 6))
   auditStore.updateAuditLoading(true)
 }
+
+const exportAudit = () => {
+  settingStore.updateExportText('导出审计中')
+  settingStore.updateExportLoading(true)
+  webSocketStore.sendCommandMsg(exportUserBehaviorRecordJSON)
+}
 </script>
 
 <style lang="scss" scoped>
@@ -187,7 +196,7 @@ const handleCurrentPageChange = page => {
     padding-right: 32px;
     display: flex;
     align-items: center;
-    justify-content: flex-end;
+    justify-content: space-between;
   }
 }
 .wrapper {
@@ -215,4 +224,20 @@ const handleCurrentPageChange = page => {
     white-space: nowrap;
   }
 }
+.btn {
+    background: #06518b;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 147px;
+    height: 30px;
+    border-radius: 30px;
+    font-family: Source Han Sans CN;
+    font-size: 20px;
+    font-weight: normal;
+    line-height: normal;
+    letter-spacing: 0.1em;
+    color: #ffffff;
+    margin-left: 32px;
+}
 </style>
diff --git a/src/components/Setting/index.vue b/src/components/Setting/index.vue
index af9e471..843d1d3 100644
--- a/src/components/Setting/index.vue
+++ b/src/components/Setting/index.vue
@@ -21,11 +21,11 @@
         <p :class="activeTab == 4 ? 'title active' : 'title'">日期/时间设置</p>
         <div :class="activeTab == 4 ? 'btn style-btn' : 'dis_btn'">配置</div>
       </div>
-      <div class="tab_wrap" @click="changeActiveTab(5)">
+      <!-- <div class="tab_wrap" @click="changeActiveTab(5)">
         <p class="active_line" v-show="activeTab == 5"></p>
         <p :class="activeTab == 5 ? 'title active' : 'title'">审计管理</p>
         <div :class="activeTab == 5 ? 'btn style-btn' : 'dis_btn'">操作</div>
-      </div>
+      </div> -->
       <!-- <div class="tab_wrap" @click="changeActiveTab(6)">
         <p class="active_line" v-show="activeTab == 6"></p>
         <p :class="activeTab == 6 ? 'title active' : 'title'">消毒记录管理</p>