fix按时间查询消息bug,加长页面请求超时

ui/src/utils/request.js

@@ -6,7 +6,7 @@ import { VueAxios } from "./axios";
 const request = axios.create({
   // API 请求的默认前缀
   baseURL: process.env.VUE_APP_API_BASE_URL,
-  timeout: 30000, // 请求超时时间
+  timeout: 120000, // 请求超时时间
 });
 
 // 异常拦截处理器

ui/src/views/message/MessageDetail.vue

@@ -150,7 +150,7 @@ export default {
   },
   methods: {
     getMessageDetail() {
-      this.loading = false;
+      this.loading = true;
       const params = Object.assign({}, this.record, {
         keyDeserializer: this.keyDeserializer,
         valueDeserializer: this.valueDeserializer,

ui/src/views/message/SearchByOffset.vue

@@ -8,10 +8,10 @@
           @submit="handleSearch"
         >
           <a-row :gutter="24">
-            <a-col :span="6">
+            <a-col :span="9">
               <a-form-item label="topic">
                 <a-select
-                  class="type-select"
+                  class="topic-select"
                   @change="handleTopicChange"
                   show-search
                   option-filter-prop="children"
@@ -44,7 +44,7 @@
                 </a-select>
               </a-form-item>
             </a-col>
-            <a-col :span="10">
+            <a-col :span="7">
               <a-form-item label="偏移">
                 <a-input
                   v-decorator="[
@@ -185,7 +185,9 @@ const defaultData = [];
   text-align: center;
   padding-top: 80px;
 }
-
+.topic-select {
+  width: 400px !important;
+}
 .type-select {
   width: 200px !important;
 }

ui/src/views/message/SearchByTime.vue

@@ -8,10 +8,10 @@
           @submit="handleSearch"
         >
           <a-row :gutter="24">
-            <a-col :span="6">
+            <a-col :span="9">
               <a-form-item label="topic">
                 <a-select
-                  class="type-select"
+                  class="topic-select"
                   @change="handleTopicChange"
                   show-search
                   option-filter-prop="children"
@@ -29,7 +29,7 @@
                 </a-select>
               </a-form-item>
             </a-col>
-            <a-col :span="6">
+            <a-col :span="5">
               <a-form-item label="分区">
                 <a-select
                   class="type-select"
@@ -44,7 +44,7 @@
                 </a-select>
               </a-form-item>
             </a-col>
-            <a-col :span="10">
+            <a-col :span="8">
               <a-form-item label="时间">
                 <a-range-picker
                   v-decorator="['time', rangeConfig]"
@@ -190,8 +190,11 @@ const defaultData = { realNum: 0, maxNum: 0 };
   text-align: center;
   padding-top: 80px;
 }
+.topic-select {
+  width: 400px !important;
+}
 
 .type-select {
-  width: 200px !important;
+  width: 150px !important;
 }
 </style>