优化-监控助手-开发小工具

src/views/monitor/system/index.vue

@@ -1,14 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="OA对应单据信息" prop="oaIdentity">
-        <el-input
-          v-model="queryParams.oaIdentity"
-          placeholder="请输入OA对应单据信息"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
       <el-form-item label="来源系统">
         <el-select clearable v-model="queryParams.busDomain" size="mini" style="width: 200px"
                    @keyup.enter.native="handleQuery" clearable>
@@ -17,15 +9,21 @@
           </el-option>
         </el-select>
       </el-form-item>
-
+      <el-form-item label="OA单据信息" prop="oaIdentity">
+        <el-input
+          v-model="queryParams.oaIdentity"
+          placeholder="请输入OA对应单据信息"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
       <el-form-item>
         <el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery" plain>搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" type="info" @click="resetQuery" plain>重置</el-button>
         <el-button icon="el-icon-video-play" size="mini" type="success" @click="getDatas" plain>更新数据</el-button>
       </el-form-item>
-
     </el-form>
-    <el-table v-loading="loading" :data="serviceList">
+    <el-table v-loading="loading" :data="serviceList" border :height="tableHeight">
       <el-table-column label="业务域" min-width="120" align="center" prop="busDomain" :formatter="formatterBusDomain"/>
       <el-table-column label="业务类型" min-width="120" align="center" prop="monitorType">
         <template slot-scope="scope">
@@ -34,8 +32,7 @@
         </template>
       </el-table-column>
       <el-table-column label="OA单据信息" min-width="80" align="center" prop="oaIdentity"/>
-      <el-table-column label="业务域单据信息" min-width="120" align="center" prop="docIdentity"
-                       :show-overflow-tooltip="true"/>
+      <el-table-column label="业务域单据信息" min-width="120" align="center" prop="docIdentity"/>
       <el-table-column label="所属模块" min-width="80" align="center" prop="busModule" :show-overflow-tooltip="true"/>
       <el-table-column label="状态释意" min-width="80" align="center" prop="busStatusName"/>
       <el-table-column label="问题原因" min-width="150" align="center" prop="errorMsg"/>
@@ -67,6 +64,15 @@
 
   export default {
     dicts: ['oa_todo_type', 'oa_nc_bill_type', 'oa_flow_status', 'oa_busdomian_desc'],
+    computed: {
+      tableHeight:{
+        get(){
+          console.log(window,'window');
+          return window.innerHeight - 220;
+        },
+        set(){},
+      }
+    },
     data() {
       return {
         //遮罩层
@@ -163,6 +169,8 @@
       },
       //重置
       resetQuery() {
+        this.queryParams.busDomain = ''
+        this.queryParams.oaIdentity = ''
         this.resetForm("queryForm");
         this.handleQuery();
       }