diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index 25b599a4f..b3c856f8d 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -72,9 +72,9 @@ li{
 }
 .too-long-split {
   text-overflow: ellipsis;
-  white-space: nowrap;
   overflow: hidden;
   display: inline-block;
+  width: 100%;
 }
 /* begin--按钮组件*/
 .nz-btn-min-width-35 {
@@ -387,40 +387,37 @@ li{
   border-right: 1px solid #d4d4d4;
   box-shadow: inset -1px -2px 1px 0 rgba(0,0,0,0.11), inset 2px 2px 1px 0 rgba(255,255,255,0.50);
 }
+.content-right>.el-table th:first-of-type .cell{
+  padding-left: 0;
+}
 .content-right>.el-table td .cell{
   height: 44px;
   line-height: 44px;
-  display:flex;
-}
-.nav-tabel-header{
-  display: flex;
-  height: 36px;
-  min-width: 100px;
 }
 .content-right .el-table__row td:first-of-type {
   padding-left: 38px;
 }
+.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow { /*覆盖tooltip小三角颜色*/
+  border-top-color: #ebeef5;
+}
 .nz-table-gear {
-  display: block;
+  display: inline-block;
   width: 38px;
-  margin-left:-10px;
-  padding-left:10px;
-  padding-right:10px;
   text-align: center;
-  border-right:2px solid #d4d4d4;
+  border-right: 1px solid #d4d4d4;
   box-sizing: border-box;
+  box-shadow: inset -1px -2px 1px 0 rgba(0,0,0,0.11), inset 2px 2px 1px 0 rgba(255,255,255,0.5);
+  float: left;
 }
 .nz-table-gear>i {
   cursor: pointer;
 }
-.nz-table-txt{
-  padding-left:10px;
-  display: flex;
-  height: 100%;
+.nz-table-txt {
+  display: inline-block;
   border-left:1px solid #fff;
-  min-width: 60px;
   box-sizing: border-box;
-  padding-right:20px;
+  float: left;
+  padding-left: 10px;
 }
 
 /* end--内容*/
@@ -585,6 +582,9 @@ li{
 .pop-item-wider .el-form-item__content {
   margin-left: 80px !important;
 }
+.pop-item-wider .module-box-table td {
+  padding: 4px 0;
+}
 .pop-label {
   padding-bottom: 5px;
 }
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index 52514ca03..31cb16f51 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -91,74 +91,6 @@
           <span>{{$t('overall.save')}}</span>
         </button>
       </div>
-      <!--<div class='right-box-form'>
-      &lt;!&ndash;project&ndash;&gt;
-      <div class="right-box-form-row">
-        <div class="right-box-form-label">{{$t("project.project.project")}}</div>
-        <div class="right-box-form-content">
-          <el-select value-key="id" popper-class="config-dropdown" v-model="module.project" placeholder="" size="small">
-            <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item"></el-option>
-          </el-select>
-        </div>
-      </div>
-      &lt;!&ndash;name&ndash;&gt;
-      <div class="right-box-form-row">
-        <div class="right-box-form-label">{{$t("project.module.moduleName")}}</div>
-        <div class="right-box-form-content">
-          <el-input placeholder="" maxlength="64" show-word-limit v-model="module.name" size="small"></el-input>
-        </div>
-      </div>
-      &lt;!&ndash;description&ndash;&gt;
-      <div class="right-box-form-row">
-        <div class="right-box-form-label">{{$t("project.module.description")}}</div>
-        <div class="right-box-form-content">
-          <el-input type="textarea" placeholder="" maxlength="1024" show-word-limit v-model="module.remark" size="small"></el-input>
-        </div>
-      </div>
-      &lt;!&ndash;tip&ndash;&gt;
-      <div class="right-box-form-row">
-        <div class="right-box-form-content">
-          <div class="right-box-form-tip">
-            {{$t('project.module.tip.defaultEndpointSet')}}
-            <div class="line-100"></div>
-            {{$t('project.module.tip.relation')}}
-          </div>
-        </div>
-      </div>
-      &lt;!&ndash;port&ndash;&gt;
-      <div class="right-box-form-row">
-        <div class="right-box-form-label">{{$t("project.endpoint.port")}}</div>
-        <div class="right-box-form-content">
-          <el-input placeholder="" v-model="module.port" size="small"></el-input>
-        </div>
-      </div>
-      &lt;!&ndash;path&ndash;&gt;
-      <div class="right-box-form-row">
-        <div class="right-box-form-label">{{$t("project.endpoint.path")}}</div>
-        <div class="right-box-form-content">
-          <el-input placeholder="" v-model="module.path" size="small"></el-input>
-        </div>
-      </div>
-      &lt;!&ndash;param&ndash;&gt;
-      <div class="right-box-form-row">
-        <div class="right-box-form-label">
-          {{$t("project.endpoint.param")}}
-          <el-button class="param-btn param-btn-active margin-l-10" size="mini" @click="addParam"><i class="el-icon-plus"></i>{{$t('overall.add')}}</el-button>
-          <el-button class="param-btn param-btn-clear" size="mini" @click="clearAllParam">{{$t('overall.clearAll')}}</el-button>
-        </div>
-        <div class="right-box-form-content">
-          <div class="param-box param-box-module">
-            <div class="param-box-row" v-for="(item, index) in module.paramObj">
-              <el-input placeholder="key" class="param-box-row-key" size="mini" v-model="item.key"></el-input>
-              <span class="param-box-row-eq">=</span>
-              <el-input placeholder="value" class="param-box-row-value" size="mini" v-model="item.value"></el-input>
-              <span class="param-box-row-symbol" @click="removeParam(index)"><i class="el-icon-minus"></i></span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>-->
-
     </div>
   </transition>
 </template>
diff --git a/nezha-fronted/src/components/page/alert/config.vue b/nezha-fronted/src/components/page/alert/config.vue
index 07ede8f2a..55de2faea 100644
--- a/nezha-fronted/src/components/page/alert/config.vue
+++ b/nezha-fronted/src/components/page/alert/config.vue
@@ -46,14 +46,15 @@
           :key="`col-${index}`"
           :label="item.label"
           show-overflow-tooltip
+          min-width="110px"
         >
           <template slot="header" slot-scope="scope">
-            <span v-if="index==0" class='nav-tabel-header'>
+            <template v-if="index==0">
               <span @click.stop="elementsetShow('shezhi',$event)" class="nz-table-gear">
                 <i class="nz-icon nz-icon-gear"></i>
               </span>
               <span class="nz-table-txt">{{item.label}}</span>
-            </span>
+            </template>
             <div v-else>
               <span>{{item.label}}</span>
             </div>
@@ -78,16 +79,14 @@
               <template v-for="type in typeData" v-if="type.key == scope.row[item.prop]">{{type.value}}</template>
             </span>
             <!--                        <span v-else-if="item.prop == 'linkObject' && scope.row[item.prop]">{{scope.row.type != 3 && scope.row.linkObject ? scope.row[item.prop].name : scope.row[item.prop].host}}</span>-->
-            <div v-else-if="item.prop == 'linkObject'">
-              <span v-if="(scope.row['type'] == 1 || scope.row['type'] == 2) && scope.row[item.prop]" class="link"
-                    @click="viewAlertType(scope.row['type'],scope.row[item.prop])">{{scope.row[item.prop].name}}</span>
+            <template v-else-if="item.prop == 'linkObject'">
+              <span v-if="(scope.row['type'] == 1 || scope.row['type'] == 2) && scope.row[item.prop]" class="link too-long-split"
+                    @click="viewAlertType(scope.row['type'],scope.row[item.prop])" style="max-width: 125px;">{{scope.row[item.prop].name}}</span>
               <span v-else-if="scope.row['type'] == 3 && scope.row[item.prop]" class="link"
                     @click="viewAlertType(scope.row['type'],scope.row[item.prop].id)">{{scope.row[item.prop].host}}</span>
               <span v-else>-</span>
-            </div>
-            <div v-else-if="item.prop == 'alertName'">
-                <div class="too-long-split" style="max-width: 100px;">{{scope.row.alertName}}</div>
-            </div>
+            </template>
+            <template v-else-if="item.prop == 'alertName'">{{scope.row.alertName}}</template>
             <span v-else>{{scope.row[item.prop]}}</span>
           </template>
         </el-table-column>
@@ -217,6 +216,7 @@
             label: this.$t("alert.config.link"),
             prop: 'linkObject',
             show: true,
+            width: 140
           }, {
             label: this.$t("alert.config.for"),
             prop: 'last',
@@ -229,11 +229,11 @@
             label: this.$t('alert.description'),
             prop: 'description',
             show: true,
-          }, {
+          }, /*{
             label: this.$t('alert.config.receiver'),
             prop: 'receiver',
             show: true,
-          }, {
+          }, */{
             label: this.$t('alert.config.option'),
             prop: 'option',
             show: true,
diff --git a/nezha-fronted/src/components/page/alert/list.vue b/nezha-fronted/src/components/page/alert/list.vue
index 1d551a221..1021787db 100644
--- a/nezha-fronted/src/components/page/alert/list.vue
+++ b/nezha-fronted/src/components/page/alert/list.vue
@@ -4,335 +4,362 @@
   }
 </style>
 <template>
-    <div class="list">
-        <div class="content-left">
-            <div class="sidebar-title">{{$t('alert.alert')}}</div>
-            <div class="sidebar-info">
-                <div class="sidebar-info-item sidebar-info-top sidebar-info-item-active">{{$t('alert.alertList')}}</div>
-                <div class="sidebar-info-item" @click="jumpTo('alertConfig')" id="alert-jump-config">{{$t('alert.alertConfig')}}</div>
-            </div>
+  <div class="list">
+    <div class="content-left">
+      <div class="sidebar-title">{{$t('alert.alert')}}</div>
+      <div class="sidebar-info">
+        <div class="sidebar-info-item sidebar-info-top sidebar-info-item-active">{{$t('alert.alertList')}}</div>
+        <div class="sidebar-info-item" @click="jumpTo('alertConfig')" id="alert-jump-config">
+          {{$t('alert.alertConfig')}}
         </div>
-        <div class="content-right">
-            <div class="top-tools">
-                <div class="top-tool-search float-right"><search-input :searchMsg="searchMsg" @search="search"></search-input></div>
-            </div>
-            <el-table
-                  :data="tableData"
-                  border
-                  height="calc(100% - 65px)"
-                  style="width: 100%;">
-                <el-table-column
-                  :resizable="false"
-                  v-for="(item, index) in tablelable"
-                  v-if="item.show"
-                  :width="item.width"
-                  :key="`col-${index}`"
-                  :label="item.label"
-                >
-                    <template slot="header" slot-scope="scope">
-                        <span v-if="index==0"  class='nav-tabel-header'>
-                            <span @click.stop="elementsetShow('shezhi',$event)" class="nz-table-gear">
-                                <i class="nz-icon nz-icon-gear"></i>
-                            </span>
-                            <span class="nz-table-txt">{{item.label}}</span>
-                        </span>
-                        <div v-else>
-                           <span>{{item.label}}</span>
-                        </div>
-                    </template>
-                    <template slot-scope="scope" :column="item">
-                        <span v-if="item.prop == 'alertRule'">
-                            <span class="link" @click="viewRule(scope.row[item.prop].id)" :id="'view-rule-'+scope.row[item.prop].id" v-if="scope.row[item.prop].alertName">{{scope.row[item.prop].alertName}}</span>
-                            <span v-else>-</span>
-                        </span>
-                        <div v-else-if="item.prop == 'type'" class="content-right-options">
-                            <span v-if="scope.row[item.prop] == 1" >Project</span>
-                            <span v-if="scope.row[item.prop] == 2" >Module</span>
-                            <span v-if="scope.row[item.prop] == 3" >Device</span>
-                        </div>
-                        <span v-else-if="item.prop == 'severity'">
-                            <span v-if="scope.row[item.prop] == 'high'"><i class="el-icon-arrow-up"></i>&nbsp;{{severityData[1].value}}</span>
-                            <span style="padding-left: 18px;" v-if="scope.row[item.prop] == 'medium'">{{severityData[0].value}}</span>
-                            <span v-if="scope.row[item.prop] == 'low'"><i class="el-icon-arrow-down"></i>&nbsp;{{severityData[2].value}}</span>
-                        </span>
-                        <div v-else-if="item.prop == 'linkObject'">
-                            <span v-if="(scope.row['type'] == 1 || scope.row['type'] == 2) && scope.row[item.prop]" class="link" @click="viewAlertType(scope.row['type'],scope.row[item.prop])" :id="'link-obj-'+scope.row['type']+'-'+scope.row[item.prop].id">{{scope.row[item.prop].name}}</span>
-                            <span v-else-if="scope.row['type'] == 3 && scope.row[item.prop]" class="link" @click="viewAlertType(scope.row['type'],scope.row[item.prop].id)" :id="'link-obj-'+scope.row['type']+'-'+scope.row[item.prop].id">{{scope.row[item.prop].host}}</span>
-                            <span v-else>-</span>
-                        </div>
-                        <div v-else-if="item.prop == 'state'">
-                            <span class="">
-                                {{scope.row['state'] == 1 ? "Pending" : ""}}
-                                {{scope.row['state'] == 2 ? "Expired" : ""}}
-                            </span>
-                        </div>
-                        <span v-else>{{scope.row[item.prop]}}</span>
-                    </template>
-                </el-table-column>
-            </el-table>
-            <Pagination :pageObj="pageObj" @pageNo='pageNo' @pageSize='pageSize' ref="Pagination"></Pagination>
-        </div>
-      <alert-config-box :parentAlertRule="viewRuleData" @reload="getAlertList" ref="alertConfigBox"></alert-config-box>
-      <project-box :project="viewProjectData" ref="projectBox" @reload="getAlertList"></project-box>
-      <module-box  :module="viewModuleData" @reload="getAlertList" ref="moduleBox"></module-box>
-      <asset-edit-unit :edit-unit-show='viewAssetState' @refreshData="getAlertList" @sendStateData="tabControl" ref="assetEditUnit"></asset-edit-unit>
-      <element-set
-        v-clickoutside="elementsetHide"
-        :table-title="tableTitle"
-        :dropCol="dropCol"
-        @tablelable="tablelabelEmit"
-        ref="elementset"
-      ></element-set>
+      </div>
     </div>
+    <div class="content-right">
+      <div class="top-tools">
+        <div class="top-tool-search float-right">
+          <search-input :searchMsg="searchMsg" @search="search"></search-input>
+        </div>
+      </div>
+      <el-table
+        :data="tableData"
+        border
+        tooltip-effect="light"
+        height="calc(100% - 65px)"
+        style="width: 100%;">
+        <el-table-column
+          :resizable="false"
+          v-for="(item, index) in tablelable"
+          v-if="item.show"
+          :width="item.width"
+          :key="`col-${index}`"
+          :label="item.label"
+          show-overflow-tooltip
+          min-width="110px"
+        >
+          <template slot="header" slot-scope="scope">
+            <template v-if="index==0">
+              <span @click.stop="elementsetShow('shezhi',$event)" class="nz-table-gear">
+                <i class="nz-icon nz-icon-gear"></i>
+              </span>
+              <span class="nz-table-txt">{{item.label}}</span>
+            </template>
+            <div v-else>
+              <span>{{item.label}}</span>
+            </div>
+          </template>
+          <template slot-scope="scope" :column="item">
+            <template v-if="item.prop == 'alertRule'">
+              <div class="link too-long-split"
+                 @click="viewRule(scope.row[item.prop].id)" :id="'view-rule-'+scope.row[item.prop].id"
+                 v-if="scope.row[item.prop].alertName">{{scope.row[item.prop].alertName}}</div>
+              <template v-else>-</template>
+            </template>
+            <div v-else-if="item.prop == 'type'" class="content-right-options">
+              <span v-if="scope.row[item.prop] == 1">Project</span>
+              <span v-if="scope.row[item.prop] == 2">Module</span>
+              <span v-if="scope.row[item.prop] == 3">Device</span>
+            </div>
+            <template v-else-if="item.prop == 'summary'">
+              <template v-if="scope.row[item.prop]">{{scope.row[item.prop]}}</template>
+              <template v-else>-</template>
+            </template>
+            <template v-else-if="item.prop == 'description'">
+              <template v-if="scope.row[item.prop]">{{scope.row[item.prop]}}</template>
+              <span v-else>-</span>
+            </template>
+            <span v-else-if="item.prop == 'severity'">
+              <span v-if="scope.row[item.prop] == 'high'"><i class="el-icon-arrow-up"></i>&nbsp;{{severityData[1].value}}</span>
+              <span style="padding-left: 18px;" v-if="scope.row[item.prop] == 'medium'">{{severityData[0].value}}</span>
+              <span v-if="scope.row[item.prop] == 'low'"><i class="el-icon-arrow-down"></i>&nbsp;{{severityData[2].value}}</span>
+            </span>
+            <div v-else-if="item.prop == 'linkObject'">
+              <span v-if="(scope.row['type'] == 1 || scope.row['type'] == 2) && scope.row[item.prop]" class="link too-long-split"
+                    @click="viewAlertType(scope.row['type'],scope.row[item.prop])" style="max-width: 125px;"
+                    :id="'link-obj-'+scope.row['type']+'-'+scope.row[item.prop].id">{{scope.row[item.prop].name}}</span>
+              <span v-else-if="scope.row['type'] == 3 && scope.row[item.prop]" class="link"
+                    @click="viewAlertType(scope.row['type'],scope.row[item.prop].id)"
+                    :id="'link-obj-'+scope.row['type']+'-'+scope.row[item.prop].id">{{scope.row[item.prop].host}}</span>
+              <span v-else>-</span>
+            </div>
+            <div v-else-if="item.prop == 'state'">
+              <span class="">
+                {{scope.row['state'] == 1 ? "Pending" : ""}}
+                {{scope.row['state'] == 2 ? "Expired" : ""}}
+              </span>
+            </div>
+            <span v-else>{{scope.row[item.prop]}}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <Pagination :pageObj="pageObj" @pageNo='pageNo' @pageSize='pageSize' ref="Pagination"></Pagination>
+    </div>
+    <alert-config-box :parentAlertRule="viewRuleData" @reload="getAlertList" ref="alertConfigBox"></alert-config-box>
+    <project-box :project="viewProjectData" ref="projectBox" @reload="getAlertList"></project-box>
+    <module-box :module="viewModuleData" @reload="getAlertList" ref="moduleBox"></module-box>
+    <asset-edit-unit :edit-unit-show='viewAssetState' @refreshData="getAlertList" @sendStateData="tabControl"
+                     ref="assetEditUnit"></asset-edit-unit>
+    <element-set
+      v-clickoutside="elementsetHide"
+      :table-title="tableTitle"
+      :dropCol="dropCol"
+      @tablelable="tablelabelEmit"
+      ref="elementset"
+    ></element-set>
+  </div>
 
 </template>
 <script>
-export default {
-  name: "alertList",
-  data() {
-    return {
-      pageObj: {
-        pageNo: 1,
-        pageSize: 20,
-        total:13
-      },
-      tableTitle: [
-        {
-          label: this.$t("alert.alertName"),
-          prop: 'alertRule',
-          show: true
-        }, {
-          label: this.$t("alert.list.type"),
-          prop: 'type',
-          show: true,
-        }, {
-          label: this.$t("alert.list.linked"),
-          prop: 'linkObject',
-          show: true,
-        }, {
-          label: this.$t("alert.severity"),
-          prop: 'severity',
-          show: true,
-        }, {
-          label: this.$t('alert.summary'),
-          prop: 'summary',
-          show: true,
-        }, {
-          label: this.$t('alert.description'),
-          prop: 'description',
-          show: true,
-        }, {
-          label: this.$t('alert.list.state'),
-          prop: 'state',
-          show: true,
-        }, {
-          label: this.$t("alert.startAt"),
-          prop: 'startAt',
-          show: true,
-        }, {
-          label: this.$t('alert.endAt'),
-          prop: 'endAt',
-          show: true,
-        }
-      ],
-      searchMsg: { //给搜索框子组件传递的信息
-        zheze_none: true,
-        searchLabelList: [{
-          id: 2,
-          name: this.$t('alert.alertName'),
-          type: 'input',
-          label: 'alertName',
-          disabled: false
-        },{
-          id: 3,
-          name: this.$t('alert.list.type'),
-          type: 'select',
-          label: 'alertType',
-          disabled: false
-        },{
-          id: 4,
-          name: this.$t('alert.severity'),
-          type: 'selectString',
-          label: 'severity',
-          disabled: false
-        }, {
-          id: 11,
-          name: this.$t('asset.asset'),
-          type: 'asset',
-          label: 'asset',
-          disabled: true
-        }],
-      },
-      searchLabel: { //搜索参数
-
-      },
-      tablelable: [],
-      dropCol: [],
-      severityData: [
-        {
-          key: 'medium',
-          value: this.$t("alert.config.medium")
+  export default {
+    name: "alertList",
+    data() {
+      return {
+        pageObj: {
+          pageNo: 1,
+          pageSize: 20,
+          total: 13
         },
-        {
-          key: 'high',
-          value: this.$t("alert.config.high")
-        },
-        {
-          key: 'low',
-          value: this.$t("alert.config.low")
-        }
-      ],
-      tableData: [],
-      viewRuleData: {
-      id: '',
-        alertName: '',
-        type: '',
-        linkObject: {id: '', name: ''},
-      linkId: '',
-        expr: '',
-        last: '',
-        severity: '',
-        summary: '',
-        description: '',
-        receiver: '',
-      },
-      viewProjectData: {id: '', name: '', remark: ''},
-      viewModuleData: {id: '', name: '', project: {}, port: '', path: '', param: '', paramObj: []},
-      viewAssetState:false,
-    }
-  },
-  methods: {
-    elementsetShow(s, e) {
-      var eventfixed = {
-        shezhi: 0,
-        screen: 0
-      };
-      eventfixed[s] = 1;
-      e.preventDefault();
-      this.$store.commit('setHeaderTable', this.tablelable);
-      this.$store.commit('setEventfixed', eventfixed);
-      const h = document.documentElement.clientHeight;
-      const w = document.documentElement.clientWidth;
-      const dw = this.$refs.elementset.$el.offsetWidth;
-      const dh = this.$refs.elementset.$el.offsetHeight;
-      let positionx =
-        e.clientX + dw <= w - 10 ? e.clientX - 250 : e.clientX - 250 - dw;
-      let positiony =
-        e.clientY + dh <= h - 10
-          ? e.clientY - 70
-          : e.clientY - 70 - (e.clientY + dh - h);
-      this.$store.commit('setPosition', { positionx, positiony });
-    },
-    elementsetHide() {
-      //悬浮点击空白隐藏
-      this.$refs.elementset.elementsetHide();
-    },
-    tablelabelEmit(data) {
-      //获取子组件传过来的参数
-      this.$store.commit('setHeaderTable', data);
-      this.tablelable = data;
-    },
-    getAlertList: function() {
-      this.$set(this.searchLabel, "pageNo", this.pageObj.pageNo);
-      this.$set(this.searchLabel, "pageSize", this.pageObj.pageSize);
-      this.$get('alert/message', this.searchLabel).then(response => {
-        if (response.code == 200) {
-          this.tableData = response.data.list
-          this.pageObj.total = response.data.total
-        }
-      })
-    },
-    //asset弹框控制
-    tabControl(data) {
-      if (data === 'close') {
-        this.viewAssetState = false
-        this.$refs['assetEditUnit'].tabView = false
-      }
-    },
-    jumpTo(data,id) {
-      this.$store.state.assetData.moduleData = data
-      this.$store.state.assetData.selectedData = id
-      this.$router.push({
-        path: "/" + data,
-        query: {
-          t: +new Date()
-        }
-      });
-    },
-    pageNo(val) {
-      this.pageObj.pageNo = val;
-      this.getAlertList();
-    },
-    pageSize(val) {
-      this.pageObj.pageSize = val;
-      this.getAlertList();
-    },
-    search: function(searchObj) {
-      this.searchLabel = {};
-      this.pageObj.pageNo = 1;
-      for (let item in searchObj) {
-        if (searchObj[item]) {
-          this.$set(this.searchLabel, item, searchObj[item]);
-        }
-      }
-      this.getAlertList();
-    },
-    viewRule:function(id){
-      this.closeViews();
-      this.$get('alert/rule', {"id":id}).then(response => {
-        if (response.code == 200) {
-          this.viewRuleData = response.data.list[0];
-          this.$refs.alertConfigBox.show(true);
-        }
-      })
-    },
-    viewAlertType:function(type,typeObj){
-      this.closeViews();
-      switch (type) {
-        case 1:
-          this.viewProjectData = JSON.parse(JSON.stringify(typeObj));
-          this.$refs.projectBox.show(true);
-          break;
-        case 2:
-          // this.fillProject(typeObj);
-          let tempObj=JSON.parse(typeObj.param)
-          this.$set(typeObj, 'paramObj', []);
-          for (let k in tempObj) {
-            typeObj.paramObj.push({key: k, value: tempObj[k]});
+        tableTitle: [
+          {
+            label: this.$t("alert.alertName"),
+            prop: 'alertRule',
+            show: true,
+            width: 180
+          }, {
+            label: this.$t("alert.list.type"),
+            prop: 'type',
+            show: true,
+            width: 100
+          }, {
+            label: this.$t("alert.list.linked"),
+            prop: 'linkObject',
+            show: true,
+            width: 140
+          }, {
+            label: this.$t("alert.severity"),
+            prop: 'severity',
+            show: true,
+            width: 100
+          }, {
+            label: this.$t('alert.summary'),
+            prop: 'summary',
+            show: true
+          }, {
+            label: this.$t('alert.description'),
+            prop: 'description',
+            show: true
+          }, {
+            label: this.$t('alert.list.state'),
+            prop: 'state',
+            show: true,
+            width: 100
+          }, {
+            label: this.$t("alert.startAt"),
+            prop: 'startAt',
+            show: true,
+          }, {
+            label: this.$t('alert.endAt'),
+            prop: 'endAt',
+            show: true,
           }
-          this.viewModuleData = JSON.parse(JSON.stringify(typeObj));
+        ],
+        searchMsg: { //给搜索框子组件传递的信息
+          zheze_none: true,
+          searchLabelList: [{
+            id: 2,
+            name: this.$t('alert.alertName'),
+            type: 'input',
+            label: 'alertName',
+            disabled: false
+          }, {
+            id: 3,
+            name: this.$t('alert.list.type'),
+            type: 'select',
+            label: 'alertType',
+            disabled: false
+          }, {
+            id: 4,
+            name: this.$t('alert.severity'),
+            type: 'selectString',
+            label: 'severity',
+            disabled: false
+          }, {
+            id: 11,
+            name: this.$t('asset.asset'),
+            type: 'asset',
+            label: 'asset',
+            disabled: true
+          }],
+        },
+        searchLabel: { //搜索参数
 
-          this.$refs.moduleBox.show(true);
-          break;
-        case 3:
-          this.viewAssetState=true;
-          this.$refs.assetEditUnit.getAssetData(typeObj);
-          this.$refs.assetEditUnit.tabView=true;
-          break;
+        },
+        tablelable: [],
+        dropCol: [],
+        severityData: [
+          {
+            key: 'medium',
+            value: this.$t("alert.config.medium")
+          },
+          {
+            key: 'high',
+            value: this.$t("alert.config.high")
+          },
+          {
+            key: 'low',
+            value: this.$t("alert.config.low")
+          }
+        ],
+        tableData: [],
+        viewRuleData: {
+          id: '',
+          alertName: '',
+          type: '',
+          linkObject: {id: '', name: ''},
+          linkId: '',
+          expr: '',
+          last: '',
+          severity: '',
+          summary: '',
+          description: '',
+          receiver: '',
+        },
+        viewProjectData: {id: '', name: '', remark: ''},
+        viewModuleData: {id: '', name: '', project: {}, port: '', path: '', param: '', paramObj: []},
+        viewAssetState: false,
       }
     },
-    fillProject:function(module){
-      this.$get('project', {"id":module.projectId}).then(response => {
-        if (response.code == 200) {
-          module.project = response.data.list[0];
+    methods: {
+      elementsetShow(s, e) {
+        var eventfixed = {
+          shezhi: 0,
+          screen: 0
+        };
+        eventfixed[s] = 1;
+        e.preventDefault();
+        this.$store.commit('setHeaderTable', this.tablelable);
+        this.$store.commit('setEventfixed', eventfixed);
+        const h = document.documentElement.clientHeight;
+        const w = document.documentElement.clientWidth;
+        const dw = this.$refs.elementset.$el.offsetWidth;
+        const dh = this.$refs.elementset.$el.offsetHeight;
+        let positionx =
+          e.clientX + dw <= w - 10 ? e.clientX - 250 : e.clientX - 250 - dw;
+        let positiony =
+          e.clientY + dh <= h - 10
+            ? e.clientY - 70
+            : e.clientY - 70 - (e.clientY + dh - h);
+        this.$store.commit('setPosition', {positionx, positiony});
+      },
+      elementsetHide() {
+        //悬浮点击空白隐藏
+        this.$refs.elementset.elementsetHide();
+      },
+      tablelabelEmit(data) {
+        //获取子组件传过来的参数
+        this.$store.commit('setHeaderTable', data);
+        this.tablelable = data;
+      },
+      getAlertList: function () {
+        this.$set(this.searchLabel, "pageNo", this.pageObj.pageNo);
+        this.$set(this.searchLabel, "pageSize", this.pageObj.pageSize);
+        this.$get('alert/message', this.searchLabel).then(response => {
+          if (response.code == 200) {
+            this.tableData = response.data.list
+            this.pageObj.total = response.data.total
+          }
+        })
+      },
+      //asset弹框控制
+      tabControl(data) {
+        if (data === 'close') {
+          this.viewAssetState = false
+          this.$refs['assetEditUnit'].tabView = false
         }
-      })
+      },
+      jumpTo(data, id) {
+        this.$store.state.assetData.moduleData = data
+        this.$store.state.assetData.selectedData = id
+        this.$router.push({
+          path: "/" + data,
+          query: {
+            t: +new Date()
+          }
+        });
+      },
+      pageNo(val) {
+        this.pageObj.pageNo = val;
+        this.getAlertList();
+      },
+      pageSize(val) {
+        this.pageObj.pageSize = val;
+        this.getAlertList();
+      },
+      search: function (searchObj) {
+        this.searchLabel = {};
+        this.pageObj.pageNo = 1;
+        for (let item in searchObj) {
+          if (searchObj[item]) {
+            this.$set(this.searchLabel, item, searchObj[item]);
+          }
+        }
+        this.getAlertList();
+      },
+      viewRule: function (id) {
+        this.closeViews();
+        this.$get('alert/rule', {"id": id}).then(response => {
+          if (response.code == 200) {
+            this.viewRuleData = response.data.list[0];
+            this.$refs.alertConfigBox.show(true);
+          }
+        })
+      },
+      viewAlertType: function (type, typeObj) {
+        this.closeViews();
+        switch (type) {
+          case 1:
+            this.viewProjectData = JSON.parse(JSON.stringify(typeObj));
+            this.$refs.projectBox.show(true);
+            break;
+          case 2:
+            // this.fillProject(typeObj);
+            let tempObj = JSON.parse(typeObj.param)
+            this.$set(typeObj, 'paramObj', []);
+            for (let k in tempObj) {
+              typeObj.paramObj.push({key: k, value: tempObj[k]});
+            }
+            this.viewModuleData = JSON.parse(JSON.stringify(typeObj));
+
+            this.$refs.moduleBox.show(true);
+            break;
+          case 3:
+            this.viewAssetState = true;
+            this.$refs.assetEditUnit.getAssetData(typeObj);
+            this.$refs.assetEditUnit.tabView = true;
+            break;
+        }
+      },
+      fillProject: function (module) {
+        this.$get('project', {"id": module.projectId}).then(response => {
+          if (response.code == 200) {
+            module.project = response.data.list[0];
+          }
+        })
+      },
+      closeViews: function () {
+        this.$refs.alertConfigBox.show(false, false);
+        this.$refs.projectBox.show(false, false);
+        this.$refs.moduleBox.show(false, false);
+        this.viewAssetState = false;
+      }
     },
-    closeViews:function(){
-      this.$refs.alertConfigBox.show(false,false);
-      this.$refs.projectBox.show(false,false);
-      this.$refs.moduleBox.show(false,false);
-      this.viewAssetState=false;
+    mounted() {
+      this.getAlertList();
+      this.tablelable = localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path)
+        ? JSON.parse(localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path))
+        : this.tableTitle;
+      this.dropCol = localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path)
+        ? JSON.parse(localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path))
+        : this.tableTitle;
     }
-  },
-  mounted() {
-    this.getAlertList();
-    this.tablelable = localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path)
-      ? JSON.parse(localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path))
-      : this.tableTitle;
-    this.dropCol = localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path)
-      ? JSON.parse(localStorage.getItem("nz-tableTitle-" + localStorage.getItem("nz-username") + "-" + this.$route.path))
-      : this.tableTitle;
   }
-}
 </script>
diff --git a/nezha-fronted/src/components/page/asset/asset.vue b/nezha-fronted/src/components/page/asset/asset.vue
index 38aeabd1a..6ff630f1d 100644
--- a/nezha-fronted/src/components/page/asset/asset.vue
+++ b/nezha-fronted/src/components/page/asset/asset.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="asset">
+  <div class="asset" ref="asset">
     <div class="content-left">
       <div class="sidebar-title">Asset</div>
       <div class="sidebar-info">
@@ -44,21 +44,25 @@
         style="width: 100%;"
         :data="tableData"
         border
+        tooltip-effect="light"
       >
         <el-table-column
+          :resizable="false"
           v-for="(item, index) in tablelable"
           v-if="item.show"
           :width="item.width"
           :key="`col_${index}`"
           :label="item.label"
+          :show-overflow-tooltip="item.prop != 'Alert' || item.prop != 'Module'"
+          min-width="110px"
         >
           <template slot="header" slot-scope="scope">
-            <span v-if="index==0" class='nav-tabel-header'>
+            <template v-if="index==0">
                 <span @click.stop="elementsetShow('shezhi',$event)" id="asset-tab-set" class="nz-table-gear">
                     <i class="nz-icon nz-icon-gear"></i>
                 </span>
                 <span class="nz-table-txt">{{item.label}}</span>
-            </span>
+            </template>
             <div v-else>
               <span>{{item.label}}</span>
             </div>
@@ -70,31 +74,27 @@
             <div v-if="item.prop=='assetType'">
               <span>{{scope.row.model.type.value}}</span>
             </div>
-            <div v-if="item.prop=='SN'">
-              <el-popover trigger="hover" placement="bottom-start"  :content="scope.row.sn" >
-                <div slot="reference" class="too-long-split" style="max-width: 110px;">{{scope.row.sn}}</div>
-              </el-popover>
-            </div>
+            <template v-if="item.prop=='SN'">{{scope.row.sn}}</template>
             <div v-if="item.prop=='HOST'">
               <span>{{scope.row.host}}</span>
             </div>
             <div v-if="item.prop=='state'">
               <span>{{scope.row.state==1 ? $t('asset.createAssetTab.inStock') : $t('asset.createAssetTab.notInStock')}}</span>
             </div>
-            <div v-if="item.prop=='Module'">
-              <div v-if="scope.row.moduleNum > 0" >
+            <template v-if="item.prop=='Module'">
+              <template v-if="scope.row.moduleNum > 0" >
                 <module-list-pop :asset-id="scope.row.id + ''" @openModuleBox="openModuleBox" placement="left" :ref="'moduleListPop' + scope.row.id">
                   <template v-slot:optionZone>
                     <button class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-75">{{scope.row.moduleNum}}</button>
                   </template>
                 </module-list-pop>
-              </div>
+              </template>
               <button type="button" v-else class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-75 nz-btn-disabled">{{scope.row.moduleNum}}</button>
-            </div>
-            <div v-if="item.prop=='Alert'">
+            </template>
+            <template v-if="item.prop=='Alert'">
               <button type="button" v-if="scope.row.alertNum > 0" id="'asset-alerts-'+scope.row.id" @click="jumpToAlertMsg(scope.row.id)" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-75">{{scope.row.alertNum}}</button>
               <button type="button" v-else class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-min-width-75 nz-btn-disabled">{{scope.row.alertNum}}</button>
-            </div>
+            </template>
             <div v-if="item.prop=='dataCenter'">
               <idc-config-box :post-idc="JSON.parse(JSON.stringify(scope.row.idc))" ref="idcConfigBox" :is-edit="false" placement="left"  @after="getAssetData(null, true)" :button-class="'checkbox-edit'">
                 <template v-slot:optionZone>
@@ -103,13 +103,13 @@
               </idc-config-box>
               <!--<span class="link">{{scope.row.idc.name}}</span>-->
             </div>
-            <div v-if="item.prop=='cabinet'">
+            <template v-if="item.prop=='cabinet'">
               <cabinet-config-box v-if="scope.row.cabinet&&scope.row.cabinet!='--'" ref="cabinetConfigBox"  placement="left" :is-edit="false" :post-cabinet="JSON.parse(JSON.stringify(scope.row.cabinet))"  @after="getAssetData(null, true)">
                 <span slot="optionZone" @click="closeAllPop" class="link">{{returnData(scope.row.cabinet)}}</span>
               </cabinet-config-box>
               <span v-else>{{returnData(scope.row.cabinet)}}</span>
 
-            </div>
+            </template>
             <div v-if="item.prop=='model'">
               <span>{{scope.row.model.name}}</span>
             </div>
@@ -202,7 +202,7 @@
             label: this.$t("asset.tableTitle.id"),
             prop: 'ID',
             show: true,
-            width: 90
+            width: 110
           }, {
             label: this.$t("asset.tableTitle.assetType"),
             prop: 'assetType',
@@ -225,10 +225,12 @@
             label: this.$t("asset.tableTitle.modules"),
             prop: 'Module',
             show: true,
+            width: 105
           }, {
             label: this.$t("asset.tableTitle.alerts"),
             prop: 'Alert',
             show: true,
+            width: 105
           }, {
             label: this.$t("asset.tableTitle.dataCenter"),
             prop: 'dataCenter',
@@ -380,7 +382,19 @@
         }
       },
       openModuleBox(module) {
+        if (module.param) {
+          try {
+            let tempObj = JSON.parse(module.param);
+            this.$set(module, 'paramObj', []);
+            for (let k in tempObj) {
+              module.paramObj.push({key: k, value: tempObj[k]});
+            }
+          } catch (err) {
+            console.info(module, err);
+          }
+        }
         this.module = module;
+        console.info(this.module);
         this.$refs.moduleBox.show(true);
       },
       getAssetModuleList(id) {
diff --git a/nezha-fronted/src/components/page/asset/assetEditUnit.vue b/nezha-fronted/src/components/page/asset/assetEditUnit.vue
index 47a51ebd6..11dcad1dc 100644
--- a/nezha-fronted/src/components/page/asset/assetEditUnit.vue
+++ b/nezha-fronted/src/components/page/asset/assetEditUnit.vue
@@ -376,7 +376,7 @@
           </el-form-item>
           <!--cli-->
           <div class="asset-sub-title">{{$t('asset.createAssetTab.cli')}}
-            <el-switch style="float: right;" v-model="accountSwitch" active-color="#ee9d3f" :disabled="parseInt(assetData.exporter)===1"></el-switch>
+            <el-switch v-if="!tabView" style="float: right;" v-model="accountSwitch" active-color="#ee9d3f" :disabled="parseInt(assetData.exporter)===1"></el-switch>
           </div>
           <div class="line-100 asset-line"></div>
           <template v-if="accountSwitch">
@@ -390,7 +390,7 @@
         <button @click.stop="sendStateData('close')" class="nz-btn nz-btn-size-large nz-btn-style-light nz-btn-min-width-120" id="asset-edit-cancel">
           <span>{{$t('overall.cancel')}}</span>
         </button>
-        <button @click.stop="editData('asset')" class="nz-btn nz-btn-size-large nz-btn-style-normal nz-btn-min-width-120" id="asset-edit-save">
+        <button v-if="!tabView" @click.stop="editData('asset')" class="nz-btn nz-btn-size-large nz-btn-style-normal nz-btn-min-width-120" id="asset-edit-save">
           <span>{{$t('overall.ok')}}</span>
         </button>
       </div>
@@ -615,6 +615,21 @@
       },
       'assetData.idcId': function(n, o) {
         this.addCabinetData.idcId = n;
+      },
+      accountSwitch(n) {
+        if (n) {
+          if (!this.assetData.accounts[0]) {
+            !this.assetData.accounts.push({
+              id: '',
+              user:"",
+              authType:1,
+              pwd:"",
+              port:'',
+              privateKey:'',
+              uploadFile:''
+            });
+          }
+        }
       }
     },
     methods: {
@@ -801,10 +816,15 @@
           form.append("idcId", this.assetData.idcId);
           form.append("cabinetId", this.assetData.cabinetId);
           form.append("modelId", modelId);
+          if (!this.accountSwitch) {
+            this.assetData.accounts = [];
+          }
           for(let i in this.assetData.accounts){
             let account=this.assetData.accounts[i];
             if(account.user){
-              form.append("accounts["+i+"].id", account.id);
+              if (account.id) {
+                form.append("accounts["+i+"].id", account.id);
+              }
               form.append("accounts["+i+"].authType",account.authType);
               form.append("accounts["+i+"].user", account.user);
               form.append("accounts["+i+"].port", account.port);
diff --git a/nezha-fronted/src/components/page/asset/moduleListPop.vue b/nezha-fronted/src/components/page/asset/moduleListPop.vue
index ed5cbfca1..80a8f74da 100644
--- a/nezha-fronted/src/components/page/asset/moduleListPop.vue
+++ b/nezha-fronted/src/components/page/asset/moduleListPop.vue
@@ -1,20 +1,22 @@
 <template>
-  <el-popover :placement="placement" width="300" @hide="hidePop" ref="moduleListPop" v-model="popBox.show">
+  <el-popover :placement="placement" width="300" @hide="hidePop" ref="moduleListPop" v-model="popBox.show" popper-class="nz-pop">
     <div class="pop-top-btns">
-      <button type="button" @click="show(false)" id="module-show" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square">
-        <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+      <button type="button" @click="show(false)" class="nz-btn nz-btn-size-alien nz-btn-size-small nz-btn-style-light nz-btn-min-width-35" id="dc-esc">
+        <span class="pop-top-btn-icon"><i class="el-icon-close"></i></span>
+        <span class="pop-top-btn-txt">{{$t('overall.esc')}}</span>
       </button>
     </div>
     <div class="pop-title">{{$t('project.module.module')}}</div>
     <div class="pop-item-wider">
-      <el-input size="mini" v-model="pageObj.name" style="margin-bottom: 10px; width: calc(100% - 30px);"></el-input>
-      <button @click="getModuleList" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="module-search"><i class="el-icon-search" ></i></button>
+      <el-input class="input-x-mini-22" v-model="pageObj.name" style="margin-bottom: 10px; width: calc(100% - 30px);"></el-input>
+      <button @click="getModuleList" class="nz-btn nz-btn-size-small nz-btn-style-light" id="module-search"><i class="el-icon-search" ></i></button>
       <el-table
         :data="moduleList"
         border
         :show-header="false"
         height="513px"
         style="width: 100%;"
+        class="module-box-table"
       >
         <el-table-column>
           <template slot-scope="scope" :column="item">
diff --git a/nezha-fronted/src/components/page/config/account.vue b/nezha-fronted/src/components/page/config/account.vue
index 1dba4f3d1..7f993f751 100644
--- a/nezha-fronted/src/components/page/config/account.vue
+++ b/nezha-fronted/src/components/page/config/account.vue
@@ -46,12 +46,12 @@
           :label="item.label"
         >
           <template slot="header" slot-scope="scope">
-            <span v-if="index==0" class='nav-tabel-header'>
+            <template v-if="index==0">
               <span @click.stop="elementsetShow('shezhi',$event)" class="nz-table-gear">
                 <i class="nz-icon nz-icon-gear"></i>
               </span>
               <span class="nz-table-txt">{{item.label}}</span>
-            </span>
+            </template>
             <div v-else>
               <span>{{item.label}}</span>
             </div>
diff --git a/nezha-fronted/src/components/page/config/promServer.vue b/nezha-fronted/src/components/page/config/promServer.vue
index 96bf336e6..8a2c759ae 100644
--- a/nezha-fronted/src/components/page/config/promServer.vue
+++ b/nezha-fronted/src/components/page/config/promServer.vue
@@ -29,12 +29,12 @@
             <el-table :data="tableData" border height="calc(100% - 65px)" style="width: 100%;">
                 <el-table-column :resizable="false" v-for="(item, index) in tablelable" v-if="item.show" :width="item.width" :key="`col-${index}`" :label="item.label">
                     <template slot="header" slot-scope="scope">
-                        <span v-if="index==0" class='nav-tabel-header' >
+                        <template v-if="index==0">
                             <span @click.stop="elementsetShow('shezhi',$event)" id="prom-tab-set" class="nz-table-gear">
                                 <i class="nz-icon nz-icon-gear"></i>
                             </span>
                             <span class="nz-table-txt">{{item.label}}</span>
-                        </span>
+                        </template>
                         <div v-else>
                             <span>{{item.label}}</span>
                         </div>
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index 97c423e3e..aed998849 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -10,7 +10,7 @@
     </div>
     <div class="content-right">
         <div class="top-tools">
-            <button @click="toAddChart" class="nz-btn nz-btn-size-normal  float-right">
+            <button @click="toAddChart" class="nz-btn nz-btn-size-normal nz-btn-style-light float-right nz-btn-min-width-82">
                 <span class="top-tool-btn-txt">
                     <i class="nz-icon-create-square nz-icon"></i>
                     {{$t('overall.add')}}</span>
diff --git a/nezha-fronted/src/components/page/project/project.vue b/nezha-fronted/src/components/page/project/project.vue
index b67861945..4d696ecab 100644
--- a/nezha-fronted/src/components/page/project/project.vue
+++ b/nezha-fronted/src/components/page/project/project.vue
@@ -10,9 +10,11 @@
           @click="changeModule(item)"
           :id="'project-module-'+item.id"
         >
-          <el-popover trigger="hover" placement="right-end" :content="item.name" >
-            <div slot="reference" class="sidebar-info-item-txt">{{item.name}}</div>
-          </el-popover>
+          <div class="sidebar-info-item-txt">
+            <el-popover trigger="hover" placement="right-end" :content="item.name" >
+              <span slot="reference">{{item.name}}</span>
+            </el-popover>
+          </div>
           <div class="side-bar-menu-edit" @click.stop="toEditModule(item)" :id="'project-module-edit-'+item.id"><i class="nz-icon nz-icon-edit"></i></div>
         </div>
       </div>
@@ -43,6 +45,7 @@
           :width="item.width"
           :key="`col-${index}`"
           :label="item.label"
+          min-width="110px"
         >
           <template slot-scope="scope" :column="item">
             <span>{{scope.row[item.prop]}}</span>
@@ -82,9 +85,10 @@
           :width="item.width"
           :key="`col-${index}`"
           :label="item.label"
+          min-width="110px"
         >
           <template slot="header" slot-scope="scope">
-              <span v-if="index==0" class='nav-tabel-header'>
+              <span v-if="index==0">
                 <span @click.stop="elementsetShow('shezhi',$event)" class="nz-table-gear">
                     <i class="nz-icon nz-icon-gear"></i>
                 </span>
@@ -140,7 +144,8 @@
           {
             label: this.$t("project.endpoint.endpointId"),
             prop: 'id',
-            show: true
+            show: true,
+            width: 150
           },{
             label: this.$t("project.endpoint.asset"),
             prop: 'asset',
@@ -172,7 +177,8 @@
           }, {
             label: this.$t('config.account.option'),
             prop: 'option',
-            show: true
+            show: true,
+            width: 140
           }
         ],
         endpointTableData: [],