改进界面

web/views/@default/@code_editor.html

@@ -1,4 +1,3 @@
-
 {$var "header"}
 <!-- code editor -->
 <script src="/codemirror/lib/codemirror.js" type="text/javascript"></script>

web/views/@default/@datepicker.html

@@ -0,0 +1,8 @@
+{$var "header"}
+<!-- datepicker -->
+<script type="text/javascript" src="/js/moment.min.js"></script>
+<script type="text/javascript" src="/js/pikaday.js"></script>
+<link rel="stylesheet" href="/js/pikaday.css"/>
+<link rel="stylesheet" href="/js/pikaday.theme.css"/>
+<link rel="stylesheet" href="/js/pikaday.triangle.css"/>
+{$end}

web/views/@default/api/node/logs.html

@@ -1,20 +1,50 @@
 {$layout}
+{$template "menu"}
+{$template "/datepicker"}
 
-	{$template "menu"}
+<div class="margin"></div>
+<form method="get" action="/api/node/logs" class="ui form" autocomplete="off">
+    <input type="hidden" name="nodeId" :value="nodeId"/>
+    <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"/>
+        </div>
+        <div class="ui field">
+            <input type="text" name="dayTo" placeholder="结束日期" v-model="dayTo" value="" style="width:8em" id="day-to-picker"/>
+        </div>
+        <div class="ui field">
+            <select class="ui dropdown" name="level" v-model="level">
+                <option value="">[级别]</option>
+                <option value="error">错误</option>
+                <option value="warning">警告</option>
+                <option value="info">信息</option>
+            </select>
+        </div>
+        <div class="ui field">
+            <input type="text" name="keyword" style="width:10em" v-model="keyword" placeholder="关键词"/>
+        </div>
+        <div class="ui field">
+            <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="'/api/node/logs?nodeId=' + nodeId">[清除条件]</a>
+        </div>
+    </div>
+</form>
 
-	<p class="comment" v-if="logs.length == 0">暂时还没有日志。</p>
+<p class="comment" v-if="logs.length == 0">暂时还没有日志。</p>
 
-	<table class="ui table selectable" v-if="logs.length > 0">
-		<thead>
-			<tr>
+<table class="ui table selectable" v-if="logs.length > 0">
+    <thead>
+        <tr>
 
-			</tr>
-		</thead>
-		<tr v-for="log in logs">
-			<td>
-				<pre class="log-box"><span :class="{red:log.level == 'error', orange:log.level == 'warning'}"><span v-if="!log.isToday">[{{log.createdTime}}]</span><strong v-if="log.isToday">[{{log.createdTime}}]</strong>[{{log.tag}}]{{log.description}}</span></pre>
-			</td>
-		</tr>
-	</table>
+        </tr>
+    </thead>
+    <tr v-for="log in logs">
+        <td>
+            <node-log-row :v-log="log" :v-keyword="keyword"></node-log-row>
+        </td>
+    </tr>
+</table>
 
-	<div class="page" v-html="page"></div>
+<div class="page" v-html="page"></div>

web/views/@default/api/node/logs.js

@@ -0,0 +1,6 @@
+Tea.context(function () {
+	this.$delay(function () {
+		teaweb.datepicker("day-from-picker")
+		teaweb.datepicker("day-to-picker")
+	})
+})

web/views/@default/clusters/cluster/node/logs.html

@@ -1,14 +1,6 @@
 {$layout}
 {$template "node_menu"}
-
-{$var "header"}
-<!-- datepicker -->
-<script type="text/javascript" src="/js/moment.min.js"></script>
-<script type="text/javascript" src="/js/pikaday.js"></script>
-<link rel="stylesheet" href="/js/pikaday.css"/>
-<link rel="stylesheet" href="/js/pikaday.theme.css"/>
-<link rel="stylesheet" href="/js/pikaday.triangle.css"/>
-{$end}
+{$template "/datepicker"}
 
 <form method="get" action="/clusters/cluster/node/logs" class="ui form" autocomplete="off">
     <input type="hidden" name="clusterId" :value="clusterId"/>
@@ -50,7 +42,7 @@
     </thead>
     <tr v-for="log in logs">
         <td>
