综合查询-列表美化

event-ui/src/views/event/eventProcess/index.vue

@@ -23,7 +23,7 @@
         </el-select>
       </el-form-item>
       <el-form-item label="事件分类" prop="eventType" width="500">
-        <el-cascader ref="eventType" :options="eventTypeOptions" :props="{checkStrictly: true}" clearable @change="handleEventTypeChange"/>
+        <el-cascader ref="eventType" :options="eventTypeOptions" :props="{checkStrictly: true}" filterable clearable @change="handleEventTypeChange"/>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
@@ -41,20 +41,20 @@
     </el-row>
     <el-table v-loading="loading" :data="compositeEventList" >
       <el-table-column type="selection" align="center" width="50"/>
-      <el-table-column label="事件名称" align="center" prop="eventName" width="180"/>
-      <el-table-column label="事件描述" align="center" prop="eventDescription" width="450"/>
-      <el-table-column label="事件类型" align="center" prop="eventTypeName"/>
-      <el-table-column label="事件来源" align="center" prop="reportSource" width="100">
+      <el-table-column label="事件名称" align="center" prop="eventName" width="260"/>
+      <el-table-column label="事件描述" align="center" prop="eventDescription"/>
+      <el-table-column label="事件类型" align="center" prop="eventTypeName"  width="150"/>
+      <el-table-column label="事件来源" align="center" prop="reportSource" width="150">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.reporting_source" :value="scope.row.reportSource"/>
         </template>
       </el-table-column>
-      <el-table-column label="事件状态" align="center" prop="eventStatus" width="100">
+      <el-table-column label="事件状态" align="center" prop="eventStatus" width="150">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.event_status" :value="scope.row.eventStatus"/>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column label="操作" align="center" width="150">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-search" @click="handleDetail(scope.row)">详情</el-button>
         </template>