删除注释掉的代码

src/layout/components/AppMain.vue

@@ -36,16 +36,6 @@ export default {
   padding-top: 40px;
 }
 
-// .hasTagsView {
-//   .app-main {
-//     /* 84 = navbar + tags-view = 50 + 34 */
-//     min-height: calc(100vh - 93px);
-//   }
-
-//   .fixed-header+.app-main {
-//     padding-top: 93px;
-//   }
-// }
 </style>
 
 <style lang="scss">

src/layout/components/TimeRange.vue

@@ -125,15 +125,6 @@ export default {
       'timesFlag'
     ])
   },
-  // watch: {
-  //   '$store.state.time.globalTime': {
-  //       handler(newValue, oldValue) {
-  //           this.$store.commit('time/changeGlobalTime',newValue)
-  //       },
-  //       immediate: true,
-  //       deep: true
-  //   }
-  // },
   methods:{
     timeChange(val){
       this.timeType = val; 
@@ -150,13 +141,6 @@ export default {
         case '5m':
             startTime = Math.round((new Date().getTime())/1000 - (5*60));
             endTime= Math.round(new Date().getTime()/1000);
-          //   interval = endTime-startTime;
-          //   this.timeObj={
-          //   interval:interval,
-          //   startTime:startTime,
-          //   endTime:endTime,
-          // }
-          // this.$store.commit('time/setTimes',this.timeObj)
           this.parseTime(startTime,endTime);
           break;
         case '20m':
@@ -274,12 +258,6 @@ export default {
     text-align: right;
   }
 }
-// .box  ::v-deep .el-button-group > .el-button:first-child {
-//     border-top-right-radius: 0;
-//     border-bottom-right-radius: 0;
-//     border-top-left-radius: 0;
-//     border-bottom-left-radius: 0;
-// }el-button el-button--primary 
 .box ::v-deep .el-dropdown .el-button-group>.el-button.el-button--mini:first-child {
       // padding: 7px 7px;
           padding: 7px 3px 7px 7px;

src/views/admin/sys-menu/index.vue

@@ -443,23 +443,6 @@ export default {
       }
       )
     },
-    handleClose(done) {
-      // if (this.loading) {
-      //   return
-      // }
-      // this.$confirm('需要提交表单吗？')
-      //   .then(_ => {
-      //     this.loading = true
-      //     this.timer = setTimeout(() => {
-      //       done()
-      //       // 动画关闭需要一定的时间
-      //       setTimeout(() => {
-      //         this.loading = false
-      //       }, 400)
-      //     }, 1000)
-      //   })
-      //   .catch(_ => {})
-    },
     // 选择图标
     selected(name) {
       this.form.icon = name

src/views/analyze/local-config/components/Settings.vue

@@ -463,12 +463,6 @@ export default {
       this.appId = Number(this.appsItem.id)
       this.getList()
     }
-    // if(this.$route.query.id!=undefined){
-    //   this.queryParams.appId = Number(this.$route.query.id)
-    //   this.lookForm.appId = Number(this.$route.query.id)
-    //   this.appId = Number(this.$route.query.id)
-    //   this.getList()
-    // }
     this.getAllList();
   },
   methods: {
@@ -529,18 +523,6 @@ export default {
           this.msgError(response.msg)
         }
       })
