运行日志显示未读的日志数量

web/views/@default/clusters/logs/@menu.html

@@ -0,0 +1,4 @@
+<first-menu>
+    <menu-item href="/clusters/logs" code="index">所有</menu-item>
+    <menu-item href="/clusters/logs?type=unread" code="unread">未读<span :class="{red: countUnreadLogs > 0}">({{countUnreadLogs}})</span></menu-item>
+</first-menu>

web/views/@default/clusters/logs/index.html

@@ -1,9 +1,11 @@
 {$layout}
 {$template "/datepicker"}
+{$template "menu"}
 
 <div class="margin"></div>
 
 <form method="get" action="/clusters/logs" class="ui form" autocomplete="off">
+    <input type="hidden" name="type" :value="type"/>
     <div class="ui fields inline">
         <div class="ui field">
             <input type="text" name="dayFrom" placeholder="开始日期" v-model="dayFrom" value="" style="width:8em" id="day-from-picker"/>
@@ -27,7 +29,7 @@
             <button type="submit" class="ui button">查询</button>
         </div>
         <div class="ui field" v-if="dayFrom.length > 0 || dayTo.length > 0 || keyword.length > 0 || level.length > 0">
-            <a href="/clusters/logs">[清除条件]</a>
+            <a :href="'/clusters/logs?type=' + type">[清除条件]</a>
         </div>
     </div>
 </form>
@@ -40,6 +42,7 @@
             <th>集群</th>
             <th>节点</th>
             <th>信息</th>
+            <th class="one op">操作</th>
         </tr>
     </thead>
     <tr v-for="log in logs">
@@ -48,6 +51,9 @@
         <td>
             <node-log-row :v-log="log" :v-keyword="keyword"></node-log-row>
         </td>
+        <td>
+            <a href="" @click.prevent="updateRead(log.id)" v-if="!log.isRead">已读</a>
+        </td>
     </tr>
 </table>
 

web/views/@default/clusters/logs/index.js

@@ -3,4 +3,27 @@ Tea.context(function () {
 		teaweb.datepicker("day-from-picker")
 		teaweb.datepicker("day-to-picker")
 	})
+
+	this.updateRead = function (logId) {
+		this.$post(".readLogs")
+			.params({
+				logIds: [logId]
+			})
+			.success(function () {
+				teaweb.reload()
+			})
+	}
+
+	this.updatePageRead = function () {
+		let logIds = this.logs.map(function (v) {
+			return v.id
+		})
+		this.$post(".readLogs")
+			.params({
+				logIds: logIds
+			})
+			.success(function () {
+				teaweb.reload()
+			})
+	}
 })