commit 20eea8943f3a2470b18970a7d306ca3b70ef0384
author Qiuxia Fan <fine0830@outlook.com> Thu Jun 03 22:37:14 2021 +0800
committer GitHub <noreply@github.com> Thu Jun 03 22:37:14 2021 +0800
tree ddaf29d952764d7b56e11577b759835e2d5ab1c5
parent 8ab2da2bf10719df857bf07809034d9fe522c23e

fix: component name (#500)

src/views/components/common/trace-chart-table/trace-item.vue

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 c3ab5d2..d95756c 100644
--- a/src/views/components/common/trace-chart-table/trace-item.vue
+++ b/src/views/components/common/trace-chart-table/trace-item.vue
@@ -90,7 +90,7 @@
       </div>
     </div>
     <div v-show="data.children && data.children.length > 0 && displayChildren" class="children-trace">
-      <item :method="method" v-for="(item, index) in data.children" :key="index" :data="item" :type="type"> </item>
+      <Item :method="method" v-for="(child, index) in data.children" :key="index" :data="child" :type="type"></Item>
     </div>
   </div>
 </template>
@@ -98,41 +98,36 @@
   import { Vue, Prop, Watch, Component } from 'vue-property-decorator';
 
   @Component({
-    components: {
-    },
+    components: {},
   })
-
   export default class Item extends Vue {
-    @Prop()
-    public data: any ;
-    @Prop()
-    public type!: string;
-    @Prop()
-    public method!: string;
+    @Prop() public data: any;
+    @Prop() public type!: string;
+    @Prop() public method!: string;
 
     public displayChildren: boolean = true;
 
     get selfTime() {
-      return  this.data.dur ? this.data.dur : 0;
+      return this.data.dur ? this.data.dur : 0;
     }
     get execTime() {
-      return  (this.data.endTime - this.data.startTime) ? (this.data.endTime - this.data.startTime) : 0;
+      return this.data.endTime - this.data.startTime ? this.data.endTime - this.data.startTime : 0;
     }
     get outterPercent() {
       if (this.data.level === 1) {
         return '100%';
       } else {
         const data = this.data;
-        const exec = (data.endTime - data.startTime) ? (data.endTime - data.startTime) : 0;
-        let result: number = (exec / data.totalExec * 100);
+        const exec = data.endTime - data.startTime ? data.endTime - data.startTime : 0;
+        let result: number = (exec / data.totalExec) * 100;
         result = result > 100 ? 100 : result;
         const resultStr: string = result.toFixed(4) + '%';
         return resultStr === '0.0000%' ? '0.9%' : resultStr;
       }
     }
     get innerPercent() {
-      const result: number = ((this.selfTime / this.execTime) * 100);
-      const resultStr: string =  result.toFixed(4) + '%';
+      const result: number = (this.selfTime / this.execTime) * 100;
+      const resultStr: string = result.toFixed(4) + '%';
       return resultStr === '0.0000%' ? '0.9%' : resultStr;
     }