fix: search content of logs (#424)

Author: Fine0830

src/assets/lang/en.ts

@@ -198,6 +198,7 @@ const m = {
   viewLogs: 'View Logs',
   logsTagsTip: `Only tags defined in the core/default/searchableLogsTags are searchable.
   Check more details on the Configuration Vocabulary page`,
+  keywordsOfContentLogTips: 'Current storage of SkyWalking OAP server does not support this.',
 };
 
 export default m;

src/assets/lang/zh.ts

@@ -196,6 +196,7 @@ const m = {
   content: '内容',
   viewLogs: '查看日志',
   logsTagsTip: '只有core/default/searchableLogsTags中定义的标记才可搜索。查看配置词汇表页面上的更多详细信息。',
+  keywordsOfContentLogTips: 'SkyWalking OAP服务器的当前存储不支持此操作',
 };
 
 export default m;

src/views/components/log/log-bar.vue

@@ -188,9 +188,9 @@ limitations under the License. -->
                 serviceId: currentService.key || undefined,
                 serviceInstanceId: currentInstance.key || undefined,
                 endpointId: currentEndpoint.key || undefined,
-                excludingKeywordsOfContent:
-                  supportQueryLogsByKeywords && conditions.keywordsOfContent ? conditions.keywordsOfContent : undefined,
                 keywordsOfContent:
+                  supportQueryLogsByKeywords && conditions.keywordsOfContent ? conditions.keywordsOfContent : undefined,
+                excludingKeywordsOfContent:
                   supportQueryLogsByKeywords && conditions.excludingKeywordsOfContent
                     ? conditions.excludingKeywordsOfContent
                     : undefined,

src/views/components/log/log-conditions.vue

@@ -24,7 +24,7 @@ limitations under the License. -->
       </div>
       <div class="mr-15">
         <span class="sm b grey mr-10">{{ this.$t('keywordsOfContent') }}:</span>
-        <span class="rk-trace-tags">
+        <span class="rk-trace-tags" v-show="rocketLog.supportQueryLogsByKeywords">
           <span
             class="selected"
             v-for="(item, index) in rocketLog.conditions.keywordsOfContent"
@@ -36,14 +36,22 @@ limitations under the License. -->
         </span>
         <input
           type="text"
-          class="rk-trace-search-input dib"
+          :disabled="!rocketLog.supportQueryLogsByKeywords"
+          class="rk-trace-search-input dib mr-5"
           v-model="keywordsOfContent"
           @keyup="addLabels($event, LogConditionsOpt.KeywordsOfContent)"
         />
+        <span
+          class="log-tips"
+          v-show="!rocketLog.supportQueryLogsByKeywords"
+          v-tooltip:bottom="{ content: this.$t('keywordsOfContentLogTips') }"
+        >
+          <rk-icon icon="help" class="mr-5" />
+        </span>
       </div>
       <div class="mr-15">
         <span class="sm b grey mr-10">{{ this.$t('excludingKeywordsOfContent') }}:</span>
-        <span class="rk-trace-tags">
+        <span class="rk-trace-tags" v-show="rocketLog.supportQueryLogsByKeywords">
           <span
             class="selected"
             v-for="(item, index) in rocketLog.conditions.excludingKeywordsOfContent"
@@ -55,10 +63,18 @@ limitations under the License. -->
         </span>
         <input
           type="text"
-          class="rk-trace-search-input dib"
+          :disabled="!rocketLog.supportQueryLogsByKeywords"
+          class="rk-trace-search-input dib mr-5"
           v-model="excludingKeywordsOfContent"
           @keyup="addLabels($event, LogConditionsOpt.ExcludingKeywordsOfContent)"
         />
+        <span
+          class="log-tips"
+          v-show="!rocketLog.supportQueryLogsByKeywords"
+          v-tooltip:bottom="{ content: this.$t('keywordsOfContentLogTips') }"
+        >
+          <rk-icon icon="help" class="mr-5" />
+        </span>
       </div>
     </div>
     <div class="mr-10" style="padding-top: 10px">
@@ -76,7 +92,7 @@ limitations under the License. -->
         class="rk-trace-new-tag"
         @keyup="addLabels($event, LogConditionsOpt.Tags)"
       />
-      <span class="trace-tips" v-tooltip:bottom="{ content: this.$t('logsTagsTip') }">
+      <span class="log-tips" v-tooltip:bottom="{ content: this.$t('logsTagsTip') }">
         <a
           target="blank"
           href="https://github.com/apache/skywalking/blob/master/docs/en/setup/backend/configuration-vocabulary.md"
@@ -272,7 +288,7 @@ limitations under the License. -->
       font-size: 12px;
       margin: 0 2px;
     }
-    .trace-tips {
+    .log-tips {
       color: #eee;
     }
   }