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

fix: update selectors

Browse Source
This commit is contained in:
Qiuxia Fan 2022-01-22 14:35:52 +08:00
parent 84d689e5d4
commit 31765e5df3
3 changed files with 27 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Selector.vue
View File

@ -33,7 +33,7 @@ limitations under the License. -->
</el-select> </el-select>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { ref } from "vue"; import { ref, watch } from "vue";
import type { PropType } from "vue"; import type { PropType } from "vue";
import { ElSelect, ElOption } from "element-plus"; import { ElSelect, ElOption } from "element-plus";
@ -70,6 +70,12 @@ function changeSelected() {
); );
emit("change", options); emit("change", options);
} }
watch(
() => props.value,
(data) => {
selected.value = data;
}
);
</script> </script>
<style lang="scss" scope> <style lang="scss" scope>
.icon { .icon {

8
src/views/dashboard/configuration/MetricOptions.vue
View File

@ -44,9 +44,14 @@ limitations under the License. -->
@change="changeMetricType(index, $event)" @change="changeMetricType(index, $event)"
class="selectors" class="selectors"
/> />
<span
v-show="states.isTable || states.metricTypes[0] === 'readMetricsValues'"
>
<Icon <Icon
class="cp mr-5" class="cp mr-5"
v-show="index === states.metrics.length - 1 && states.metrics.length < 5" v-show="
index === states.metrics.length - 1 && states.metrics.length < 5
"
iconName="add_circle_outlinecontrol_point" iconName="add_circle_outlinecontrol_point"
size="middle" size="middle"
@click="addMetric" @click="addMetric"
@ -58,6 +63,7 @@ limitations under the License. -->
size="middle" size="middle"
@click="deleteMetric(index)" @click="deleteMetric(index)"
/> />
</span>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>

20
src/views/dashboard/data.ts
View File

@ -117,18 +117,6 @@ export const MetricChartType: { [key: string]: string } = {
readHeatMap: "ChartHeatmap", readHeatMap: "ChartHeatmap",
readSampledRecords: "ChartSlow", readSampledRecords: "ChartSlow",
}; };
export const CalculationType = [
{ label: "Plus", value: "+" },
{ label: "Minus", value: "-" },
{ label: "Multiplication", value: "*" },
{ label: "Division", value: "/" },
{ label: "Convert Unix Timestamp(milliseconds)", value: "milliseconds" },
{ label: "Convert Unix Timestamp(seconds)", value: "seconds" },
];
export const ReadValueChartType = [
{ value: "ChartNum", label: "Digital Card" },
{ value: "ChartSlow", label: "Slow Chart" },
];
export enum MetricCatalog { export enum MetricCatalog {
SERVICE = "Service", SERVICE = "Service",
@ -139,14 +127,6 @@ export enum MetricCatalog {
SERVICE_INSTANCE_RELATION = "ServiceInstanceRelation", SERVICE_INSTANCE_RELATION = "ServiceInstanceRelation",
ENDPOINT_RELATION = "EndpointRelation", ENDPOINT_RELATION = "EndpointRelation",
} }
export enum MetricsName {
SERVICE_RESP_TIME = "service_resp_time",
SERVICE_SLA = "service_sla",
SERVICE_CPM = "service_cpm",
SERVICE_PERCENTILE = "service_percentile",
SERVICE_APDEX = "service_apdex",
}
export const EntityType = [ export const EntityType = [
{ value: "Service", label: "Service", key: 1 }, { value: "Service", label: "Service", key: 1 },
{ value: "All", label: "All", key: 10 }, { value: "All", label: "All", key: 10 },