-            <pre class="log-box"><span :class="{red:log.level == 'error', orange:log.level == 'warning'}"><span v-if="!log.isToday">[{{log.createdTime}}]</span><strong v-if="log.isToday">[{{log.createdTime}}]</strong>[{{log.tag}}]{{log.description}}</span> &nbsp; <span v-if="log.count > 0" class="ui label tiny" :class="{red:log.level == 'error', orange:log.level == 'warning'}">共{{log.count}}条</span></pre>
+            <node-log-row :v-log="log" :v-keyword="keyword"></node-log-row>
         </td>
     </tr>
 </table>

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

@@ -40,7 +40,7 @@
             </tr>
         </thead>
         <tr v-for="cluster in clusters">
-            <td>{{cluster.name}}</td>
+            <td><keyword :v-word="keyword">{{cluster.name}}</keyword></td>
             <td class="center">
                 <a :href="'/clusters/cluster?clusterId=' + cluster.id" v-if="cluster.countAllNodes > 0"><span :class="{red:cluster.countAllNodes > cluster.countActiveNodes}">{{cluster.countAllNodes}}</span></a>
                 <span class="disabled" v-else="">-</span>
@@ -55,7 +55,7 @@
             </td>
             <td>
                 <span v-if="cluster.dnsName.length > 0">
-                    <var>{{cluster.dnsName}}</var>.<span v-if="cluster.dnsDomainName.length > 0">{{cluster.dnsDomainName}}</span><span v-else class="disabled">主域名</span>
+                    <var><keyword :v-word="keyword">{{cluster.dnsName}}</keyword></var>.<span v-if="cluster.dnsDomainName.length > 0">{{cluster.dnsDomainName}}</span><span v-else class="disabled">主域名</span>
                     <span v-if="cluster.dnsDomainId > 0"><link-icon :href="'/dns/clusters/cluster?clusterId=' + cluster.id"></link-icon></span>
                 </span>
                 <span v-else class="disabled">-</span>
@@ -86,7 +86,7 @@
         </tr>
         </thead>
         <tr v-for="node in nodes">
-            <td>{{node.name}}
+            <td><keyword :v-word="keyword">{{node.name}}</keyword>
                 <div style="margin-top: 0.5em">
                     <span class="ui label tiny">集群：{{node.cluster.name}}</span>
                 </div>
@@ -103,7 +103,7 @@
                 <span v-if="node.ipAddresses.length == 0" class="disabled">-</span>
                 <div v-else class="address-box">
                     <div v-for="addr in node.ipAddresses" style="margin-bottom:0.3em">
-                        <div class="ui label tiny basic">{{addr.ip}}
+                        <div class="ui label tiny basic"><keyword :v-word="keyword">{{addr.ip}}</keyword>
                             <span class="small" v-if="addr.name.length > 0">（{{addr.name}}<span v-if="!addr.canAccess">，不可访问</span>）</span>
                             <span class="small" v-if="addr.name.length == 0 && !addr.canAccess">（不可访问）</span>
                         </div>

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

@@ -1,14 +1,5 @@
 {$layout}
-
-{$var "header"}
-<!-- datepicker -->
-<script type="text/javascript" src="/js/moment.min.js"></script>
-<script type="text/javascript" src="/js/pikaday.js"></script>
-<link rel="stylesheet" href="/js/pikaday.css"/>
-<link rel="stylesheet" href="/js/pikaday.theme.css"/>
-<link rel="stylesheet" href="/js/pikaday.triangle.css"/>
-{$end}
-
+{$template "/datepicker"}
 
 <div class="margin"></div>
 
@@ -54,7 +45,7 @@
         <td nowrap=""><link-icon :href="'/clusters/cluster?clusterId=' + log.node.cluster.id">{{log.node.cluster.name}}</link-icon></td>
         <td nowrap=""><link-icon :href="'/clusters/cluster/node?clusterId=' + log.node.cluster.id + '&nodeId=' + log.node.id">{{log.node.name}}</link-icon></td>
         <td>
-            <pre class="log-box"><span :class="{red:log.level == 'error', orange:log.level == 'warning'}"><span v-if="!log.isToday">[{{log.createdTime}}]</span><strong v-if="log.isToday">[{{log.createdTime}}]</strong>[{{log.tag}}]{{log.description}}</span> &nbsp; <span v-if="log.count > 0" class="ui label tiny" :class="{red:log.level == 'error', orange:log.level == 'warning'}">共{{log.count}}条</span></pre>
+            <node-log-row :v-log="log" :v-keyword="keyword"></node-log-row>
         </td>
     </tr>
 </table>

