github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-15 12:49:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add period (#235)

Browse Source
This commit is contained in:
Fine0830
2023-02-15 13:37:14 +08:00
committed by GitHub
parent a1066f09e4
commit b2707e0e62
5 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/dashboard/Widget.vue
View File

@@ -78,11 +78,11 @@ limitations under the License. -->
async function init() {
dashboardStore.setLayer(route.params.layer);
dashboardStore.setEntity(route.params.entity);
const { auto } = config.value;
const { auto, autoPeriod } = config.value;
if (auto) {
await setDuration();
appStoreWithOut.setReloadTimer(setInterval(setDuration, auto));
appStoreWithOut.setReloadTimer(setInterval(setDuration, autoPeriod * 1000));
}
await setSelector();
await queryMetrics();

12
src/views/dashboard/components/WidgetLink.vue
View File

@@ -31,6 +31,12 @@ limitations under the License. -->
<label>{{ t("auto") }}</label>
<el-switch class="mr-5" v-model="auto" style="height: 25px" />
<Selector v-model="freshOpt" :options="RefreshOptions" size="small" />
<div class="mt-5">
<label>{{ t("period") }}</label>
<el-input class="auto-period" size="small" type="number" v-model="period" min="1" />
<span class="ml-5">{{ t("second") }}</span>
<i class="ml-10">{{ t("timeReload") }}</i>
</div>
</div>
<el-button size="small" type="primary" class="mt-20" @click="getLink">{{ t("generateLink") }}</el-button>
<div v-show="widgetLink" class="mt-10">
@@ -63,6 +69,7 @@ limitations under the License. -->
const dates = ref<Date[]>([]);
const host = window.location.host;
const auto = ref<boolean>(true);
const period = ref<number>(6);
const freshOpt = ref<string>(RefreshOptions[0].value);
function changeTimeRange(val: Date[] | any) {
@@ -112,6 +119,7 @@ limitations under the License. -->
if (auto.value) {
const f = RefreshOptions.filter((d: { value: string }) => d.value === freshOpt.value)[0] || {};
opt.auto = Number(f.value) * 60 * 1000;
opt.autoPeriod = period.value;
if (f.step === TimeType.HOUR_TIME) {
opt.auto = Number(f.value) * 60 * 60 * 1000;
}
@@ -150,4 +158,8 @@ limitations under the License. -->
display: inline-block;
width: 250px;
}
.auto-period {
width: 50px;
}
</style>