优化哨兵界面布局与数据展示-事件中心

src/assets/styles/sb_body.css

@@ -14,6 +14,9 @@ i,b,u{
 .hei64{
   height: 64vh;
 }
+.hei62{
+  height: 62vh;
+}
 /*哨兵*/
 /*//头部通用*/
 .s_header{

src/views/SenEventCenter.vue

@@ -55,23 +55,26 @@
 <!--					:total="rightTotal">-->
 <!--			</el-pagination>-->
       <div class="list_tit">事件列表</div>
-      <el-select v-model="eventType" placeholder="请选择" @change="getEventLeft(1)">
-        <el-option
-          v-for="item in eventTypes"
-          :key="item.eventTypeCode"
-          :label="item.eventTypeName"
-          :value="item.eventTypeCode">
-        </el-option>
-      </el-select>
-      <el-input
-        placeholder="请输入内容"
-        suffix-icon="el-icon-search"
-        @change="getEventLeft(1)"
-        v-model="searchLeft">
-      </el-input>
+      <div style="display: flex; gap: 10px;">
+        <el-select v-model="eventType" placeholder="请选择" @change="getEventLeft(1)" style="flex: 1;">
+          <el-option
+            v-for="item in eventTypes"
+            :key="item.eventTypeCode"
+            :label="item.eventTypeName"
+            :value="item.eventTypeCode">
+          </el-option>
+        </el-select>
+        <el-input
+          placeholder="请输入内容"
+          suffix-icon="el-icon-search"
+          @change="getEventLeft(1)"
+          v-model="searchLeft"
+          style="flex: 1;">
+        </el-input>
+      </div>
       <dl class="sp_list">
         <dt><span class="dtc1">序号</span><span class="dtc2">设备名称</span><span class="dtc3">定位</span></dt>
-        <div class="hei_scroll hei56" >
+        <div class="hei_scroll hei62" >
           <dd v-for="(item,index) in eventLeftList">
             <span class="dtc1">{{index+1}}</span>
             <span class="dtc2">{{item.eventTitle.length>15?item.eventTitle.substring(0,15)+'...':item.eventTitle}}</span>