github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-02 17:54:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: add a link to explain the expression metric, add units in the continue profiling widget (#288)

Browse Source
This commit is contained in:
Fine0830 2023-06-21 18:08:47 +08:00 committed by GitHub
parent 1ba56ca0cd
commit cc367dd29c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 30 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/dashboard/configuration/widget/metric/Index.vue
View File

@ -26,14 +26,21 @@ limitations under the License. -->
/> />
</div> </div>
<div>{{ t("metrics") }}</div> <div>{{ t("metrics") }}</div>
<el-switch <div class="flex-h">
v-model="isExpression" <el-switch
class="mb-5" v-model="isExpression"
active-text="Expressions" class="mb-5"
inactive-text="General" active-text="Expressions"
size="small" inactive-text="General"
@change="changeMetricMode" size="small"
/> @change="changeMetricMode"
/>
<div class="ml-5 link">
<a target="_blank" href="https://skywalking.apache.org/docs/main/next/en/api/metrics-query-expression/">
<Icon iconName="info_outline" size="middle" />
</a>
</div>
</div>
<div v-if="isExpression && states.isList"> <div v-if="isExpression && states.isList">
<span class="title">{{ t("summary") }}</span> <span class="title">{{ t("summary") }}</span>
<span>{{ t("detail") }}</span> <span>{{ t("detail") }}</span>
@ -641,4 +648,9 @@ limitations under the License. -->
display: inline-block; display: inline-block;
width: 410px; width: 410px;
} }
.link {
cursor: pointer;
color: #409eff;
}
</style> </style>

10
src/views/dashboard/related/continuous-profiling/components/Policy.vue
View File

@ -68,11 +68,17 @@ limitations under the License. -->
</div> </div>
<div> <div>
<div class="label">{{ t("count") }}</div> <div class="label">{{ t("count") }}</div>
<el-input-number size="small" class="profile-input" :min="0" v-model="item.count" @change="changeParam" /> <div class="flex-h">
<el-input-number size="small" class="profile-input" :min="0" v-model="item.count" @change="changeParam" />
<span class="ml-5">s</span>
</div>
</div> </div>
<div> <div>
<div class="label">{{ t("period") }}</div> <div class="label">{{ t("period") }}</div>
<el-input-number size="small" class="profile-input" :min="0" v-model="item.period" @change="changeParam" /> <div class="flex-h">
<el-input-number size="small" class="profile-input" :min="0" v-model="item.period" @change="changeParam" />
<span class="ml-5">s</span>
</div>
</div> </div>
<div v-show="TYPES.includes(item.type)"> <div v-show="TYPES.includes(item.type)">
<div class="label">{{ t("uriRegex") }}</div> <div class="label">{{ t("uriRegex") }}</div>

4
src/views/dashboard/related/log/Header.vue
View File

@ -107,8 +107,8 @@ limitations under the License. -->
@change="addLabels('excludingKeywordsOfContent')" @change="addLabels('excludingKeywordsOfContent')"
/> />
<el-tooltip :content="t('keywordsOfContentLogTips')"> <el-tooltip :content="t('keywordsOfContentLogTips')">
<span class="log-tips" v-show="!logStore.supportQueryLogsByKeywords"> <span v-show="!logStore.supportQueryLogsByKeywords">
<Icon icon="help" class="mr-5" /> <Icon iconName="help" class="mr-5" />
</span> </span>
</el-tooltip> </el-tooltip>
</div> </div>