diff --git a/nezha-fronted/src/components/common/project/popData/Info.vue b/nezha-fronted/src/components/common/project/popData/Info.vue
index 84c28729c..abe73329d 100644
--- a/nezha-fronted/src/components/common/project/popData/Info.vue
+++ b/nezha-fronted/src/components/common/project/popData/Info.vue
@@ -5,31 +5,31 @@
       <div class="info-box-content">
         <div class="content-box">
           <span class="content-title">project</span>
-          <span class="content-text">123</span>
+          <span class="content-text">{{moduleInfo.project.name}}</span>
         </div>
         <div class="content-box">
           <span class="content-title">module name</span>
-          <span class="content-text">123</span>
+          <span class="content-text">{{moduleInfo.name}}</span>
         </div>
         <div class="content-box">
           <span class="content-title">Tag</span>
-          <span class="content-text">123</span>
+          <span class="content-text">{{moduleInfo.type}}</span>
         </div>
         <div class="content-box">
           <span class="content-title">Port</span>
-          <span class="content-text">123</span>
+          <span class="content-text">{{moduleInfo.port}}</span>
         </div>
         <div class="content-box">
-          <span class="content-title">path</span>
-          <span class="content-text">123</span>
+          <span class="content-title">Path</span>
+          <span class="content-text">{{moduleInfo.path}}</span>
         </div>
         <div class="content-box">
           <span class="content-title">Parameter</span>
-          <span class="content-text">123</span>
+          <span class="content-text">{{moduleInfo.seq}}</span>
         </div>
         <div class="content-box">
           <span class="content-title">Descripsion</span>
-          <span class="content-text">123</span>
+          <span class="content-text">{{moduleInfo.remark?moduleInfo.remark:'--'}}</span>
         </div>
       </div>
     </div>
@@ -46,11 +46,22 @@
     watch:{},
     data(){
       return{
-
+        moduleInfo:{
+          project:{name:''},
+          name:'',
+          type:'http',
+          remark:'',
+          port:'',
+          path:'',
+          seq:'',
+        }
       }
     },
     mounted(){
-      console.log(this.moduleId,this.projectId)
+      this.$get('/module',{id:this.moduleId}).then(res=>{
+        this.moduleInfo=res.data.list[0];
+        console.log(this.moduleInfo,this.projectId);
+      })
     },
     methods:{},
   }
@@ -66,8 +77,9 @@
   .info-box{
     background: #FFFFFF;
     border: 1px solid #E7EAED;
-    width: 173px;
+    width: 334px;
     margin-bottom: 15px;
+    box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.12), -1px 1px 9px -1px rgba(205,205,205,0.77);
   }
   .info-box-title{
     background: #EFEFEF;
@@ -76,19 +88,32 @@
     height: 26px;
     line-height: 26px;
     padding-left: 12px;
+    font-weight: bold;
   }
   .info-box-content{
     font-size: 12px;
     color: #333333;
-    /*padding: 12px;*/
+    /*border: 1px solid rgba(205,205,205,0.77);*/
   }
   .content-box{
     padding: 0 12px;
   }
   .info-box-content .content-box:not(:last-child){
-    margin-bottom: 5px;
+    border-bottom: 1px solid rgba(205,205,205,0.77);
   }
   .content-title{
-    color: #666666;
+    font-size: 12px;
+    color: #333333;
+    width: 120px;
+    display: inline-block;
+    border-right: 1px solid rgba(205,205,205,0.77);
+    padding: 3px 0;
+  }
+  .content-text{
+    width: 175px;
+    color: #333333;
+    font-size: 12px;
+    display: inline-block;
+    padding: 3px 5px;
   }
 </style>
diff --git a/nezha-fronted/src/components/common/project/popData/totalChart.vue b/nezha-fronted/src/components/common/project/popData/totalChart.vue
index 3f0945d0b..b3b2fb4b9 100644
--- a/nezha-fronted/src/components/common/project/popData/totalChart.vue
+++ b/nezha-fronted/src/components/common/project/popData/totalChart.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-      v-scrollBar:chart-box
+      v-scrollBar
       class="chart-box"
     >
       <div v-for="(item, index) in dataList" :key="item.id" :id="'chart-' + item.id" :name="item.title"  v-show="!item.isHide" class="chart">