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

update options

Browse Source
This commit is contained in:
Qiuxia Fan 2022-06-02 19:44:57 +08:00
parent 91444310ab
commit c793781391
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/dashboard/related/demand-log/Header.vue
View File

@ -55,6 +55,7 @@ limitations under the License. -->
:options="TimeRanges" :options="TimeRanges"
placeholder="Select a time range" placeholder="Select a time range"
@change="changeField('duration', $event)" @change="changeField('duration', $event)"
class="duration-range"
/> />
</div> </div>
<div class="mr-5"> <div class="mr-5">
@ -159,7 +160,7 @@ const excludingContentStr = ref<string>("");
const state = reactive<any>({ const state = reactive<any>({
instance: { value: "", label: "" }, instance: { value: "", label: "" },
container: { value: "", label: "" }, container: { value: "", label: "" },
duration: { label: "Last 30 min", value: 1800 }, duration: { label: "From 30 minutes ago", value: 1800 },
interval: { label: "30 seconds", value: 30 }, interval: { label: "30 seconds", value: 30 },
}); });
/*global Nullable */ /*global Nullable */
@ -396,6 +397,10 @@ watch(
width: 250px; width: 250px;
} }
.duration-range {
width: 210px;
}
.btn-row { .btn-row {
justify-content: flex-end; justify-content: flex-end;
} }

18
src/views/dashboard/related/demand-log/data.ts
View File

@ -16,15 +16,15 @@
*/ */
export const TimeRanges = [ export const TimeRanges = [
{ label: "Last 5 seconds", value: 5 }, { label: "From 5 seconds ago -- Now", value: 5 },
{ label: "Last 10 seconds", value: 10 }, { label: "From 10 seconds ago -- Now", value: 10 },
{ label: "Last 15 seconds", value: 15 }, { label: "From 15 seconds ago -- Now", value: 15 },
{ label: "Last 30 seconds", value: 30 }, { label: "From 30 seconds ago -- Now", value: 30 },
{ label: "Last 45 seconds", value: 45 }, { label: "From 45 seconds ago -- Now", value: 45 },
{ label: "Last 1 minute", value: 60 }, { label: "From 1 minute ago -- Now", value: 60 },
{ label: "Last 5 minute", value: 300 }, { label: "From 5 minutes ago -- Now", value: 300 },
{ label: "Last 15 minute", value: 900 }, { label: "From 15 minutes ago -- Now", value: 900 },
{ label: "Last 30 minute", value: 1800 }, { label: "From 30 minutes ago -- Now", value: 1800 },
]; ];
export const IntervalOpts = [ export const IntervalOpts = [
{ label: "None", value: 0 }, { label: "None", value: 0 },