Feat: Format header && Remove alarm key (#277)
* feat: rm alarm key
* fix:click charts error
* style: format code
diff --git a/src/App.vue b/src/App.vue
index 1b3d528..fba85ac 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<router-view></router-view>
</template>
diff --git a/src/components/rk-back.vue b/src/components/rk-back.vue
index f240fe0..b849c5b 100644
--- a/src/components/rk-back.vue
+++ b/src/components/rk-back.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<a class="rk-back" @click="handleBack">
<svg class="icon"><use xlink:href="#chevron-left"></use></svg>
diff --git a/src/components/rk-button.vue b/src/components/rk-button.vue
index 7d967a6..220520a 100644
--- a/src/components/rk-button.vue
+++ b/src/components/rk-button.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<a class="rk-btn" :class="{ size, ghost: ghost }" @click.stop="$emit('click')">
<svg v-if="icon" class="icon"><use :xlink:href="`#${icon}`"></use></svg>
diff --git a/src/components/rk-date-calendar.vue b/src/components/rk-date-calendar.vue
index d0adbc2..e083243 100755
--- a/src/components/rk-date-calendar.vue
+++ b/src/components/rk-date-calendar.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 :class="`${pre}`">
<div :class="`${pre}-head`">
diff --git a/src/components/rk-date.vue b/src/components/rk-date.vue
index 4cd2743..a241edb 100755
--- a/src/components/rk-date.vue
+++ b/src/components/rk-date.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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
class="datepicker"
diff --git a/src/components/rk-dropdown-item.vue b/src/components/rk-dropdown-item.vue
index 523f030..fc931de 100644
--- a/src/components/rk-dropdown-item.vue
+++ b/src/components/rk-dropdown-item.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-dropdown-item" :class="{ active: value === active && active }">
<div class="ell" v-if="!show">
diff --git a/src/components/rk-dropdown.vue b/src/components/rk-dropdown.vue
index 8e5e34f..91d343b 100644
--- a/src/components/rk-dropdown.vue
+++ b/src/components/rk-dropdown.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<rk-popper ref="popper" :trigger="trigger" :forceShow="show">
<span slot="reference"><slot></slot></span>
diff --git a/src/components/rk-echarts.vue b/src/components/rk-echarts.vue
index 0fdfc16..2b35a9d 100644
--- a/src/components/rk-echarts.vue
+++ b/src/components/rk-echarts.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="echarts" :style="`height:${height};width:${width};`"></div>
</template>
@@ -50,6 +57,9 @@
this.myChart = echarts.init(el, '');
this.myChart.setOption(this.option);
this.myChart.on('click', (params: any) => {
+ if (!this.clickEvent) {
+ return;
+ }
this.clickEvent(params);
});
}
diff --git a/src/components/rk-footer-time.vue b/src/components/rk-footer-time.vue
index 7b8f226..e2057ea 100644
--- a/src/components/rk-footer-time.vue
+++ b/src/components/rk-footer-time.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<RkDate class="mr-10" v-model="time" position="top" format="YYYY-MM-DD HH:mm:ss" />
</template>
diff --git a/src/components/rk-footer.vue b/src/components/rk-footer.vue
index f1a6d4a..c56ef4a 100644
--- a/src/components/rk-footer.vue
+++ b/src/components/rk-footer.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<footer class="rk-footer trans" :class="{ 'rk-footer-dark': $route.path === '/topology' }">
<div class="rk-footer-inner">
diff --git a/src/components/rk-header.vue b/src/components/rk-header.vue
index 689746d..23758f7 100644
--- a/src/components/rk-header.vue
+++ b/src/components/rk-header.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<header class="rk-header flex-h">
<div class="flex-h">
diff --git a/src/components/rk-icon.vue b/src/components/rk-icon.vue
index 8f7a955..a5234a4 100644
--- a/src/components/rk-icon.vue
+++ b/src/components/rk-icon.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<svg
class="icon"
diff --git a/src/components/rk-page.vue b/src/components/rk-page.vue
index b5f8672..c3a31ad 100644
--- a/src/components/rk-page.vue
+++ b/src/components/rk-page.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<span class="rk-page flex-h">
<svg class="icon cp mr-5" @click="pre">
diff --git a/src/components/rk-panel.vue b/src/components/rk-panel.vue
index 39c3eed..3a4ba91 100644
--- a/src/components/rk-panel.vue
+++ b/src/components/rk-panel.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-box" :style="width ? `width: ${width};` : ''">
<div class="rk-box-title ell">{{ title }}</div>
diff --git a/src/components/rk-popper.vue b/src/components/rk-popper.vue
index 17c1ef0..168f0eb 100644
--- a/src/components/rk-popper.vue
+++ b/src/components/rk-popper.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<component :is="tagName">
<slot name="reference"></slot>
diff --git a/src/components/rk-progress.vue b/src/components/rk-progress.vue
index e7b504e..130fa88 100644
--- a/src/components/rk-progress.vue
+++ b/src/components/rk-progress.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-progress">
<div class="rk-progress-inner" :style="`width:${precent}%;background-color: ${color};`"></div>
diff --git a/src/components/rk-radio.vue b/src/components/rk-radio.vue
index f7182ac..7e1109e 100644
--- a/src/components/rk-radio.vue
+++ b/src/components/rk-radio.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
diff --git a/src/components/rk-select.vue b/src/components/rk-select.vue
index 3001e5c..cf43f59 100644
--- a/src/components/rk-select.vue
+++ b/src/components/rk-select.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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
class="rk-bar-select cp flex-h"
diff --git a/src/components/rk-sidebox.vue b/src/components/rk-sidebox.vue
index dfc5e29..a8ef7ba 100644
--- a/src/components/rk-sidebox.vue
+++ b/src/components/rk-sidebox.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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="rk-sidebox-backdrop" v-show="show" @click="handleHide"></div>
diff --git a/src/views/components/alarm/alarm-select.vue b/src/views/components/alarm/alarm-select.vue
index 94e4c83..b6b2bf0 100644
--- a/src/views/components/alarm/alarm-select.vue
+++ b/src/views/components/alarm/alarm-select.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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
class="rk-alarm-select cp flex-h"
diff --git a/src/views/components/alarm/alarm-table.vue b/src/views/components/alarm/alarm-table.vue
index 21d9e80..588757c 100644
--- a/src/views/components/alarm/alarm-table.vue
+++ b/src/views/components/alarm/alarm-table.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-alarm-table clear">
<div v-for="(i, index) in data" :key="index" class="mb-10 clear">
@@ -13,8 +20,7 @@
</div>
<div class="rk-alarm-table-i g-sm-9">
<div class="message mb-5 b">
- <span class="mr-10 sm">#{{ i.key }}</span
- >{{ i.message }}
+ {{ i.message }}
</div>
<div
class="rk-alarm-table-i-scope mr-10 l sm"
diff --git a/src/views/components/alarm/alarm-tool.vue b/src/views/components/alarm/alarm-tool.vue
index 739fa25..fb8d6cb 100644
--- a/src/views/components/alarm/alarm-tool.vue
+++ b/src/views/components/alarm/alarm-tool.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<nav class="rk-alarm-tool flex-h">
<AlarmSelect
diff --git a/src/views/components/common/trace-chart-table/trace-container.vue b/src/views/components/common/trace-chart-table/trace-container.vue
index eb363de..a834350 100644
--- a/src/views/components/common/trace-chart-table/trace-container.vue
+++ b/src/views/components/common/trace-chart-table/trace-container.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="trace">
diff --git a/src/views/components/common/trace-chart-table/trace-item.vue b/src/views/components/common/trace-chart-table/trace-item.vue
index 0169a71..1b02dcb 100644
--- a/src/views/components/common/trace-chart-table/trace-item.vue
+++ b/src/views/components/common/trace-chart-table/trace-item.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
diff --git a/src/views/components/common/trace-detail-chart-table.vue b/src/views/components/common/trace-detail-chart-table.vue
index 2ed8ce3..95681cc 100644
--- a/src/views/components/common/trace-detail-chart-table.vue
+++ b/src/views/components/common/trace-detail-chart-table.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="trace-detail-chart-table">
<div class="rk-trace-t-loading" v-show="loading">
diff --git a/src/views/components/common/trace-select.vue b/src/views/components/common/trace-select.vue
index bbf9e56..9eed5e7 100644
--- a/src/views/components/common/trace-select.vue
+++ b/src/views/components/common/trace-select.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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
class="rk-trace-sel-wrapper flex-h"
diff --git a/src/views/components/comparison/chart-line.vue b/src/views/components/comparison/chart-line.vue
index 803e8f2..7c10416 100644
--- a/src/views/components/comparison/chart-line.vue
+++ b/src/views/components/comparison/chart-line.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<RkEcharts ref="chart" :option="option" :autoResize="true" />
</template>
diff --git a/src/views/components/comparison/comparison-charts.vue b/src/views/components/comparison/comparison-charts.vue
index 37b9bc3..2de4619 100644
--- a/src/views/components/comparison/comparison-charts.vue
+++ b/src/views/components/comparison/comparison-charts.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-comparison-charts">
<div class="component-item" v-for="item of Object.keys(chartSource)" :key="item">
diff --git a/src/views/components/comparison/comparison-config.vue b/src/views/components/comparison/comparison-config.vue
index 4dec67d..d005c1a 100644
--- a/src/views/components/comparison/comparison-config.vue
+++ b/src/views/components/comparison/comparison-config.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-comparison-config" v-if="currentOptions">
<h4>{{ this.$t('previousService') }}</h4>
diff --git a/src/views/components/dashboard/charts/chart-bar.vue b/src/views/components/dashboard/charts/chart-bar.vue
index ad3d441..983917c 100644
--- a/src/views/components/dashboard/charts/chart-bar.vue
+++ b/src/views/components/dashboard/charts/chart-bar.vue
@@ -1,43 +1,38 @@
-/**
- * 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.
- */
+<!-- 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>
- <RkEcharts ref="chart" :option="option" :autoResize="true"/>
+ <RkEcharts ref="chart" :option="option" :autoResize="true" />
</template>
<script lang="ts">
-import { Vue, Component, Prop } from 'vue-property-decorator';
+ import { Vue, Component, Prop } from 'vue-property-decorator';
-@Component
-export default class ChartBar extends Vue {
+ @Component
+ export default class ChartBar extends Vue {
@Prop() private data!: any;
@Prop() private intervalTime!: any;
public resize() {
const chart: any = this.$refs.chart;
chart.myChart.resize();
}
- get option() {
- const temp: any = [];
- const keys = Object.keys(this.data || {});
- keys.forEach((i: any, index: number) => {
- temp.push({
- data: this.data[i].map((item: any, itemIndex: number) => [
- this.intervalTime[itemIndex],
- item,
- ]),
+ get option() {
+ const temp: any = [];
+ const keys = Object.keys(this.data || {});
+ keys.forEach((i: any, index: number) => {
+ temp.push({
+ data: this.data[i].map((item: any, itemIndex: number) => [this.intervalTime[itemIndex], item]),
name: i,
type: 'bar',
symbol: 'none',
@@ -47,57 +42,50 @@
width: 1.5,
type: 'dotted',
},
+ });
});
- });
- return {
- color: [
- '#3f96e3',
- '#3f96e3',
- '#3fa9e1',
- '#3fbcde',
- '#3fcfdc',
- '#3fe1da',
- ],
- tooltip: {
- trigger: 'axis',
- backgroundColor: 'rgb(50,50,50)',
- textStyle: {
- fontSize: 13,
+ return {
+ color: ['#3f96e3', '#3f96e3', '#3fa9e1', '#3fbcde', '#3fcfdc', '#3fe1da'],
+ tooltip: {
+ trigger: 'axis',
+ backgroundColor: 'rgb(50,50,50)',
+ textStyle: {
+ fontSize: 13,
+ },
},
- },
- legend: {
- show: keys.length === 1 ? false : true,
- icon: 'circle',
- top: 0,
- left: 0,
- itemWidth: 12,
- },
- grid: {
- top: keys.length === 1 ? 15 : 40,
- left: 0,
- right: 10,
- bottom: 5,
- containLabel: true,
- },
- xAxis: {
- type: 'category',
- axisTick: {
- lineStyle: { color: '#c1c5ca41' },
- alignWithLabel: true,
+ legend: {
+ show: keys.length === 1 ? false : true,
+ icon: 'circle',
+ top: 0,
+ left: 0,
+ itemWidth: 12,
},
- splitLine: { show: false },
- axisLine: { lineStyle: { color: 'rgba(0,0,0,0)' } },
- axisLabel: { color: '#9da5b2', fontSize: '11' },
- },
- yAxis: {
- type: 'value',
- axisLine: { show: false },
- axisTick: { show: false },
- splitLine: { lineStyle: { color: '#c1c5ca41', type: 'dashed' } },
- axisLabel: { color: '#9da5b2', fontSize: '11' },
- },
- series: temp,
- };
+ grid: {
+ top: keys.length === 1 ? 15 : 40,
+ left: 0,
+ right: 10,
+ bottom: 5,
+ containLabel: true,
+ },
+ xAxis: {
+ type: 'category',
+ axisTick: {
+ lineStyle: { color: '#c1c5ca41' },
+ alignWithLabel: true,
+ },
+ splitLine: { show: false },
+ axisLine: { lineStyle: { color: 'rgba(0,0,0,0)' } },
+ axisLabel: { color: '#9da5b2', fontSize: '11' },
+ },
+ yAxis: {
+ type: 'value',
+ axisLine: { show: false },
+ axisTick: { show: false },
+ splitLine: { lineStyle: { color: '#c1c5ca41', type: 'dashed' } },
+ axisLabel: { color: '#9da5b2', fontSize: '11' },
+ },
+ series: temp,
+ };
+ }
}
-}
</script>
diff --git a/src/views/components/dashboard/charts/chart-brief.vue b/src/views/components/dashboard/charts/chart-brief.vue
index 0b2e772..9082312 100755
--- a/src/views/components/dashboard/charts/chart-brief.vue
+++ b/src/views/components/dashboard/charts/chart-brief.vue
@@ -1,78 +1,75 @@
-/**
- * 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.
- */
+<!-- 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 style="overflow: auto;height: 100%;" class="scroll_hide">
- <div class="rk-chart-brief">
- <div class="rk-chart-brief-i">
- <svg class="icon lg mr-15 vm">
- <use :xlink:href="`#package`"></use>
- </svg>
- <span class="vm">{{$t('service')}}</span>
- <span class="r b">{{data.numOfService}}</span>
+ <div class="rk-chart-brief">
+ <div class="rk-chart-brief-i">
+ <svg class="icon lg mr-15 vm">
+ <use :xlink:href="`#package`"></use>
+ </svg>
+ <span class="vm">{{ $t('service') }}</span>
+ <span class="r b">{{ data.numOfService }}</span>
+ </div>
+ <div class="rk-chart-brief-i">
+ <svg class="icon lg mr-15 vm">
+ <use :xlink:href="`#code`"></use>
+ </svg>
+ <span class="vm">{{ $t('endpoint') }}</span>
+ <span class="r b">{{ data.numOfEndpoint }}</span>
+ </div>
+ <div class="rk-chart-brief-i">
+ <svg class="icon lg mr-15 vm">
+ <use :xlink:href="`#epic`"></use>
+ </svg>
+ <span class="vm">{{ $t('database') }}</span>
+ <span class="r b">{{ data.numOfDatabase }}</span>
+ </div>
+ <div class="rk-chart-brief-i">
+ <svg class="icon lg mr-15 vm">
+ <use :xlink:href="`#token`"></use>
+ </svg>
+ <span class="vm">{{ $t('cache') }}</span>
+ <span class="r b">{{ data.numOfCache }}</span>
+ </div>
+ <div class="rk-chart-brief-i">
+ <svg class="icon lg mr-15 vm">
+ <use :xlink:href="`#soft-unwrap`"></use>
+ </svg>
+ <span class="vm">MQ</span>
+ <span class="r b">{{ data.numOfMQ }}</span>
+ </div>
</div>
- <div class="rk-chart-brief-i">
- <svg class="icon lg mr-15 vm">
- <use :xlink:href="`#code`"></use>
- </svg>
- <span class="vm">{{$t('endpoint')}}</span>
- <span class="r b">{{data.numOfEndpoint}}</span>
- </div>
- <div class="rk-chart-brief-i">
- <svg class="icon lg mr-15 vm">
- <use :xlink:href="`#epic`"></use>
- </svg>
- <span class="vm">{{$t('database')}}</span>
- <span class="r b">{{data.numOfDatabase}}</span>
- </div>
- <div class="rk-chart-brief-i">
- <svg class="icon lg mr-15 vm">
- <use :xlink:href="`#token`"></use>
- </svg>
- <span class="vm">{{$t('cache')}}</span>
- <span class="r b">{{data.numOfCache}}</span>
- </div>
- <div class="rk-chart-brief-i">
- <svg class="icon lg mr-15 vm">
- <use :xlink:href="`#soft-unwrap`"></use>
- </svg>
- <span class="vm">MQ</span>
- <span class="r b">{{data.numOfMQ}}</span>
- </div>
- </div>
</div>
</template>
<script lang="ts">
-import Vue from 'vue';
-import { Component, Prop } from 'vue-property-decorator';
-import moment from 'dayjs';
-@Component
-export default class ChartBrief extends Vue {
- @Prop() private data!: any;
- @Prop() private intervalTime!: any;
-}
+ import Vue from 'vue';
+ import { Component, Prop } from 'vue-property-decorator';
+ import moment from 'dayjs';
+ @Component
+ export default class ChartBrief extends Vue {
+ @Prop() private data!: any;
+ @Prop() private intervalTime!: any;
+ }
</script>
<style lang="scss">
-.rk-chart-brief{
- // height: 215px;
-}
-.rk-chart-brief-i{
- padding: 5px 0px;
-}
+ .rk-chart-brief {
+ // height: 215px;
+ }
+ .rk-chart-brief-i {
+ padding: 5px 0px;
+ }
</style>
-
diff --git a/src/views/components/dashboard/charts/chart-count.vue b/src/views/components/dashboard/charts/chart-count.vue
index 3291e4b..b47af16 100644
--- a/src/views/components/dashboard/charts/chart-count.vue
+++ b/src/views/components/dashboard/charts/chart-count.vue
@@ -1,51 +1,59 @@
-/**
- * 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.
- */
+<!-- 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 class="rk-chart-count">
- <div class="mb-10 pt-10 b"><span class="mr-10">YoungGC Count</span><span class="count r">{{data.youngGC.reduce(function (preValue,curValue,index,array) {
- return preValue + curValue;
-}, 0)}}</span></div>
- <div class="mb-10 pt-10 b"><span class="mr-10">OldGC Count</span><span class="count r">{{data.oldGC.reduce(function (preValue,curValue,index,array) {
- return preValue + curValue;
-}, 0)}}</span></div>
-</div>
+ <div class="rk-chart-count">
+ <div class="mb-10 pt-10 b">
+ <span class="mr-10">YoungGC Count</span
+ ><span class="count r">{{
+ data.youngGC.reduce(function(preValue, curValue, index, array) {
+ return preValue + curValue;
+ }, 0)
+ }}</span>
+ </div>
+ <div class="mb-10 pt-10 b">
+ <span class="mr-10">OldGC Count</span
+ ><span class="count r">{{
+ data.oldGC.reduce(function(preValue, curValue, index, array) {
+ return preValue + curValue;
+ }, 0)
+ }}</span>
+ </div>
+ </div>
</template>
<script lang="ts">
-import Vue from 'vue';
-import { Component, Prop } from 'vue-property-decorator';
+ import Vue from 'vue';
+ import { Component, Prop } from 'vue-property-decorator';
-@Component
-export default class ChartCount extends Vue {
- @Prop() private title!: string;
- @Prop() private data!: any;
- @Prop() private intervalTime!: any;
-}
+ @Component
+ export default class ChartCount extends Vue {
+ @Prop() private title!: string;
+ @Prop() private data!: any;
+ @Prop() private intervalTime!: any;
+ }
</script>
<style lang="scss">
-.rk-chart-count{
- padding-top: 15px;
- .count{
+ .rk-chart-count {
+ padding-top: 15px;
+ .count {
padding: 0 5px;
display: inline-block;
background-color: #40454e;
color: #eee;
border-radius: 4px;
}
-}
+ }
</style>
diff --git a/src/views/components/dashboard/charts/chart-edit.vue b/src/views/components/dashboard/charts/chart-edit.vue
index 687dfa7..4739775 100755
--- a/src/views/components/dashboard/charts/chart-edit.vue
+++ b/src/views/components/dashboard/charts/chart-edit.vue
@@ -1,75 +1,91 @@
-/**
- * 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.
- */
+<!-- 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 class="rk-chart-edit">
<div class="rk-chart-edit-container">
<div class="flex-h mb-5">
- <div class="title grey sm">{{$t('title')}}:</div>
- <input type="text" class="rk-chart-edit-input long" :value="i.t" @change="EDIT_COMP({index,type:'t',value:$event.target.value})">
+ <div class="title grey sm">{{ $t('title') }}:</div>
+ <input
+ type="text"
+ class="rk-chart-edit-input long"
+ :value="i.t"
+ @change="EDIT_COMP({ index, type: 't', value: $event.target.value })"
+ />
</div>
<div class="flex-h mb-5">
- <div class="title grey sm">{{$t('width')}}:</div>
- <input type="number" min="1" max="12" class="rk-chart-edit-input long" :value="i.w" @change="EDIT_COMP({index,type:'w',value:$event.target.value})">
+ <div class="title grey sm">{{ $t('width') }}:</div>
+ <input
+ type="number"
+ min="1"
+ max="12"
+ class="rk-chart-edit-input long"
+ :value="i.w"
+ @change="EDIT_COMP({ index, type: 'w', value: $event.target.value })"
+ />
</div>
<div class="flex-h">
- <div class="title grey sm">{{$t('height')}}:</div>
- <input type="number" min="1" class="rk-chart-edit-input long" :value="i.h" @change="EDIT_COMP({index,type:'h',value:$event.target.value})">
+ <div class="title grey sm">{{ $t('height') }}:</div>
+ <input
+ type="number"
+ min="1"
+ class="rk-chart-edit-input long"
+ :value="i.h"
+ @change="EDIT_COMP({ index, type: 'h', value: $event.target.value })"
+ />
</div>
</div>
</div>
</template>
<script lang="ts">
-import Vue from 'vue';
-import { State, Getter, Mutation } from 'vuex-class';
-import { Component, Prop } from 'vue-property-decorator';
+ import Vue from 'vue';
+ import { State, Getter, Mutation } from 'vuex-class';
+ import { Component, Prop } from 'vue-property-decorator';
-@Component
-export default class ChartEdit extends Vue {
- @Mutation('EDIT_COMP') private EDIT_COMP: any;
- @Prop() private i!: any;
- @Prop() private index!: number;
- @Prop() private intervalTime!: any;
-}
+ @Component
+ export default class ChartEdit extends Vue {
+ @Mutation('EDIT_COMP') private EDIT_COMP: any;
+ @Prop() private i!: any;
+ @Prop() private index!: number;
+ @Prop() private intervalTime!: any;
+ }
</script>
<style lang="scss">
-.rk-chart-edit{
- margin: 0 -10px;
- height: 100%;
- overflow: auto;
-}
-
-.rk-chart-edit-container{
- padding: 7px 5px;
- border: 1px dashed rgba(196, 200, 225, .5);
- border-radius: 4px;
- height: 100%;
- .title{
- width: 45px;
- flex-shrink: 0;
+ .rk-chart-edit {
+ margin: 0 -10px;
+ height: 100%;
+ overflow: auto;
}
-}
-.rk-chart-edit-input{
- border: 0;
- outline: 0;
- padding: 4px 10px;
- border-radius: 3px;
- // border: 1px solid #c1c5ca41;
- background-color: rgba(196, 200, 225, 0.2);
-}
+
+ .rk-chart-edit-container {
+ padding: 7px 5px;
+ border: 1px dashed rgba(196, 200, 225, 0.5);
+ border-radius: 4px;
+ height: 100%;
+ .title {
+ width: 45px;
+ flex-shrink: 0;
+ }
+ }
+ .rk-chart-edit-input {
+ border: 0;
+ outline: 0;
+ padding: 4px 10px;
+ border-radius: 3px;
+ // border: 1px solid #c1c5ca41;
+ background-color: rgba(196, 200, 225, 0.2);
+ }
</style>
diff --git a/src/views/components/dashboard/charts/chart-heap.vue b/src/views/components/dashboard/charts/chart-heap.vue
index b460577..23ce030 100644
--- a/src/views/components/dashboard/charts/chart-heap.vue
+++ b/src/views/components/dashboard/charts/chart-heap.vue
@@ -1,107 +1,102 @@
-/**
- * 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.
- */
+<!-- 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>
<rk-panel :title="title">
- <RkEcharts height="215px" :option="responseConfig"/>
+ <RkEcharts height="215px" :option="responseConfig" />
</rk-panel>
</template>
<script lang="ts">
-import Vue from 'vue';
-import { Component, Prop } from 'vue-property-decorator';
+ import Vue from 'vue';
+ import { Component, Prop } from 'vue-property-decorator';
-@Component
-export default class ChartHeap extends Vue {
- @Prop() private title!: string;
- @Prop() private stateDashboard!: any;
- @Prop() private intervalTime!: any;
- get responseConfig() {
- return {
- color: [
- '#3f96e3',
- '#3fbde3',
- ],
- tooltip: {
- trigger: 'axis',
- backgroundColor: 'rgb(50,50,50)',
- textStyle: {
- fontSize: 13,
- },
- },
- legend: {
- icon: 'circle',
- top: 0,
- left: 0,
- itemWidth: 12,
- },
- grid: {
- top: 10,
- left: 0,
- right: 10,
- bottom: 5,
- containLabel: true,
- },
- xAxis: {
- type: 'category',
- axisTick: {
- lineStyle: { color: '#c1c5ca41' },
- alignWithLabel: true,
- },
- splitLine: { show: false },
- axisLine: { lineStyle: { color: 'rgba(0,0,0,0)' } },
- axisLabel: { color: '#9da5b2', fontSize: '11' },
- },
- yAxis: {
- type: 'value',
- axisLine: { show: false },
- axisTick: { show: false },
- splitLine: { lineStyle: { color: '#c1c5ca41', type: 'dashed' } },
- axisLabel: { color: '#9da5b2', fontSize: '11' },
- },
- series: [
- {
- data: this.stateDashboard.instanceInfo.heap.map((i: any, index: number) => [
- this.intervalTime[index],
- (i.value / 1048576).toFixed(2),
- ]),
- name: this.stateDashboard.instanceInfo.heap.length ? 'Value' : null,
- type: 'line',
- symbol: 'none',
- areaStyle: {},
- lineStyle: {
- width: 1.5,
+ @Component
+ export default class ChartHeap extends Vue {
+ @Prop() private title!: string;
+ @Prop() private stateDashboard!: any;
+ @Prop() private intervalTime!: any;
+ get responseConfig() {
+ return {
+ color: ['#3f96e3', '#3fbde3'],
+ tooltip: {
+ trigger: 'axis',
+ backgroundColor: 'rgb(50,50,50)',
+ textStyle: {
+ fontSize: 13,
},
},
- {
- data: this.stateDashboard.instanceInfo.heap.map((i: any, index: number) => [
- this.intervalTime[index],
- ((this.stateDashboard.instanceInfo.maxHeap[index].value - i.value) / 1048576).toFixed(2),
- ]),
- name: this.stateDashboard.instanceInfo.heap.length ? 'Free' : null,
- type: 'line',
- symbol: 'none',
- areaStyle: {},
- lineStyle: {
- width: 1.5,
- },
+ legend: {
+ icon: 'circle',
+ top: 0,
+ left: 0,
+ itemWidth: 12,
},
- ],
- };
+ grid: {
+ top: 10,
+ left: 0,
+ right: 10,
+ bottom: 5,
+ containLabel: true,
+ },
+ xAxis: {
+ type: 'category',
+ axisTick: {
+ lineStyle: { color: '#c1c5ca41' },
+ alignWithLabel: true,
+ },
+ splitLine: { show: false },
+ axisLine: { lineStyle: { color: 'rgba(0,0,0,0)' } },
+ axisLabel: { color: '#9da5b2', fontSize: '11' },
+ },
+ yAxis: {
+ type: 'value',
+ axisLine: { show: false },
+ axisTick: { show: false },
+ splitLine: { lineStyle: { color: '#c1c5ca41', type: 'dashed' } },
+ axisLabel: { color: '#9da5b2', fontSize: '11' },
+ },
+ series: [
+ {
+ data: this.stateDashboard.instanceInfo.heap.map((i: any, index: number) => [
+ this.intervalTime[index],
+ (i.value / 1048576).toFixed(2),
+ ]),
+ name: this.stateDashboard.instanceInfo.heap.length ? 'Value' : null,
+ type: 'line',
+ symbol: 'none',
+ areaStyle: {},
+ lineStyle: {
+ width: 1.5,
+ },
+ },
+ {
+ data: this.stateDashboard.instanceInfo.heap.map((i: any, index: number) => [
+ this.intervalTime[index],
+ ((this.stateDashboard.instanceInfo.maxHeap[index].value - i.value) / 1048576).toFixed(2),
+ ]),
+ name: this.stateDashboard.instanceInfo.heap.length ? 'Free' : null,
+ type: 'line',
+ symbol: 'none',
+ areaStyle: {},
+ lineStyle: {
+ width: 1.5,
+ },
+ },
+ ],
+ };
+ }
}
-}
</script>
diff --git a/src/views/components/dashboard/charts/chart-heatmap.vue b/src/views/components/dashboard/charts/chart-heatmap.vue
index 37be50b..3d8cded 100644
--- a/src/views/components/dashboard/charts/chart-heatmap.vue
+++ b/src/views/components/dashboard/charts/chart-heatmap.vue
@@ -1,132 +1,148 @@
-/**
- * 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.
- */
+<!-- 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>
- <RkEcharts ref="chart" :option="option"/>
+ <RkEcharts ref="chart" :option="option" />
</template>
<script lang="ts">
-import Vue from 'vue';
-import { Component, Prop } from 'vue-property-decorator';
-import 'echarts/lib/component/visualMap';
-import moment from 'dayjs';
-@Component
-export default class ChartHeatmap extends Vue {
- @Prop() private title!: string;
- @Prop() private type!: string;
- @Prop() private data!: any;
- @Prop() private intervalTime!: any;
- public resize() {
- const chart: any = this.$refs.chart;
- chart.myChart.resize();
- }
- get option() {
- const source = this.data.map((d: number[]) => d[2]);
- const maxItem = Math.max(...source);
- const minItem = Math.min(...source);
- const colorBox = ['#fff', '#FDF0F0', '#FAE2E2', '#F8D3D3', '#F6C4C4', '#F4B5B5', '#F1A7A7', '#EF9898', '#E86C6C',
- '#E44E4E', '#E23F3F', '#DF3131', '#DD2222', '#CE2020', '#C01D1D', '#B11B1B', '#A21919', '#851414',
- '#761212', '#671010',
- ];
- return {
- tooltip: {
- position: 'top',
- formatter: (a: any) => `${a.data[1] * 100}ms [ ${a.data[2]} ]`,
- textStyle: {
- fontSize: 13,
- },
- },
- grid: {
- top: 15,
- left: 0,
- right: 10,
- bottom: 5,
- containLabel: true,
- },
- xAxis: {
- type: 'category',
- data: this.intervalTime,
- axisTick: {
- lineStyle: { color: '#c1c5ca' },
- alignWithLabel: true,
- },
- splitLine: { show: false },
- axisLine: { lineStyle: { color: 'rgba(0,0,0,0)' } },
- axisLabel: { color: '#9da5b2', fontSize: '11' },
- },
- visualMap: [
- {
- min: minItem,
- max: maxItem,
- show: false,
- type: 'piecewise',
- calculable: true,
- pieces: this.generatePieces(maxItem, colorBox, minItem),
- },
- ],
- yAxis: {
- type: 'value',
- axisLine: { show: false },
- axisTick: { show: false },
- splitLine: { lineStyle: { color: '#c1c5ca', type: 'dashed' } },
- axisLabel: { color: '#9da5b2', fontSize: '11', formatter: (a: number) => `${a * 100}ms`},
- },
- series: [
- {
- type: 'heatmap',
- data: this.data,
- itemStyle: {
- emphasis: {
- shadowBlur: 10,
- shadowColor: 'rgba(0, 0, 0, 0.5)',
- },
+ import Vue from 'vue';
+ import { Component, Prop } from 'vue-property-decorator';
+ import 'echarts/lib/component/visualMap';
+ import moment from 'dayjs';
+ @Component
+ export default class ChartHeatmap extends Vue {
+ @Prop() private title!: string;
+ @Prop() private type!: string;
+ @Prop() private data!: any;
+ @Prop() private intervalTime!: any;
+ public resize() {
+ const chart: any = this.$refs.chart;
+ chart.myChart.resize();
+ }
+ get option() {
+ const source = this.data.map((d: number[]) => d[2]);
+ const maxItem = Math.max(...source);
+ const minItem = Math.min(...source);
+ const colorBox = [
+ '#fff',
+ '#FDF0F0',
+ '#FAE2E2',
+ '#F8D3D3',
+ '#F6C4C4',
+ '#F4B5B5',
+ '#F1A7A7',
+ '#EF9898',
+ '#E86C6C',
+ '#E44E4E',
+ '#E23F3F',
+ '#DF3131',
+ '#DD2222',
+ '#CE2020',
+ '#C01D1D',
+ '#B11B1B',
+ '#A21919',
+ '#851414',
+ '#761212',
+ '#671010',
+ ];
+ return {
+ tooltip: {
+ position: 'top',
+ formatter: (a: any) => `${a.data[1] * 100}ms [ ${a.data[2]} ]`,
+ textStyle: {
+ fontSize: 13,
},
},
- ],
- };
- }
- private generatePieces(maxValue: number, colorBox: string[], minItem: number) {
- const pieces = [];
- let quotient = 1;
- let temp = {} as any;
- temp.max = minItem;
- temp.min = minItem;
- temp.color = colorBox[0];
- pieces.push(temp);
- if (maxValue && maxValue >= 19) {
- quotient = Math.floor(maxValue / 19);
- for (let i = 1; i < 20; i++) {
- temp = {} as any;
- if (i === 1) {
- temp.min = minItem;
- } else {
- temp.min = quotient * (i - 1);
+ grid: {
+ top: 15,
+ left: 0,
+ right: 10,
+ bottom: 5,
+ containLabel: true,
+ },
+ xAxis: {
+ type: 'category',
+ data: this.intervalTime,
+ axisTick: {
+ lineStyle: { color: '#c1c5ca' },
+ alignWithLabel: true,
+ },
+ splitLine: { show: false },
+ axisLine: { lineStyle: { color: 'rgba(0,0,0,0)' } },
+ axisLabel: { color: '#9da5b2', fontSize: '11' },
+ },
+ visualMap: [
+ {
+ min: minItem,
+ max: maxItem,
+ show: false,
+ type: 'piecewise',
+ calculable: true,
+ pieces: this.generatePieces(maxItem, colorBox, minItem),
+ },
+ ],
+ yAxis: {
+ type: 'value',
+ axisLine: { show: false },
+ axisTick: { show: false },
+ splitLine: { lineStyle: { color: '#c1c5ca', type: 'dashed' } },
+ axisLabel: { color: '#9da5b2', fontSize: '11', formatter: (a: number) => `${a * 100}ms` },
+ },
+ series: [
+ {
+ type: 'heatmap',
+ data: this.data,
+ itemStyle: {
+ emphasis: {
+ shadowBlur: 10,
+ shadowColor: 'rgba(0, 0, 0, 0.5)',
+ },
+ },
+ },
+ ],
+ };
+ }
+ private generatePieces(maxValue: number, colorBox: string[], minItem: number) {
+ const pieces = [];
+ let quotient = 1;
+ let temp = {} as any;
+ temp.max = minItem;
+ temp.min = minItem;
+ temp.color = colorBox[0];
+ pieces.push(temp);
+ if (maxValue && maxValue >= 19) {
+ quotient = Math.floor(maxValue / 19);
+ for (let i = 1; i < 20; i++) {
+ temp = {} as any;
+ if (i === 1) {
+ temp.min = minItem;
+ } else {
+ temp.min = quotient * (i - 1);
+ }
+ temp.max = quotient * i;
+ temp.color = colorBox[i];
+ pieces.push(temp);
}
- temp.max = quotient * i;
- temp.color = colorBox[i];
- pieces.push(temp);
}
+ const length = pieces.length;
+ if (length) {
+ const item = pieces[length - 1];
+ item.max = maxValue;
+ }
+ return pieces;
}
- const length = pieces.length;
- if (length) {
- const item = pieces[length - 1];
- item.max = maxValue;
- }
- return pieces;
}
-}
</script>
diff --git a/src/views/components/dashboard/charts/chart-instance.vue b/src/views/components/dashboard/charts/chart-instance.vue
index 99f6901..374d309 100755
--- a/src/views/components/dashboard/charts/chart-instance.vue
+++ b/src/views/components/dashboard/charts/chart-instance.vue
@@ -1,49 +1,47 @@
-/**
- * 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.
- */
+<!-- 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 class="chart-instance-info">
- <div class="ell mb-10 pt-10 b" v-tooltip="rocketOption.currentInstance.label || ''">
- {{this.rocketOption.currentInstance.label}}
- </div>
- <div>
- <span class="mr-5 mb-5 grey">Language</span>
- <span>{{this.rocketOption.currentInstance.language}}</span>
- </div>
- <div v-for="i in rocketOption.currentInstance.attributes">
- <span class="mr-5 mb-5 grey">{{i.name}}</span>
- <span>{{i.value}}</span>
- </div>
+ <div class="chart-instance-info">
+ <div class="ell mb-10 pt-10 b" v-tooltip="rocketOption.currentInstance.label || ''">
+ {{ this.rocketOption.currentInstance.label }}
</div>
+ <div>
+ <span class="mr-5 mb-5 grey">Language</span>
+ <span>{{ this.rocketOption.currentInstance.language }}</span>
+ </div>
+ <div v-for="i in rocketOption.currentInstance.attributes">
+ <span class="mr-5 mb-5 grey">{{ i.name }}</span>
+ <span>{{ i.value }}</span>
+ </div>
+ </div>
</template>
<script lang="ts">
-import Vue from 'vue';
-import { Component, Prop } from 'vue-property-decorator';
-import moment from 'dayjs';
-import { State } from 'vuex-class';
-@Component
-export default class ChartInstance extends Vue {
- @State('rocketOption') private rocketOption!: any;
- @Prop() private intervalTime!: any;
-}
+ import Vue from 'vue';
+ import { Component, Prop } from 'vue-property-decorator';
+ import moment from 'dayjs';
+ import { State } from 'vuex-class';
+ @Component
+ export default class ChartInstance extends Vue {
+ @State('rocketOption') private rocketOption!: any;
+ @Prop() private intervalTime!: any;
+ }
</script>
<style lang="scss">
- .chart-instance-info{
+ .chart-instance-info {
height: 215px;
overflow: auto;
}
diff --git a/src/views/components/dashboard/charts/chart-line.vue b/src/views/components/dashboard/charts/chart-line.vue
index 133a2f2..a8f5913 100644
--- a/src/views/components/dashboard/charts/chart-line.vue
+++ b/src/views/components/dashboard/charts/chart-line.vue
@@ -1,43 +1,38 @@
-/**
- * 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.
- */
+<!-- 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>
- <RkEcharts ref="chart" :option="option" :autoResize="true"/>
+ <RkEcharts ref="chart" :option="option" :autoResize="true" />
</template>
<script lang="ts">
-import { Vue, Component, Prop } from 'vue-property-decorator';
+ import { Vue, Component, Prop } from 'vue-property-decorator';
-@Component
-export default class ChartLine extends Vue {
+ @Component
+ export default class ChartLine extends Vue {
@Prop() private data!: any;
@Prop() private intervalTime!: any;
public resize() {
const chart: any = this.$refs.chart;
chart.myChart.resize();
}
- get option() {
- const temp: any = [];
- const keys = Object.keys(this.data || {}).filter((i: any) => Array.isArray(this.data[i]) && this.data[i].length);
- keys.forEach((i: any, index: number) => {
- const serie: any = {
- data: this.data[i].map((item: any, itemIndex: number) => [
- this.intervalTime[itemIndex],
- item,
- ]),
+ get option() {
+ const temp: any = [];
+ const keys = Object.keys(this.data || {}).filter((i: any) => Array.isArray(this.data[i]) && this.data[i].length);
+ keys.forEach((i: any, index: number) => {
+ const serie: any = {
+ data: this.data[i].map((item: any, itemIndex: number) => [this.intervalTime[itemIndex], item]),
name: i,
type: 'line',
symbol: 'none',
@@ -46,77 +41,66 @@
width: 1.5,
type: 'solid',
},
- };
- if (keys.length === 2) {
- serie.areaStyle = {};
+ };
+ if (keys.length === 2) {
+ serie.areaStyle = {};
+ }
+ temp.push(serie);
+ });
+ let color: string[] = [];
+ switch (keys.length) {
+ case 2:
+ color = ['#a3a0e6', '#a0b1e6'];
+ break;
+ case 1:
+ color = ['#3f96e3'];
+ break;
+ default:
+ color = ['#30A4EB', '#45BFC0', '#FFCC55', '#FF6A84', '#a0a7e6'];
+ break;
}
- temp.push(serie);
- });
- let color: string[] = [];
- switch (keys.length) {
- case 2:
- color = [
- '#a3a0e6',
- '#a0b1e6',
- ];
- break;
- case 1:
- color = [
- '#3f96e3',
- ];
- break;
- default:
- color = [
- '#30A4EB',
- '#45BFC0',
- '#FFCC55',
- '#FF6A84',
- '#a0a7e6',
- ];
- break;
+ return {
+ color,
+ tooltip: {
+ trigger: 'axis',
+ backgroundColor: 'rgb(50,50,50)',
+ textStyle: {
+ fontSize: 13,
+ },
+ },
+ legend: {
+ show: keys.length === 1 ? false : true,
+ icon: 'circle',
+ top: 0,
+ left: 0,
+ itemWidth: 12,
+ },
+ grid: {
+ top: keys.length === 1 ? 15 : 55,
+ left: 0,
+ right: 10,
+ bottom: 5,
+ containLabel: true,
+ },
+ xAxis: {
+ type: 'category',
+ axisTick: {
+ lineStyle: { color: '#c1c5ca41' },
+ alignWithLabel: true,
+ },
+ splitLine: { show: false },
+ axisLine: { lineStyle: { color: 'rgba(0,0,0,0)' } },
+ axisLabel: { color: '#9da5b2', fontSize: '11' },
+ },
+ yAxis: {
+ type: 'value',
+ axisLine: { show: false },
+ axisTick: { show: false },
+ splitLine: { lineStyle: { color: '#c1c5ca41', type: 'dashed' } },
+ axisLabel: { color: '#9da5b2', fontSize: '11' },
+ },
+ series: temp,
+ };
}
- return {
- color,
- tooltip: {
- trigger: 'axis',
- backgroundColor: 'rgb(50,50,50)',
- textStyle: {
- fontSize: 13,
- },
- },
- legend: {
- show: keys.length === 1 ? false : true,
- icon: 'circle',
- top: 0,
- left: 0,
- itemWidth: 12,
- },
- grid: {
- top: keys.length === 1 ? 15 : 55,
- left: 0,
- right: 10,
- bottom: 5,
- containLabel: true,
- },
- xAxis: {
- type: 'category',
- axisTick: {
- lineStyle: { color: '#c1c5ca41' },
- alignWithLabel: true,
- },
- splitLine: { show: false },
- axisLine: { lineStyle: { color: 'rgba(0,0,0,0)' } },
- axisLabel: { color: '#9da5b2', fontSize: '11' },
- },
- yAxis: {
- type: 'value',
- axisLine: { show: false },
- axisTick: { show: false },
- splitLine: { lineStyle: { color: '#c1c5ca41', type: 'dashed' } },
- axisLabel: { color: '#9da5b2', fontSize: '11' },
- },
- series: temp,
- };
}
-}
</script>
diff --git a/src/views/components/dashboard/charts/chart-num.vue b/src/views/components/dashboard/charts/chart-num.vue
index 8030af3..2025bac 100644
--- a/src/views/components/dashboard/charts/chart-num.vue
+++ b/src/views/components/dashboard/charts/chart-num.vue
@@ -1,68 +1,66 @@
-/**
- * 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.
- */
+<!-- 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 class="rk-chart-num b">
- <span>{{(avg || 0).toFixed(2)}}</span>
- <span class="rk-chart-num-unit">{{unit}}</span>
-</div>
+ <div class="rk-chart-num b">
+ <span>{{ (avg || 0).toFixed(2) }}</span>
+ <span class="rk-chart-num-unit">{{ unit }}</span>
+ </div>
</template>
<script lang="ts">
-import { Vue, Component, Prop } from 'vue-property-decorator';
+ import { Vue, Component, Prop } from 'vue-property-decorator';
-@Component
-export default class ChartNum extends Vue {
- @Prop() private data!: any;
- @Prop() private i!: any;
- @Prop() private intervalTime!: any;
- get avg() {
- const data = this.data[Object.keys(this.data)[0]].filter((i: number) => i > 0 );
- return data.reduce((acc: number, val: number) => acc + val, 0) / data.length;
+ @Component
+ export default class ChartNum extends Vue {
+ @Prop() private data!: any;
+ @Prop() private i!: any;
+ @Prop() private intervalTime!: any;
+ get avg() {
+ const data = this.data[Object.keys(this.data)[0]].filter((i: number) => i > 0);
+ return data.reduce((acc: number, val: number) => acc + val, 0) / data.length;
+ }
+ get unit() {
+ let unit = 'ms' as string | null;
+ if (
+ this.i.d === 'databaseThroughput' ||
+ this.i.d === 'serviceThroughput' ||
+ this.i.d === 'instanceThroughput' ||
+ this.i.d === 'endpointThroughput'
+ ) {
+ unit = 'cpm';
+ }
+ if (
+ this.i.d === 'databaseSLA' ||
+ this.i.d === 'serviceSLA' ||
+ this.i.d === 'instanceSLA' ||
+ this.i.d === 'endpointSLA'
+ ) {
+ unit = '%';
+ }
+ if (this.i.d === 'serviceApdexScore') {
+ unit = null;
+ }
+ return unit;
+ }
}
- get unit() {
- let unit = 'ms' as string | null;
- if (
- this.i.d === 'databaseThroughput' ||
- this.i.d === 'serviceThroughput' ||
- this.i.d === 'instanceThroughput' ||
- this.i.d === 'endpointThroughput'
- ) {
- unit = 'cpm';
- }
- if (
- this.i.d === 'databaseSLA' ||
- this.i.d === 'serviceSLA' ||
- this.i.d === 'instanceSLA' ||
- this.i.d === 'endpointSLA'
- ) {
- unit = '%';
- }
- if (this.i.d === 'serviceApdexScore') {
- unit = null;
- }
- return unit;
- }
-}
</script>
<style lang="scss">
-.rk-chart-num{
- font-size: 24px;
-}
-.rk-chart-num-unit{
- font-size: 16px;
-}
+ .rk-chart-num {
+ font-size: 24px;
+ }
+ .rk-chart-num-unit {
+ font-size: 16px;
+ }
</style>
diff --git a/src/views/components/dashboard/charts/chart-sankey.vue b/src/views/components/dashboard/charts/chart-sankey.vue
index cd8c1d2..cd05b3c 100644
--- a/src/views/components/dashboard/charts/chart-sankey.vue
+++ b/src/views/components/dashboard/charts/chart-sankey.vue
@@ -1,80 +1,70 @@
-/**
- * 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.
- */
+<!-- 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>
- <RkEcharts ref="chart" :option="option" :autoResize="true"/>
+ <RkEcharts ref="chart" :option="option" :autoResize="true" />
</template>
<script lang="ts">
-import Vue from 'vue';
-import { Component, Prop } from 'vue-property-decorator';
+ import Vue from 'vue';
+ import { Component, Prop } from 'vue-property-decorator';
-@Component
-export default class ChartSankey extends Vue {
- @Prop() private title!: string;
- @Prop() private data!: any;
- @Prop() private intervalTime!: any;
- get option() {
- return {
- tooltip: {
- trigger: 'item',
- triggerOn: 'mousemove',
- backgroundColor: 'rgb(50,50,50)',
- textStyle: {
- fontSize: 13,
- },
- formatter: (a: any) => a.data.tip,
- },
- series: [{
- type: 'sankey',
- left: '30px',
- top: '20px',
- bottom: '20px',
- label: {
- formatter: (a: any) => a.data.content,
- },
- animation: false,
- color: [
- '#bf99f8',
- '#3fe1da',
- '#6be6c1',
- '#3fcfdc',
- '#626c91',
- '#3fbcde',
- '#a0a7e6',
- '#3fa9e1',
- '#96dee8',
- ],
- data: this.data.nodes,
- links: this.data.calls,
- itemStyle: {
- normal: {
- borderWidth: 0,
+ @Component
+ export default class ChartSankey extends Vue {
+ @Prop() private title!: string;
+ @Prop() private data!: any;
+ @Prop() private intervalTime!: any;
+ get option() {
+ return {
+ tooltip: {
+ trigger: 'item',
+ triggerOn: 'mousemove',
+ backgroundColor: 'rgb(50,50,50)',
+ textStyle: {
+ fontSize: 13,
},
+ formatter: (a: any) => a.data.tip,
},
- lineStyle: {
- normal: {
- color: 'source',
- opacity: 0.12,
+ series: [
+ {
+ type: 'sankey',
+ left: '30px',
+ top: '20px',
+ bottom: '20px',
+ label: {
+ formatter: (a: any) => a.data.content,
+ },
+ animation: false,
+ color: ['#bf99f8', '#3fe1da', '#6be6c1', '#3fcfdc', '#626c91', '#3fbcde', '#a0a7e6', '#3fa9e1', '#96dee8'],
+ data: this.data.nodes,
+ links: this.data.calls,
+ itemStyle: {
+ normal: {
+ borderWidth: 0,
+ },
+ },
+ lineStyle: {
+ normal: {
+ color: 'source',
+ opacity: 0.12,
+ },
+ },
},
- },
- }],
- visualMap: this.data.visualMap,
- };
+ ],
+ visualMap: this.data.visualMap,
+ };
+ }
}
-}
</script>
diff --git a/src/views/components/dashboard/charts/chart-slow.vue b/src/views/components/dashboard/charts/chart-slow.vue
index 11d4e44..844f8f8 100644
--- a/src/views/components/dashboard/charts/chart-slow.vue
+++ b/src/views/components/dashboard/charts/chart-slow.vue
@@ -1,74 +1,71 @@
-/**
- * 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.
- */
+<!-- 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 style="overflow: auto;height: 100%;" class="scroll_hide">
<div class="rk-chart-slow clear">
<div class="rk-chart-slow-i" v-for="(i, index) in data" :key="index">
- <svg class="icon vm r grey link-hover cp" @click="handleClick(i.traceIds && i.traceIds[0] || i.label)">
+ <svg class="icon vm r grey link-hover cp" @click="handleClick((i.traceIds && i.traceIds[0]) || i.label)">
<use xlink:href="#review-list"></use>
</svg>
<div class="mb-5 ell" v-tooltip:top.ellipsis="i.label || ''">
- <span class="calls sm mr-10">{{i.value}} ms</span>
- <span class="cp link-hover" @click="appChange(i)">{{i.label + getTraceId(i)}}</span>
+ <span class="calls sm mr-10">{{ i.value }} ms</span>
+ <span class="cp link-hover" @click="appChange(i)">{{ i.label + getTraceId(i) }}</span>
</div>
- <RkProgress :precent="i.value/maxValue*100" color="#bf99f8"/>
+ <RkProgress :precent="(i.value / maxValue) * 100" color="#bf99f8" />
</div>
</div>
</div>
</template>
<script lang="ts">
-import Vue from 'vue';
-import { Component, Prop } from 'vue-property-decorator';
-import copy from '@/utils/copy';
+ import Vue from 'vue';
+ import { Component, Prop } from 'vue-property-decorator';
+ import copy from '@/utils/copy';
-
-@Component({})
-export default class ChartSlow extends Vue {
- @Prop() private data!: any;
- @Prop() private intervalTime!: any;
- private appChange(i: any) {
- const temp = { key: `${i.key}`, label: i.label };
+ @Component({})
+ export default class ChartSlow extends Vue {
+ @Prop() private data!: any;
+ @Prop() private intervalTime!: any;
+ private appChange(i: any) {
+ const temp = { key: `${i.key}`, label: i.label };
+ }
+ get maxValue() {
+ const temp: number[] = this.data.map((i: any) => i.value);
+ return Math.max.apply(null, temp);
+ }
+ private getTraceId(i: any) {
+ return i.traceIds && i.traceIds[0] ? ` - ${i.traceIds[0]}` : '';
+ }
+ private handleClick(i: any) {
+ copy(i);
+ }
}
- get maxValue() {
- const temp: number[] = this.data.map((i: any) => i.value);
- return Math.max.apply(null, temp);
- }
- private getTraceId(i: any) {
- return i.traceIds && i.traceIds[0] ? ` - ${i.traceIds[0]}` : '';
- }
- private handleClick(i: any) {
- copy(i);
- }
-}
</script>
<style lang="scss">
-.rk-chart-slow{
- height: 100%;
- .calls{
- padding: 0 5px;
- display: inline-block;
- background-color: #40454e;
- color: #eee;
- border-radius: 4px;
+ .rk-chart-slow {
+ height: 100%;
+ .calls {
+ padding: 0 5px;
+ display: inline-block;
+ background-color: #40454e;
+ color: #eee;
+ border-radius: 4px;
+ }
}
-}
-.rk-chart-slow-i{
- padding: 6px 0;
-}
+ .rk-chart-slow-i {
+ padding: 6px 0;
+ }
</style>
diff --git a/src/views/components/dashboard/charts/chart-trace.vue b/src/views/components/dashboard/charts/chart-trace.vue
index ec0307c..9560ec1 100644
--- a/src/views/components/dashboard/charts/chart-trace.vue
+++ b/src/views/components/dashboard/charts/chart-trace.vue
@@ -1,70 +1,68 @@
-/**
- * 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.
- */
+<!-- 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 style="overflow: auto;height: 100%;" class="scroll_hide">
- <div class="rk-chart-slow clear">
- <div class="rk-chart-slow-i" v-for="(i, index) in data" :key="index">
- <svg class="icon vm r grey link-hover cp" @click="handleClick(i.traceIds && i.traceIds[0] || i.label)">
- <use xlink:href="#review-list"></use>
- </svg>
- <div class="mb-5 ell" v-tooltip:top.ellipsis="i.label || ''">
- <span class="calls sm mr-10">{{i.value}} cpm</span>
- <span class="cp link-hover" @click="appChange(i)">{{i.label}}</span>
+ <div class="rk-chart-slow clear">
+ <div class="rk-chart-slow-i" v-for="(i, index) in data" :key="index">
+ <svg class="icon vm r grey link-hover cp" @click="handleClick((i.traceIds && i.traceIds[0]) || i.label)">
+ <use xlink:href="#review-list"></use>
+ </svg>
+ <div class="mb-5 ell" v-tooltip:top.ellipsis="i.label || ''">
+ <span class="calls sm mr-10">{{ i.value }} cpm</span>
+ <span class="cp link-hover" @click="appChange(i)">{{ i.label }}</span>
+ </div>
+ <RkProgress :precent="(i.value / maxValue) * 100" />
</div>
- <RkProgress :precent="i.value/maxValue*100"/>
</div>
</div>
- </div>
</template>
<script lang="ts">
-import Vue from 'vue';
-import { Component, Prop } from 'vue-property-decorator';
-import copy from '@/utils/copy';
+ import Vue from 'vue';
+ import { Component, Prop } from 'vue-property-decorator';
+ import copy from '@/utils/copy';
-@Component({})
-export default class ChartTrace extends Vue {
- @Prop() private intervalTime!: any;
- @Prop() private data!: any;
- private appChange(i: any) {
- const temp = { key: `${i.key}`, label: i.label };
+ @Component({})
+ export default class ChartTrace extends Vue {
+ @Prop() private intervalTime!: any;
+ @Prop() private data!: any;
+ private appChange(i: any) {
+ const temp = { key: `${i.key}`, label: i.label };
+ }
+ get maxValue() {
+ const temp: number[] = this.data.map((i: any) => i.value);
+ return Math.max.apply(null, temp);
+ }
+ private handleClick(i: any) {
+ copy(i);
+ }
}
- get maxValue() {
- const temp: number[] = this.data.map((i: any) => i.value);
- return Math.max.apply(null, temp);
- }
- private handleClick(i: any) {
- copy(i);
- }
-}
</script>
<style lang="scss">
-.rk-chart-slow{
- height: 100%;
- .calls{
- padding: 0 5px;
- display: inline-block;
- background-color: #40454e;
- color: #eee;
- border-radius: 4px;
+ .rk-chart-slow {
+ height: 100%;
+ .calls {
+ padding: 0 5px;
+ display: inline-block;
+ background-color: #40454e;
+ color: #eee;
+ border-radius: 4px;
+ }
}
-}
-.rk-chart-slow-i{
- padding: 6px 0;
-}
+ .rk-chart-slow-i {
+ padding: 6px 0;
+ }
</style>
diff --git a/src/views/components/dashboard/dashboard-comp.vue b/src/views/components/dashboard/dashboard-comp.vue
index d9d4e2b..d643dfd 100644
--- a/src/views/components/dashboard/dashboard-comp.vue
+++ b/src/views/components/dashboard/dashboard-comp.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-dashboard-comp">
<nav class="rk-dashboard-comp-nav mb-15">
diff --git a/src/views/components/dashboard/dashboard-item.vue b/src/views/components/dashboard/dashboard-item.vue
index d18c55d..9e30951 100644
--- a/src/views/components/dashboard/dashboard-item.vue
+++ b/src/views/components/dashboard/dashboard-item.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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
class="rk-dashboard-item"
diff --git a/src/views/components/dashboard/tool-bar-endpoint-select-opt.vue b/src/views/components/dashboard/tool-bar-endpoint-select-opt.vue
index e861c7f..2872604 100644
--- a/src/views/components/dashboard/tool-bar-endpoint-select-opt.vue
+++ b/src/views/components/dashboard/tool-bar-endpoint-select-opt.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-dashboard-opt ell" @click="$emit('handleSelect', data)">
{{ data.label }}
diff --git a/src/views/components/dashboard/tool-bar-endpoint-select.vue b/src/views/components/dashboard/tool-bar-endpoint-select.vue
index 861e039..b9c4b8f 100644
--- a/src/views/components/dashboard/tool-bar-endpoint-select.vue
+++ b/src/views/components/dashboard/tool-bar-endpoint-select.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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
class="rk-dashboard-bar-select cp flex-h"
diff --git a/src/views/components/dashboard/tool-bar-select.vue b/src/views/components/dashboard/tool-bar-select.vue
index 50c4c8a..ffcf4a9 100644
--- a/src/views/components/dashboard/tool-bar-select.vue
+++ b/src/views/components/dashboard/tool-bar-select.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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
class="rk-dashboard-bar-select flex-h"
diff --git a/src/views/components/dashboard/tool-bar.vue b/src/views/components/dashboard/tool-bar.vue
index 931e6fc..97cdeb6 100644
--- a/src/views/components/dashboard/tool-bar.vue
+++ b/src/views/components/dashboard/tool-bar.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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="rk-dashboard-bar flex-h" v-if="compType === 'service'">
diff --git a/src/views/components/dashboard/tool-group.vue b/src/views/components/dashboard/tool-group.vue
index 75984ee..6387d51 100644
--- a/src/views/components/dashboard/tool-group.vue
+++ b/src/views/components/dashboard/tool-group.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<nav class="rk-dashboard-group">
<span v-for="(i, index) in rocketComps.tree" :key="index" class="mr-15">
diff --git a/src/views/components/dashboard/tool-nav.vue b/src/views/components/dashboard/tool-nav.vue
index 3ff73a6..c7b972a 100644
--- a/src/views/components/dashboard/tool-nav.vue
+++ b/src/views/components/dashboard/tool-nav.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
<nav class="rk-dashboard-nav">
<span v-for="(i, index) in rocketComps.tree[rocketComps.group].children" :key="index" class="mr-20">
diff --git a/src/views/components/profile/profile-container.vue b/src/views/components/profile/profile-container.vue
index 9cc95e6..16c7d51 100644
--- a/src/views/components/profile/profile-container.vue
+++ b/src/views/components/profile/profile-container.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="profile">
diff --git a/src/views/components/profile/profile-detail-chart-table.vue b/src/views/components/profile/profile-detail-chart-table.vue
index 80f3cb6..095d602 100644
--- a/src/views/components/profile/profile-detail-chart-table.vue
+++ b/src/views/components/profile/profile-detail-chart-table.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="profile-detail-chart-table">
diff --git a/src/views/components/profile/profile-header.vue b/src/views/components/profile/profile-header.vue
index cd78a7c..d91b9be 100644
--- a/src/views/components/profile/profile-header.vue
+++ b/src/views/components/profile/profile-header.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-profile-header">
diff --git a/src/views/components/profile/profile-item.vue b/src/views/components/profile/profile-item.vue
index 110d73c..5f4e820 100644
--- a/src/views/components/profile/profile-item.vue
+++ b/src/views/components/profile/profile-item.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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>
diff --git a/src/views/components/profile/profile-task.vue b/src/views/components/profile/profile-task.vue
index b4347e4..647d25d 100644
--- a/src/views/components/profile/profile-task.vue
+++ b/src/views/components/profile/profile-task.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-profile-task">
diff --git a/src/views/components/profile/profile-trace-detail.vue b/src/views/components/profile/profile-trace-detail.vue
index 5b2392b..edbc978 100644
--- a/src/views/components/profile/profile-trace-detail.vue
+++ b/src/views/components/profile/profile-trace-detail.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="profile-trace-dashboard flex-v">
diff --git a/src/views/components/profile/task-list.vue b/src/views/components/profile/task-list.vue
index 5d80e55..57d2f04 100644
--- a/src/views/components/profile/task-list.vue
+++ b/src/views/components/profile/task-list.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="profile-task-list flex-v">
diff --git a/src/views/components/topology/chart-line.vue b/src/views/components/topology/chart-line.vue
index 2eba672..7a9bf61 100644
--- a/src/views/components/topology/chart-line.vue
+++ b/src/views/components/topology/chart-line.vue
@@ -1,19 +1,17 @@
-/**
- * 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.
- */
+<!-- 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>
diff --git a/src/views/components/topology/chart/topo.vue b/src/views/components/topology/chart/topo.vue
index 6975cc3..de61efa 100644
--- a/src/views/components/topology/chart/topo.vue
+++ b/src/views/components/topology/chart/topo.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="micro-topo-chart"></div>
</template>
diff --git a/src/views/components/topology/dependency-sankey.vue b/src/views/components/topology/dependency-sankey.vue
index 14fa78f..22a88ab 100644
--- a/src/views/components/topology/dependency-sankey.vue
+++ b/src/views/components/topology/dependency-sankey.vue
@@ -1,19 +1,17 @@
-/**
- * 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.
- */
+<!-- 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>
<RkEcharts height="100%" :option="optionConfigs" :clickEvent="clickLinks" />
diff --git a/src/views/components/topology/radial.vue b/src/views/components/topology/radial.vue
index 8edfd3d..41c9c06 100644
--- a/src/views/components/topology/radial.vue
+++ b/src/views/components/topology/radial.vue
@@ -1,19 +1,17 @@
-/**
- * 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.
- */
+<!-- 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 class="micro-radil-chart">
diff --git a/src/views/components/topology/topo-aside.vue b/src/views/components/topology/topo-aside.vue
index 2ccf7ec..7c00fd0 100644
--- a/src/views/components/topology/topo-aside.vue
+++ b/src/views/components/topology/topo-aside.vue
@@ -1,19 +1,17 @@
-/**
- * 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.
- */
+<!-- 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>
<aside class="link-topo-aside">
diff --git a/src/views/components/topology/topo-chart.vue b/src/views/components/topology/topo-chart.vue
index 91f46f9..9b18346 100644
--- a/src/views/components/topology/topo-chart.vue
+++ b/src/views/components/topology/topo-chart.vue
@@ -1,21 +1,17 @@
-/**
- * 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.
- */
+<!-- 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="grey sm mb-5">{{ title }}</div>
diff --git a/src/views/components/topology/topo-detect-point.vue b/src/views/components/topology/topo-detect-point.vue
index a2af276..c63e305 100644
--- a/src/views/components/topology/topo-detect-point.vue
+++ b/src/views/components/topology/topo-detect-point.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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
v-if="stateTopo.selectedServiceCall || showServerInfo"
diff --git a/src/views/components/topology/topo-group/create-group.vue b/src/views/components/topology/topo-group/create-group.vue
index f816d15..b5bbf1c 100644
--- a/src/views/components/topology/topo-group/create-group.vue
+++ b/src/views/components/topology/topo-group/create-group.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 v-if="create">
diff --git a/src/views/components/topology/topo-group/group-item.vue b/src/views/components/topology/topo-group/group-item.vue
index e90ae1f..2ae37c6 100644
--- a/src/views/components/topology/topo-group/group-item.vue
+++ b/src/views/components/topology/topo-group/group-item.vue
@@ -1,19 +1,17 @@
-/**
- * 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.
- */
+<!-- 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 class="group-wrapper">
diff --git a/src/views/components/topology/topo-group/index.vue b/src/views/components/topology/topo-group/index.vue
index 9b4c396..23ad403 100644
--- a/src/views/components/topology/topo-group/index.vue
+++ b/src/views/components/topology/topo-group/index.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="topo-group">
<div v-for="i in rocketTopoGroup.groups">
@@ -39,7 +46,7 @@
@State('rocketTopo') private stateTopo!: topoState;
@State('rocketTopoGroup') private rocketTopoGroup!: TopoGroupState;
@Getter('durationTime') private durationTime: any;
- @Getter('rocketTopoGroup/services') private services!: Array<{label: string, key: string}>;
+ @Getter('rocketTopoGroup/services') private services!: Array<{ label: string; key: string }>;
@Mutation('rocketTopoGroup/INIT_GROUPS') private INIT_GROUPS: any;
@Mutation('rocketTopoGroup/DELETE_GROUP') private DELETE_GROUP: any;
@Mutation('rocketTopoGroup/SELECT_GROUP') private SELECT_GROUP: any;
@@ -83,10 +90,9 @@
return;
}
if (
- !this.rocketTopoGroup.groups
- .some((i: {
- id: string; name: string; services: Array<{label: string, key: string}>
- }) => i.id === serviceOld)
+ !this.rocketTopoGroup.groups.some(
+ (i: { id: string; name: string; services: Array<{ label: string; key: string }> }) => i.id === serviceOld,
+ )
) {
serviceOld = this.rocketTopoGroup.groups[0].id;
this.handleSelectGroup(serviceOld);
@@ -96,10 +102,9 @@
}
private created() {
this.INIT_GROUPS();
- this.fetchData()
- .then(() => {
- this.initGroupTopo();
- });
+ this.fetchData().then(() => {
+ this.initGroupTopo();
+ });
}
}
</script>
diff --git a/src/views/components/topology/topo-instance-dependency.vue b/src/views/components/topology/topo-instance-dependency.vue
index 09e37b1..a068044 100644
--- a/src/views/components/topology/topo-instance-dependency.vue
+++ b/src/views/components/topology/topo-instance-dependency.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-topo-instance-dependency">
<div class="rk-dependency-chart">
diff --git a/src/views/components/topology/topo-select.vue b/src/views/components/topology/topo-select.vue
index bd86c15..16e9475 100644
--- a/src/views/components/topology/topo-select.vue
+++ b/src/views/components/topology/topo-select.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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
class="rk-topo-bar-select cp flex-h"
diff --git a/src/views/components/topology/topo-services.vue b/src/views/components/topology/topo-services.vue
index 54a066e..f51274c 100644
--- a/src/views/components/topology/topo-services.vue
+++ b/src/views/components/topology/topo-services.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="link-topo-aside-box" style="padding:0;">
<TopoSelect :current="service" :data="services" @onChoose="handleChange" />
diff --git a/src/views/components/trace/trace-detail-chart-list.vue b/src/views/components/trace/trace-detail-chart-list.vue
index 8ed5e9c..5ceea20 100644
--- a/src/views/components/trace/trace-detail-chart-list.vue
+++ b/src/views/components/trace/trace-detail-chart-list.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="time-charts scroll_hide">
<div class="rk-trace-t-loading" v-show="loading">
diff --git a/src/views/components/trace/trace-detail-chart-tree.vue b/src/views/components/trace/trace-detail-chart-tree.vue
index 43ad003..9caa460 100644
--- a/src/views/components/trace/trace-detail-chart-tree.vue
+++ b/src/views/components/trace/trace-detail-chart-tree.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="trace-tree-charts scroll_hide flex-v">
<transition-group name="fade" tag="div" style="padding: 10px 30px;">
diff --git a/src/views/components/trace/trace-detail.vue b/src/views/components/trace/trace-detail.vue
index 132653d..496aaff 100644
--- a/src/views/components/trace/trace-detail.vue
+++ b/src/views/components/trace/trace-detail.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-trace-detail flex-v">
<div class="rk-trace-detail-wrapper clear" v-if="current.endpointNames">
diff --git a/src/views/components/trace/trace-search.vue b/src/views/components/trace/trace-search.vue
index bb09f72..6323484 100644
--- a/src/views/components/trace/trace-search.vue
+++ b/src/views/components/trace/trace-search.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-trace-search">
diff --git a/src/views/components/trace/trace-table.vue b/src/views/components/trace/trace-table.vue
index deae772..06af196 100644
--- a/src/views/components/trace/trace-table.vue
+++ b/src/views/components/trace/trace-table.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-trace-t flex-v">
<div class="rk-trace-t-tool flex-h">
diff --git a/src/views/containers/alarm.vue b/src/views/containers/alarm.vue
index d852d88..aa1f332 100644
--- a/src/views/containers/alarm.vue
+++ b/src/views/containers/alarm.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-alarm flex-v">
<AlarmTool :total="rocketAlarm.total" />
diff --git a/src/views/containers/comparison.vue b/src/views/containers/comparison.vue
index 87dc9e5..ed98a04 100644
--- a/src/views/containers/comparison.vue
+++ b/src/views/containers/comparison.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-comparison flex-h">
<ConparisonCharts :chartSource="comparison.chartSource" />
diff --git a/src/views/containers/dashboard.vue b/src/views/containers/dashboard.vue
index 7bb5e83..0e0200c 100644
--- a/src/views/containers/dashboard.vue
+++ b/src/views/containers/dashboard.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="flex-v wrapper" style="flex-grow:1;height: 100%;overflow:hidden">
<ToolGroup :rocketGlobal="rocketGlobal" :rocketComps="rocketComps" />
diff --git a/src/views/containers/index.vue b/src/views/containers/index.vue
index e495fda..fa6e51d 100644
--- a/src/views/containers/index.vue
+++ b/src/views/containers/index.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 id="app">
<RkHeader @reloadFooter="reloadFooter" />
diff --git a/src/views/containers/login.vue b/src/views/containers/login.vue
index 1348dd0..9383bd9 100644
--- a/src/views/containers/login.vue
+++ b/src/views/containers/login.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-login flex-h">
<div class="rk-login-l">
diff --git a/src/views/containers/profile.vue b/src/views/containers/profile.vue
index 5c1b9fe..d341901 100644
--- a/src/views/containers/profile.vue
+++ b/src/views/containers/profile.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-profile flex-v">
diff --git a/src/views/containers/topology/alarm/alarm-tool.vue b/src/views/containers/topology/alarm/alarm-tool.vue
index f75cbef..282ebf9 100644
--- a/src/views/containers/topology/alarm/alarm-tool.vue
+++ b/src/views/containers/topology/alarm/alarm-tool.vue
@@ -1,19 +1,17 @@
-/**
- * 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.
- */
+<!-- 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>
<nav class="rk-alarm-tool flex-h">
diff --git a/src/views/containers/topology/alarm/index.vue b/src/views/containers/topology/alarm/index.vue
index 08fd3d5..7719282 100644
--- a/src/views/containers/topology/alarm/index.vue
+++ b/src/views/containers/topology/alarm/index.vue
@@ -1,19 +1,17 @@
-/**
- * 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.
- */
+<!-- 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 class="rk-alarm flex-v">
<AlarmTool :keyword="current.label" :total="rocketAlarm.total" />
diff --git a/src/views/containers/topology/endpoint/endpoints-survey.vue b/src/views/containers/topology/endpoint/endpoints-survey.vue
index 77ee3bf..930598b 100644
--- a/src/views/containers/topology/endpoint/endpoints-survey.vue
+++ b/src/views/containers/topology/endpoint/endpoints-survey.vue
@@ -1,20 +1,18 @@
-/**
- * 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.
- */
-
+<!-- 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 class="dashboard-container clear">
<DashboardItem
diff --git a/src/views/containers/topology/endpoint/index.vue b/src/views/containers/topology/endpoint/index.vue
index be61486..d6fc7b0 100644
--- a/src/views/containers/topology/endpoint/index.vue
+++ b/src/views/containers/topology/endpoint/index.vue
@@ -1,11 +1,17 @@
-/** * 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. */
+<!-- 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="rk-dashboard-bar flex-h">
@@ -60,8 +66,7 @@
private beforeMount() {
this.SET_CURRENT_SERVICE(this.current);
this.MIXHANDLE_CHANGE_GROUP_WITH_CURRENT({ index: 0, current: 2 });
- this.GET_SERVICE_ENDPOINTS({ duration: this.durationTime, serviceId: this.current.key })
- .then(() => {
+ this.GET_SERVICE_ENDPOINTS({ duration: this.durationTime, serviceId: this.current.key }).then(() => {
this.selectEndpoint(this.stateDashboardOption.endpoints[0]);
});
}
diff --git a/src/views/containers/topology/instance/index.vue b/src/views/containers/topology/instance/index.vue
index a38e561..bba521e 100644
--- a/src/views/containers/topology/instance/index.vue
+++ b/src/views/containers/topology/instance/index.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 style="height: 100%">
diff --git a/src/views/containers/topology/instance/instances-survey.vue b/src/views/containers/topology/instance/instances-survey.vue
index 5c49a88..a0b6efd 100644
--- a/src/views/containers/topology/instance/instances-survey.vue
+++ b/src/views/containers/topology/instance/instances-survey.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="dashboard-container clear">
diff --git a/src/views/containers/topology/topology.vue b/src/views/containers/topology/topology.vue
index 2979351..ebe636b 100644
--- a/src/views/containers/topology/topology.vue
+++ b/src/views/containers/topology/topology.vue
@@ -1,19 +1,17 @@
-/**
- * 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.
- */
+<!-- 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 class="rk-topo">
diff --git a/src/views/containers/topology/trace/index.vue b/src/views/containers/topology/trace/index.vue
index e449a6e..55f9fb6 100644
--- a/src/views/containers/topology/trace/index.vue
+++ b/src/views/containers/topology/trace/index.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-trace flex-v">
<TraceSearch :service="current" />
diff --git a/src/views/containers/topology/trace/trace-search.vue b/src/views/containers/topology/trace/trace-search.vue
index b84db2a..e72c1bc 100644
--- a/src/views/containers/topology/trace/trace-search.vue
+++ b/src/views/containers/topology/trace/trace-search.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-trace-search">
diff --git a/src/views/containers/topology/trace/trace-select.vue b/src/views/containers/topology/trace/trace-select.vue
index bbf9e56..9eed5e7 100644
--- a/src/views/containers/topology/trace/trace-select.vue
+++ b/src/views/containers/topology/trace/trace-select.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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
class="rk-trace-sel-wrapper flex-h"
diff --git a/src/views/containers/trace.vue b/src/views/containers/trace.vue
index f191715..1d52526 100644
--- a/src/views/containers/trace.vue
+++ b/src/views/containers/trace.vue
@@ -1,10 +1,17 @@
-/** * 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. */
+<!-- 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 class="rk-trace flex-v">
<TraceSearch />