web/views/@default/log/index.html

@@ -1,14 +1,6 @@
 {$layout}
 {$template "menu"}
-
-{$var "header"}
-<!-- datepicker -->
-<script type="text/javascript" src="/js/moment.min.js"></script>
-<script type="text/javascript" src="/js/pikaday.js"></script>
-<link rel="stylesheet" href="/js/pikaday.css"/>
-<link rel="stylesheet" href="/js/pikaday.theme.css"/>
-<link rel="stylesheet" href="/js/pikaday.triangle.css"/>
-{$end}
+{$template "/datepicker"}
 
 <div class="margin"></div>
 
@@ -50,13 +42,13 @@
 <table class="ui table selectable" v-for="log in logs">
 	<tr :class="{error: log.level == 'error', warning: log.level == 'warn'}">
 		<td class="log-row">{{log.createdTime}} <span class="grey"> <span
-                v-if="log.userName.length > 0">| <span v-if="log.userId>0">用户 &nbsp;|&nbsp;</span> {{log.userName}}</span> | {{log.ip}}<span
+                v-if="log.userName.length > 0">| <span v-if="log.userId>0">用户 &nbsp;|&nbsp;</span> {{log.userName}}</span> | <keyword :v-word="keyword">{{log.ip}}</keyword><span
 						v-if="log.region.length > 0"> | {{log.region}}</span> &nbsp; <a href="" @click.prevent="showMore(log)" title="显示更多">...</a> &nbsp;<span v-if="log.moreVisible">{{log.action}}</span></span>
 			<span class="buttons"><a v-if="logConfig.canDelete" href="" title="删除" @click.prevent="deleteLog(log.id)"><i class="icon remove small"></i></a> </span>
 		</td>
 	</tr>
 	<tr :class="{error: log.level == 'error', warning: log.level == 'warn'}">
-		<td>{{log.description}}</td>
+        <td><keyword :v-word="keyword">{{log.description}}</keyword></td>
 	</tr>
 </table>
 

web/views/@default/ns/clusters/accessLogs/index.html

@@ -1,13 +1,5 @@
 {$layout}
-
-{$var "header"}
-<!-- datepicker -->
-<script type="text/javascript" src="/js/moment.min.js"></script>
-<script type="text/javascript" src="/js/pikaday.js"></script>
-<link rel="stylesheet" href="/js/pikaday.css"/>
-<link rel="stylesheet" href="/js/pikaday.theme.css"/>
-<link rel="stylesheet" href="/js/pikaday.triangle.css"/>
-{$end}
+{$template "/datepicker"}
 
 <first-menu>
     <div class="item right">

web/views/@default/ns/clusters/cluster/node/logs.html

@@ -1,14 +1,6 @@
 {$layout}
 {$template "node_menu"}
-
-{$var "header"}
-<!-- datepicker -->
-<script type="text/javascript" src="/js/moment.min.js"></script>
-<script type="text/javascript" src="/js/pikaday.js"></script>
-<link rel="stylesheet" href="/js/pikaday.css"/>
-<link rel="stylesheet" href="/js/pikaday.theme.css"/>
-<link rel="stylesheet" href="/js/pikaday.triangle.css"/>
-{$end}
+{$template "/datepicker"}
 
 <form method="get" action="/ns/clusters/cluster/node/logs" class="ui form" autocomplete="off">
     <input type="hidden" name="clusterId" :value="clusterId"/>
@@ -50,7 +42,7 @@
     </thead>
     <tr v-for="log in logs">
         <td>
-            <pre class="log-box"><span :class="{red:log.level == 'error', orange:log.level == 'warning'}"><span v-if="!log.isToday">[{{log.createdTime}}]</span><strong v-if="log.isToday">[{{log.createdTime}}]</strong>[{{log.tag}}]{{log.description}}</span> &nbsp; <span v-if="log.count > 0" class="ui label tiny" :class="{red:log.level == 'error', orange:log.level == 'warning'}">共{{log.count}}条</span></pre>
+            <node-log-row :v-log="log" :v-keyword="keyword"></node-log-row>
         </td>
     </tr>
 </table>

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

@@ -1,13 +1,5 @@
 {$layout}
