From 9855323c2dbe42f119a08f9bdb6e464ed7271d2d Mon Sep 17 00:00:00 2001
From: song <srf428110@163.com>
Date: Thu, 28 Oct 2021 15:11:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=AE=BF=E9=97=AE=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routers/index.js            | 12 ++++++
 src/views/access-log.vue        | 68 +++++++++++++++++++++++++++++++++
 src/views/communication-log.vue |  5 +++
 3 files changed, 85 insertions(+)
 create mode 100644 src/views/access-log.vue
 create mode 100644 src/views/communication-log.vue

diff --git a/src/routers/index.js b/src/routers/index.js
index 35bbedd..1096374 100644
--- a/src/routers/index.js
+++ b/src/routers/index.js
@@ -50,6 +50,18 @@ export const routes = [
     meta: { title: '月累计数据分析', icon: 'el-icon-data-analysis' },
     component: () => import('@/views/month-data.vue'),
   },
+  {
+    path: '/communication-log',
+    name: 'communication-log',
+    meta: { title: '通讯日志', icon: 'el-icon-phone-outline' },
+    component: () => import('@/views/communication-log.vue'),
+  },
+  {
+    path: '/access-log',
+    name: 'access-log',
+    meta: { title: '访问日志', icon: 'el-icon-message' },
+    component: () => import('@/views/access-log.vue'),
+  },
 ];
 
 const router = createRouter({
diff --git a/src/views/access-log.vue b/src/views/access-log.vue
new file mode 100644
index 0000000..7766bcd
--- /dev/null
+++ b/src/views/access-log.vue
@@ -0,0 +1,68 @@
+<template>
+  <el-row :gutter="24" class="flex flex-column">
+    <el-col :xs="24" :md="12" v-for="(list, index) in lists" :key="index">
+      <el-card class="box-card mb-3">
+        <div class="flex flex-column">
+          <el-avatar icon="el-icon-user-solid" :size="46" :src="circleUrl"></el-avatar>
+          <div class="ml-4 flex-1 flex-col">
+            <span class="font-bold">
+              {{ list.name }}
+            </span>
+            <div class="flex flex-col mt-5 text-sm text-gray-400">
+              <span class="mb-1">{{ list.operation }}</span>
+              <span>{{ list.time }}</span>
+            </div>
+          </div>
+        </div>
+      </el-card>
+    </el-col>
+  </el-row>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const circleUrl = 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png';
+const lists = ref([
+  {
+    name: '管理员01',
+    operation: '管理员01',
+    time: '2021年10月19日',
+  },
+  {
+    name: '管理员01',
+    operation: '管理员01',
+    time: '2021年10月19日',
+  },
+  {
+    name: '管理员01',
+    operation: '管理员01',
+    time: '2021年10月19日',
+  },
+  {
+    name: '管理员01',
+    operation: '管理员01',
+    time: '2021年10月19日',
+  },
+  {
+    name: '管理员01',
+    operation: '管理员01',
+    time: '2021年10月19日',
+  },
+  {
+    name: '管理员01',
+    operation: '管理员01',
+    time: '2021年10月19日',
+  },
+  {
+    name: '管理员01',
+    operation: '管理员01',
+    time: '2021年10月19日',
+  },
+  {
+    name: '管理员01',
+    operation: '管理员01',
+    time: '2021年10月19日',
+  },
+]);
+</script>
diff --git a/src/views/communication-log.vue b/src/views/communication-log.vue
new file mode 100644
index 0000000..a889bea
--- /dev/null
+++ b/src/views/communication-log.vue
@@ -0,0 +1,5 @@
+<template>
+  <div>通讯日志</div>
+</template>
+
+<script setup></script>