diff --git a/nezha-fronted/src/assets/css/common/tableCommon.scss b/nezha-fronted/src/assets/css/common/tableCommon.scss
index 713da357c..5ea9cc41f 100644
--- a/nezha-fronted/src/assets/css/common/tableCommon.scss
+++ b/nezha-fronted/src/assets/css/common/tableCommon.scss
@@ -229,6 +229,7 @@
         height: 49px;
         border-bottom: 1px solid $--right-box-border-color;
         background-color: white;
+        box-sizing: content-box;
       }
       thead {
         color: #333;
diff --git a/nezha-fronted/src/components/charts/chart-list-group.vue b/nezha-fronted/src/components/charts/chart-list-group.vue
index 389088c32..0d5279e32 100644
--- a/nezha-fronted/src/components/charts/chart-list-group.vue
+++ b/nezha-fronted/src/components/charts/chart-list-group.vue
@@ -643,7 +643,7 @@ export default {
         this.modelStaticData(chartInfo, filterType)
       } else {
         // 没有数据的设置提示信息暂无数据-针对每一个图
-        const len = chartItem.elements.length
+        const len = chartItem.elements ? chartItem.elements.length : 0
         if (len === 0) {
           this.$nextTick(() => {
             if (this.$refs['editChart' + chartItem.id] && this.$refs['editChart' + chartItem.id].length > 0) {
@@ -693,7 +693,6 @@ export default {
             })
             // 一个图表的所有element单独获取数据
             axios.all(axiosArr).then((res) => {
-
               if (res.length > 0) {
                 const series = []
                 let singleStatRlt = ''
diff --git a/nezha-fronted/src/components/charts/chart-list.vue b/nezha-fronted/src/components/charts/chart-list.vue
index 5f2b26992..c85a176be 100644
--- a/nezha-fronted/src/components/charts/chart-list.vue
+++ b/nezha-fronted/src/components/charts/chart-list.vue
@@ -315,7 +315,6 @@ export default {
       this.tempDom.width = span.offsetWidth
     },
     start (event) {
-      // console.log('start', event, this.dataList);
       event.item.querySelector('.chartTitle').style.background = '#d8dce1'
       const projectAndAssetFeatureInfos = event.item.querySelectorAll('.feature-content')
       if (projectAndAssetFeatureInfos && projectAndAssetFeatureInfos.length > 0) {
@@ -611,9 +610,11 @@ export default {
         return
       }
       if (param.from == fromRoute.chartTemp) { // 模板列表
-        this.panelDataList[0].children.forEach((item1, i) => {
-          item1.chartIndex = i
-        })
+        if (this.panelDataList[0] && this.panelDataList[0].children) {
+          this.panelDataList[0].children.forEach((item1, i) => {
+            item1.chartIndex = i
+          })
+        }
         this.dataList = this.panelDataList
         this.$nextTick(() => {
           this.dataList.forEach((item, index) => {
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogRecordTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogRecordTab.vue
index 6a3c7c2d9..3208d2c39 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogRecordTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/terminalLogRecordTab.vue
@@ -357,7 +357,7 @@ export default {
 .record-console {
   padding: 10px 4px 10px 10px;
   background-color: black;
-  height: calc(100% - 80px);
+  height: calc(100% - 65px);
 }
 .terminal-replay-progress {
   height: 20px;
diff --git a/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue b/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue
index b9c9a24ed..39453cd03 100644
--- a/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertMessageTable.vue
@@ -14,6 +14,7 @@
       @header-dragend="dragend"
       @sort-change="tableDataSort"
       @selection-change="selectionChange"
+      @row-dblclick="(row)=>{$emit('messageDetail', row)}"
     >
       <el-table-column
         :resizable="false"
@@ -169,7 +170,7 @@ export default {
           label: 'ID',
           prop: 'id',
           show: true,
-          width: 80,
+          width: 160,
           sortable: 'custom'
         }, {
           label: this.$t('alert.rule'),
diff --git a/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue b/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
index f0e684223..c7ba39c45 100644
--- a/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
+++ b/nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
@@ -4,10 +4,12 @@
     ref="dataTable"
     :data="tableData"
     :height="height"
+    tooltip-effect="light"
     border
     @header-dragend="dragend"
     @sort-change="tableDataSort"
     @selection-change="selectionChange"
+    @row-dblclick="(row)=>{queryMessage(row)}"
   >
     <el-table-column
       :resizable="false"
@@ -27,6 +29,7 @@
       :sort-orders="['ascending', 'descending']"
       :sortable="item.sortable"
       :width="`${item.width}`"
+      :show-overflow-tooltip="item.prop === 'description'"
       class="data-column"
     >
       <template slot="header">
diff --git a/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue b/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
index 617b47d6c..392abd7e2 100644
--- a/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
+++ b/nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
@@ -95,34 +95,38 @@ export default {
           prop: 'id',
           show: true,
           width: 80,
-          sortable:'custom'
+          sortable: 'custom'
         }, {
           label: this.$t('config.assetLabel.name'),
           prop: 'name',
           show: true,
-          width: 100,
-          sortable:'custom'
+          sortable: 'custom'
         }, {
           label: this.$t('config.assetLabel.key'),
           prop: 'metaKey',
           show: true,
-          sortable:'custom'
+          width: 200,
+          sortable: 'custom'
         }, {
           label: this.$t('config.assetLabel.group'),
           prop: 'group',
           show: true,
-          sortable:'custom'
+          width: 200,
+          sortable: 'custom'
         }, {
           label: this.$t('config.assetLabel.search'),
           prop: 'search',
+          width: 120,
           show: true
         }, {
           label: this.$t('config.assetLabel.display'),
           prop: 'display',
+          width: 120,
           show: true
         }, {
           label: this.$t('config.assetLabel.type'),
           prop: 'type',
+          width: 150,
           show: true
         }, {
           label: this.$t('config.assetLabel.params'),
diff --git a/nezha-fronted/src/components/common/table/asset/assetTable.vue b/nezha-fronted/src/components/common/table/asset/assetTable.vue
index 733c53aaf..8e73ecc7a 100644
--- a/nezha-fronted/src/components/common/table/asset/assetTable.vue
+++ b/nezha-fronted/src/components/common/table/asset/assetTable.vue
@@ -8,6 +8,7 @@
     @header-dragend="dragend"
     @sort-change="tableDataSort"
     @selection-change="selectionChange"
+    @row-dblclick="(row)=>{$emit('showBottomBox', 'panelTab', row)}"
   >
     <el-table-column
       :resizable="false"
diff --git a/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue b/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
index 61890f772..f3ba8e0a0 100644
--- a/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
@@ -8,6 +8,7 @@
     @header-dragend="dragend"
     @sort-change="tableDataSort"
     @selection-change="selectionChange"
+    @row-dblclick="(row)=>{showBottomBox('panel', row)}"
   >
     <el-table-column
       :resizable="false"
diff --git a/nezha-fronted/src/components/common/table/settings/endpointTable.vue b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
index b497b1e1e..c87bf79f3 100644
--- a/nezha-fronted/src/components/common/table/settings/endpointTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/endpointTable.vue
@@ -8,6 +8,7 @@
     @header-dragend="dragend"
     @sort-change="tableDataSort"
     @selection-change="selectionChange"
+    @row-dblclick="(row)=>{$emit('showBottomBox', 'panelTab', row)}"
   >
     <el-table-column
       :resizable="false"
diff --git a/nezha-fronted/src/components/common/table/settings/modelTable.vue b/nezha-fronted/src/components/common/table/settings/modelTable.vue
index 960c797ae..d50ffa04e 100644
--- a/nezha-fronted/src/components/common/table/settings/modelTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/modelTable.vue
@@ -95,24 +95,24 @@ export default {
           label: this.$t('config.model.name'),
           prop: 'name',
           show: true,
-          width: 450,
+          width: 350,
           sortable: 'custom'
         }, {
           label: this.$t('config.model.brand'),
           prop: 'brand',
           show: true,
-          width: 160,
+          width: 200,
+          sortable: 'custom'
+        }, {
+          label: this.$t('config.model.assetNum'),
+          prop: 'assetNum',
+          show: true,
+          width: 120,
           sortable: 'custom'
         }, {
           label: this.$t('config.model.remark'),
           prop: 'remark',
           show: true
-        }, {
-          label: this.$t('config.model.assetNum'),
-          prop: 'assetNum',
-          show: true,
-          width: 200,
-          sortable: 'custom'
         }
       ]
     }
diff --git a/nezha-fronted/src/components/common/table/settings/moduleTable.vue b/nezha-fronted/src/components/common/table/settings/moduleTable.vue
index 412e6fbf7..856d9302d 100644
--- a/nezha-fronted/src/components/common/table/settings/moduleTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/moduleTable.vue
@@ -8,6 +8,7 @@
     @header-dragend="dragend"
     @sort-change="tableDataSort"
     @selection-change="selectionChange"
+    @row-dblclick="(row)=>{showBottomBox('endpoint', row)}"
   >
     <el-table-column
       :resizable="false"
@@ -104,31 +105,31 @@ export default {
           label: this.$t('project.module.type'),
           prop: 'type',
           show: false,
-          width: 150
+          width: 200
         }, {
           label: this.$t('project.project.projectName'),
           prop: 'project',
           show: true,
-          width: 150,
+          width: 200,
           sortable: 'custom'
         },
         {
           label: this.$t('project.endpoint.endpoint'),
           prop: 'endpointNum',
           show: true,
-          width: 150,
+          width: 200,
           sortable: 'custom'
         }, {
           label: this.$t('project.module.alerts'),
           prop: 'alertNum',
           show: true,
-          width: 150,
+          width: 200,
           sortable: 'custom'
         },
         {
           label: this.$t('overall.remark'),
           prop: 'remark',
-          show: false,
+          show: true,
           minWidth: 150
         }
       ]
diff --git a/nezha-fronted/src/components/common/table/settings/projectTable.vue b/nezha-fronted/src/components/common/table/settings/projectTable.vue
index 22b3b7aa7..e8e9615ae 100644
--- a/nezha-fronted/src/components/common/table/settings/projectTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/projectTable.vue
@@ -9,6 +9,7 @@
     @header-dragend="dragend"
     @sort-change="tableDataSort"
     @selection-change="selectionChange"
+    @row-dblclick="(row)=>{changeProjectTopo(row)}"
   >
     <el-table-column
       :resizable="false"
@@ -67,7 +68,7 @@
       fixed="right">
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
-        <button class="table-operation-item" @click="changeProjectTopo( scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
+        <button class="table-operation-item" @click="changeProjectTopo(scope.row)"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" v-has="['project_edit','project_delete']" trigger="hover" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more">
             <span>…</span><i class="nz-icon nz-icon-arrow-down"></i>
diff --git a/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue b/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
index 1e47100ba..04cad0e2b 100644
--- a/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/terminalLogTable.vue
@@ -8,6 +8,7 @@
     @header-dragend="dragend"
     @sort-change="tableDataSort"
     @selection-change="selectionChange"
+    @row-dblclick="(row)=>{showBottomBox(row.status==0 ? 'monitorTab' : 'cmdTab', row)}"
   >
     <el-table-column
       :resizable="false"
diff --git a/nezha-fronted/src/components/common/table/settings/userTable.vue b/nezha-fronted/src/components/common/table/settings/userTable.vue
index ffda0b685..c400a0e82 100644
--- a/nezha-fronted/src/components/common/table/settings/userTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/userTable.vue
@@ -8,6 +8,7 @@
     @header-dragend="dragend"
     @sort-change="tableDataSort"
     @selection-change="selectionChange"
+    @row-dblclick="(row)=>{showBottomBox('operationLogTab', row)}"
   >
     <el-table-column
       :resizable="false"
diff --git a/nezha-fronted/src/components/layout/container.vue b/nezha-fronted/src/components/layout/container.vue
index f32de9582..bfdfe8c8e 100644
--- a/nezha-fronted/src/components/layout/container.vue
+++ b/nezha-fronted/src/components/layout/container.vue
@@ -20,7 +20,6 @@ export default {
   height: calc(100% - 50px);
   background-color: #f6f6f6;
   width: 100%;
-  padding-right: 10px;
   &>div {
     height: 100%;
   }
diff --git a/nezha-fronted/src/components/page/config/about.vue b/nezha-fronted/src/components/page/config/about.vue
index 800e4ad75..2bc034fee 100644
--- a/nezha-fronted/src/components/page/config/about.vue
+++ b/nezha-fronted/src/components/page/config/about.vue
@@ -49,7 +49,7 @@ export default {
     justify-content: center;
     height: 100%;
     background-color: white;
-    border: 10px solid #eee;
+    border: 10px solid #f6f6f6;
     box-sizing: border-box;
 
     .about-label {
diff --git a/nezha-fronted/src/components/page/dashboard/overview/overview2.scss b/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
index 5327ce5fd..a9a953f01 100644
--- a/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
+++ b/nezha-fronted/src/components/page/dashboard/overview/overview2.scss
@@ -1,6 +1,6 @@
 .overview {
   height: calc(100% - 20px) !important;
-  padding: 0 0 0 10px;
+  padding: 0 10px;
   background-color: #f6f6f6;
 }
 .overview-content-header{