-
-{$var "header"}
-<!-- datepicker -->
-<script type="text/javascript" src="/js/moment.min.js"></script>
-<script type="text/javascript" src="/js/pikaday.js"></script>
-<link rel="stylesheet" href="/js/pikaday.css"/>
-<link rel="stylesheet" href="/js/pikaday.theme.css"/>
-<link rel="stylesheet" href="/js/pikaday.triangle.css"/>
-{$end}
+{$template "/datepicker"}
 
 
 <div class="margin"></div>
@@ -54,7 +46,7 @@
         <td nowrap=""><link-icon :href="'/ns/clusters/cluster?clusterId=' + log.node.cluster.id">{{log.node.cluster.name}}</link-icon></td>
         <td nowrap=""><link-icon :href="'/ns/clusters/cluster/node?clusterId=' + log.node.cluster.id + '&nodeId=' + log.node.id">{{log.node.name}}</link-icon></td>
         <td>
-            <pre class="log-box"><span :class="{red:log.level == 'error', orange:log.level == 'warning'}"><span v-if="!log.isToday">[{{log.createdTime}}]</span><strong v-if="log.isToday">[{{log.createdTime}}]</strong>[{{log.tag}}]{{log.description}}</span> &nbsp; <span v-if="log.count > 0" class="ui label tiny" :class="{red:log.level == 'error', orange:log.level == 'warning'}">共{{log.count}}条</span></pre>
+            <node-log-row :v-log="log" :v-keyword="keyword"></node-log-row>
         </td>
     </tr>
 </table>

web/views/@default/ns/index.html

@@ -17,7 +17,7 @@
                 <ns-user-selector :v-user-id="userId"></ns-user-selector>
             </div>
             <div class="ui field">
-                <input type="text" name="keyword" v-model="keyword" placeholder="域名、备注..."/>
+                <input type="text" name="keyword" v-model="keyword" placeholder="域名..."/>
             </div>
             <div class="ui field">
                 <button class="ui button" type="submit">搜索</button>
@@ -42,7 +42,7 @@
             </tr>
         </thead>
         <tr v-for="domain in domains">
-            <td>{{domain.name}}</td>
+            <td><keyword :v-word="keyword">{{domain.name}}</keyword></td>
             <td>
                 {{domain.cluster.name}}<link-icon :href="'/ns/clusters/cluster?clusterId=' + domain.cluster.id"></link-icon>
             </td>

web/views/@default/servers/components/waf/log.html

@@ -1,14 +1,5 @@
 {$layout}
-
-{$var "header"}
-<!-- datepicker -->
-<script type="text/javascript" src="/js/moment.min.js"></script>
-<script type="text/javascript" src="/js/pikaday.js"></script>
-<link rel="stylesheet" href="/js/pikaday.css"/>
-<link rel="stylesheet" href="/js/pikaday.theme.css"/>
-<link rel="stylesheet" href="/js/pikaday.triangle.css"/>
-{$end}
-
+{$template "/datepicker"}
 
 	{$template "waf_menu"}
 

web/views/@default/servers/index.html

@@ -73,7 +73,7 @@
 		</tr>
 	</thead>
 	<tr v-for="server in servers">
-		<td>{{server.name}}
+        <td><keyword :v-word="keyword">{{server.name}}</keyword>
 			<div style="margin-top:0.4em">
 				<tiny-basic-label>{{server.serverTypeName}}</tiny-basic-label>
 			</div>
@@ -85,8 +85,8 @@
 		<td>{{server.cluster.name}}</td>
 		<td>
 			<span v-if="server.serverNames.length > 0">
-				<span v-if="server.serverNames[0].subNames == null || server.serverNames[0].subNames.length == 0">{{server.serverNames[0].name}}</span>
-				<span v-else>{{server.serverNames[0].subNames[0]}}</span>
+                <span v-if="server.serverNames[0].subNames == null || server.serverNames[0].subNames.length == 0"><keyword :v-word="keyword">{{server.serverNames[0].name}}</keyword></span>
+                <span v-else><keyword :v-word="keyword">{{server.serverNames[0].subNames[0]}}</keyword></span>
 				<span v-if="server.countServerNames > 1">等{{server.countServerNames}}个域名 <popup-icon :href="'/servers/serverNamesPopup?serverId=' + server.id" height="20em"></popup-icon></span>
 			</span>
 			<span v-else class="disabled">-</span>

