style：样式调整

nezha-fronted/src/components/common/project/popData/alertTable.vue

@@ -14,6 +14,21 @@
       <div class="right-box-title">Alert messages</div>
       <!-- end--标题-->
 
+      <!-- begin搜素框-->
+      <div class="top-tools">
+        <div class="top-tool-main-right" :class="{'top-tool-main-right-to-left': false}">
+          <div class="top-tool-search">
+            <search-input :searchMsg="searchMsg" @search="search" :bottomBox.inTransform="true"></search-input>
+          </div>
+          <!--<button type="button" @click="showExportDialog" :title="$t('overall.exportExcelLower')"-->
+                  <!--class="nz-btn nz-btn-size-normal nz-btn-style-light margin-l-20" id="alert-list-export">-->
+            <!--<i class="el-icon-download"></i>-->
+          <!--</button>-->
+        </div>
+        <div class="pagination-top pagination-top-hide display-none"></div>
+      </div>
+      <!-- end搜素框-->
+
       <!-- begin--表格-->
       <el-scrollbar class="right-box-form-box">
         <el-table
@@ -235,6 +250,58 @@
             width: 150
           },
         ],
+        searchMsg: { //给搜索框子组件传递的信息
+          zheze_none: true,
+          searchLabelList: [{
+            id: 1,
+            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: 20,
+            name: this.$t('alert.severity'),
+            type: 'selectString',
+            label: 'severity',
+            disabled: false
+          }, {
+            id: 21,
+            name: this.$t('asset.asset'),
+            type: 'asset',
+            label: 'asset',
+            disabled: false
+          }, {
+            id:22,
+            name: this.$t('project.project.project'),
+            type: 'project',
+            label: 'project',
+            disabled: false
+          }, {
+            id:23,
+            name: this.$t('project.module.module'),
+            type: 'module',
+            label: 'module',
+            disabled: false
+          }, {
+            id:24,
+            name: this.$t('project.endpoint.endpoint'),
+            type: 'input',
+            label: 'endpointId',
+            disabled: false
+          }, {
+            id:25,
+            name: this.$t('alert.list.state'),
+            type: 'select',
+            label: 'alertMessageState',
+            disabled: false
+          }],
+        },
         tableData:[],
         loading:false,
         tableHeight:'100%',
@@ -350,6 +417,30 @@
       clickOutside() {
         this.esc(false);
       },
+      search(searchObj) {
+        let orderBy='';
+        if(this.searchLabel.orderBy){
+          orderBy=this.searchLabel.orderBy
+        }
+        this.searchLabel = {};
+        this.pageObj.pageNo = 1;
+        for (let item in searchObj) {
+          if (searchObj[item]) {
+            if (item == "alertMessageState") {
+              this.$set(this.searchLabel, "state", searchObj[item]);
+            } else{
+              this.$set(this.searchLabel, item, searchObj[item]);
+            }
+          }
+        }
+        if(orderBy){
+          this.$set(this.searchLabel, 'orderBy', orderBy);
+        }
+        this.getAlertList();
+      },
+      showExportDialog() {
+        this.importBox.show = true;
+      },
     },
 
   }
@@ -371,6 +462,12 @@
     left: 0;
     z-index: 11;
   }
+  .top-tools{
+    float: right;
+  }
+  /deep/ .top-tools>div{
+    margin-top: 3px;
+  }
   /* end--table*/
 </style>
 

nezha-fronted/src/components/common/project/projectFacade.vue

@@ -100,9 +100,9 @@
           new Date(bus.computeTimezone(new Date().getTime()))
         ],
         projectInfo:{
-		      title:'Project information',
-          id:'1',
-          remark:'系统内置project，展示系统基础信息',
+		      title:'',
+          id:'',
+          remark:'',
           alertStat:[1,2,3],
           moduleMum:6,
           loading:true,

nezha-fronted/src/components/common/project/visNetwork.vue

@@ -36,7 +36,7 @@
           <div class="facade-top" v-if="!editVisNetwork">
             <div class="facade-top-left" v-loading="projectInfo.loading">
               <div class="facade-top-title">
-                {{projectInfo.title}}
+                Project information
               </div>
               <div>
                 <!--<span><span class="label">Id :</span>{{projectInfo.id}}</span>-->
@@ -57,7 +57,7 @@
                 <span><span class="label">Module Mum :</span>{{projectInfo.moduleMum}}</span>
               </div>
             </div>
-            <div class="facade-top-right" v-loading="projectInfo.loading">
+            <div class="facade-top-right" v-loading="projectInfo.loading" style="padding: 20px 20px 0 20px;height: calc(100% - 20px);">
               <div class="facade-top-title">
                 <span class="label" style="padding-left: 0;">Alert :</span>
                 {{total}}
@@ -79,7 +79,7 @@
                     {{projectInfo.alertStat[1] || 0}}
                   </div>
                 </div>
-                <div>
+                <div style="margin-bottom: 20px;">
                   <div class="content-low-title">
                     {{returnSeverityLabel('low')}}
                   </div>
@@ -104,6 +104,7 @@
             @reload="reload"
           >
           </topology>
+          <!--<other />-->
         </div>
       </div>
 
@@ -115,12 +116,14 @@
   import loading from "@/components/common/loading";
   import timePicker from '@/components/common/timePicker';
   import topology from './topology'
+  import other from './other'
   export default {
     name: 'visNetwork',
     components: {
       'loading': loading,
       'time-picker':timePicker,
       'topology':topology,
+      other
     },
     props:{
       chartIndex:{
@@ -390,6 +393,7 @@
     justify-content: space-between;
     color: #fff;
     text-align: center;
+    margin-bottom: 5px;
   }
   .facade-top-right-content > div > div:last-child{
     text-align: center;