-      // const text = row.verify === 1 ? '启用验证' : '关闭验证'
-      // this.$confirm('确认要"' + text + '""' + row.name + '"吗?', '警告', {
-      //   confirmButtonText: '确定',
-      //   cancelButtonText: '取消',
-      //   type: 'warning'
-      // }).then(function() {
-      //   return updatePolicy(row,row.id)
-      // }).then(() => {
-      //   this.msgSuccess(text + '成功')
-      // }).catch(function() {
-      //   row.verify = row.verify === 1 ? 0 : 1
-      // })
     },
     handleOpen(row){
       this.reset()
@@ -638,11 +620,6 @@ export default {
     handleLook(row){
       if(row.policy_id != 0){ 
         this.lookFlag=true;
-        // if(this.$route.query.id!=undefined){
-        //   this.lookForm.appId = Number(this.$route.query.id);
-        // }else{
-        //   this.lookForm.appId = 999999
-        // }
         this.lookForm.ruleId = row.id;
         this.lookForm.policyId = row.policy_id;
         this.lookForm.power =0;
@@ -682,10 +659,6 @@ export default {
               }
             })
           } else {
-            // if(this.lookForm.policy.point_type != 'string'){
-            //   this.lookForm.policy.point = Number(this.lookForm.policy.point);
-            // }
-            // this.lookForm.policy = JSON.stringify(this.lookForm.policy)
             addPolicy(this.lookForm).then(response => {
               if (response.code === 200) {
                 this.msgSuccess(response.msg)
@@ -703,11 +676,6 @@ export default {
        if(this.checkList.length > 1){
           this.checkList.splice(0,1)
         }
-        // if(this.$route.query.id!=undefined){
-        //   this.lookForm.appId = Number(this.$route.query.id);
-        // }else{
-        //   this.lookForm.appId = 999999
-        // }
         this.lookForm.ruleId = this.checkList[0].id;
         this.lookForm.monitorAlias=this.checkList[0].monitorAlias;
         this.lookForm.policy = this.checkList[0].policy;
@@ -723,39 +691,9 @@ export default {
           this.msgError(response.msg)
         }
       })
-      // this.$refs['form'].validate(valid => {
-      //   if (valid) {
-      //     this.form.monitorAlias= this.form.group+'::'+this.form.monitorAlias+':'+this.form.interval+'m'
-      //     this.form.expression= this.form.expression+'AND Timestamp >= now() - INTERVAL ? MINUTE AND AppAlias =  ?'
-      //     if (this.form.id !== undefined) {
-      //       updatePolicy(this.form, this.form.id).then(response => {
-      //         if (response.code === 200) {
-      //           this.msgSuccess(response.msg)
-      //           this.open = false
-      //           this.getList()
-      //         } else {
-      //           this.msgError(response.msg)
-      //         }
-      //       })
-      //     } else {
-      //       addPolicy(this.form).then(response => {
-      //         if (response.code === 200) {
-      //           this.msgSuccess(response.msg)
-      //           this.open = false
-      //           this.getList()
-      //         } else {
-      //           this.msgError(response.msg)
-      //         }
-      //       })
-      //     }
-      //   }
-      // })
-
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      // const postIds = row.postId || this.ids
-      // const Ids = (row.id && [row.id]) || this.ids
       const Ids = [row.policy_id]
       this.$confirm('是否确认删除事件编号为"' + Ids + '"的数据项?', '警告', {
         confirmButtonText: '确定',
@@ -832,43 +770,6 @@ export default {
   height: 16px;
   line-height: 16px;
 }
-// ::v-deep .el-switch__label * {
-//     line-height: 1;
-//     font-size: 12px!important;
-//     display: inline-block;
-// }
-// ::v-deep .el-switch__core{
-//   height:16px;
-//   line-height: 16px;
-// }
-// ::v-deep .el-switch__core:after {
-//     content: "";
-//     position: absolute;
-//     top: 0px;
-//     left: 1px;
-//     border-radius: 100%;
-//     -webkit-transition: all 0.3s;
-//     transition: all 0.3s;
-//     width: 14px;
-//     height: 14px;
-//     background-color: #FFFFFF;
-// }
-// ::v-deep .el-switch {
-//     display: -webkit-inline-box;
-//     display: -ms-inline-flexbox;
-//     display: inline-flex;
-//     -webkit-box-align: center;
-//     -ms-flex-align: center;
-//     align-items: center;
-//     position: relative;
-//     font-size: 14px;
-//     line-height: 16px;
-//     height: 16px;
-//     vertical-align: middle;
-// }
-// ::v-deep .el-switch__label--right {
-//     margin-left: 2px;
-// }
 
 ::v-deep .el-switch__label--right {
     margin-left: 2px;

src/views/analyze/policy/index.vue

@@ -483,18 +483,6 @@ export default {
           this.msgError(response.msg)
         }
       })
-
-      // this.$confirm('确认要"' + text + '""' + row.name + '"吗?', '警告', {
-      //   confirmButtonText: '确定',
-      //   cancelButtonText: '取消',
-      //   type: 'warning'
-      // }).then(function() {
-      //   return updateRules(row,row.id)
-      // }).then(() => {
-      //   this.msgSuccess(text + '成功')
-      // }).catch(function() {
-      //   row.power = row.power === 1 ? 0 : 1
-      // })
     },
     //验证
     handleVerifyChange(row,val) {
@@ -509,17 +497,6 @@ export default {
           this.msgError(response.msg)
         }
       })
-      // this.$confirm('确认要"' + text + '""' + row.name + '"吗?', '警告', {
-      //   confirmButtonText: '确定',
-      //   cancelButtonText: '取消',
-      //   type: 'warning'
-      // }).then(function() {
-      //   return updateRules(row,row.id)
-      // }).then(() => {
-      //   this.msgSuccess(text + '成功')
-      // }).catch(function() {
-      //   row.verify = row.verify === 1 ? 0 : 1
-      // })
     },
     //表达式
     handleOpen(row){
@@ -740,44 +717,8 @@ export default {
 ::v-deep .el-tooltip__popper{ max-width:50% }
 ::v-deep .el-switch__label {
   font-size: 12px!important;
-//   font-weight: normal!important;
-//   height: 16px;
-//   line-height: 16px;
 }
-// ::v-deep .el-switch__label * {
-//     line-height: 1;
-//     font-size: 12px!important;
-//     display: inline-block;
-// }
-// ::v-deep .el-switch__core{
-//   height:16px;
-//   line-height: 16px;
-// }
-// ::v-deep .el-switch__core:after {
-//     content: "";
-//     position: absolute;
-//     top: 0px;
-//     left: 1px;
-//     border-radius: 100%;
-//     -webkit-transition: all 0.3s;
-//     transition: all 0.3s;
-//     width: 14px;
-//     height: 14px;
-//     background-color: #FFFFFF;
-// }
-// ::v-deep .el-switch {
-//     display: -webkit-inline-box;
-//     display: -ms-inline-flexbox;
-//     display: inline-flex;
-//     -webkit-box-align: center;
-//     -ms-flex-align: center;
-//     align-items: center;
-//     position: relative;
-//     font-size: 14px;
-//     line-height: 16px;
-//     height: 16px;
-//     vertical-align: middle;
-// }
+
 ::v-deep .el-switch__label--right {
     margin-left: 2px;
 }
@@ -785,9 +726,6 @@ export default {
   font-size: 14px;
   font-weight: bold;
 }
-// ::v-deep .el-switch__label {
-//   // color:#999;
-// }
 </style>
 <style>
 .el-tooltip__popper{ max-width:50% }

src/views/apps/components/Latency.vue

@@ -37,9 +37,6 @@ export default {
       chart: null,
       LatencyData: {},
       analystQuery: {
-        // start_time:Math.round((new Date().getTime())/1000 - (5*60)),
-        // end_time:Math.round(new Date().getTime()/1000),
-        // percentile:0.95,
         start_time: 0,
         end_time: 0,
         percentile: 0.95
@@ -69,16 +66,6 @@ export default {
             const newParams = moment(params.data[0]).format('YYYY-MM-DD HH:mm:ss')
             const time = newParams + '<br/>' + params.data[1] + 'ms'
             return time
-
-            // let newParams = ''
-            // let dateStr = params.name.substring(0,10);
-            //     dateStr = dateStr.replace(/\-/g, function(match) {
-            //       return match.replace(/\-/g, '.');
-            //     });
-            // let timeStr = params.name.substring(11,19);
-            //     newParams = dateStr + "\n" + timeStr + "<br/>"+ params.value[1]+"ms"
-
-            //     return newParams;
           },
           axisPointer: {
             show: true,
@@ -171,15 +158,6 @@ export default {
                 const newArr = newParams.split(' ')
                 const time = newArr[0] + '\n' + newArr[1]
                 return time
-
-                //   let newParams = ''
-              //   let dateStr = params.substring(0,10);
-              //     dateStr = dateStr.replace(/\-/g, function(match) {
-              //       return match.replace(/\-/g, '.');
-              //     });
-              //   let timeStr = params.substring(11,19);
-              //     newParams = dateStr + "\n" + timeStr
-              //     return newParams;
               }
             },
             splitLine: {
@@ -219,14 +197,6 @@ export default {
               color: '#13ce66'
             },
             symbolSize: 10, // 设置散点的大小
-            // symbolSize: function(arg) {
-            //     //  arg表示每个点的横纵坐标
-            //     var height = arg[0] / 100.0
-            //     var weight = arg[1]
-            //     return weight / (height * height)
-            // },
-            // prettier-ignore
-            // data:this.LatencyData.success,
             data: tmpData.success,
             markArea: {
               silent: true,
@@ -357,14 +327,6 @@ export default {
       this.chart = this.$echarts5.init(document.getElementById('Latency'))
       this.chart.clear()
       this.chart.setOption(this.option, true)
-      // 默认开启框选
-      // this.chart.dispatchAction({
-      //     type: 'takeGlobalCursor',
-      //     key: 'brush',
-      //     brushOption: {
-      //         brushType: 'rect',   // 指定选框类型
-      //     }
-      // });
       this.chart.off('brushSelected')
       // 框选选择数据
       this.chart.on('brushSelected', (params) => {
@@ -455,13 +417,6 @@ export default {
           }
 
           const timeAndDuration = JSON.stringify(dataRange)
-          // this.$router.push({
-          //   path:'/latency/index',
-          //   query:{
-          //     data:timeAndDuration
-          //   }
-          // })
-
           const href = this.$router.resolve({
             path: '/latency/index',
             // query:{
@@ -476,9 +431,6 @@ export default {
           })
         }
       })
-
-      //  this.chart.on("legendinverseselect", (params) => {
-      //   })
     },
     // 获取latency数据
     getAnalyst() {

src/views/apps/components/Service.vue

@@ -302,10 +302,6 @@ export default {
           confine: false,
           appendToBody: true,
           show: true,
-          // formatter: function (params) {
-          //   storage.set('paramsValue',params)
-          //   return params
-          // },
            formatter: function (params) {
             storage.set('paramsValue',params)
             let axisValueLabel = params[0].axisValueLabel
@@ -384,14 +380,7 @@ export default {
           }
         ]
       };
-      // this.$nextTick(() => {
-      //   let myChartScale = this.$echarts5.init(document.getElementById('scale'));
-        myChartScale.setOption(option);
-      //   myChartScale.resize();
-      // });
-      // myChartScale.on('click',params=>{
-      // })
-
+      myChartScale.setOption(option);
       myChartScale.getZr().on('click', params => {
         let data = storage.get('paramsValue')
         let timestamp = moment(data[0].name).unix();
@@ -634,14 +623,8 @@ export default {
   ::v-deep .el-icon-star-on{
     font-size: 16px;
   }
-//   #service{
-//     width: 100%;
-//     height: 4.525rem;
-// }
 #service{
     width: 100%;
-    // height: 4.525rem;
-    // height:3.6rem;
       height:288px;
     box-sizing: border-box;
 }

src/views/apps/components/ServiceMap.vue

@@ -246,19 +246,14 @@ import storage from '@/utils/storage'
 // import bus from '@/utils/bus'
 
 import { getToken } from '@/utils/auth'
-// import echarts from 'echarts'
 import resize from './mixins/resize'
 import moment from 'moment'
-// import elTableInfiniteScroll from 'el-table-infinite-scroll';
 export default {
   name: 'ServiceMap',
   components: {
 
   },
   mixins: [resize],
-  // directives: {
-  //   'el-table-infinite-scroll': elTableInfiniteScroll
-  // },
   data() {
     return {
       drawer: false,
@@ -512,14 +507,6 @@ export default {
       this.queryParams.pageIndex = 1
       this.serveceMapList = []
       this.getList()
-      // this.getList()
-      // if(this.queryParams.url != ''){
-      //   this.serveceMapList=this.serveceMapList.map((item)=>{
-      //     if (item.url.includes(this.queryParams.url)){
-      //       return item;
-      //     }
-      //   })
-      // }
     },
     /** 重置按钮操作 */
     resetQuery() {
@@ -636,20 +623,6 @@ export default {
           this.getList()
         }
       })
-
-      // if(row.id != 0){
-      //   favor({favor:row.favor},row.id).then(res=>{
-      //     if(res.code = 200){
-      //       this.msgSuccess(res.msg);
-      //       this.queryParams.pageIndex =1;
-      //       this.serveceMapList=[];
-      //       this.getList()
-      //     }
-      //   })
-      // }else{
-      //   this.form = row.favor;
-      //   this.submitForm();
-      // }
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -706,8 +679,6 @@ export default {
             type: 'line',
             stack: 'Total',
             symbol: 'none',
-            // // data: [120, 132, 101, 134, 90, 230, 210]
-            // data: Number(row.duration_stats.p50).toFixed(2)
             data: row.duration_stats.p50
           },
           {
@@ -715,8 +686,6 @@ export default {
             type: 'line',
             stack: 'Total',
             symbol: 'none',
-            // data: [320, 332, 301, 334, 390, 330, 320]
-            // data: Number(row.duration_stats.p90).toFixed(2)
             data: row.duration_stats.p90
           },
           {
@@ -747,10 +716,6 @@ export default {
           confine: false,
           appendToBody: true,
           show: true,
-          // formatter: function (params) {
-          //   storage.set('paramsValue',params)
-          //   return params
-          // },
           formatter: function(params) {
             storage.set('paramsValue', params)
             const axisValueLabel = params[0].axisValueLabel

src/views/apps/components/Settings.vue

@@ -496,19 +496,6 @@ export default {
           }
         })
       }
-
-      // const text = row.power === 1 ? '启用' : '停用'
-      // this.$confirm('确认要"' + text + '""' + row.name + '"吗?', '警告', {
-      //   confirmButtonText: '确定',
-      //   cancelButtonText: '取消',
-      //   type: 'warning'
-      // }).then(function() {
-      //   return updatePolicy(row,row.id)
-      // }).then(() => {
-      //   this.msgSuccess(text + '成功')
-      // }).catch(function() {
-      //   row.power = row.power === 1 ? 0 : 1
-      // })
     },
     //验证
     handleVerifyChange(row,val) {
@@ -523,18 +510,6 @@ export default {
           this.msgError(response.msg)
         }
       })
-      // const text = row.verify === 1 ? '启用验证' : '关闭验证'
-      // this.$confirm('确认要"' + text + '""' + row.name + '"吗?', '警告', {
-      //   confirmButtonText: '确定',
-      //   cancelButtonText: '取消',
-      //   type: 'warning'
-      // }).then(function() {
-      //   return updatePolicy(row,row.id)
-      // }).then(() => {
-      //   this.msgSuccess(text + '成功')
-      // }).catch(function() {
-      //   row.verify = row.verify === 1 ? 0 : 1
-      // })
     },
     handleOpen(row){
       this.reset()
@@ -676,10 +651,6 @@ export default {
               }
             })
           } else {
-            // if(this.lookForm.policy.point_type != 'string'){
-            //   this.lookForm.policy.point = Number(this.lookForm.policy.point);
-            // }
-            // this.lookForm.policy = JSON.stringify(this.lookForm.policy)
             addPolicy(this.lookForm).then(response => {
               if (response.code === 200) {
                 this.msgSuccess(response.msg)
@@ -697,11 +668,6 @@ export default {
        if(this.checkList.length > 1){
           this.checkList.splice(0,1)
         }
-        // if(this.$route.query.id!=undefined){
-        //   this.lookForm.appId = Number(this.$route.query.id);
-        // }else{
-        //   this.lookForm.appId = 999999
-        // }
         this.lookForm.ruleId = this.checkList[0].id;
         this.lookForm.monitorAlias=this.checkList[0].monitorAlias;
         this.lookForm.policy = this.checkList[0].policy;
@@ -717,39 +683,9 @@ export default {
           this.msgError(response.msg)
         }
       })
-      // this.$refs['form'].validate(valid => {
-      //   if (valid) {
-      //     this.form.monitorAlias= this.form.group+'::'+this.form.monitorAlias+':'+this.form.interval+'m'
-      //     this.form.expression= this.form.expression+'AND Timestamp >= now() - INTERVAL ? MINUTE AND AppAlias =  ?'
-      //     if (this.form.id !== undefined) {
-      //       updatePolicy(this.form, this.form.id).then(response => {
-      //         if (response.code === 200) {
-      //           this.msgSuccess(response.msg)
-      //           this.open = false
-      //           this.getList()
-      //         } else {
-      //           this.msgError(response.msg)
-      //         }
-      //       })
-      //     } else {
-      //       addPolicy(this.form).then(response => {
-      //         if (response.code === 200) {
-      //           this.msgSuccess(response.msg)
-      //           this.open = false
-      //           this.getList()
-      //         } else {
-      //           this.msgError(response.msg)
-      //         }
-      //       })
-      //     }
-      //   }
-      // })
-
     },
     /** 删除按钮操作 */
     handleDelete(row) {
-      // const postIds = row.postId || this.ids
-      // const Ids = (row.id && [row.id]) || this.ids
       const Ids = [row.policy_id]
       this.$confirm('是否确认删除事件编号为"' + Ids + '"的数据项?', '警告', {
         confirmButtonText: '确定',
@@ -826,44 +762,6 @@ export default {
   height: 16px;
   line-height: 16px;
 }
-// ::v-deep .el-switch__label * {
-//     line-height: 1;
-//     font-size: 12px!important;
-//     display: inline-block;
-// }
-// ::v-deep .el-switch__core{
-//   height:16px;
-//   line-height: 16px;
-// }
-// ::v-deep .el-switch__core:after {
-//     content: "";
-//     position: absolute;
-//     top: 0px;
-//     left: 1px;
-//     border-radius: 100%;
-//     -webkit-transition: all 0.3s;
-//     transition: all 0.3s;
-//     width: 14px;
-//     height: 14px;
-//     background-color: #FFFFFF;
-// }
-// ::v-deep .el-switch {
-//     display: -webkit-inline-box;
-//     display: -ms-inline-flexbox;
-//     display: inline-flex;
-//     -webkit-box-align: center;
-//     -ms-flex-align: center;
-//     align-items: center;
-//     position: relative;
-//     font-size: 14px;
-//     line-height: 16px;
-//     height: 16px;
-//     vertical-align: middle;
-// }
-// ::v-deep .el-switch__label--right {
-//     margin-left: 2px;
-// }
-
 ::v-deep .el-switch__label--right {
     margin-left: 2px;
 }

src/views/apps/components/TreeViews.vue

@@ -61,25 +61,7 @@ import { listSankey } from '@/api/mapping'
 
 export default {
   mixins: [resize],
-  // props: {
-  //   SankeyData: {
-  //     type: Object,
-  //     default:()=>{}
-  //   }
-  // },
   watch:{
-    // option:{
-    //   handler(newVal,oldVal){
-    //     if (this.chart) {
-		// 			if (newVal) {
-    //         this.chart.setOption(newVal);
-    //         } else {
-    //         this.chart.setOption(oldVal);
-    //         }
-    //       } 
-		// 		},
-		// 		deep: true 
-    // },
      '$store.state.time.globalTimes': {
         handler(newValue, oldValue) {
             if(newValue){
@@ -200,22 +182,8 @@ export default {
    
   },
   mounted() {
-    // this.$nextTick(() => {
-    //   this.initChart()
-    // })
-    // setTimeout(()=>{
-    //   this.initChart()
-    // },500)
 
     this.getListSankey('treeViews');
-
-    // const element = document.getElementById('treeViews');//指定全屏区域元素
-    //   document.getElementById('fullscreen_button').addEventListener('click', () => {
-    //     if (screenfull.isEnabled) {
-    //       screenfull.request(element);
-    //     }
-    //   });//实现模块全屏
-
   },
   beforeDestroy() {
     if (!this.chart) {
@@ -249,8 +217,6 @@ export default {
     },
      //获取桑基图数据
     getListSankey(id){
-      // this.chart = this.$echarts5.init(document.getElementById(id))
-      // this.chart.showLoading();
       this.loading=true;
       let option;
       listSankey(this.queryParams).then(res => {
@@ -275,47 +241,6 @@ export default {
                     trigger: 'item',
                     triggerOn: 'mousemove'
                   },
-                  // toolbox: {
-                  //   show: false,
-                  //   feature: {
-                  //     myFull: {
-                  //       show: true,
-                  //       title: "全屏查看",
-                  //       icon:
-                  //         "path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891",
-                  //       onclick: () => {
-                  //         this.fullFlag = true;
-                  //         let element = document.getElementById("treeViews");
-
-                  //         // 一些浏览器的兼容性
-                  //         if (element.requestFullScreen) {
-                  //           // HTML W3C 提议
-                  //           element.requestFullScreen();
-                  //         } else if (element.msRequestFullscreen) {
-                  //           // IE11
-                  //           element.msRequestFullScreen();
-                  //         } else if (element.webkitRequestFullScreen) {
-                  //           // Webkit (works in Safari5.1 and Chrome 15)
-                  //           element.webkitRequestFullScreen();
-                  //         } else if (element.mozRequestFullScreen) {
-                  //           // Firefox (works in nightly)
-                  //           element.mozRequestFullScreen();
-                  //         }
-
-                  //         // 退出全屏
-                  //         if (element.requestFullScreen) {
-                  //           document.exitFullscreen();
-                  //         } else if (element.msRequestFullScreen) {
-                  //           document.msExitFullscreen();
-                  //         } else if (element.webkitRequestFullScreen) {
-                  //           document.webkitCancelFullScreen();
-                  //         } else if (element.mozRequestFullScreen) {
-                  //           document.mozCancelFullScreen();
-                  //         }
-                  //       },
-                  //     },
-                  //   },
-                  // },
                   series: [
                     {
                       type: 'sankey',

src/views/apps/components/nodeDetail.vue

@@ -46,20 +46,6 @@ export default {
       app_alias: ''
     }
   },
-  watch: {
-    //  option:{
-    //   handler(newVal,oldVal){
-    //     if (this.chart) {
-    // 			if (newVal) {
-    //         this.chart.setOption(newVal);
-    //         } else {
-    //         this.chart.setOption(oldVal);
-    //         }
-    //       }
-    // 		},
-    // 		deep: true
-    // },
-  },
   created() {
     this.queryParams.start_time = this.GetRequest().start_time // 点击应用拓扑节点获取到id
     this.queryParams.end_time = this.GetRequest().end_time // 点击应用拓扑节点获取到id
@@ -82,12 +68,6 @@ export default {
       if (this.AnalystData.kafka != undefined) {
         this.kafkaInitChart(this.AnalystData.kafka)
       }
-
-      // var iframeH = document.getElementById("detail_box").scrollHeight;
-      //  this.h=iframeH;
-      // window.parent.postMessage({ data: iframeH }, "*");
-      // var screenH = document.documentElement.clientHeight;
-      // this.h = screenH;
     }, 2000)
   },
   methods: {
@@ -391,13 +371,6 @@ export default {
           }
 
           const timeAndDuration = JSON.stringify(dataRange)
-          // this.$router.push({
-          //   path:'/latency/index',
-          //   query:{
-          //     data:timeAndDuration
-          //   }
-          // })
-
           const href = this.$router.resolve({
             path: '/latency/index',
             query: {
@@ -411,17 +384,9 @@ export default {
           })
         }
       })
-
-      //  this.chart.on("legendinverseselect", (params) => {
-      //   })
     },
     httpInitChart(tmpData) {
-      const _this = this
       this.httpChart = this.$echarts5.init(document.getElementById('main2'))
-      // var myEchart = this.$el.getElementsByClassName('echartsbox');
-      // for(var i = 0; i < myEchart.length; i++){
-      //   var myChart = this.$echarts5.init(myEchart[i]);
-      // }
       this.httpChart.clear()
       const option = {
         title: {
@@ -690,13 +655,6 @@ export default {
           }
 
           const timeAndDuration = JSON.stringify(dataRange)
-          // this.$router.push({
-          //   path:'/latency/index',
-          //   query:{
-          //     data:timeAndDuration
-          //   }
-          // })
-
           const href = this.$router.resolve({
             path: '/latency/index',
             query: {
@@ -717,10 +675,6 @@ export default {
     kafkaInitChart(tmpData) {
       const _this = this
       this.kafkaChart = this.$echarts5.init(document.getElementById('main3'))
-      // var myEchart = this.$el.getElementsByClassName('echartsbox');
-      // for(var i = 0; i < myEchart.length; i++){
-      //   var myChart = this.$echarts5.init(myEchart[i]);
-      // }
       this.kafkaChart.clear()
       const option = {
         title: {
@@ -989,13 +943,6 @@ export default {
           }
 
           const timeAndDuration = JSON.stringify(dataRange)
-          // this.$router.push({
-          //   path:'/latency/index',
-          //   query:{
-          //     data:timeAndDuration
-          //   }
-          // })
-
           const href = this.$router.resolve({
             path: '/latency/index',
             query: {

src/views/apps/index.vue

@@ -480,26 +480,13 @@ export default {
     
   },
   mounted(){
-    //  const iframe = this.$refs.topoFrame;
-    //  if(iframe != undefined){
-    //    iframe.contentWindow.postMessage(this.sendObj,'*');
-    //  }
       let name = sessionStorage.getItem('currentTab') 
      // 判断是否存在currentTab，即tab页之前是否被点击切换到别的页面
      if(name){
        this.activeName = name
-      }
-
-      // window.showNode=this.showNode;
-
-      
+      } 
   },
   created(){
-    // this.sendObj.start_time = this.$store.getters.globalTimes.startTime;
-    // this.sendObj.end_time = this.$store.getters.globalTimes.endTime
-    // this.queryNums.start_time = this.$store.getters.globalTimes.startTime;
-    // this.queryNums.end_time = this.$store.getters.globalTimes.endTime
-    // this.topoUrl=window.location.host+'http://observe-front.cestong.com.cn/ui/index.html',
     this.Item=storage.get('appsItem');
     if(this.$route.query.item.app_alias != undefined){
       this.sendObj.app_alias = this.$route.query.item.app_alias;
@@ -518,34 +505,10 @@ export default {
     }
     this.geteventNums();
   },
-  // beforeDestroy() {
-  //   clearInterval(this.timer);
-  // },
   methods:{
     clickFull() {
         this.VisibleTopo=true;
-        // this.$nextTick(() => {
-        //   this.getListSankey('treeViews1')
-        // });
     },
-    // showNode(){
-    //   this.opennode=true;
-    // },
-    // closeNode(vale){
-    //   alert('a')
-    //    var topoFrame = document.querySelector("#topoFrame");
-    //   //["updateDubanForm"]这一部分是调用iframe里的方法命，里面"updateDubanForm"可以换成一个变量.
-    //   //也可以写成iframe_home.contentWindow.updateDubanForm(type);
-    //   topoFrame.contentWindow.handleClickClose(ev);
-    //   setTimeout(()=>{
-    //     this.opennode=false;
-    //   },300)
-    // },
-    // Refresh(timeOut){
-    //   this.timer = setInterval(()=>{
-    //     location.reload()
-    //   },timeOut)
-    // },
     changeQuery(router,start_time,end_time,live){
       this.$router.push({
         path:router,
@@ -600,12 +563,7 @@ export default {
       this.openfire = true
       this.titlefire = '事件信息'
       if(row.rowResult =='UNSET'){
-        // this.codeSnippets=JSON.stringify(row.rowsResult, null, 2)
-        // let obj = JSON.stringify(row.rowsResult,null,2);
-        // this.codeSnippets=JSON.parse(obj);
-        // this.codeSnippets=JSON.stringify(row.rowsResult, null, 2)
         this.codeSnippets=JSON.stringify(JSON.parse(row.rowsResult),null,'\t')
-        // this.codeSnippets= row.rowsResult;
       }else{
         this.codeSnippets=row.rowResult;
       }
@@ -633,11 +591,6 @@ export default {
          }
       })
     },
-    // getsingleNums(){
-    //   singleNums(this.appId).then((res)=>{
-    //     this.event_number = res.data;
-    //   })
-    // },
     iframeLoad(){
       // this.loading = true;
       const iframe = this.$refs.topoFrame;
@@ -723,18 +676,11 @@ export default {
     handleUpdate(val){
       this.isEdit=val;
       this.getList();
-      // const myIframe = document.querySelector('#myIframe')
-      // this.populateIframe(myIframe, [['Authorization', 'Bearer '+this.config.editor]])
-      // window.location.reload();
     },
     populateIframeTopo (iframe) {
       let xhrTopo = new XMLHttpRequest()
       xhrTopo.open('GET', this.topoUrl)
       xhrTopo.responseType = 'blob'
-      // headers.forEach((header) => {
-      //   // xhr.setRequestHeader('Authorization', "Bearer eyJrIjoiT0tTcG1pUlY2RnVKZTFVaDFsNFZXdE9ZWmNrMkZYbk");
-      //   xhr.setRequestHeader(header[0], header[1]);
-      // })
       xhrTopo.onreadystatechange = () => {
         if (xhrTopo.readyState === xhrTopo.DONE) {
           if (xhrTopo.status === 200) {
@@ -844,19 +790,11 @@ export default {
   background:#fff;
 }
 .viewbox{
-  // display: flex;
-  // flex-direction: row;
   color:#999;
   padding-left:6px;
   margin-top:2px;
   // align-items: center;
 }
-// .viewbox:before,.viewbox:after{
-//   content:'';
-//   flex:1 1;
-//   border-bottom: 1px solid #f4f5f5;
-//   margin:auto;
-// }
 ::v-deep .el-tabs__header{
   position: fixed;
   top:50.5px;
@@ -875,11 +813,6 @@ export default {
     position: relative;
     margin-top: 56px;
 }
-// .flex-card {
-//   display: flex;
-//   align-content: flex-start;
-//   height: 52px;
-// }
 .box-card ::v-deep .el-card__body{
   padding:0!important;
 }
@@ -917,13 +850,6 @@ export default {
     border-color: #000;
     max-width: 50%;
     font-size: 12px;
-     /* 想要显示全部，下面就不用写了 */
-    // padding-bottom: 4px !important;
-    // display: -webkit-box;
-    // overflow: hidden;
-    // text-overflow: ellipsis;
-    // -webkit-line-clamp: 15;
-    // -webkit-box-orient: vertical;
 }
 .topoWrap ::v-deep .el-dialog__header{
   padding:0;

src/views/basics/middleware/components/FlameGraph.vue

@@ -9,14 +9,6 @@ export default {
   data(){},
   methods:{
     createFlameGraph(){
-      // const container = this.$refs.flameGraphContainer;
-      // const graph = new FlameGraph(container);
- 
-      // // 假设你已经有了profile数据
-      // const profileData = { /* 火焰图数据 */ };
- 
-      // // 使用profile数据渲染火焰图
-      // graph.load(profileData);
     }
   },
    mounted() {

src/views/basics/middleware/index.vue

@@ -15,12 +15,6 @@ export default {
   },
   methods:{
     arrayToList(arr) {
-      // class ListNode{
-      //   constructor(val){
-      //     this.val = val;
-      //     this.children = null;
-      //   }
-      // }
       if (!arr.length) return null;
 
       let obj = arr.filter((item)=>{

src/views/business-analysis/analysis/components/AnalysisMap.vue

@@ -397,9 +397,6 @@ export default {
     Topo
   },
   mixins: [resize],
-  // directives: {
-  //   'el-table-infinite-scroll': elTableInfiniteScroll
-  // },
   data() {
     return {
       loading: false,
@@ -561,17 +558,6 @@ export default {
       deep: true
     }
   },
-  // created() {
-  //   let windowHeight =document.documentElement.clientHeight || document.body.clientHeight;
-  //     // 动态计算表格的高度，200为屏幕内除了表格以外其他元素的高度，依实际情况而定
-  //   this.tableHeight = windowHeight - 200 + "px";
-  //   this.appsItem=storage.get('appsItem');
-  //    if(this.appsItem.id!=''||this.appsItem.id!=undefined){
-  //     this.queryParams.app_id=this.appsItem.id;
-  //     this.childQueryParams.app_id = this.appsItem.id;
-  //     this.getList()
-  //   }
-  // },
   created() {
     this.$store.commit('time/setTimeFlag', false)
 
@@ -616,10 +602,6 @@ export default {
         }
       })
     },
-    // clickFull() {
-    //     this.Visible=true;
-    //     this.$refs['topo'].initGraph();
-    // },
     Refresh(timeOut) {
       this.serviceMapTimer = setInterval(() => {
         this.getList()
@@ -649,18 +631,6 @@ export default {
       this.handelgetBizDetail()
     },
     handleRowClick(row, column, event) {
-      // this.detailTitle = row.name;
-      // this.detailObj = row;
-      // this.childQueryParams.biz_id = row.id;
-      // this.handelgetBizDetail();
-      // this.getListBizGraph(row.id)
-      // setTimeout(()=>{
-      //   this.drawer=true;
-      //   this.topflag = true;
-      //   this.$nextTick(() =>{
-      //     this.drawEchartsScale(row);
-      //   })
-      // },300)
       storage.set('detailObj', row)
       this.$router.push({
         path: '/business-analysis/analysisDetail/index',
@@ -715,16 +685,10 @@ export default {
     },
     handleData(data) {
       data.forEach((v, k) => {
-      // let string = key === '' ? k + 1 : key + '.' + (k + 1)
-
-        // v.span_name += '---' + string
-        // v.id = v.span_name;
-
         v.id = v.biz_id
 
         v.collapsed = false
         v.name = v.name
-        // v.label = (v.duration).toFixed(2);
         v.label = v.service_name
         v.currency = 'ms'
         v.rate = v.duration_persent
@@ -837,14 +801,6 @@ export default {
       this.serveceMapList = []
       this.tempList = []
       this.getList()
-      // this.getList()
-      // if(this.queryParams.url != ''){
-      //   this.serveceMapList=this.serveceMapList.map((item)=>{
-      //     if (item.url.includes(this.queryParams.url)){
-      //       return item;
-      //     }
-      //   })
-      // }
     },
     /** 重置按钮操作 */
     resetQuery() {
@@ -888,20 +844,6 @@ export default {
       this.title = '修改业务别名'
       this.isEdit = true
       this.open = true
-      // if(row.id != 0){
-      //    getUrlMapping(id).then(response => {
-      //     this.form = response.data
-      //     this.form.id = row.id
-      //     this.title = '修改业务名'
-      //     this.isEdit = true
-      //     this.open = true
-      //   })
-      // }else{
-      //   this.form = row
-      //   // this.form.id = undefined
-      //   this.isEdit = true
-      //   this.open = true
-      // }
     },
     /** 提交按钮 */
     submitForm: function() {
@@ -973,20 +915,6 @@ export default {
           this.getList()
         }
       })
-
-      // if(row.id != 0){
-      //   favor({favor:row.favor},row.id).then(res=>{
-      //     if(res.code = 200){
-      //       this.msgSuccess(res.msg);
-      //       this.queryParams.pageIndex =1;
-      //       this.serveceMapList=[];
-      //       this.getList()
-      //     }
-      //   })
-      // }else{
-      //   this.form = row.favor;
-      //   this.submitForm();
-      // }
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -1286,10 +1214,6 @@ export default {
           confine: false,
           appendToBody: true,
           show: true,
-          // formatter: function (params) {
-          //   storage.set('paramsValue',params)
-          //   return params
-          // },
           formatter: function(params) {
             storage.set('paramsValue', params)
             const axisValueLabel = params[0].axisValueLabel
@@ -1337,11 +1261,6 @@ export default {
               textAlign: 'center'
             },
             formatter: function(params) {
-              // let newParams = moment(params).format('YYYY-MM-DD HH:mm:ss');
-              // let newArr = newParams.split(' ')
-              // let time = newArr[0] + "\n" + newArr[1]
-              // return time;
-
               let newParams = ''
               const dateStr = params.substring(0, 10)
               // dateStr = dateStr.replace(/\-/g, function(match) {
@@ -1400,13 +1319,6 @@ export default {
       myChartScale.setOption(option)
 
       myChartScale.getZr().on('click', params => {
-        //  myChartScale.on('click', params => {
-        //    const {target} = params;
-        //     if (target && target.z === 3) {
-        //   const parent = params.target.parent.parent;
-        //   let seriesIndex = parent.__ecComponentInfo ? parent.__ecComponentInfo.index : parent.parent.__ecComponentInfo.index
-        //  // 获取数据，进行操作
-        // }
         const data = storage.get('paramsValue')
         const timestamp = moment(data[0].name).unix()
 
@@ -1426,12 +1338,6 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-// @font-face {
-//   font-family: 'iconfont';  /* Project id 4241886 */
-//   src: url('https://at.alicdn.com/t/c/font_4241886_44emlzl9ad4.woff2?t=1694073615647') format('woff2'),
-//        url('https://at.alicdn.com/t/c/font_4241886_44emlzl9ad4.woff?t=1694073615647') format('woff'),
-//        url('https://at.alicdn.com/t/c/font_4241886_44emlzl9ad4.ttf?t=1694073615647') format('truetype');
-// }
 .iconfont {
   font-family: "iconfont" !important;
   font-size: 20px;

src/views/business-analysis/analysis/components/Topo.vue

@@ -241,143 +241,6 @@ insertCss(`
       ],
     };
 
-
-    // const DataGrafa =  
-    //   {
-    //         id: "2",   
-    //         name: "ingress", 
-    //         node_type: 2,
-    //         type:'flow-rect',
-    //         biz_id: 1,
-    //         app_id: 1,
-    //         service_name: "frontend-proxy",
-    //         span_name: "ingress",
-    //         span_kind: "SPAN_KIND_SERVER",
-    //         is_virtual: 0,
-    //         label:"1.614592",
-    //         collapsed:false,
-    //         currency : 'ms',
-    //         rate : 1.0,
-    //         status :"B",
-    //         variableValue :1,
-    //         variableUp:false,
-    //         "stats":{
-    //             "biz_node_id": 5,
-    //             "duration": 1.614592,   
-    //             "success_rate": 1,      
-    //             "success_rate_up": true  
-    //         },
-    //         "children": [
-    //             {
-    //                 "id": "3",
-    //                 "name": "router frontend egress",
-    //                 "type": 2,
-    //                 "external_id": 0,
-    //                 "biz_id": 1,
-    //                 "app_id": 1,
-    //                 "service_name": "frontend-proxy",
-    //                 "span_name": "router frontend egress",
-    //                 "span_kind": "SPAN_KIND_CLIENT",
-    //                 "is_virtual": 0,
-    //                 "label":"1.614592",
-    //                 "collapsed":false,
-    //                 "currency" : 'ms',
-    //                 "rate" : 1.0,
-    //                 "status" :"B",
-    //                 "variableValue" :1.0,
-    //                 variableUp:true,
-    //                 "children": [
-    //                     {
-    //                         "id": "4",
-    //                         "name": "GET",
-    //                         "type": 2,
-    //                         "external_id": 0,
-    //                         "biz_id": 1,
-    //                         "app_id": 1,
-    //                         "service_name": "frontend",
-    //                         "span_name": "GET",
-    //                         "span_kind": "SPAN_KIND_SERVER",
-    //                         "is_virtual": 0,
-    //                         "children": null,
-    //                         "label":"1.614592",
-    //                         "collapsed":false,
-    //                         "currency" : 'ms',
-    //                         "rate" : 1.0,
-    //                         "status" :"B",
-    //                         "variableValue" :1.0,
-    //                         variableUp:false,
-    //                     },
-    //                     {
-    //                         "id": "87",
-    //                         "name": "GET",
-    //                         "type": 2,
-    //                         "external_id": 0,
-    //                         "biz_id": 1,
-    //                         "app_id": 0,
-    //                         "service_name": "frontend",
-    //                         "span_name": "GET",
-    //                         "span_kind": "SPAN_KIND_SERVER",
-    //                         "is_virtual": 0,
-    //                         "children": null,
-    //                         "label":"1.614592",
-    //                         "collapsed":false,
-    //                         "currency" : 'ms',
-    //                         "rate" : 1.0,
-    //                         "status" : "B",
-    //                         "variableValue" :1.0,
-    //                         variableUp:true,
-    //                     }
-    //                 ]
-    //             },
-    //             {
-    //                 "id": "65",
-    //                 "name": "router frontend egress",
-    //                 "type": 2,
-    //                 "external_id": 0,
-    //                 "biz_id": 1,
-    //                 "app_id": 0,
-    //                 "service_name": "frontend-proxy",
-    //                 "span_name": "router frontend egress",
-    //                 "span_kind": "SPAN_KIND_CLIENT",
-    //                 "is_virtual": 0,
-    //                 "label":"1.614592",
-    //                 "collapsed":false,
-    //                 "currency" : 'ms',
-    //                 "rate" : 1.0,
-    //                 "status" :"B",
-    //                 "variableValue" :1.0,
-    //                 variableUp:false,
-    //                 "children": [
-    //                     {
-    //                         "id": "4",
-    //                         "name": "GET",
-    //                         "type": 2,
-    //                         "external_id": 0,
-    //                         "biz_id": 1,
-    //                         "app_id": 1,
-    //                         "service_name": "frontend",
-    //                         "span_name": "GET",
-    //                         "span_kind": "SPAN_KIND_SERVER",
-    //                         "is_virtual": 0,
-    //                         "children": null,
-    //                         "label":"1.614592",
-    //                         "collapsed":false,
-    //                         "currency" : 'ms',
-    //                         "rate" : 1.0,
-    //                         "status" :"B",
-    //                         "variableValue" :1.0,
-    //                         variableUp:true,
-    //                     }
-    //                 ]
-    //             }
-    //         ]
-    //   }
-    
-
-    
-    
-   
-   
    const colors = {
       B: '#5B8FF9',
       R: '#F46649',
@@ -387,10 +250,6 @@ insertCss(`
     };
     //  组件props
     let props = {
-      // data: this.graphData,  
-      // data:obj,
-      // data:mockData,
-      // data:DataGrafa,
       config: {
         padding: [20, 50],
         defaultLevel: 3,
@@ -885,17 +744,7 @@ export default {
            `
           return outDiv;
         },
-        // shouldBegin: (e) => {
-        //   if (e.target.get('name') === 'name-shape' || e.target.get('name') === 'mask-label-shape') return true;
-        //   return false;
-        // },
       });
-      // graph = new G6.TreeGraph({
-      //   container: 'container',
-      //   ...defaultConfig,
-      //   ...config,
-      //   plugins: [tooltip],
-      // });
 
        graph = new G6.TreeGraph({
         container: id,
@@ -907,24 +756,9 @@ export default {
       if (typeof onInit === 'function') {
         onInit(graph);
       }
-      // graph.on("afterrender", () => {
-      //     // graph.zoom(0.2, { x: width / 2, y: height / 2 });
-      //      graph.zoom(0.5, { x: width / 2, y: height / 2 });
-      // });
       graph.data(data);
       graph.render();
 
-      // setTimeout(() => {
-      //   // 1 默认展开三层节点，之后，重新渲染，item.depth > 1是三层，item.depth > 0是两层
-      //   G6.Util.traverseTree(data, function(item) {
-      //     if (item.depth > 1) {
-      //       //collapsed为true时默认收起
-      //       item.collapsed = true
-      //     }
-      //   })
-      //   graph.render()
-      //   graph.fitCenter() // 移到图中心
-      // }, 10)
       setTimeout(() => {
         graph.fitCenter() // 移到图中心
       }, 10)
@@ -935,28 +769,6 @@ export default {
         this.$emit("changeState", itemData);
       });
 
-      // 双击节点进行跳转
-      // graph.on("dblclick", (evt) => {
-      //   const itemData = evt.item._cfg.model;
-      //   const { level, id } = itemData;
-      //   this.$emit("changeState", [id]);
-      //   if (level === 2) {
-      //     this.$router.push({
-      //       name: "groupDetail",
-      //       query: {
-      //         id,
-      //       },
-      //     });
-      //   } else if (level === 3) {
-      //     this.$router.push({
-      //       name: "serviceInfo",
-      //       query: {
-      //         id,
-      //       },
-      //     });
-      //   }
-      // });
-
       const handleCollapse = (e) => {
         const target = e.target;
         const id = target.get('modelId');

src/views/business-analysis/analysis/index.vue

@@ -361,10 +361,6 @@ export default {
               confine: false,
               appendToBody: true,
               show: true,
-              // formatter: function (params) {
-              //   storage.set('paramsValue',params)
-              //   return params
-              // },
               formatter: function(params) {
                 storage.set('paramsValue', params)
                 const axisValueLabel = params[0].axisValueLabel
@@ -416,17 +412,6 @@ export default {
             ]
           }
         )
-
-        //  errorQuery:{
-        //     app_id:0,
-        //     // url_type:2,   // 0未知 1对内接口 2对外接口
-        //     // start_time:1703656033,
-        //     // end_time:1703656333,
-        //     time_type:'day',   // 时间单位， hour或day
-        //     time_value:30,   // 与时间单位组合，本例为10小时
-        //     time_base: new Date().getTime().toString()
-        // }
-        // this.time_base
         this.errorChart.getZr().off('click')
         this.errorChart.getZr().on('click', params => {
           const pointInPixel = [params.offsetX, params.offsetY]
@@ -467,10 +452,6 @@ export default {
           },
           legend: {
             data: ['当前时段', '前续时段对比']
-            // selected: {
-            //       '当前时段': true,
-            //       '前续时段对比': false
-            //   }
           },
           toolbox: {
             feature: {

src/views/business-analysis/analysisDetail/components/Topo.vue

@@ -1,20 +1,7 @@
 <template>
   <div style="position:relative;">
-    <!-- <div class="container" id="container" ref="container">
-    </div> -->
     <div class="container" :id="topoId" ref="container">
     </div>
-    <!-- <div class="full">
-      <span class="title_href" id='fullscreen_button'>
-        <svg-icon :icon-class="isFull?'exit-fullscreen':'fullscreen'" @click.native.prevent="clickFull" />
-      </span>
-    </div> -->
-    <!-- <el-dialog
-      :visible.sync="Visible"
-      :fullscreen='true'
-      center>
-      <div ref="container1" id="container1" style="width:100%;height:100vh"></div>
-    </el-dialog> -->
   </div>
 </template>
 
@@ -45,10 +32,6 @@ insertCss(`
     };
     //  组件props
     let props = {
-      // data: this.graphData,  
-      // data:obj,
-      // data:mockData,
-      // data:DataGrafa,
       config: {
         padding: [20, 50],
         defaultLevel: 3,
@@ -99,12 +82,6 @@ export default {
     change() {
       this.isFull = screenfull.isFullscreen  // 更新全屏状态
     },
-    // clickFull() {
-    //     this.Visible=true;
-    //     this.$nextTick(() => {
-    //       this.initGraph(this.graphData,'container1');
-    //     });
-    // },
     initGraph(data,id){
           let graph = null;
           const container = document.getElementById(id);
@@ -154,18 +131,6 @@ export default {
         {
           shapeType: 'flow-rect',
           draw(cfg, group) {
-            // const {
-            //   name = '',
-            //   variableName,
-            //   variableValue,
-            //   variableUp,
-            //   label,
-            //   collapsed,
-            //   currency,
-            //   status,
-            //   rate
-            // } = cfg;
-
             const {
               name = '',
               // variableName,
@@ -280,20 +245,6 @@ export default {
               },
             });
 
-            // variable name
-            // group.addShape('text', {
-            //   attrs: {
-            //     ...textConfig,
-            //     x: triangle.getBBox().minX - 4,
-            //     y: rectBBox.maxY - 12,
-            //     text: variableName,
-            //     fontSize: 12,
-            //     textAlign: 'right',
-            //     fill: '#000',
-            //     opacity: 0.45,
-            //   },
-            // });
-
             // bottom line background
             const bottomBackRect = group.addShape('rect', {
               attrs: {
@@ -504,14 +455,6 @@ export default {
           //outDiv.style.padding = '0px 0px 20px 0px';
           const nodeName = e.item.getModel().name;
           const item  = e.item.getModel()
-          // let formatedNodeName = '';
-          // for (let i = 0; i < nodeName.length; i++) {
-          //   formatedNodeName = `${formatedNodeName}${nodeName[i]}`;
-          //   if (i !== 0 && i % 20 === 0) formatedNodeName = `${formatedNodeName}<br/>`;
-          // }
-          // outDiv.innerHTML = `${formatedNodeName}`;
-              // <span style='display:inline-block;'>${item.node_type == 0?"未知":item.node_type == 1?"client":item.node_type == 2?"http":item.node_type == 3?"rpc":item.node_type == 4?"database":"messaging"}</span>
-
           outDiv.innerHTML = `
             <div style="margin-bottom:8px">
               <span style='display:inline-block;width:120px;text-align:right;'>节点类型：</span>
@@ -545,13 +488,6 @@ export default {
           return false;
         },
       });
-      // graph = new G6.TreeGraph({
-      //   container: 'container',
-      //   ...defaultConfig,
-      //   ...config,
-      //   plugins: [tooltip],
-      // });
-
        graph = new G6.TreeGraph({
         container: id,
         ...defaultConfig,
@@ -562,57 +498,17 @@ export default {
       if (typeof onInit === 'function') {
         onInit(graph);
       }
-      // graph.on("afterrender", () => {
-      //     // graph.zoom(0.2, { x: width / 2, y: height / 2 });
-      //      graph.zoom(0.5, { x: width / 2, y: height / 2 });
-      // });
       graph.data(data);
       graph.render();
       // 让画布内容适应视口
       graph.fitView();
-      // setTimeout(() => {
-      //   // 1 默认展开三层节点，之后，重新渲染，item.depth > 1是三层，item.depth > 0是两层
-      //   G6.Util.traverseTree(data, function(item) {
-      //     if (item.depth > 1) {
-      //       //collapsed为true时默认收起
-      //       item.collapsed = true
-      //     }
-      //   })
-      //   graph.render()
-      //   graph.fitCenter() // 移到图中心
-      // }, 10)
-      // setTimeout(() => {
-      //   graph.fitCenter() // 移到图中心
-      // }, 10)
+
       //添加点击事件
       graph.on("node:click", (evt) => {
         const itemData = evt.item._cfg.model;
         const { level, id } = itemData;
         this.$emit("changeState", itemData);
       });
-
-      // 双击节点进行跳转
-      // graph.on("dblclick", (evt) => {
-      //   const itemData = evt.item._cfg.model;
-      //   const { level, id } = itemData;
-      //   this.$emit("changeState", [id]);
-      //   if (level === 2) {
-      //     this.$router.push({
-      //       name: "groupDetail",
-      //       query: {
-      //         id,
-      //       },
-      //     });
-      //   } else if (level === 3) {
-      //     this.$router.push({
-      //       name: "serviceInfo",
-      //       query: {
-      //         id,
-      //       },
-      //     });
-      //   }
-      // });
-
       const handleCollapse = (e) => {
         const target = e.target;
         const id = target.get('modelId');
@@ -633,28 +529,6 @@ export default {
         handleCollapse(e);
       });
 
-      // 监听画布缩放，缩小到一定程度，节点显示缩略样式
-      // let currentLevel = 1;
-      //  const briefZoomThreshold = Math.max(graph.getZoom(), 0.5);
-      // graph.on('viewportchange', e => {
-      //   if (e.action !== 'zoom') return;
-      //   const currentZoom = graph.getZoom();
-      //   let toLevel = currentLevel;
-      //   if (currentZoom < briefZoomThreshold) {
-      //     toLevel = 0;
-      //   } else {
-      //     toLevel = 1;
-      //   }
-      //   if (toLevel !== currentLevel) {
-      //     currentLevel = toLevel;
-      //     graph.getNodes().forEach(node => {
-      //       graph.updateItem(node, {
-      //         level: toLevel
-      //       })
-      //     })
-      //   }
-      // });
-
       if (typeof window !== 'undefined'){
         window.onresize = () => {
           if (!graph || graph.get('destroyed')) return;

src/views/business-analysis/analysisDetail/index.vue

@@ -717,22 +717,9 @@ export default {
           }
         ]
       }
-      // this.$nextTick(() => {
-      //   let myChartScale = this.$echarts5.init(document.getElementById('scale'));
       myChartScale.setOption(option)
-      //   myChartScale.resize();
-      // });
-      // myChartScale.on('click',params=>{
-      // })
-
       myChartScale.getZr().on('click', params => {
-        //  myChartScale.on('click', params => {
-        //    const {target} = params;
-        //     if (target && target.z === 3) {
-        //   const parent = params.target.parent.parent;
-        //   let seriesIndex = parent.__ecComponentInfo ? parent.__ecComponentInfo.index : parent.parent.__ecComponentInfo.index
-        //  // 获取数据，进行操作
-        // }
+
         const data = storage.get('paramsValue')
         const timestamp = moment(data[0].name).unix()
 
@@ -740,13 +727,6 @@ export default {
         _this.childQueryParams.end_time = timestamp
         _this.handelgetBizDetail()
       })
-
-      // myChartScale.on('globalout', function (params) {
-      //   // 显示 tooltip hideTip showTip
-      //   myChartScale.dispatchAction({
-      //     type: 'hideTip',
-      //   })
-      // })
     },
     goto(row) {
       const datetime = Date.parse(row.datetime) / 1000

src/views/business-analysis/panel/index.vue

@@ -549,12 +549,6 @@ export default {
       xhr.send()
     },
     handleClick(tab, event) {
-      // if(tab.name=='first' || tab.name =='second' || tab.name=='fourth'){
-      //   this.$store.commit('time/setTimeFlag',true)
-      // }else{
-      //   this.$store.commit('time/setTimeFlag',false)
-      // }
-
       if (tab.name == 'second') {
         this.getListIframeUrlZiYuan()
       }
@@ -638,11 +632,6 @@ export default {
       appsScore(this.queryScore).then(res => {
         if (res.code == 200) {
           if (res.data.scores != null && res.data.scores.length > 0) {
-            // this.basicObj = res.data.scores[0];
-            // this.basicObj.apdexFlag=false;
-            // this.basicObj.latencyFlag=false;
-            // this.basicObj.rateFlag=false;
-            // this.basicObj.errorRateFlag=false;
             this.ApdexNum = parseFloat(res.data.scores[0].apdex).toFixed(2)
             this.apdex = parseFloat(res.data.scores[0].apdex).toFixed(2) * 100 - 1
           }

src/views/business-analysis/topology/index.vue

@@ -429,25 +429,8 @@ export default {
           this.getServiceBar()
           this.getslowTopUrlMapping()
           this.getSlowInterfaceFn()
-          // this.getList()
         }
-        // if(newValue.timeOut){
-        //     if(newValue.timeOut == 1){
-        //         live = false
-        //     }else{
-        //         live = true;
-        //     }
-        //   this.topoUrl = ''
-        //   this.changeQuery('/business-analysis/topology/index',newValue.startTime,newValue.endTime,live);
-        //   this.topoUrl='/ui/index.html'
 
-        // }
-        // if(newValue.timeOut==undefined){
-        //   live = false
-        //   this.topoUrl = ''
-        //   this.changeQuery('/business-analysis/topology/index',newValue.startTime,newValue.endTime,live);
-        //   this.topoUrl='/ui/index.html'
-        // }
         if (newValue.timeOut) {
           if (newValue.timeOut == 1) {
             live = false
@@ -543,17 +526,6 @@ export default {
       this.appId = this.$route.query.id
     }
   },
-  mounted() {
-    // window.addEventListener('scroll', function() {
-    //     var element = document.getElementById("btn-box"); // 获取目标元素
-    //     var containerTopOffset = getComputedStyle(document.querySelector('.left-box')).getPropertyValue('padding-top'); // 计算容器顶部边界与视口之间的距离
-    //     if (window.pageYOffset > parseInt(containerTopOffset)) {
-    //         element.style.position = 'fixed'; // 若滚动超过容器顶部边界，则修改元素的position为fixed
-    //     } else {
-    //         element.style.position = 'absolute'; // 否则还原为absolute定位
-    //     }
-    // });
-  },
   beforeDestroy() {
     clearInterval(this.timer)
   },
@@ -651,10 +623,6 @@ export default {
       const xhrTopo = new XMLHttpRequest()
       xhrTopo.open('GET', this.topoUrl)
       xhrTopo.responseType = 'blob'
-      // headers.forEach((header) => {
-      //   // xhr.setRequestHeader('Authorization', "Bearer eyJrIjoiT0tTcG1pUlY2RnVKZTFVaDFsNFZXdE9ZWmNrMkZYbk");
-      //   xhr.setRequestHeader(header[0], header[1]);
-      // })
       xhrTopo.onreadystatechange = () => {
         if (xhrTopo.readyState === xhrTopo.DONE) {
           if (xhrTopo.status === 200) {
@@ -705,14 +673,6 @@ export default {
           right: '26%',
           bottom: '3%'
         },
-        // toolbox: {
-        //   feature: {
-        //     // dataView: { show: true, readOnly: false },
-        //     magicType: { show: true, type: ['line', 'bar'] },
-        //     restore: { show: true },
-        //     // saveAsImage: { show: true }
-        //   }
-        // },
         legend: {
           data: ['性能', '错误率', '活跃度']
         },
@@ -918,18 +878,6 @@ export default {
       overflow-y: scroll;
       // padding-left:2px;
     }
-    // border-right:30px solid #f5f5f5;
-    // .btn-box{
-    //   width:8px;
-    //   height: 120px;
-    //   position:absolute;
-    //   right:-4px;
-    //   top:50%;
-    //   transform: translate(-50%,0);
-    //   z-index: 4;
-    //   cursor: pointer;
-    // }
-
     .btn-box{
       width:8px;
       height: 100%;

src/views/dashboard/index.vue

@@ -410,19 +410,6 @@ export default {
     }
   },
   created() {
-    //  //在页面加载时读取localStorage里的状态信息
-    // if (localStorage.getItem("globalTime") ) {
-    //     this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(localStorage.getItem("globalTime"))))
-    // }
-    // //在页面刷新时将vuex里的信息保存到localStorage里
-    // window.addEventListener("beforeunload",()=>{
-    //     localStorage.setItem("globalTime",JSON.stringify(this.$store.state))
-    // });
-    // this.times.start_time = this.$store.getters.globalTimes.startTime;
-    // this.times.end_time = this.$store.getters.globalTimes.endTime
-    // this.queryNums.start_time = this.$store.getters.globalTimes.startTime;
-    // this.queryNums.end_time = this.$store.getters.globalTimes.endTime
-
     this.$store.commit('time/setTimeFlag',true)
 
     this.getList()
@@ -607,31 +594,6 @@ export default {
 
                       }
                     }
-                    // for(let k=0;k<arr.length;k++){
-                    //   for(let m=0;m<lists.length;m++){
-                    //     if(parseFloat(arr[k].apdex)>lists[m].apdex){
-                    //       arr[k].apdexFlag = true;
-                    //     }else{
-                    //       arr[k].apdexFlag = false;
-                    //     }
-                    //     if(parseFloat(arr[k].latency)>lists[m].latency){
-                    //       arr[k].latencyFlag = true;
-                    //     }else{
-                    //       arr[k].latencyFlag = false;
-                    //     }
-                    //     if(parseFloat(arr[k].rate)>lists[m].rate){
-                    //       arr[k].rateFlag = true;
-                    //     }else{
-                    //       arr[k].rateFlag = false;
-                    //     }
-                    //     if(parseFloat(arr[k].errorRate)>lists[m].errorRate){
-                    //       arr[k].errorRateFlag = true;
-                    //     }else{
-                    //       arr[k].errorRateFlag = false;
-                    //     }
-                    //   }
-                    // }
-
                     eventNums(this.queryNums).then((res)=>{
                       if(res.code == 200){
                         if(res.data.list.length!=0){
@@ -848,13 +810,6 @@ export default {
         this.convertToPolarPoint(renderItemParams, _pointerInnerRadius, polarEndRadian)
       ];
     },
-    // makeText(valOnRadian) {
-    //   // Validate additive animation calc.
-    //   if (valOnRadian < -10) {
-    //     alert('illegal during val: ' + valOnRadian);
-    //   }
-    //   return ((valOnRadian / _valOnRadianMax) * 100).toFixed(0) + '%';
-    // }
   },
   mounted(){
 

src/views/dashboard/index2.vue

@@ -201,22 +201,6 @@ let blueColor = [
     }
 ]
 let orangeColor = [
-                    // {
-                    //   offset: 0,
-                    //   color: '#F3DF86' // 0% 处的颜色
-                    // },
-                    // {
-                    //   offset: 0.5,
-                    //   color: '#EFB153' // 100% 处的颜色
-                    // },
-                    // {
-                    //   offset: 1,
-                    //   color: '#EF8B35' // 100% 处的颜色
-                    // },
-                    // {
-                    //   offset: 1,
-                    //   color: '#5AFFA3' // 100% 处的颜色
-                    // }
                      {
                       offset: 0,
                       color: '#EF8B35' // 0% 处的颜色
@@ -231,52 +215,20 @@ let orangeColor = [
                     },
                   ]
   let grayColor =[
-    // {
-    //   offset: 0,
-    //   color: '#DBDBDB' // 0% 处的颜色
-    // },
-    // {
-    //   offset: 0.5,
-    //   color: '#B4B4B4' // 100% 处的颜色
-    // },
-    // {
-    //   offset: 1,
-    //   color: '#919191' // 100% 处的颜色
-    // },
     {
       offset: 0,
       color: '#919191' // 0% 处的颜色
     },
-    // {
-    //   offset: 0.5,
-    //   color: '#B4B4B4' // 100% 处的颜色
-    // },
     {
       offset: 1,
       color: '#DBDBDB' // 100% 处的颜色 DBDBDB
     },
   ]
   let redColor =[
-    // {
-    //   offset: 0,
-    //   color: '#E98152' // 0% 处的颜色
-    // },
-    // {
-    //   offset: 0.5,
-    //   color: '#FF4545' // 100% 处的颜色
-    // },
-    // {
-    //   offset: 1,
-    //   color: '#FF3030' // 100% 处的颜色 E98152
-    // },
     {
       offset: 0,
       color: '#E95A44' // 0% 处的颜色
     },
-    // {
-    //   offset: 0.5,
-    //   color: '#FF4545' // 100% 处的颜色
-    // },
     {
       offset: 1,
       color: '#E98152' // 100% 处的颜色 
@@ -289,8 +241,6 @@ export default {
     return{
       event_number:0,
       times:{
-        // start_time:Math.round((new Date().getTime())/1000 - (5*60)),
-        // end_time:Math.round(new Date().getTime()/1000),
         start_time:0,
         end_time:0,
       },
@@ -350,18 +300,6 @@ export default {
     }
   },
   created() {
-    //  //在页面加载时读取localStorage里的状态信息
-    // if (localStorage.getItem("globalTime") ) {
-    //     this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(localStorage.getItem("globalTime"))))
-    // }
-    // //在页面刷新时将vuex里的信息保存到localStorage里
-    // window.addEventListener("beforeunload",()=>{
-    //     localStorage.setItem("globalTime",JSON.stringify(this.$store.state))
-    // });
-    // this.times.start_time = this.$store.getters.globalTimes.startTime;
-    // this.times.end_time = this.$store.getters.globalTimes.endTime
-    // this.queryNums.start_time = this.$store.getters.globalTimes.startTime;
-    // this.queryNums.end_time = this.$store.getters.globalTimes.endTime
     this.$store.commit('time/setTimeFlag',true)
     this.getList()
     

src/views/disposition/index.vue

@@ -287,40 +287,6 @@ export default {
         path:'dashboard'
       })
     },
-    //获取所有应用
-    // getList() {
-    //   this.loading = true
-    //   listApps({pageIndex:0,pageSize:200}).then(
-    //     res => {
-    //       let req_applist =[]
-    //       if(res.code == 200){
-    //         this.loading = false
-    //         this.appsList = res.data.list
-            
-    //          res.data.list.map((item)=>{
-    //           req_applist.push({app_alias:item.alias});
-    //          })
-
-    //         this.queryScore.req_applist= req_applist;
-
-    //          appsScore(this.queryScore).then(res=>{
-    //            if(res.code == 200){
-    //             if(res.data.scores !=null){
-    //               for(let i=0;i<this.appsList.length;i++){
-    //                 for(let j=0;j<res.data.scores.length;j++){
-    //                   if(this.appsList[i].alias == res.data.scores[j].app_alias){
-    //                     this.appsList[i] = Object.assign({}, this.appsList[i], res.data.scores[j])
-    //                   }
-    //                 }
-    //               }
-    //             }
-                
-    //            }
-    //          })
-    //       }
-    //     }
-    //   )
-    // },
    getList() {
       this.loading = true;
       // storage.set('lists',this.appsList);
@@ -330,62 +296,9 @@ export default {
             this.loading = false;
             this.appsList= res.data.list;
           }
-          // let req_applist =[]
-          // let app_ids =[]
-          // if(res.code == 200){
-          //    this.loading = false
-          //   let arr = res.data.list;
-          //    res.data.list.map((item)=>{
-          //     req_applist.push({app_alias:item.alias});
-          //     app_ids.push(item.id)
-          //    })
-            
-          //   this.queryScore.req_applist= req_applist;
-          //   if(req_applist.length>0){
-          //     appsScore(this.queryScore).then(res=>{
-          //       const lists= storage.get('lists')
-          //       if(res.code == 200){
-          //         if(res.data.scores !=null){
-          //           for(let i=0;i<arr.length;i++){
-          //             for(let j=0;j<res.data.scores.length;j++){
-          //               if(arr[i].alias == res.data.scores[j].app_alias){
-          //                 arr[i] = Object.assign({},arr[i], res.data.scores[j])
-          //               }
-
-          //             }
-          //           }
-          //           this.appsList=arr;                  
-          //         }
-          //         // setTimeout(()=>{
-          //         //   if(this.appsList.length==0 || this.appsList == null){
-          //         //     this.toggle();
-          //         //   }
-          //         // },300)
-                  
-          //       }
-          //     })
-              
-          //   }
-              
-          // }
         }
       )
     },
-  //  go(router,item){
-  //     const start_time=this.times.start_time
-  //     const end_time=this.times.end_time
-  //     // this.$router.push({
-  //     //   path:router,
-  //     //   query:{
-  //     //     id:item.id,
-  //     //     app_alias:item.app_alias,
-  //     //     start_time,
-  //     //     end_time,
-  //     //     item:item,
-  //     //   }
-  //     // })
-	// 		storage.set('appsItem',item);
-	// 	},
      go(router,item){
       const start_time=this.times.start_time
       const end_time=this.times.end_time
@@ -551,12 +464,6 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-// @font-face {
-//   font-family: 'iconfont';  /* Project id 4241886 */
-//   src: url('https://at.alicdn.com/t/c/font_4241886_44emlzl9ad4.woff2?t=1694073615647') format('woff2'),
-//        url('https://at.alicdn.com/t/c/font_4241886_44emlzl9ad4.woff?t=1694073615647') format('woff'),
-//        url('https://at.alicdn.com/t/c/font_4241886_44emlzl9ad4.ttf?t=1694073615647') format('truetype');
-// }
 .iconfont {
   font-family: "iconfont" !important;
   font-size: 20px;

src/views/global-monitoring/index.vue

@@ -354,20 +354,6 @@ export default {
     }
   },
   created() {
-    //  //在页面加载时读取localStorage里的状态信息
-    // if (localStorage.getItem("globalTime") ) {
-    //     this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(localStorage.getItem("globalTime"))))
-    // }
-    // //在页面刷新时将vuex里的信息保存到localStorage里
-    // window.addEventListener("beforeunload",()=>{
-    //     localStorage.setItem("globalTime",JSON.stringify(this.$store.state))
-    // });
-    // this.times.start_time = this.$store.getters.globalTimes.startTime;
-    // this.times.end_time = this.$store.getters.globalTimes.endTime
-    // this.queryNums.start_time = this.$store.getters.globalTimes.startTime;
-    // this.queryNums.end_time = this.$store.getters.globalTimes.endTime
-
-    // this.$store.commit('time/setTimeFlag',true)
     const start_time = this.$store.state.time.globalTimes.startTime
     const end_time = this.$store.state.time.globalTimes.endTime
     this.appItem = storage.get('appsItem')
@@ -701,13 +687,6 @@ export default {
         this.convertToPolarPoint(renderItemParams, _pointerInnerRadius, polarEndRadian)
       ]
     },
-    // makeText(valOnRadian) {
-    //   // Validate additive animation calc.
-    //   if (valOnRadian < -10) {
-    //     alert('illegal during val: ' + valOnRadian);
-    //   }
-    //   return ((valOnRadian / _valOnRadianMax) * 100).toFixed(0) + '%';
-    // }
     async goDialog(item) {
       const res = await getApdex(this.appAlias)
       if (res && res.code == 200) {

src/views/global-monitoring/index2.vue

@@ -175,48 +175,16 @@ let greenColor = [
                     }
                   ]
 let blueColor = [
-  //  {
-  //     offset: 0,
-  //     color: '#69E0F1' // 0% 处的颜色
-  //   },
-  //   {
-  //     offset: 0.7,
-  //     color: '#56BCF2' // 100% 处的颜色
-  //   },
-  //   {
-  //     offset: 1,
-  //     color: '#3D8CF2' // 100% 处的颜色
-  //   }
     {
       offset: 0,
       color: '#3D8CF2' // 0% 处的颜色
     },
-    // {
-    //   offset: 0.7,
-    //   color: '#56BCF2' // 100% 处的颜色
-    // },
     {
       offset: 1,
       color: '#69E0F1' // 100% 处的颜色 69E0F1
     }
 ]
 let orangeColor = [
-                    // {
-                    //   offset: 0,
-                    //   color: '#F3DF86' // 0% 处的颜色
-                    // },
-                    // {
-                    //   offset: 0.5,
-                    //   color: '#EFB153' // 100% 处的颜色
-                    // },
-                    // {
-                    //   offset: 1,
-                    //   color: '#EF8B35' // 100% 处的颜色
-                    // },
-                    // {
-                    //   offset: 1,
-                    //   color: '#5AFFA3' // 100% 处的颜色
-                    // }
                      {
                       offset: 0,
                       color: '#EF8B35' // 0% 处的颜色
@@ -231,52 +199,21 @@ let orangeColor = [
                     },
                   ]
   let grayColor =[
-    // {
-    //   offset: 0,
-    //   color: '#DBDBDB' // 0% 处的颜色
-    // },
-    // {
-    //   offset: 0.5,
-    //   color: '#B4B4B4' // 100% 处的颜色
-    // },
-    // {
-    //   offset: 1,
-    //   color: '#919191' // 100% 处的颜色
-    // },
+
     {
       offset: 0,
       color: '#919191' // 0% 处的颜色
     },
-    // {
-    //   offset: 0.5,
-    //   color: '#B4B4B4' // 100% 处的颜色
-    // },
     {
       offset: 1,
       color: '#DBDBDB' // 100% 处的颜色 DBDBDB
     },
   ]
   let redColor =[
-    // {
-    //   offset: 0,
-    //   color: '#E98152' // 0% 处的颜色
-    // },
-    // {
-    //   offset: 0.5,
-    //   color: '#FF4545' // 100% 处的颜色
-    // },
-    // {
-    //   offset: 1,
-    //   color: '#FF3030' // 100% 处的颜色 E98152
-    // },
     {
       offset: 0,
       color: '#E95A44' // 0% 处的颜色
     },
-    // {
-    //   offset: 0.5,
-    //   color: '#FF4545' // 100% 处的颜色
-    // },
     {
       offset: 1,
       color: '#E98152' // 100% 处的颜色 

src/views/index/index.vue

@@ -373,85 +373,6 @@ export default {
           this.appList = res.data.list;
         }
       })
-
-      // listApps({pageIndex:0,pageSize:200}).then(
-      //   res => {
-      //     let req_applist =[]
-      //     let app_ids =[]
-      //     if(res.code == 200){
-      //       this.appsList = res.data.list
-      //       let arr = res.data.list;
-      //        res.data.list.map((item)=>{
-      //         req_applist.push({app_alias:item.alias});
-      //         app_ids.push(item.id)
-      //        })
-      //       this.queryNums.app_ids = app_ids.join(','); 
-      //       this.queryScore.req_applist= req_applist;
-      //       // if(req_applist.length>0){
-      //       //   appsScore(this.queryScore).then(res=>{
-      //       //     // const lists= storage.get('lists')
-      //       //     if(res.code == 200){
-      //       //       if(res.data.scores !=null){
-      //       //         for(let i=0;i<arr.length;i++){
-      //       //           for(let j=0;j<res.data.scores.length;j++){
-      //       //             if(arr[i].alias == res.data.scores[j].app_alias){
-      //       //               arr[i] = Object.assign({},arr[i], res.data.scores[j])
-      //       //             }
-
-      //       //           }
-      //       //         }
-      //       //         this.appList = arr
-      //       //         // eventNums(this.queryNums).then((res)=>{
-      //       //         //   if(res.code == 200){
-      //       //         //     if(res.data.list.length!=0){
-      //       //         //       for(let i=0;i<arr.length;i++){
-      //       //         //         for(let j=0;j<res.data.list.length;j++){
-      //       //         //           if(arr[i].id == res.data.list[j].app_id){
-      //       //         //             arr[i] = Object.assign({},arr[i], res.data.list[j])
-      //       //         //           }else{
-      //       //         //             arr[i].exception_num = undefined;
-      //       //         //           }
-      //       //         //         }
-      //       //         //       }
-      //       //         //     }
-      //       //         //   }
-      //       //         //   this.appList=arr; 
-      //       //         // })
-      //       //       }else{
-      //       //         this.appList = arr
-      //       //       }
-      //       //       // this.appList = arr
-      //       //     }
-      //       //   })
-              
-      //       // }
-
-      //       // if(app_ids.length>0){
-      //       //   eventNums(this.queryNums).then((res)=>{
-      //       //     if(res.code == 200){
-      //       //       if(res.data.list.length>0){
-      //       //         for(let i=0;i<arr.length;i++){
-      //       //           for(let j=0;j<res.data.list.length;j++){
-      //       //             if(arr[i].id == res.data.list[j].app_id){
-      //       //               arr[i] = Object.assign({},arr[i], res.data.list[j])
-      //       //             }else{
-      //       //               arr[i].exception_num = 0;
-      //       //             }
-      //       //           }
-      //       //         }
-      //       //        this.appList=arr; 
-      //       //       }else{
-      //       //         this.appList=arr; 
-      //       //       }
-      //       //     }
-                
-      //       //   })
-      //       // }
-              
-      //     }
-
-      //   }
-      // )
     },
     beforeUpload(file) {
       const isRightSize = file.size / 1024 / 1024 < 2

src/views/index/indexList.vue

@@ -614,30 +614,6 @@ export default {
 
                       }
                     }
-                    // for(let k=0;k<arr.length;k++){
-                    //   for(let m=0;m<lists.length;m++){
-                    //     if(parseFloat(arr[k].apdex)>lists[m].apdex){
-                    //       arr[k].apdexFlag = true;
-                    //     }else{
-                    //       arr[k].apdexFlag = false;
-                    //     }
-                    //     if(parseFloat(arr[k].latency)>lists[m].latency){
-                    //       arr[k].latencyFlag = true;
-                    //     }else{
-                    //       arr[k].latencyFlag = false;
-                    //     }
-                    //     if(parseFloat(arr[k].rate)>lists[m].rate){
-                    //       arr[k].rateFlag = true;
-                    //     }else{
-                    //       arr[k].rateFlag = false;
-                    //     }
-                    //     if(parseFloat(arr[k].errorRate)>lists[m].errorRate){
-                    //       arr[k].aerrorRateFlag = true;
-                    //     }else{
-                    //       arr[k].errorRateFlag = false;
-                    //     }
-                    //   }
-                    // }
 
                     eventNums(this.queryNums).then((res)=>{
                       if(res.code == 200){
@@ -855,13 +831,6 @@ export default {
         this.convertToPolarPoint(renderItemParams, _pointerInnerRadius, polarEndRadian)
       ];
     },
-    // makeText(valOnRadian) {
-    //   // Validate additive animation calc.
-    //   if (valOnRadian < -10) {
-    //     alert('illegal during val: ' + valOnRadian);
-    //   }
-    //   return ((valOnRadian / _valOnRadianMax) * 100).toFixed(0) + '%';
-    // }
   },
   mounted(){
 

src/views/latency/components/Topo.vue

@@ -238,19 +238,6 @@ export default {
           return {}
         }
       },
-      // //宽高
-      // height:{
-      //   type: Number,
-      //   default () {
-      //     return 0
-      //   }
-      // },
-      //  config: {
-      //   padding: [20, 50],
-      //   defaultLevel: 3,
-      //   defaultZoom: 0.8,
-      //   modes: { default: ['zoom-canvas', 'drag-canvas'] },
-      // },
     },
   data(){
     return {

src/views/latency/components/Topo1.vue

@@ -37,65 +37,12 @@ export default {
         return {}
       }
     },
-      // //宽高
-      // height:{
-      //   type: Number,
-      //   default () {
-      //     return 0
-      //   }
-      // },
-      //  config: {
-      //   padding: [20, 50],
-      //   defaultLevel: 3,
-      //   defaultZoom: 0.8,
-      //   modes: { default: ['zoom-canvas', 'drag-canvas'] },
-    // },
   },
   data(){
     return {
-      graph:null,
-      // graphData:[],
-      // defaultConfig:{
-      //   width:'100%',
-      //   height:500,
-      //   modes: {
-      //     default: ['zoom-canvas', 'drag-canvas'],
-      //   },
-      //   fitView: true,
-      //   animate: true,
-      //   defaultNode: {
-      //     type: 'flow-rect',
-      //   },
-      //   defaultEdge: {
-      //     type: 'cubic-horizontal',
-      //     style: {
-      //       stroke: '#CED4D9',
-      //     },
-      //   },
-      //   layout: {
-      //     type: 'indented',
-      //     direction: 'LR',
-      //     dropCap: false,
-      //     indent: 300,
-      //     getHeight: () => {
-      //       return 60;
-      //     },
-      //   },
-      // },
-      // config: {
-      //   padding: [20, 50],
-      //   defaultLevel: 3,
-      //   defaultZoom: 0.8,
-      //   modes: { default: ['zoom-canvas', 'drag-canvas'] },
-      // },
+      graph:null
     }
   },
-  created(){
-    // this.graphData = mockData;
-    // let arr  = [this.graphData]
-    // this.graphData = this.handleData(arr)
-
-  },
   mounted(){
 
     const element = document.getElementById('container');//指定全屏区域元素
@@ -357,23 +304,9 @@ export default {
       {
         shapeType: 'flow-rect',
         draw(cfg, group) {
-          // const {
-          //   name = '',
-          //   variableName,
-          //   variableValue,
-          //   variableUp,
-          //   label,
-          //   collapsed,
-          //   currency,
-          //   status,
-          //   rate
-          // } = cfg;
 
           const {
             span_name = '',
-            // variableName,
-            // variableValue,
-            // variableUp,
             duration,
             collapsed,
             // currency,   //ms
@@ -471,34 +404,6 @@ export default {
             },
           });
 
-          // percentage triangle   箭头先不要
-          // const symbol = variableUp ? 'triangle' : 'triangle-down';
-          // const triangle = group.addShape('marker', {
-          //   attrs: {
-          //     ...textConfig,
-          //     x: percentText.getBBox().minX - 10,
-          //     y: rectBBox.maxY - 12 - 6,
-          //     symbol,
-          //     r: 6,
-          //     // fill: colors[status],
-          //     fill:'B'
-          //   },
-          // });
-
-          // variable name   二级name先不显示
-          // group.addShape('text', {
-          //   attrs: {
-          //     ...textConfig,
-          //     x: triangle.getBBox().minX - 4,
-          //     y: rectBBox.maxY - 12,
-          //     text: variableName,
-          //     fontSize: 12,
-          //     textAlign: 'right',
-          //     fill: '#000',
-          //     opacity: 0.45,
-          //   },
-          // });
-
           // bottom line background
           const bottomBackRect = group.addShape('rect', {
             attrs: {

src/views/latency/components/Topo2.vue

@@ -61,12 +61,6 @@ export default {
           },
         },
       },
-      // config: {
-      //   padding: [20, 50],
-      //   defaultLevel: 3,
-      //   defaultZoom: 0.8,
-      //   modes: { default: ['zoom-canvas', 'drag-canvas'] },
-      // },
     }
   },
   created(){
@@ -207,114 +201,8 @@ export default {
           },
         },
       },
-      // groupByTypes: false,
-      // defaultCombo: {
-      //   type: 'circle',  // 在数据中已经指定 type，这里无需再次指定
-      //   style: {
-      //     fill: '#bae637',
-      //     stroke: '#eaff8f',
-      //     lineWidth: 5,
-      //   },
-      // },
     });
 
-
-
-// G6.registerNode(
-//   'cCircle', 
-//   {
-//     draw: (cfg, group) => {
-//       const {
-//             subtitle,
-//             title,
-//             secondarystat,
-//             icon,
-//             label,
-//             mainstat,
-//             arc_red,
-//             arc_green
-//           } = cfg;
-//       const nodeSize = cfg.size
-//       let offset = -nodeSize / 2 // 节点偏移量，-节点尺寸/2
-//       let nodeRadius = nodeSize / 2
-//       // 带描边的圆形节点
-//       group.addShape('circle', {
-//         draggable: true,
-//         attrs: {
-//           x: 0,
-//           y: 0,
-//           r: nodeRadius,
-//           fill:'#fff',
-//           stroke: 'rgb(86, 166, 75)', // 描边
-//           lineWidth: 2 // 描边宽度
-//         },
-//       });
-//       // 图片节点，需调用setClip实现裁剪
-//       // const shape = group.addShape('image', {
-//       //   draggable: true,
-//       //   attrs: {
-//       //     x: offset,
-//       //     y: offset,
-//       //     width: nodeSize,
-//       //     height: nodeSize,
-//       //     img: cfg.img
-//       //   },
-//       //   zIndex: 2,
-//       // });
-//       // // 裁剪图片，支持 circle、rect、ellipse、Polygon 及自定义 path clip
-//       // shape.setClip({
-//       //   type: 'circle', 
-//       //   attrs: {
-//       //     r: nodeSize / 2 - 1,
-//       //     x: 0,
-//       //     y: 0,
-//       //   },
-//       // })
-//       // 文字节点（文字居中：x-0，textAlign-center；显示在节点下方：y-节点高度）
-//       const shape =group.addShape('text', {
-//         attrs: {
-//           x: 0,
-//           y: nodeSize/2,
-//           // width: nodeSize,
-//           // height: cfg.fontHeight,
-//           // lineHeight: cfg.fontHeight,
-//           textAlign: `center`,
-//           fontSize: 10,
-//           text: cfg.label,
-//           color:'#333'
-//           // fill: '#555',
-//           // stroke: 'red'
-//         },
-//         // zIndex: 1, // 排到最底层
-//       });
-//         group.addShape('text', {
-//             attrs: {
-//               x: 0,
-//               y:0,
-//               fontSize: 10,
-//               opacity: 0.85,
-//               textAlign: `left`,
-//               fill: '#000',
-//               cursor: 'pointer',
-//               text:`${cfg.mainstat}/n${cfg.secondarystat}`
-//             },
-//             // must be assigned in G6 3.3 and later versions. it can be any string you want, but should be unique in a custom item type
-//             name: 'name-shape',
-//           });
-//       // group.sort() // 为了让图层按zIndex堆叠，还需排序
-//       return shape;
-//     }
-//   },
-//   'circle'
-// );
-
-
-
-
-
-
-
-
     //设置省略号
     const fittingString = (str, maxWidth, fontSize) => {
       const ellipsis = '...';

src/views/latency/components/TopoNew.vue

@@ -32,40 +32,6 @@ export default {
   props: {
     // 数据
     graphData: {
-      // type: Object,
-      // default () {
-      //   return {}
-      // }
-      // style: {
-      //   active: {
-      //     fill: "rgb(247, 250, 255)",
-      //     lineWidth: 2,
-      //     shadowBlur: 10,
-      //     shadowColor:"rgb(95, 149, 255)",
-      //     stroke: "rgb(95, 149, 255)",
-      //   }, 
-      //   selected: {
-
-      //   },
-      //    highlight: {
-      //     fill: "rgb(223, 234, 255)",
-      //     lineWidth: 2,
-      //     stroke: "#4572d9",
-      //     textShape: {
-      //       fontWeight: 500
-      //       }
-      //    }, 
-      //    inactive: {
-      //     fill: "rgb(247, 250, 255)",
-      //     lineWidth: 1,
-      //     stroke: "rgb(191, 213, 255)"
-      //    }, 
-      //    disable: {
-      //     fill: "rgb(250, 250, 250)",
-      //     lineWidth: 1,
-      //     stroke: "rgb(224, 224, 224)"
-      //     }
-      // }
     },
   },
   data(){
@@ -400,18 +366,6 @@ export default {
         {
           shapeType: 'flow-rect',
           draw(cfg, group) {
-            // const {
-            //   name = '',
-            //   variableName,
-            //   variableValue,
-            //   variableUp,
-            //   label,
-            //   collapsed,
-            //   currency,
-            //   status,
-            //   rate
-            // } = cfg;
-
             const {
               name = '',
               // variableName,
@@ -513,33 +467,6 @@ export default {
               },
             });
 
-            // percentage triangle
-            // const symbol = variableUp ? 'triangle' : 'triangle-down';
-            // const triangle = group.addShape('marker', {
-            //   attrs: {
-            //     ...textConfig,
-            //     x: percentText.getBBox().minX - 10,
-            //     y: rectBBox.maxY - 12 - 6,
-            //     symbol,
-            //     r: 6,
-            //     fill: colors[status],
-            //   },
-            // });
-
-            // variable name
-            // group.addShape('text', {
-            //   attrs: {
-            //     ...textConfig,
-            //     x: triangle.getBBox().minX - 4,
-            //     y: rectBBox.maxY - 12,
-            //     text: variableName,
-            //     fontSize: 12,
-            //     textAlign: 'right',
-            //     fill: '#000',
-            //     opacity: 0.45,
-            //   },
-            // });
-
             // bottom line background
             const bottomBackRect = group.addShape('rect', {
               attrs: {

src/views/latency/components/TopoTree.vue

@@ -242,26 +242,6 @@ export default {
                 return 60;
               },
 
-              // type: 'force',
-              // preventOverlap: true,
-                // linkDistance: (d) => {
-                //   if (d.source.id === 'node0') {
-                //     return 300;
-                //   }
-                //   return 60;
-                // },
-                // nodeStrength: (d) => {
-                //   if (d.isLeaf) {
-                //     return -50;
-                //   }
-                //   return -10;
-                // },
-                // edgeStrength: (d) => {
-                //   if (d.source.id === 'node1' || d.source.id === 'node2' || d.source.id === 'node3') {
-                //     return 0.7;
-                //   }
-                //   return 0.1;
-                // },
             },
           };
 
@@ -273,20 +253,6 @@ export default {
         {
           shapeType: 'flow-rect',
           draw(cfg, group) {
-            // const {
-            //   name = '',
-            //   variableName,
-            //   variableValue,
-            //   variableUp,
-            //   label,
-            //   collapsed,
-            //   currency,
-            //   status,
-            //   rate
-            // } = cfg;
-
-            
-
             const {
               name = '',
               // variableName,
@@ -388,33 +354,6 @@ export default {
               },
             });
 
-            // percentage triangle
-            // const symbol = variableUp ? 'triangle' : 'triangle-down';
-            // const triangle = group.addShape('marker', {
-            //   attrs: {
-            //     ...textConfig,
-            //     x: percentText.getBBox().minX - 10,
-            //     y: rectBBox.maxY - 12 - 6,
-            //     symbol,
-            //     r: 6,
-            //     fill: colors[status],
-            //   },
-            // });
-
-            // variable name
-            // group.addShape('text', {
-            //   attrs: {
-            //     ...textConfig,
-            //     x: triangle.getBBox().minX - 4,
-            //     y: rectBBox.maxY - 12,
-            //     text: variableName,
-            //     fontSize: 12,
-            //     textAlign: 'right',
-            //     fill: '#000',
-            //     opacity: 0.45,
-            //   },
-            // });
-
             // bottom line background
             const bottomBackRect = group.addShape('rect', {
               attrs: {
@@ -583,15 +522,6 @@ export default {
               const midPoint = shape.getPoint(0.5);
               const iconDown = _this.iconDown;
 
-              // group.addShape('circle', {
-              //   attrs: {
-              //     r: 8,
-              //     fill: '#1890ff',
-              //     x: midPoint.x - 8,
-              //     y: midPoint.y - 16,
-              //     cursor: 'pointer',
-              //   },
-              // });
               const visible = cfg.sourceNode._cfg.model.span_id == 'UNKNOWN SPAN ID' || cfg.targetNode._cfg.model.span_id == '' ? false : true;
               group.addShape('image', {
                   attrs: {
@@ -606,96 +536,10 @@ export default {
                   visible,
                   name: 'name-edge-button',
                 })
-              //   // must be assigned in G6 3.3 and later versions. it can be any string you want, but should be unique in a custom item type
-              //   name: 'ip-cp-icon',
-              // });
-              // const rectColor = cfg.midPointColor || '#333';
-              // add a rect on the mid point of the path. note that the origin of a rect shape is on its lefttop
-              // 在中点增加一个矩形，注意矩形的原点在其左上角
-
-              // group.addShape('rect', {
-              //   attrs: {
-              //     width: 20,
-              //     height: 12,
-              //     fill: '#1890ff',
-              //     padding:[2,4],
-              //     // x and y should be minus width / 2 and height / 2 respectively to translate the center of the rect to the midPoint
-              //     // x 和 y 分别减去 width / 2 与 height / 2，使矩形中心在 midPoint 上
-              //     x: midPoint.x - 10,
-              //     y: midPoint.y - 6,
-              //     borderRadius: 2,
-              //   },
-              // });
-              // group.addShape('text', {
-              //   attrs: {
-              //     textAlign:'center',
-              //     x: 10 + midPoint.x - 10,
-              //     y: midPoint.y + 3,
-              //     text: '点击',
-              //     fontSize: 8,
-              //     opacity: 1,
-              //     fill: '#fff',
-              //     cursor: 'pointer',
-              //   },
-              //   // must be assigned in G6 3.3 and later versions. it can be any string you want, but should be unique in a custom item type
-              //   name: 'name-edge-button',
-              // });
+ 
             }
         },
         update: undefined,
-          // getControlPoints(cfg,group) {
-          //   let controlPoints = cfg.controlPoints; // 指定controlPoints
-          //   if (!controlPoints || !controlPoints.length) {
-          //     const { startPoint, endPoint, sourceNode, targetNode } = cfg;
-          //     const { x: startX, y: startY, coefficientX, coefficientY } = sourceNode
-          //       ? sourceNode.getModel()
-          //       : startPoint;
-          //     const { x: endX, y: endY } = targetNode ? targetNode.getModel() : endPoint;
-          //     let curveStart = (endX - startX) * coefficientX;
-          //     let curveEnd = (endY - startY) * coefficientY;
-          //     curveStart = curveStart > 40 ? 40 : curveStart;
-          //     curveEnd = curveEnd < -30 ? curveEnd : -30;
-          //     controlPoints = [
-          //       { x: startPoint.x + curveStart, y: startPoint.y },
-          //       { x: endPoint.x + curveEnd, y: endPoint.y },
-          //     ];
-          //   }
-          //   return controlPoints;
-          // },
-          // getPath(points) {
-          //   const path = [];
-          //   path.push(['M', points[0].x, points[0].y]);
-          //   path.push([
-          //     'C',
-          //     points[1].x,
-          //     points[1].y,
-          //     points[2].x,
-          //     points[2].y,
-          //     points[3].x,
-          //     points[3].y,
-          //   ]);
-          //   return path;
-          // },
-          // // 响应状态变化
-          // setState(name, value, item) {
-          //   const group = item.getContainer();
-          //   const shape = group.get('children')[0]; // 顺序根据 draw 时确定
-          //   if (name === 'active') {
-          //     if (value) {
-          //       shape.attr('stroke', 'red');
-          //     } else {
-          //       shape.attr('stroke', '#333');
-          //     }
-          //   }
-          //   if (name === 'selected') {
-          //     if (value) {
-          //       shape.attr('lineWidth', 3);
-          //     } else {
-          //       shape.attr('lineWidth', 2);
-          //     }
-          //   }
-          // },
-          // update: undefined,
         },
         'single-line',
       );
@@ -729,21 +573,8 @@ export default {
             outDiv.innerHTML = `${formatedNodeName}`;
             return outDiv;
           }
-
-
-         
         },
-        // shouldBegin: (e) => {
-        //   if (e.target.get('name') === 'name-shape' || e.target.get('name') === 'mask-label-shape') return true;
-        //   return false;
-        // },
       });
-      // graph = new G6.TreeGraph({
-      //   container: 'container',
-      //   ...defaultConfig,
-      //   ...config,
-      //   plugins: [tooltip],
-      // });
 
       graph = new G6.TreeGraph({
         container: id,
@@ -755,36 +586,11 @@ export default {
       if (typeof onInit === 'function') {
         onInit(graph);
       }
-      // graph.on("afterrender", () => {
-      //     // graph.zoom(0.2, { x: width / 2, y: height / 2 });
-      //      graph.zoom(0.5, { x: width / 2, y: height / 2 });
-      // });
       graph.data(data);
       graph.render();
-
-      // setTimeout(() => {
-      //   // 1 默认展开三层节点，之后，重新渲染，item.depth > 1是三层，item.depth > 0是两层
-      //   G6.Util.traverseTree(data, function(item) {
-      //     if (item.depth > 1) {
-      //       //collapsed为true时默认收起
-      //       item.collapsed = true
-      //     }
-      //   })
-      //   graph.render()
-      //   // graph.fitCenter() // 移到图中心
-      // }, 10)
-      // setTimeout(() => {
-      //   graph.fitCenter() // 移到图中心
-      // }, 10)
       //添加点击事件
       graph.on("node:click", (evt) => {
         const item = evt.item;
-        // animately move the graph to focus on the item.
-        // the second parameter controlls whether move with animation, the third parameter is the animate configuration
-        // graph.focusItem(item, true, {
-        //   easing: 'easeCubic',
-        //   duration: 500,
-        // });
 
 
         const itemData = evt.item._cfg.model;
@@ -838,45 +644,9 @@ export default {
               this.$message('暂无数据')
             }
           })
-          // this.$http({
-          //     // url: 'http://df-app.cestong.com.cn/v1/stats/querier/network-spans',
-          //     url:'http://app.cestong.com.cn/v1/stats/querier/network-spans',
-          //     method: 'post',
-          //     data:this.networkQuery
-          // }).then(res=>{
-
-          //   if(res.data.OPT_STATUS.length!=0){
-          //     let optList = this.handleData(res.data.OPT_STATUS);
-          //     let newOptList = this.buildNestedTree(optList);
-
-          //     newFirstNode.children = newOptList;
-
-
-          //     let firstList =[newFirstNode];
-
-          //     let resultList = this.addDataToTree(firstList,newLastNode)
-
-          //     topoData = resultList[0]
-
-
-          //     this.networkOpen = true;
-          //     this.flag = true;
-          //     setTimeout(()=>{
-          //       this.initGraphNetwork(topoData,'networkContainer')
-          //     },300)
-
-
-          //   }else{
-          //     this.$message('暂无数据')
-          //   }
-          // })
+        
         }
       });
-      // 双击节点进行跳转
-      // graph.on("node:dblclick", (evt) => {
-      //   const itemData = evt.item._cfg.model;
-      //   const { level, id } = itemData;
-      // });
 
       const handleCollapse = (e) => {
         const target = e.target;
@@ -898,45 +668,6 @@ export default {
         handleCollapse(e);
       });
 
-      // 监听画布缩放，缩小到一定程度，节点显示缩略样式
-      // let currentLevel = 1;
-      //  const briefZoomThreshold = Math.max(graph.getZoom(), 0.5);
-      // graph.on('viewportchange', e => {
-      //   if (e.action !== 'zoom') return;
-      //   const currentZoom = graph.getZoom();
-      //   let toLevel = currentLevel;
-      //   if (currentZoom < briefZoomThreshold) {
-      //     toLevel = 0;
-      //   } else {
-      //     toLevel = 1;
-      //   }
-      //   if (toLevel !== currentLevel) {
-      //     currentLevel = toLevel;
-      //     graph.getNodes().forEach(node => {
-      //       graph.updateItem(node, {
-      //         level: toLevel
-      //       })
-      //     })
-      //   }
-      // });
-      // let centerNodes = graph.getNodes().filter((node) => !node.getModel().isLeaf);
-      // graph.on('afterlayout', () => {
-      //   alert('a')
-      //   //  descriptionDiv.innerHTML = '';
-      //    const hull1 = graph.createHull({
-      //       id: 'centerNode-hull',
-      //       type: 'bubble',
-      //       // members: centerNodes,
-      //       members:["1bba4a28db0ee496" ,"7ea21fafd3f684e3" ],
-      //       padding: 10,
-      //     });
-
-      //   graph.on('afterupdateitem', (e) => {
-      //     hull1.updateData(hull1.members);
-      //     // hull2.updateData(hull2.members);
-      //     // hull3.updateData(hull3.members);
-      //   });
-      // })
 
       if (typeof window !== 'undefined'){
         window.onresize = () => {
@@ -992,17 +723,6 @@ export default {
         {
           shapeType: 'flow-rect',
           draw(cfg, group) {
-            // const {
-            //   name = '',
-            //   variableName,
-            //   variableValue,
-            //   variableUp,
-            //   label,
-            //   collapsed,
-            //   currency,
-            //   status,
-            //   rate
-            // } = cfg;
             const {
               name = '',
               // variableName,
@@ -1104,33 +824,6 @@ export default {
               },
             });
 
-            // percentage triangle
-            // const symbol = variableUp ? 'triangle' : 'triangle-down';
-            // const triangle = group.addShape('marker', {
-            //   attrs: {
-            //     ...textConfig,
-            //     x: percentText.getBBox().minX - 10,
-            //     y: rectBBox.maxY - 12 - 6,
-            //     symbol,
-            //     r: 6,
-            //     fill: colors[status],
-            //   },
-            // });
-
-            // variable name
-            // group.addShape('text', {
-            //   attrs: {
-            //     ...textConfig,
-            //     x: triangle.getBBox().minX - 4,
-            //     y: rectBBox.maxY - 12,
-            //     text: variableName,
-            //     fontSize: 12,
-            //     textAlign: 'right',
-            //     fill: '#000',
-            //     opacity: 0.45,
-            //   },
-            // });
-
             // bottom line background
             const bottomBackRect = group.addShape('rect', {
               attrs: {
@@ -1404,12 +1097,6 @@ export default {
         // custom the tooltip's content
         // 自定义 tooltip 内容
         getContent: (e) => {
-
-          //  <div style='padding:10px;text-align:center'>
-          //     <img style='width:24px;height:24px;' src=${item.span_category =='apm'?this.apm:this.apis}/>
-          //  <div style='width:100%;height:100%;background:inherit;filter: blur(5px);'></div>
-          //   </div>
-
           const outDiv = document.createElement('div');
           const nodeName = e.item.getModel().name;
           const item  = e.item.getModel()
@@ -1461,17 +1148,7 @@ export default {
             return outDiv;
           }
         },
-        // shouldBegin: (e) => {
-        //   if (e.target.get('name') === 'name-shape' || e.target.get('name') === 'mask-label-shape') return true;
-        //   return false;
-        // },
       });
-      // graph = new G6.TreeGraph({
-      //   container: 'container',
-      //   ...defaultConfig,
-      //   ...config,
-      //   plugins: [tooltip],
-      // });
 
        graph = new G6.TreeGraph({
         container: id,
@@ -1483,99 +1160,14 @@ export default {
       if (typeof onInit === 'function') {
         onInit(graph);
       }
-      // graph.on("afterrender", () => {
-      //     // graph.zoom(0.2, { x: width / 2, y: height / 2 });
-      //      graph.zoom(0.5, { x: width / 2, y: height / 2 });
-      // });
       graph.data(data);
       graph.render();
-
-      // setTimeout(() => {
-      //   // 1 默认展开三层节点，之后，重新渲染，item.depth > 1是三层，item.depth > 0是两层
-      //   G6.Util.traverseTree(data, function(item) {
-      //     if (item.depth > 1) {
-      //       //collapsed为true时默认收起
-      //       item.collapsed = true
-      //     }
-      //   })
-      //   graph.render()
-      //   // graph.fitCenter() // 移到图中心
-      // }, 10)
-      // setTimeout(() => {
-      //   graph.fitCenter() // 移到图中心
-      // }, 10)
       //添加点击事件
       graph.on("node:click", (evt) => {
         const itemData = evt.item._cfg.model;
         const { level, id } = itemData;
         this.$emit("changeState", itemData);
       });
-      //点击线
-      // graph.on("edge:click", (evt) => {
-        // let itemData = evt.item._cfg.model;
-        // let {source,target} = itemData;
-        // let firstNode = evt.item._cfg.sourceNode._cfg.model;
-        //     firstNode.children=[];
-        //     // delete firstNode['children'];
-        // // let firstList =[firstNode];
-        // let lastNode = evt.item._cfg.targetNode._cfg.model;
-        //     lastNode.children=[];
-        //     // delete lastNode['children'];
-
-        // // let lastList = [lastNode]
-
-        // if(source != ''){
-        //   this.networkQuery.parent_span_id = source;
-        //   this.networkQuery.span_id = target;
-
-          // {    "span_id": "34815c406ececa6d",    "parent_span_id": "3d3d247f0e376e94"}
-          // this.networkQuery.parent_span_id = '3d3d247f0e376e94';
-          // this.networkQuery.span_id = '34815c406ececa6d';
-
-          // this.$http({
-          //     url: 'http://df-app.cestong.com.cn/v1/stats/querier/network-spans',
-          //     method: 'post',
-          //     data:this.networkQuery
-          //   }).then(res=>{
-
-          //     if(res.data.OPT_STATUS.length!=0){
-               
-          //       const optList = this.handleData(res.data.OPT_STATUS);
-          //       const newOptList = this.buildNestedTree(optList);
-
-
-
-          //       firstNode.children = newOptList;
-
-
-          //       let firstList =[firstNode];
-
-          //       let resultList = this.addDataToTree(firstList,lastNode)
-
-          //       const topoData = resultList[0]
-
-          //       // const resultList = [...firstList,...optList,...lastList];
-                
-          //       // const topoData = this.buildNestedTree(resultList);
-
-
-          //       this.networkOpen = true;
-          //       setTimeout(()=>{
-          //         this.initGraph(topoData,'networkContainer')
-          //       },300)
-
-
-
-
-          //     }
-          //   })
-      //   }
-      // });
-      // 双击节点进行跳转
-      // graph.on("node:dblclick", (evt) => {
-      //   const itemData = evt.item._cfg.model;
-      //   const { level, id } = itemData;
-      // });
 
       const handleCollapse = (e) => {
         const target = e.target;
@@ -1597,28 +1189,6 @@ export default {
         handleCollapse(e);
       });
 
-      // 监听画布缩放，缩小到一定程度，节点显示缩略样式
-      // let currentLevel = 1;
-      //  const briefZoomThreshold = Math.max(graph.getZoom(), 0.5);
-      // graph.on('viewportchange', e => {
-      //   if (e.action !== 'zoom') return;
-      //   const currentZoom = graph.getZoom();
-      //   let toLevel = currentLevel;
-      //   if (currentZoom < briefZoomThreshold) {
-      //     toLevel = 0;
-      //   } else {
-      //     toLevel = 1;
-      //   }
-      //   if (toLevel !== currentLevel) {
-      //     currentLevel = toLevel;
-      //     graph.getNodes().forEach(node => {
-      //       graph.updateItem(node, {
-      //         level: toLevel
-      //       })
-      //     })
-      //   }
-      // });
-
       if (typeof window !== 'undefined'){
         window.onresize = () => {
           if (!graph || graph.get('destroyed')) return;

src/views/latency/index.vue

@@ -1044,20 +1044,6 @@ export default {
     drawerClose() {
       this.drawer = false
     },
-    // toogleExpand(row,expandedRows){
-    //   // this.childQueryParams.id = row.id;
-
-    //     // this.rowData = []
-    //     var that = this
-    //     if (expandedRows.length) {
-    //       that.expands = []
-    //       if (row) {
-    //         that.expands.push(row.id)
-    //       }
-    //     } else {
-    //       that.expands = []
-    //     }
-    // },
     // 根据行的id判断
     getRowKeys(row) {
       return row.span_id
@@ -1071,29 +1057,12 @@ export default {
       this.networkOpen = true
       this.networkData = item
       this.netWorkflag = true
-      // this.graphData = {};
-      // setTimeout(()=>{
-      //   this.graphData = item;
-      // },30)
     },
     clickRowHandle(row, column, event) {
       this.detailData = row
       this.drawer = true
     },
     rowClassRender({ row }) {
-      // if(row.events_timestamp!=null){
-      //   if(row.events_timestamp.length>0){
-      //     return { "background-color": "#fef0f0" }
-      //   }else{
-      //     return '';
-      //   }
-      // }
-
-      // if(row.span_id==this.spanID){
-      //   return {'background':"blue"}
-      // }else{
-      //   return '';
-      // }
     },
     status_change(row) {
       if (row.row.events_timestamp != null) {
@@ -1108,11 +1077,6 @@ export default {
     },
     // 用来修改单元格css
     tableCellClassName({ row, column, rowIndex, columnIndex }) {
-      //  if(row.span_id==this.spanID){
-      //   return 'table-border'
-      // }else{
-      //   return '';
-      // }
     },
     /** 搜索按钮操作 */
     handleQuery() {
@@ -1141,14 +1105,6 @@ export default {
         }
       })
     },
-    // getSingleTrace() {
-    //   traceList(this.queryParams).then(res => {
-    //     if (res.code == 200) {
-    //       this.selectList = res.data.list
-    //       // this.total = res.data.count;
-    //     }
-    //   })
-    // },
     getTraceDetail(trace_id, time) {
       this.treeLoading = true
       const timeObj = {