From 7c4b3620c933f7a4716564fe0b6710473fa3871e Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Sun, 10 Sep 2023 09:17:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A1=E8=AE=A1=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Audit.vue       | 34 +++++++++++++++++++++++++++-------
 src/mock/command.js            |  9 +++++++++
 src/pages/Home.vue             |  8 ++++----
 src/store/index.js             |  2 ++
 src/store/modules/audit.js     | 16 ++++++++++++++++
 src/store/modules/websocket.js | 11 +++++++++--
 6 files changed, 67 insertions(+), 13 deletions(-)
 create mode 100644 src/store/modules/audit.js

diff --git a/src/components/Audit.vue b/src/components/Audit.vue
index d5f8c6f..27fc4a7 100644
--- a/src/components/Audit.vue
+++ b/src/components/Audit.vue
@@ -6,12 +6,22 @@
       <p>操作时间</p>
     </div>
     <div
-      :class="dataList?.length == 0 ? 'content_wrap layout' : 'content_wrap'"
+      :class="
+        auditStore.auditInfoList?.length == 0
+          ? 'content_wrap layout'
+          : 'content_wrap'
+      "
     >
-      <div class="line" v-for="item in dataList" :key="item">
-        <div class="username">Admin</div>
-        <div class="oper">修改注射泵速率</div>
-        <div class="time">2023-06-29 13:59</div>
+      <div
+        class="line"
+        v-for="item in auditStore.auditInfoList"
+        :key="item?.id"
+      >
+        <div class="username">{{ item?.uid }}</div>
+        <div class="oper">{{ item?.behaviorZH }}</div>
+        <div class="time">
+          {{ moment(item?.date).format('YYYY-MM-DD HH:mm:ss') }}
+        </div>
       </div>
       <svg
         v-if="dataList?.length == 0"
@@ -52,8 +62,18 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
-const dataList = ref([])
+import { ref, onMounted } from 'vue'
+import { useWebSocketStore, useAuditStore } from '@/store'
+import { getUserBehaviorRecordDescJSON } from '@/mock/command'
+import moment from 'moment'
+
+const webSocketStore = useWebSocketStore()
+const auditStore = useAuditStore()
+
+onMounted(() => {
+  // 读取全部审计记录 需要分页
+  webSocketStore.sendCommandMsg(getUserBehaviorRecordDescJSON(0, 10))
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/mock/command.js b/src/mock/command.js
index c1d2d23..27915b5 100644
--- a/src/mock/command.js
+++ b/src/mock/command.js
@@ -232,3 +232,12 @@ export const cleanUserBehaviorRecordJSON = {
   command: 'cleanUserBehaviorRecord',
   messageId: 'cleanUserBehaviorRecord',
 }
+
+export const getUserBehaviorRecordDescJSON = (page, page_size) => {
+  return {
+    command: 'getUserBehaviorRecordDescJson',
+    page,
+    page_size,
+    messageId: 'getUserBehaviorRecordDescJson',
+  }
+}
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index bb0bd13..2c738ec 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -78,7 +78,7 @@
         </svg>
         <p class="text">排液</p>
       </div>
-      <!-- <div
+      <div
         :class="
           activeTab == 7 ? 'tab_btn style-btn active_btn' : 'style-btn tab_btn'
         "
@@ -103,7 +103,7 @@
           </g>
         </svg>
         <p class="text">配方管理</p>
-      </div> -->
+      </div>
       <div
         :class="
           activeTab == 4 ? 'tab_btn style-btn active_btn' : 'style-btn tab_btn'
@@ -163,7 +163,7 @@
         </svg>
         <p class="text">设置</p>
       </div>
-      <!-- <div
+      <div
         v-if="
           userStore.loginUserPermission != 3 &&
           [0, 5].includes(operatorStore.disinfectStatus)
@@ -191,7 +191,7 @@
           </g>
         </svg>
         <p class="text">审计</p>
-      </div> -->
+      </div>
     </div>
     <Operator
       v-if="activeTab == 1 && showOpertor"
diff --git a/src/store/index.js b/src/store/index.js
index 824b988..345c885 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -7,11 +7,13 @@ import { useDeviceStore } from './modules/device'
 import { useUserStore } from './modules/user'
 import { useEchartsStore } from './modules/echarts'
 import { usePreStore } from './modules/preinstall'
+import { useAuditStore } from './modules/audit'
 const store = createPinia()
 
 export default store
 export {
   useTestStore,
+  useAuditStore,
   useSettingStore,
   useOperatorStore,
   useWebSocketStore,
diff --git a/src/store/modules/audit.js b/src/store/modules/audit.js
new file mode 100644
index 0000000..1b04edc
--- /dev/null
+++ b/src/store/modules/audit.js
@@ -0,0 +1,16 @@
+import { defineStore } from 'pinia'
+export const useAuditStore = defineStore({
+  id: 'audit', // id必填，且需要唯一
+  // state
+  state: () => {
+    return {
+      auditInfoList: [],
+    }
+  },
+  // actions
+  actions: {
+    updateAuditList(auditInfoList) {
+      this.auditInfoList = auditInfoList
+    },
+  },
+})
diff --git a/src/store/modules/websocket.js b/src/store/modules/websocket.js
index c806edd..5078cf3 100644
--- a/src/store/modules/websocket.js
+++ b/src/store/modules/websocket.js
@@ -6,6 +6,7 @@ import { useUserStore } from './user'
 import { useOperatorStore } from './operator'
 import { useDeviceStore } from './device'
 import { useTestStore } from './test'
+import { useAuditStore } from './audit'
 import { useEchartsStore } from './echarts'
 import { showSuccessToast, showFailToast } from 'vant'
 import { saveEchartsDataToLocal } from '@/utils'
@@ -32,6 +33,7 @@ export const useWebSocketStore = defineStore({
       const deviceStore = useDeviceStore()
       const operatorStore = useOperatorStore()
       const echartsStore = useEchartsStore()
+      const auditStore = useAuditStore()
       init.connect()
       init.ws.onmessage = function (ev) {
         const { ackcode, messageId, timeStamp } = JSON.parse(ev.data)
@@ -171,12 +173,17 @@ export const useWebSocketStore = defineStore({
             break
           case 'stopDisinfection':
             break
-          case 'exportUserBehaviorRecordJSON':
+          case 'exportUserBehaviorRecord':
             settingStore.updateExportLoading(false)
             break
-          case 'exportDisinfectionRecordJSON':
+          case 'exportDisinfectionRecord':
             settingStore.updateExportLoading(false)
             break
+          case 'getUserBehaviorRecordDescJson':
+            const { records } = JSON.parse(ev.data) || {}
+            const { iterms } = records || {}
+            auditStore.updateAuditList(iterms || [])
+            break
           case 'login':
             if (ackcode == 0) {
               window.location.href = 'http://127.0.0.1/'