web/views/@default/servers/server/log/history.html

@@ -1,13 +1,5 @@
 {$layout}
-
-{$var "header"}
-<!-- datepicker -->
-<script type="text/javascript" src="/js/moment.min.js"></script>
-<script type="text/javascript" src="/js/pikaday.js"></script>
-<link rel="stylesheet" href="/js/pikaday.css"/>
-<link rel="stylesheet" href="/js/pikaday.theme.css"/>
-<link rel="stylesheet" href="/js/pikaday.triangle.css"/>
-{$end}
+{$template "/datepicker"}
 
 {$template "/left_menu"}
 

web/views/@default/settings/authority/nodes/node/@menu.html

@@ -2,6 +2,7 @@
 	<menu-item href="/settings/authority/nodes">节点列表</menu-item>
 	<span class="item">|</span>
 	<menu-item :href="'/settings/authority/nodes/node?nodeId=' + node.id" code="index">"{{node.name}}"详情</menu-item>
+    <menu-item :href="'/settings/authority/nodes/node/logs?nodeId=' + node.id" code="log">运行日志</menu-item>
 	<menu-item :href="'/settings/authority/nodes/node/install?nodeId=' + node.id" code="install">安装节点</menu-item>
 	<menu-item :href="'/settings/authority/nodes/node/update?nodeId=' + node.id" code="update">修改节点</menu-item>
 </first-menu>

web/views/@default/settings/authority/nodes/node/logs.html

@@ -0,0 +1,50 @@
+{$layout}
+{$template "menu"}
+{$template "/datepicker"}
+
+<div class="margin"></div>
+<form method="get" action="/settings/authority/nodes/node/logs" class="ui form" autocomplete="off">
+    <input type="hidden" name="nodeId" :value="nodeId"/>
+    <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"/>
+        </div>
+        <div class="ui field">
+            <input type="text" name="dayTo" placeholder="结束日期" v-model="dayTo" value="" style="width:8em" id="day-to-picker"/>
+        </div>
+        <div class="ui field">
+            <select class="ui dropdown" name="level" v-model="level">
+                <option value="">[级别]</option>
+                <option value="error">错误</option>
+                <option value="warning">警告</option>
+                <option value="info">信息</option>
+            </select>
+        </div>
+        <div class="ui field">
+            <input type="text" name="keyword" style="width:10em" v-model="keyword" placeholder="关键词"/>
+        </div>
+        <div class="ui field">
+            <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="'/settings/authority/nodes/node/logs?nodeId=' + nodeId">[清除条件]</a>
+        </div>
+    </div>
+</form>
+
+<p class="comment" v-if="logs.length == 0">暂时还没有日志。</p>
+
+<table class="ui table selectable" v-if="logs.length > 0">
+    <thead>
+        <tr>
+
+        </tr>
+    </thead>
+    <tr v-for="log in logs">
+        <td>
+            <node-log-row :v-log="log" :v-keyword="keyword"></node-log-row>
+        </td>
+    </tr>
+</table>
+
+<div class="page" v-html="page"></div>

web/views/@default/settings/authority/nodes/node/logs.js

@@ -0,0 +1,6 @@
+Tea.context(function () {
+	this.$delay(function () {
+		teaweb.datepicker("day-from-picker")
+		teaweb.datepicker("day-to-picker")
+	})
+})

web/views/@default/settings/monitor-nodes/node/@menu.html

@@ -2,6 +2,7 @@
 	<menu-item href="/settings/monitorNodes">节点列表</menu-item>
 	<span class="item">|</span>
 	<menu-item :href="'/settings/monitorNodes/node?nodeId=' + node.id" code="index">"{{node.name}}"详情</menu-item>
+    <menu-item :href="'/settings/monitorNodes/node/logs?nodeId=' + node.id" code="log">运行日志</menu-item>
 	<menu-item :href="'/settings/monitorNodes/node/install?nodeId=' + node.id" code="install">安装节点</menu-item>
 	<menu-item :href="'/settings/monitorNodes/node/update?nodeId=' + node.id" code="update">修改节点</menu-item>
 </first-menu>

web/views/@default/settings/monitor-nodes/node/logs.html

