You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@skywalking.apache.org by qi...@apache.org on 2021/03/21 08:55:41 UTC
[skywalking-rocketbot-ui] branch master updated: pref: remove the
unnecessary `this` in template. (#450)
This is an automated email from the ASF dual-hosted git repository.
qiuxiafan pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/skywalking-rocketbot-ui.git
The following commit(s) were added to refs/heads/master by this push:
new d3038a8 pref: remove the unnecessary `this` in template. (#450)
d3038a8 is described below
commit d3038a823e35f0d5a52a707bba756595bf0f38fe
Author: Ryan Wang <i...@ryanc.cc>
AuthorDate: Sun Mar 21 16:55:34 2021 +0800
pref: remove the unnecessary `this` in template. (#450)
* pref: remove the unnecessary in template.
* Revert the modification of vue.config.js.
---
src/components/rk-header.vue | 20 ++++++-------
.../common/trace-chart-table/trace-item.vue | 2 +-
src/views/components/common/trace-select.vue | 2 +-
.../components/dashboard/tool-bar/tool-bar.vue | 18 ++++++------
src/views/components/log/log-bar.vue | 14 ++++-----
src/views/components/log/log-conditions.vue | 20 ++++++-------
src/views/components/profile/profile-header.vue | 10 +++----
src/views/components/profile/profile-task.vue | 16 +++++-----
.../components/profile/profile-trace-detail.vue | 6 ++--
src/views/components/profile/task-list.vue | 28 +++++++++---------
.../components/topology/topo-detect-point.vue | 4 +--
.../topology/topo-instance-dependency.vue | 4 +--
src/views/components/trace/trace-detail.vue | 6 ++--
src/views/components/trace/trace-search.vue | 34 +++++++++-------------
src/views/components/trace/trace-table.vue | 4 +--
.../topology/endpoint-dependency/index.vue | 2 +-
src/views/containers/topology/endpoint/index.vue | 2 +-
src/views/containers/topology/instance/index.vue | 2 +-
.../containers/topology/trace/trace-select.vue | 2 +-
19 files changed, 95 insertions(+), 101 deletions(-)
diff --git a/src/components/rk-header.vue b/src/components/rk-header.vue
index b9cd800..596c3cd 100644
--- a/src/components/rk-header.vue
+++ b/src/components/rk-header.vue
@@ -21,27 +21,27 @@ limitations under the License. -->
<span class="grey rocketbot">Rocketbot</span>
<router-link class="nav-link mr-20" to="/" exact>
<rk-icon size="sm" icon="chart" />
- <span class="vm hide-xs ml-5">{{ this.$t('dashboard') }}</span>
+ <span class="vm hide-xs ml-5">{{ $t('dashboard') }}</span>
</router-link>
<router-link class="nav-link mr-20" to="/topology">
<rk-icon size="sm" icon="issues" />
- <span class="vm hide-xs ml-5">{{ this.$t('topology') }}</span>
+ <span class="vm hide-xs ml-5">{{ $t('topology') }}</span>
</router-link>
<router-link class="nav-link mr-20" to="/trace">
<rk-icon size="sm" icon="merge" />
- <span class="vm hide-xs ml-5">{{ this.$t('trace') }}</span>
+ <span class="vm hide-xs ml-5">{{ $t('trace') }}</span>
</router-link>
<router-link class="nav-link mr-20" to="/profile">
<rk-icon size="sm" icon="timeline" />
- <span class="vm hide-xs ml-5">{{ this.$t('profile') }}</span>
+ <span class="vm hide-xs ml-5">{{ $t('profile') }}</span>
</router-link>
<router-link class="nav-link mr-20" to="/log">
<rk-icon size="sm" icon="assignment" />
- <span class="vm hide-xs ml-5">{{ this.$t('log') }}</span>
+ <span class="vm hide-xs ml-5">{{ $t('log') }}</span>
</router-link>
<router-link class="nav-link mr-20" to="/alarm">
<rk-icon size="sm" icon="spam" />
- <span class="vm hide-xs ml-5">{{ this.$t('alarm') }}</span>
+ <span class="vm hide-xs ml-5">{{ $t('alarm') }}</span>
</router-link>
</div>
<div class="flex-h">
@@ -49,19 +49,19 @@ limitations under the License. -->
class="rk-btn mr-5 sm"
:class="auto ? 'blue' : 'ghost'"
@click="handleAuto"
- v-tooltip:bottom="{ content: this.$t('timeReload') }"
+ v-tooltip:bottom="{ content: $t('timeReload') }"
>
- <span class="vm">{{ this.$t('auto') }}</span>
+ <span class="vm">{{ $t('auto') }}</span>
</a>
<div class="auto-time">
<span class="rk-auto-select">
<input v-model="autoTime" type="number" @change="changeAutoTime" min="1" />
</span>
- {{ this.$t('second') }}
+ {{ $t('second') }}
</div>
<a class="rk-btn sm ghost" @click="handleReload">
<rk-icon icon="retry" :loading="auto" />
- <span class="vm">{{ this.$t('reload') }}</span>
+ <span class="vm">{{ $t('reload') }}</span>
</a>
</div>
</header>
diff --git a/src/views/components/common/trace-chart-table/trace-item.vue b/src/views/components/common/trace-chart-table/trace-item.vue
index 77bc11c..d7d3237 100644
--- a/src/views/components/common/trace-chart-table/trace-item.vue
+++ b/src/views/components/common/trace-chart-table/trace-item.vue
@@ -57,7 +57,7 @@ limitations under the License. -->
<span v-tooltip:bottom="data.serviceCode || '-'">{{ data.serviceCode }}</span>
</div>
<div class="application" v-show="type === 'profile'">
- <span @click="viewSpanDetail">{{ this.$t('view') }}</span>
+ <span @click="viewSpanDetail">{{ $t('view') }}</span>
</div>
</div>
<div v-show="data.children && data.children.length > 0 && displayChildren" class="children-trace">
diff --git a/src/views/components/common/trace-select.vue b/src/views/components/common/trace-select.vue
index 1a0b6eb..6c37e26 100644
--- a/src/views/components/common/trace-select.vue
+++ b/src/views/components/common/trace-select.vue
@@ -36,7 +36,7 @@ limitations under the License. -->
</div>
<div class="rk-trace-sel" v-if="visible">
<div v-if="hasSearch">
- <input type="text" class="rk-trace-sel-search" v-model="search" :placeholder="`${this.$t('search')}...`" />
+ <input type="text" class="rk-trace-sel-search" v-model="search" :placeholder="`${$t('search')}...`" />
<svg class="icon sm close" @click="search = ''" v-if="search">
<use xlink:href="#clear"></use>
</svg>
diff --git a/src/views/components/dashboard/tool-bar/tool-bar.vue b/src/views/components/dashboard/tool-bar/tool-bar.vue
index ade76dc..3d67af7 100644
--- a/src/views/components/dashboard/tool-bar/tool-bar.vue
+++ b/src/views/components/dashboard/tool-bar/tool-bar.vue
@@ -24,7 +24,7 @@ limitations under the License. -->
/>
<div class="flex-h" v-if="compType === dashboardType.SERVICE">
<div class="sm grey service-search">
- <div>{{ this.$t('serviceGroup') }}</div>
+ <div>{{ $t('serviceGroup') }}</div>
<input
type="text"
:value="rocketComps.tree[rocketComps.group].serviceGroup"
@@ -33,14 +33,14 @@ limitations under the License. -->
</div>
<ToolBarSelect
@onChoose="selectService"
- :title="this.$t('currentService')"
+ :title="$t('currentService')"
:current="stateDashboard.currentService"
:data="stateDashboard.services"
icon="package"
/>
<ToolBarEndpointSelect
@onChoose="selectEndpoint"
- :title="this.$t('currentEndpoint')"
+ :title="$t('currentEndpoint')"
:current="stateDashboard.currentEndpoint"
:data="stateDashboard.endpoints"
:currentService="stateDashboard.currentService"
@@ -48,13 +48,13 @@ limitations under the License. -->
/>
<ToolBarSelect
@onChoose="selectInstance"
- :title="this.$t('currentInstance')"
+ :title="$t('currentInstance')"
:current="stateDashboard.currentInstance"
:data="stateDashboard.instances"
icon="disk"
/>
<a class="rk-view-instance-attributes r" @click="() => (dialogAttributesVisible = true)">
- <span class="vm">{{ this.$t('instanceAttributes') }}</span>
+ <span class="vm">{{ $t('instanceAttributes') }}</span>
</a>
<rk-sidebox
width="50%"
@@ -75,21 +75,21 @@ limitations under the License. -->
<div class="flex-h" v-else-if="compType === dashboardType.BROWSER">
<ToolBarSelect
@onChoose="selectService"
- :title="this.$t('currentService')"
+ :title="$t('currentService')"
:current="stateDashboard.currentService"
:data="stateDashboard.services"
icon="package"
/>
<ToolBarSelect
@onChoose="selectInstance"
- :title="this.$t('currentVersion')"
+ :title="$t('currentVersion')"
:current="stateDashboard.currentInstance"
:data="stateDashboard.instances"
icon="disk"
/>
<ToolBarEndpointSelect
@onChoose="selectEndpoint"
- :title="this.$t('currentPage')"
+ :title="$t('currentPage')"
:current="stateDashboard.currentEndpoint"
:data="stateDashboard.endpoints"
:currentService="stateDashboard.currentService"
@@ -99,7 +99,7 @@ limitations under the License. -->
<div class="flex-h" v-else-if="compType === dashboardType.DATABASE">
<ToolBarSelect
@onChoose="SELECT_DATABASE"
- :title="this.$t('currentDatabase')"
+ :title="$t('currentDatabase')"
:current="stateDashboard.currentDatabase"
:data="stateDashboard.databases"
icon="epic"
diff --git a/src/views/components/log/log-bar.vue b/src/views/components/log/log-bar.vue
index ce3217e..1e54f64 100644
--- a/src/views/components/log/log-bar.vue
+++ b/src/views/components/log/log-bar.vue
@@ -17,28 +17,28 @@ limitations under the License. -->
<div class="flex-h">
<ToolBarSelect
@onChoose="selectCategroy"
- :title="this.$t('logCategory')"
+ :title="$t('logCategory')"
:current="logState.type"
:data="logState.logCategories"
icon="chart"
/>
<ToolBarSelect
@onChoose="selectService"
- :title="this.$t('service')"
+ :title="$t('service')"
:current="rocketOption.currentService"
:data="rocketOption.services"
icon="package"
/>
<ToolBarSelect
@onChoose="selectInstance"
- :title="logState.type.key === cateGoryBrowser ? this.$t('version') : this.$t('currentInstance')"
+ :title="logState.type.key === cateGoryBrowser ? $t('version') : $t('currentInstance')"
:current="rocketOption.currentInstance"
:data="rocketOption.instances"
icon="disk"
/>
<ToolBarSelect
@onChoose="selectEndpoint"
- :title="logState.type.key === cateGoryBrowser ? this.$t('page') : this.$t('currentEndpoint')"
+ :title="logState.type.key === cateGoryBrowser ? $t('page') : $t('currentEndpoint')"
:current="rocketOption.currentEndpoint"
:data="rocketOption.endpoints"
icon="code"
@@ -46,7 +46,7 @@ limitations under the License. -->
<ToolBarSelect
v-if="logState.type.key === cateGoryBrowser"
@onChoose="SELECT_ERROR_CATALOG"
- :title="this.$t('errorCatalog')"
+ :title="$t('errorCatalog')"
:current="logState.category"
:data="logState.categories"
icon="epic"
@@ -59,11 +59,11 @@ limitations under the License. -->
</a>
<a class="rk-log-search-btn bg-blue mr-10" @click="queryLogs">
<rk-icon icon="search" class="mr-5" />
- <span class="vm">{{ this.$t('search') }}</span>
+ <span class="vm">{{ $t('search') }}</span>
</a>
<a class="rk-log-clear-btn r mr-10" @click="clearSearch">
<rk-icon icon="clear" class="mr-5" />
- <span class="vm">{{ this.$t('clear') }}</span>
+ <span class="vm">{{ $t('clear') }}</span>
</a>
<RkPage :currentSize="pageSize" :currentPage="pageNum" @changePage="handleRefresh" :total="logState.total" />
diff --git a/src/views/components/log/log-conditions.vue b/src/views/components/log/log-conditions.vue
index 314dbdd..73951ee 100644
--- a/src/views/components/log/log-conditions.vue
+++ b/src/views/components/log/log-conditions.vue
@@ -15,7 +15,7 @@ limitations under the License. -->
<div class="rk-search-conditions flex-v">
<div class="flex-h">
<div class="mr-15" v-show="rocketLog.type.key === cateGoryService">
- <span class="sm b grey mr-10">{{ this.$t('traceID') }}:</span>
+ <span class="sm b grey mr-10">{{ $t('traceID') }}:</span>
<input
type="text"
class="rk-trace-search-input dib"
@@ -24,11 +24,11 @@ limitations under the License. -->
/>
</div>
<div class="search-time">
- <span class="sm b grey mr-5">{{ this.$t('timeRange') }}:</span>
+ <span class="sm b grey mr-5">{{ $t('timeRange') }}:</span>
<RkDate class="sm" v-model="searchTime" position="bottom" format="YYYY-MM-DD HH:mm:ss" />
</div>
<div class="mr-15" v-show="rocketLog.type.key === cateGoryService">
- <span class="sm b grey mr-10">{{ this.$t('keywordsOfContent') }}:</span>
+ <span class="sm b grey mr-10">{{ $t('keywordsOfContent') }}:</span>
<span class="rk-trace-tags" v-show="rocketLog.supportQueryLogsByKeywords">
<span
class="selected"
@@ -49,13 +49,13 @@ limitations under the License. -->
<span
class="log-tips"
v-show="!rocketLog.supportQueryLogsByKeywords"
- v-tooltip:bottom="{ content: this.$t('keywordsOfContentLogTips') }"
+ v-tooltip:bottom="{ content: $t('keywordsOfContentLogTips') }"
>
<rk-icon icon="help" class="mr-5" />
</span>
</div>
<div class="mr-15" v-show="rocketLog.type.key === cateGoryService">
- <span class="sm b grey mr-10">{{ this.$t('excludingKeywordsOfContent') }}:</span>
+ <span class="sm b grey mr-10">{{ $t('excludingKeywordsOfContent') }}:</span>
<span class="rk-trace-tags" v-show="rocketLog.supportQueryLogsByKeywords">
<span
class="selected"
@@ -76,14 +76,14 @@ limitations under the License. -->
<span
class="log-tips"
v-show="!rocketLog.supportQueryLogsByKeywords"
- v-tooltip:bottom="{ content: this.$t('keywordsOfContentLogTips') }"
+ v-tooltip:bottom="{ content: $t('keywordsOfContentLogTips') }"
>
<rk-icon icon="help" class="mr-5" />
</span>
</div>
</div>
<div class="mr-10" style="padding-top: 10px" v-show="rocketLog.type.key === cateGoryService">
- <span class="sm grey">{{ this.$t('tags') }}: </span>
+ <span class="sm grey">{{ $t('tags') }}: </span>
<span class="rk-trace-tags">
<span class="selected" v-for="(item, index) in tagsList" :key="index">
<span>{{ item }}</span>
@@ -92,17 +92,17 @@ limitations under the License. -->
</span>
<input
type="text"
- :placeholder="this.$t('addTag')"
+ :placeholder="$t('addTag')"
v-model="tags"
class="rk-trace-new-tag"
@keyup="addLabels($event, LogConditionsOpt.Tags)"
/>
- <span class="log-tips" v-tooltip:bottom="{ content: this.$t('logsTagsTip') }">
+ <span class="log-tips" v-tooltip:bottom="{ content: $t('logsTagsTip') }">
<a
target="blank"
href="https://github.com/apache/skywalking/blob/master/docs/en/setup/backend/configuration-vocabulary.md"
>
- {{ this.$t('tagsLink') }}
+ {{ $t('tagsLink') }}
</a>
<rk-icon icon="help" class="mr-5" />
</span>
diff --git a/src/views/components/profile/profile-header.vue b/src/views/components/profile/profile-header.vue
index dd9c46c..eaa6b19 100644
--- a/src/views/components/profile/profile-header.vue
+++ b/src/views/components/profile/profile-header.vue
@@ -17,28 +17,28 @@ limitations under the License. -->
<div class="rk-profile-header">
<div>
<a class="rk-new-task-btn r" @click="showDialogTask">
- <span class="mr-5 vm">{{ this.$t('newTask') }}</span>
+ <span class="mr-5 vm">{{ $t('newTask') }}</span>
</a>
<a class="rk-profile-header-btn bg-blue r mr-10" @click="searchTask">
<svg class="icon mr-5 vm">
<use xlink:href="#search"></use>
</svg>
- <span class="vm">{{ this.$t('search') }}</span>
+ <span class="vm">{{ $t('search') }}</span>
</a>
<div class="flex-h">
<TraceSelect
:hasSearch="true"
- :title="this.$t('service')"
+ :title="$t('service')"
:value="headerSource.currentService"
@input="chooseService"
:data="headerSource.serviceSource"
/>
<div class="mr-10" style="padding: 3px 15px 0">
- <div class="sm grey">{{ this.$t('endpointName') }}</div>
+ <div class="sm grey">{{ $t('endpointName') }}</div>
<input type="text" v-model="endpointName" class="rk-profile-header-input" />
</div>
</div>
- <rk-sidebox class="profile-task-box" width="600px" :title="this.$t('newTask')" :show.sync="dialogVisible">
+ <rk-sidebox class="profile-task-box" width="600px" :title="$t('newTask')" :show.sync="dialogVisible">
<ProfileTask :taskFieldSource="taskFieldSource" :newTaskFields="newTaskFields" @closeSidebox="closeSidebox" />
</rk-sidebox>
</div>
diff --git a/src/views/components/profile/profile-task.vue b/src/views/components/profile/profile-task.vue
index bfa964f..343c3a7 100644
--- a/src/views/components/profile/profile-task.vue
+++ b/src/views/components/profile/profile-task.vue
@@ -15,17 +15,17 @@ limitations under the License. -->
<template>
<div class="rk-profile-task">
- <label>{{ this.$t('service') }}</label>
+ <label>{{ $t('service') }}</label>
<RkSelect
class="mb-5"
:current="newTaskFields.service"
:data="taskFieldSource.serviceSource"
@onChoose="(item) => changeOption(item, updateTaskOpt.Service)"
/>
- <label>{{ this.$t('endpointName') }}</label>
+ <label>{{ $t('endpointName') }}</label>
<input type="text" class="rk-profile-input" @change="changeOption($event, updateTaskOpt.EndpointName)" />
<div>
- <label>{{ this.$t('monitorTime') }}</label>
+ <label>{{ $t('monitorTime') }}</label>
<div>
<RkRadio
class="mb-5 monitor-time-radio"
@@ -38,28 +38,28 @@ limitations under the License. -->
</span>
</div>
</div>
- <label>{{ this.$t('monitorDuration') }}</label>
+ <label>{{ $t('monitorDuration') }}</label>
<RkRadio
class="mb-5"
:current="newTaskFields.monitorDuration"
:data="taskFieldSource.monitorDuration"
@onChoose="(item) => changeOption(item, updateTaskOpt.MonitorDuration)"
/>
- <label>{{ this.$t('minThreshold') }} (ms)</label>
+ <label>{{ $t('minThreshold') }} (ms)</label>
<input
type="text"
class="rk-profile-input"
:value="newTaskFields.minThreshold"
@change="changeOption($event, updateTaskOpt.MinThreshold)"
/>
- <label>{{ this.$t('dumpPeriod') }}</label>
+ <label>{{ $t('dumpPeriod') }}</label>
<RkRadio
class="mb-5"
:current="newTaskFields.dumpPeriod"
:data="taskFieldSource.dumpPeriod"
@onChoose="(item) => changeOption(item, updateTaskOpt.DumpPeriod)"
/>
- <label>{{ this.$t('maxSamplingCount') }}</label>
+ <label>{{ $t('maxSamplingCount') }}</label>
<RkSelect
class="mb-5"
:current="newTaskFields.maxSamplingCount"
@@ -69,7 +69,7 @@ limitations under the License. -->
<div v-if="this.message" class="message-tip">{{ this.message }}</div>
<div @click="createTask">
<a class="rk-create-task-btn bg-blue r">
- <span class="mr-5 vm">{{ this.$t('createTask') }}</span>
+ <span class="mr-5 vm">{{ $t('createTask') }}</span>
</a>
</div>
</div>
diff --git a/src/views/components/profile/profile-trace-detail.vue b/src/views/components/profile/profile-trace-detail.vue
index edbc978..5468a8f 100644
--- a/src/views/components/profile/profile-trace-detail.vue
+++ b/src/views/components/profile/profile-trace-detail.vue
@@ -20,11 +20,11 @@ limitations under the License. -->
<option v-for="i in currentSegment.traceIds" :value="i" :key="i">{{ i }}</option>
</select>
<select class="profile-trace-detail-ids" @change="spanModeChange($event)">
- <option value="include" key="include">{{ this.$t('includeChildren') }}</option>
- <option value="exclude" key="exclude">{{ this.$t('excludeChildren') }}</option>
+ <option value="include" key="include">{{ $t('includeChildren') }}</option>
+ <option value="exclude" key="exclude">{{ $t('excludeChildren') }}</option>
</select>
<a class="profile-analyze-btn bg-blue profile-trace-detail-ids" @click="analyzeProfile()">
- <span class="vm">{{ this.$t('analyze') }}</span>
+ <span class="vm">{{ $t('analyze') }}</span>
</a>
</div>
<TraceDetailChartTable
diff --git a/src/views/components/profile/task-list.vue b/src/views/components/profile/task-list.vue
index 344a4c6..6f223b6 100644
--- a/src/views/components/profile/task-list.vue
+++ b/src/views/components/profile/task-list.vue
@@ -48,34 +48,34 @@ limitations under the License. -->
<h5 class="mb-10">{{ $t('task') }}.</h5>
<div class="mb-10 clear">
<span class="g-sm-4 grey">{{ $t('service') }}:</span>
- <span class="g-sm-8 wba">{{ this.selectedTaskService.label }}</span>
+ <span class="g-sm-8 wba">{{ selectedTaskService.label }}</span>
</div>
<div class="mb-10 clear">
<span class="g-sm-4 grey">{{ $t('endpoint') }}:</span>
- <span class="g-sm-8 wba">{{ this.selectedTask.endpointName }}</span>
+ <span class="g-sm-8 wba">{{ selectedTask.endpointName }}</span>
</div>
<div class="mb-10 clear">
- <span class="g-sm-4 grey">{{ this.$t('monitorTime') }}:</span
- ><span class="g-sm-8 wba">{{ this.selectedTask.startTime | dateformat }}</span>
+ <span class="g-sm-4 grey">{{ $t('monitorTime') }}:</span
+ ><span class="g-sm-8 wba">{{ selectedTask.startTime | dateformat }}</span>
</div>
<div class="mb-10 clear">
- <span class="g-sm-4 grey">{{ this.$t('monitorDuration') }}:</span
- ><span class="g-sm-8 wba">{{ this.selectedTask.duration }} min</span>
+ <span class="g-sm-4 grey">{{ $t('monitorDuration') }}:</span
+ ><span class="g-sm-8 wba">{{ selectedTask.duration }} min</span>
</div>
<div class="mb-10 clear">
- <span class="g-sm-4 grey">{{ this.$t('minThreshold') }}:</span>
- <span class="g-sm-8 wba">{{ this.selectedTask.minDurationThreshold }} ms</span>
+ <span class="g-sm-4 grey">{{ $t('minThreshold') }}:</span>
+ <span class="g-sm-8 wba">{{ selectedTask.minDurationThreshold }} ms</span>
</div>
<div class="mb-10 clear">
- <span class="g-sm-4 grey">{{ this.$t('dumpPeriod') }}:</span>
- <span class="g-sm-8 wba">{{ this.selectedTask.dumpPeriod }}</span>
+ <span class="g-sm-4 grey">{{ $t('dumpPeriod') }}:</span>
+ <span class="g-sm-8 wba">{{ selectedTask.dumpPeriod }}</span>
</div>
<div class="mb-10 clear">
- <span class="g-sm-4 grey">{{ this.$t('maxSamplingCount') }}:</span>
- <span class="g-sm-8 wba">{{ this.selectedTask.maxSamplingCount }}</span>
+ <span class="g-sm-4 grey">{{ $t('maxSamplingCount') }}:</span>
+ <span class="g-sm-8 wba">{{ selectedTask.maxSamplingCount }}</span>
</div>
- <h5 class="mb-10" v-if="this.selectedTask.logs" v-show="this.selectedTask.logs.length">{{ $t('logs') }}.</h5>
- <div class="log-item" v-for="(i, index) in this.selectedTask.logs" :key="index">
+ <h5 class="mb-10" v-if="selectedTask.logs" v-show="selectedTask.logs.length">{{ $t('logs') }}.</h5>
+ <div class="log-item" v-for="(i, index) in selectedTask.logs" :key="index">
<div class="mb-10 sm">
<span class="mr-10 grey">{{ $t('instance') }}:</span>
<span>{{ i.instanceName }}</span>
diff --git a/src/views/components/topology/topo-detect-point.vue b/src/views/components/topology/topo-detect-point.vue
index 72191e4..26a05a1 100644
--- a/src/views/components/topology/topo-detect-point.vue
+++ b/src/views/components/topology/topo-detect-point.vue
@@ -33,14 +33,14 @@ limitations under the License. -->
:class="{ active: !stateTopo.mode }"
class="link-topo-aside-box-btn tc r sm cp b"
@click="setMode(false)"
- >{{ this.$t('client') }}</span
+ >{{ $t('client') }}</span
>
<span
v-if="stateTopo.detectPoints.indexOf('SERVER') !== -1"
:class="{ active: stateTopo.mode }"
class="link-topo-aside-box-btn tc r sm cp b"
@click="setMode(true)"
- >{{ this.$t('server') }}</span
+ >{{ $t('server') }}</span
>
</div>
<span v-else-if="showServerInfo" class="b dib mr-20 vm">{{ $t('serviceDetail') }}</span>
diff --git a/src/views/components/topology/topo-instance-dependency.vue b/src/views/components/topology/topo-instance-dependency.vue
index b4858b7..630c2d2 100644
--- a/src/views/components/topology/topo-instance-dependency.vue
+++ b/src/views/components/topology/topo-instance-dependency.vue
@@ -29,14 +29,14 @@ limitations under the License. -->
class="link-topo-aside-box-btn tc r sm cp b"
:class="{ active: stateTopo.queryInstanceMetricsType === 'CLIENT' }"
@click="setMode('CLIENT')"
- >{{ this.$t('client') }}</span
+ >{{ $t('client') }}</span
>
<span
v-if="stateTopo.selectedInstanceCall.detectPoints.includes('SERVER')"
class="link-topo-aside-box-btn tc r sm cp b"
:class="{ active: stateTopo.queryInstanceMetricsType === 'SERVER' }"
@click="setMode('SERVER')"
- >{{ this.$t('server') }}</span
+ >{{ $t('server') }}</span
>
</div>
<div v-if="stateTopo.selectedInstanceCall">
diff --git a/src/views/components/trace/trace-detail.vue b/src/views/components/trace/trace-detail.vue
index f2af298..2843307 100644
--- a/src/views/components/trace/trace-detail.vue
+++ b/src/views/components/trace/trace-detail.vue
@@ -59,11 +59,11 @@ limitations under the License. -->
{{ $t('list') }}</a
>
- <div class="rk-tag mr-5">{{ this.$t('start') }}</div>
+ <div class="rk-tag mr-5">{{ $t('start') }}</div>
<span class="mr-15 sm">{{ parseInt(current.start) | dateformat }}</span>
- <div class="rk-tag mr-5">{{ this.$t('duration') }}</div>
+ <div class="rk-tag mr-5">{{ $t('duration') }}</div>
<span class="mr-15 sm">{{ current.duration }} ms</span>
- <div class="rk-tag mr-5">{{ this.$t('spans') }}</div>
+ <div class="rk-tag mr-5">{{ $t('spans') }}</div>
<span class="sm">{{ spans.length }}</span>
</div>
<TraceDetailChartList
diff --git a/src/views/components/trace/trace-search.vue b/src/views/components/trace/trace-search.vue
index 2c624e8..9613b56 100644
--- a/src/views/components/trace/trace-search.vue
+++ b/src/views/components/trace/trace-search.vue
@@ -17,7 +17,7 @@ limitations under the License. -->
<div class="rk-trace-search">
<div>
<a class="rk-trace-clear-btn r" @click="status = !status">
- <span class="mr-5 vm">{{ this.$t('more') }}</span>
+ <span class="mr-5 vm">{{ $t('more') }}</span>
<svg class="icon trans vm" :style="`transform: rotate(${status ? 180 : 0}deg);`">
<use xlink:href="#arrow-down"></use>
</svg>
@@ -26,25 +26,25 @@ limitations under the License. -->
<svg class="icon mr-5 vm">
<use xlink:href="#search"></use>
</svg>
- <span class="vm">{{ this.$t('search') }}</span>
+ <span class="vm">{{ $t('search') }}</span>
</a>
<a class="rk-trace-clear-btn r mr-10" @click="clearSearch">
<svg class="icon mr-5 vm">
<use xlink:href="#clear"></use>
</svg>
- <span class="vm">{{ this.$t('clear') }}</span>
+ <span class="vm">{{ $t('clear') }}</span>
</a>
<div class="flex-h">
<TraceSelect
:hasSearch="true"
- :title="this.$t('service')"
+ :title="$t('service')"
:value="service"
@input="chooseService"
:data="rocketTrace.services"
/>
- <TraceSelect :hasSearch="true" :title="this.$t('instance')" v-model="instance" :data="rocketTrace.instances" />
+ <TraceSelect :hasSearch="true" :title="$t('instance')" v-model="instance" :data="rocketTrace.instances" />
<TraceSelect
- :title="this.$t('status')"
+ :title="$t('status')"
:value="traceState"
@input="chooseStatus"
:data="[
@@ -54,7 +54,7 @@ limitations under the License. -->
]"
/>
<div class="mr-10" style="padding: 3px 15px 0">
- <div class="sm grey">{{ this.$t('endpointName') }}</div>
+ <div class="sm grey">{{ $t('endpointName') }}</div>
<input type="text" v-model="endpointName" class="rk-trace-search-input" />
</div>
</div>
@@ -62,11 +62,11 @@ limitations under the License. -->
<div class="rk-trace-search-more" v-show="status">
<div class="flex-h">
<div class="mr-15">
- <span class="sm b grey mr-10">{{ this.$t('traceID') }}:</span>
+ <span class="sm b grey mr-10">{{ $t('traceID') }}:</span>
<input type="text" v-model="traceId" class="rk-trace-search-input dib" />
</div>
<div class="mr-15">
- <span class="sm b grey mr-10">{{ this.$t('duration') }}:</span>
+ <span class="sm b grey mr-10">{{ $t('duration') }}:</span>
<div class="rk-trace-search-range dib">
<input class="vm tc" v-model="minTraceDuration" />
<span class="grey vm">-</span>
@@ -74,32 +74,26 @@ limitations under the License. -->
</div>
</div>
<div>
- <span class="sm b grey mr-5">{{ this.$t('timeRange') }}:</span>
+ <span class="sm b grey mr-5">{{ $t('timeRange') }}:</span>
<RkDate class="sm" v-model="time" position="bottom" format="YYYY-MM-DD HH:mm" />
</div>
</div>
<div class="flex-h">
<div class="mr-10" style="padding-top: 5px">
- <span class="sm grey">{{ this.$t('tags') }}: </span>
+ <span class="sm grey">{{ $t('tags') }}: </span>
<span class="rk-trace-tags">
<span class="selected" v-for="(item, index) in tagsList" :key="index">
<span>{{ item }}</span>
<span class="remove-icon" @click="removeTags(index)">×</span>
</span>
</span>
- <input
- type="text"
- :placeholder="this.$t('addTag')"
- v-model="tags"
- class="rk-trace-new-tag"
- @keyup="addLabels"
- />
- <span class="trace-tips" v-tooltip:bottom="{ content: this.$t('traceTagsTip') }">
+ <input type="text" :placeholder="$t('addTag')" v-model="tags" class="rk-trace-new-tag" @keyup="addLabels" />
+ <span class="trace-tips" v-tooltip:bottom="{ content: $t('traceTagsTip') }">
<a
target="blank"
href="https://github.com/apache/skywalking/blob/master/docs/en/setup/backend/configuration-vocabulary.md"
>
- {{ this.$t('tagsLink') }}
+ {{ $t('tagsLink') }}
</a>
<rk-icon icon="help" class="mr-5" />
</span>
diff --git a/src/views/components/trace/trace-table.vue b/src/views/components/trace/trace-table.vue
index e8c1029..7815262 100644
--- a/src/views/components/trace/trace-table.vue
+++ b/src/views/components/trace/trace-table.vue
@@ -22,8 +22,8 @@ limitations under the License. -->
:total="rocketTrace.traceTotal"
/>
<select class="grey" @change="changeSort" :value="rocketTrace.traceForm.queryOrder">
- <option value="BY_START_TIME">{{ this.$t('startTime') }}</option>
- <option value="BY_DURATION">{{ this.$t('duration') }}</option>
+ <option value="BY_START_TIME">{{ $t('startTime') }}</option>
+ <option value="BY_DURATION">{{ $t('duration') }}</option>
</select>
</div>
<div class="rk-trace-t-loading" v-show="loading">
diff --git a/src/views/containers/topology/endpoint-dependency/index.vue b/src/views/containers/topology/endpoint-dependency/index.vue
index 1c38179..7d3c2e8 100644
--- a/src/views/containers/topology/endpoint-dependency/index.vue
+++ b/src/views/containers/topology/endpoint-dependency/index.vue
@@ -15,7 +15,7 @@ limitations under the License. -->
<template>
<div class="endpoint-dependency-page">
<div class="rk-dashboard-bar flex-h">
- <ToolBarSelect :selectable="false" :title="this.$t('currentService')" :current="current" icon="package" />
+ <ToolBarSelect :selectable="false" :title="$t('currentService')" :current="current" icon="package" />
<ToolBarEndpointSelect
@onChoose="selectEndpoint"
:title="$t('currentEndpoint')"
diff --git a/src/views/containers/topology/endpoint/index.vue b/src/views/containers/topology/endpoint/index.vue
index bac00bf..10afc9f 100644
--- a/src/views/containers/topology/endpoint/index.vue
+++ b/src/views/containers/topology/endpoint/index.vue
@@ -45,7 +45,7 @@ limitations under the License. -->
</span>
</div>
</span>
- <ToolBarSelect :selectable="false" :title="this.$t('currentService')" :current="current" icon="package" />
+ <ToolBarSelect :selectable="false" :title="$t('currentService')" :current="current" icon="package" />
<ToolBarEndpointSelect
@onChoose="selectEndpoint"
:title="$t('currentEndpoint')"
diff --git a/src/views/containers/topology/instance/index.vue b/src/views/containers/topology/instance/index.vue
index b1223f5..f73ab20 100644
--- a/src/views/containers/topology/instance/index.vue
+++ b/src/views/containers/topology/instance/index.vue
@@ -46,7 +46,7 @@ limitations under the License. -->
</span>
</div>
</span>
- <ToolBarSelect :selectable="false" :title="this.$t('currentService')" :current="current" icon="package" />
+ <ToolBarSelect :selectable="false" :title="$t('currentService')" :current="current" icon="package" />
<ToolBarSelect
@onChoose="selectInstance"
:title="$t('currentInstance')"
diff --git a/src/views/containers/topology/trace/trace-select.vue b/src/views/containers/topology/trace/trace-select.vue
index 1a0b6eb..6c37e26 100644
--- a/src/views/containers/topology/trace/trace-select.vue
+++ b/src/views/containers/topology/trace/trace-select.vue
@@ -36,7 +36,7 @@ limitations under the License. -->
</div>
<div class="rk-trace-sel" v-if="visible">
<div v-if="hasSearch">
- <input type="text" class="rk-trace-sel-search" v-model="search" :placeholder="`${this.$t('search')}...`" />
+ <input type="text" class="rk-trace-sel-search" v-model="search" :placeholder="`${$t('search')}...`" />
<svg class="icon sm close" @click="search = ''" v-if="search">
<use xlink:href="#clear"></use>
</svg>