mirror of
https://github.com/apache/skywalking-booster-ui.git
synced 2025-05-13 00:08:56 +00:00
feat: edit policy
This commit is contained in:
Fine
parent
a9d29c4ec9
commit
2e9d3a06e5
@ -15,7 +15,7 @@ limitations under the License. -->
|
||||
<template>
|
||||
<div class="flex-h content">
|
||||
<div class="list flex-v">
|
||||
<StrategyList />
|
||||
<PolicyList />
|
||||
<div>tasks</div>
|
||||
</div>
|
||||
<div>graph</div>
|
||||
@ -24,7 +24,7 @@ limitations under the License. -->
|
||||
<script lang="ts" setup>
|
||||
import type { PropType } from "vue";
|
||||
import { useI18n } from "vue-i18n";
|
||||
import StrategyList from "./components/StrategyList.vue";
|
||||
import PolicyList from "./components/PolicyList.vue";
|
||||
/*global defineProps */
|
||||
defineProps({
|
||||
config: {
|
||||
|
||||
@ -15,7 +15,7 @@ limitations under the License. -->
|
||||
|
||||
<template>
|
||||
<div class="profile-task">
|
||||
Edit Strategy
|
||||
<Policy v-for="(item, index) in continousProfilingStore.strategyList" :key="index" :data="item" />
|
||||
<div>
|
||||
<el-button @click="save" type="primary" class="create-task-btn">
|
||||
{{ t("save") }}
|
||||
@ -25,13 +25,16 @@ limitations under the License. -->
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { useI18n } from "vue-i18n";
|
||||
import { useContinousProfilingStore } from "@/store/modules/continous-profiling";
|
||||
import Policy from "./Policy.vue";
|
||||
|
||||
/* global defineEmits */
|
||||
const emits = defineEmits(["create"]);
|
||||
const emits = defineEmits(["save"]);
|
||||
const { t } = useI18n();
|
||||
const continousProfilingStore = useContinousProfilingStore();
|
||||
|
||||
function save() {
|
||||
emits("create", {});
|
||||
emits("save", {});
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@ -0,0 +1,104 @@
|
||||
<!-- Licensed to the Apache Software Foundation (ASF) under one or more
|
||||
contributor license agreements. See the NOTICE file distributed with
|
||||
this work for additional information regarding copyright ownership.
|
||||
The ASF licenses this file to You under the Apache License, Version 2.0
|
||||
(the "License"); you may not use this file except in compliance with
|
||||
the License. You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License. -->
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<div class="label">{{ t("type") }}</div>
|
||||
<Selector
|
||||
class="profile-input"
|
||||
size="small"
|
||||
:value="states.type"
|
||||
:options="TargetTypes"
|
||||
placeholder="Select a type"
|
||||
@change="changeType"
|
||||
/>
|
||||
</div>
|
||||
<div v-for="(item, index) in states.checkItems" :key="index">
|
||||
<div>
|
||||
<div class="label">{{ t("type") }}</div>
|
||||
<Selector
|
||||
class="profile-input"
|
||||
size="small"
|
||||
:value="item.type"
|
||||
:options="MonitorType"
|
||||
placeholder="Select a type"
|
||||
@change="changeMonitorType($event, index)"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<div class="label">{{ t("count") }}</div>
|
||||
<el-input size="small" class="profile-input" :min="0" v-model="item.count" type="number" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="label">{{ t("threshold") }}</div>
|
||||
<el-input size="small" class="profile-input" v-model="item.threshold" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="label">{{ t("period") }}</div>
|
||||
<el-input size="small" class="profile-input" :min="0" v-model="item.period" type="number" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="label">{{ t("uriRegex") }}</div>
|
||||
<el-input size="small" class="profile-input" v-model="item.uriRegex" />
|
||||
</div>
|
||||
<div>
|
||||
<div class="label">{{ t("uriRegex") }}</div>
|
||||
<el-input size="small" class="profile-input" v-model="item.uriRegex" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { reactive } from "vue";
|
||||
import type { PropType } from "vue";
|
||||
import { useI18n } from "vue-i18n";
|
||||
import type { StrategyItem } from "@/types/continous-profiling";
|
||||
import { MonitorType, TargetTypes } from "../data";
|
||||
|
||||
/* global defineEmits, defineProps */
|
||||
const props = defineProps({
|
||||
data: {
|
||||
type: Object as PropType<StrategyItem>,
|
||||
default: () => ({}),
|
||||
},
|
||||
});
|
||||
const emits = defineEmits(["save"]);
|
||||
const { t } = useI18n();
|
||||
const states = reactive<StrategyItem>(props.data);
|
||||
|
||||
function changeType(opt: any[]) {
|
||||
states.type = (opt.map((d) => d.value)[0] || {}).value;
|
||||
emits("save", states);
|
||||
}
|
||||
|
||||
function changeMonitorType(opt: any[], index: number) {
|
||||
states.checkItems[index].type = (opt.map((d) => d.value)[0] || {}).value;
|
||||
emits("save", states);
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.profile-task {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.create-task-btn {
|
||||
width: 300px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.title {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
}
|
||||
</style>
|
||||
@ -59,7 +59,7 @@ limitations under the License. -->
|
||||
fullscreen
|
||||
@closed="updateStrategies = false"
|
||||
>
|
||||
<EditStrategy @create="editStrategies" />
|
||||
<EditPolicy @save="editStrategies" />
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
@ -69,7 +69,7 @@ limitations under the License. -->
|
||||
import { useSelectorStore } from "@/store/modules/selectors";
|
||||
import type { StrategyItem, CheckItems } from "@/types/continous-profiling";
|
||||
import { ElMessage } from "element-plus";
|
||||
import EditStrategy from "./EditStrategy.vue";
|
||||
import EditPolicy from "./EditPolicy.vue";
|
||||
|
||||
const { t } = useI18n();
|
||||
const selectorStore = useSelectorStore();
|
||||
30
src/views/dashboard/related/continuous-profiling/data.ts
Normal file
30
src/views/dashboard/related/continuous-profiling/data.ts
Normal file
@ -0,0 +1,30 @@
|
||||
/**
|
||||
* Licensed to the Apache Software Foundation (ASF) under one or more
|
||||
* contributor license agreements. See the NOTICE file distributed with
|
||||
* this work for additional information regarding copyright ownership.
|
||||
* The ASF licenses this file to You under the Apache License, Version 2.0
|
||||
* (the "License"); you may not use this file except in compliance with
|
||||
* the License. You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
export const MonitorType: any = [
|
||||
{ label: "PROCESS_CPU", value: "PROCESS_CPU" },
|
||||
{ label: "PROCESS_THREAD_COUNT", value: "PROCESS_THREAD_COUNT" },
|
||||
{ label: "SYSTEM_LOAD", value: "SYSTEM_LOAD" },
|
||||
{ label: "HTTP_ERROR_RATE", value: "HTTP_ERROR_RATE" },
|
||||
{ label: "HTTP_AVG_RESPONSE_TIME", value: "HTTP_AVG_RESPONSE_TIME" },
|
||||
];
|
||||
|
||||
export const TargetTypes = [
|
||||
{ label: "ON_CPU", value: "ON_CPU" },
|
||||
{ label: "OFF_CPU", value: "OFF_CPU" },
|
||||
{ label: "NETWORK", value: "NETWORK" },
|
||||
];
|
||||
Loading…
Reference in New Issue
Block a user