@@ -0,0 +1,50 @@
+{$layout}
+{$template "menu"}
+{$template "/datepicker"}
+
+<div class="margin"></div>
+<form method="get" action="/settings/monitorNodes/node/logs" class="ui form" autocomplete="off">
+    <input type="hidden" name="nodeId" :value="nodeId"/>
+    <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"/>
+        </div>
+        <div class="ui field">
+            <input type="text" name="dayTo" placeholder="结束日期" v-model="dayTo" value="" style="width:8em" id="day-to-picker"/>
+        </div>
+        <div class="ui field">
+            <select class="ui dropdown" name="level" v-model="level">
+                <option value="">[级别]</option>
+                <option value="error">错误</option>
+                <option value="warning">警告</option>
+                <option value="info">信息</option>
+            </select>
+        </div>
+        <div class="ui field">
+            <input type="text" name="keyword" style="width:10em" v-model="keyword" placeholder="关键词"/>
+        </div>
+        <div class="ui field">
+            <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="'/settings/monitorNodes/node/logs?nodeId=' + nodeId">[清除条件]</a>
+        </div>
+    </div>
+</form>
+
+<p class="comment" v-if="logs.length == 0">暂时还没有日志。</p>
+
+<table class="ui table selectable" v-if="logs.length > 0">
+    <thead>
+        <tr>
+
+        </tr>
+    </thead>
+    <tr v-for="log in logs">
+        <td>
+            <node-log-row :v-log="log" :v-keyword="keyword"></node-log-row>
+        </td>
+    </tr>
+</table>
+
+<div class="page" v-html="page"></div>

web/views/@default/settings/monitor-nodes/node/logs.js

@@ -0,0 +1,6 @@
+Tea.context(function () {
+	this.$delay(function () {
+		teaweb.datepicker("day-from-picker")
+		teaweb.datepicker("day-to-picker")
+	})
+})

web/views/@default/settings/user-nodes/node/@menu.html

@@ -2,6 +2,7 @@
 	<menu-item href="/settings/userNodes">节点列表</menu-item>
 	<span class="item">|</span>
 	<menu-item :href="'/settings/userNodes/node?nodeId=' + node.id" code="index">"{{node.name}}"详情</menu-item>
+    <menu-item :href="'/settings/userNodes/node/logs?nodeId=' + node.id" code="log">运行日志</menu-item>
 	<menu-item :href="'/settings/userNodes/node/install?nodeId=' + node.id" code="install">安装节点</menu-item>
 	<menu-item :href="'/settings/userNodes/node/update?nodeId=' + node.id" code="update">修改节点</menu-item>
 </first-menu>

web/views/@default/settings/user-nodes/node/logs.html

@@ -0,0 +1,50 @@
+{$layout}
+{$template "menu"}
+{$template "/datepicker"}
+
+<div class="margin"></div>
+<form method="get" action="/settings/userNodes/node/logs" class="ui form" autocomplete="off">
+    <input type="hidden" name="nodeId" :value="nodeId"/>
+    <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"/>
+        </div>
+        <div class="ui field">
+            <input type="text" name="dayTo" placeholder="结束日期" v-model="dayTo" value="" style="width:8em" id="day-to-picker"/>
+        </div>
+        <div class="ui field">
+            <select class="ui dropdown" name="level" v-model="level">
+                <option value="">[级别]</option>
+                <option value="error">错误</option>
+                <option value="warning">警告</option>
+                <option value="info">信息</option>
+            </select>
+        </div>
+        <div class="ui field">
+            <input type="text" name="keyword" style="width:10em" v-model="keyword" placeholder="关键词"/>
+        </div>
+        <div class="ui field">
+            <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="'/settings/userNodes/node/logs?nodeId=' + nodeId">[清除条件]</a>
+        </div>
+    </div>
+</form>
+
+<p class="comment" v-if="logs.length == 0">暂时还没有日志。</p>
+
+<table class="ui table selectable" v-if="logs.length > 0">
+    <thead>
+        <tr>
+
+        </tr>
+    </thead>
+    <tr v-for="log in logs">
+        <td>
+            <node-log-row :v-log="log" :v-keyword="keyword"></node-log-row>
+        </td>
+    </tr>
+</table>
+
+<div class="page" v-html="page"></div>

web/views/@default/settings/user-nodes/node/logs.js

@@ -0,0 +1,6 @@
+Tea.context(function () {
+	this.$delay(function () {
+		teaweb.datepicker("day-from-picker")
+		teaweb.datepicker("day-to-picker")
+	})
+})