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>