Răsfoiți Sursa

feat(trance table表格参数调整)

liujing 2 săptămâni în urmă
părinte
comite
1bf6fa4b5e
1 a modificat fișierele cu 9 adăugiri și 12 ștergeri
  1. 9 12
      src/views/latency/index.vue

+ 9 - 12
src/views/latency/index.vue

@@ -61,19 +61,15 @@
             width="50"
             label="#"
           />
-          <el-table-column label="TraceID" prop="trace_id" header-align="center" align="center" />
-          <el-table-column label="开始时间" prop="timestamp" header-align="center" align="center" :show-overflow-tooltip="true">
-            <template slot-scope="scope">
-              <span style="display: inline-block;text-align: center;width: 100%;">{{ parseTime(scope.row.timestamp) }}</span>
-            </template>
-          </el-table-column>
+          <el-table-column label="TraceID" prop="trace_id" header-align="center" align="center" :show-overflow-tooltip="true" />
+          <el-table-column label="开始时间" prop="start_time" header-align="center" align="center" />
           <el-table-column label="持续时间(ms)" header-align="center" prop="duration" align="center">
             <template slot-scope="scope">
               <span style="display: inline-block;text-align: center;width: 100%;">{{ scope.row.duration&&scope.row.duration.toFixed(2) }}</span>
             </template>
           </el-table-column>
-          <el-table-column label="涉及的服务数量" header-align="center" prop="service_num" align="center" />
-          <el-table-column label="包含的span数量" header-align="center" prop="span_num" align="center" />
+          <el-table-column label="所属服务" header-align="center" prop="service_name_cn" align="center" />
+          <el-table-column label="span名称" header-align="center" prop="span_name" align="center" />
         </el-table>
 
         <!-- <pagination
@@ -1168,7 +1164,7 @@ export default {
               this.flag = true
               this.tractID = row.trace_id
               this.$refs.table.setCurrentRow(row)
-              this.getTraceDetail(row.trace_id, row.timestamp)
+              this.getTraceDetail(row.trace_id, row.start_time)
             }, 0)
           }
         } else {
@@ -1179,9 +1175,10 @@ export default {
     },
     getTraceDetail(trace_id, time) {
       this.treeLoading = true
+      const momentObj = moment(time)
       const timeObj = {
-        start_time: Math.floor(Date.parse(time) / 1000),
-        end_time: Math.floor(Date.parse(time) / 1000)
+        start_time: momentObj.valueOf() / 1000,
+        end_time: momentObj.valueOf() / 1000
       }
       this.graphflag = false
       traceDetail(trace_id, timeObj).then(res => {
@@ -1281,7 +1278,7 @@ export default {
         this.flag = true
         this.tractID = row.trace_id
         this.$refs.table.toggleRowSelection(row)
-        this.getTraceDetail(row.trace_id, row.timestamp)
+        this.getTraceDetail(row.trace_id, row.start_time)
       }, 0)
     },
     toggleTab(val) {