From d769d79c5e8ec98382766beb3179ff36e70dd0e0 Mon Sep 17 00:00:00 2001
From: q4speed <kun@fit2cloud.com>
Date: Wed, 20 May 2020 14:21:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=80=E8=BF=91=E6=B5=8B=E8=AF=95=E6=8A=A5?=
 =?UTF-8?q?=E5=91=8A=E5=A2=9E=E5=8A=A0=E6=97=B6=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/api/head/ApiHeaderMenus.vue      |  1 +
 .../components/common/head/RecentList.vue       | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/frontend/src/business/components/api/head/ApiHeaderMenus.vue b/frontend/src/business/components/api/head/ApiHeaderMenus.vue
index c3e56f1343..bc379a4e31 100644
--- a/frontend/src/business/components/api/head/ApiHeaderMenus.vue
+++ b/frontend/src/business/components/api/head/ApiHeaderMenus.vue
@@ -88,6 +88,7 @@
         },
         reportRecent: {
           title: this.$t('report.recent'),
+          showTime: true,
           url: "/api/report/recent/5",
           index: function (item) {
             return '/api/report/view/' + item.id;
diff --git a/frontend/src/business/components/common/head/RecentList.vue b/frontend/src/business/components/common/head/RecentList.vue
index b5e9edc38b..bc9e4bf295 100644
--- a/frontend/src/business/components/common/head/RecentList.vue
+++ b/frontend/src/business/components/common/head/RecentList.vue
@@ -6,7 +6,10 @@
       <i class="el-icon-refresh" @click="recent"/>
     </div>
     <el-menu-item :key="i.id" v-for="i in items" :index="getIndex(i)" :route="getRouter(i)">
-      <span class="title">{{ i.name }}</span>
+      <template slot="title">
+        <div class="title">{{ i.name }}</div>
+        <div class="time" v-if="options.showTime && i.updateTime">{{ i.updateTime | timestampFormatDate}}</div>
+      </template>
     </el-menu-item>
   </div>
 </template>
@@ -81,6 +84,18 @@
   }
 
   .title {
+    display: inline-block;
     padding-left: 20px;
+    max-width: 200px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .time {
+    color: #C0C4CC;
+    display: inline-block;
+    padding-left: 20px;
+    float: right;
   }
 </style>