refactor(report): 优化事件列表展示样式

- 为 event-item 添加固定高度 100px
- 使用字典数据渲染事件列表，替代原有静态数据
- 优化表格样式，调整为 flex 布局
- 移除新增事项清单按钮

src/assets/styles/v-manage.scss

@@ -785,6 +785,7 @@
 
   .event-item {
     width: 30%;
+    height: 100px;
     display: block;
     min-height: 130px;
     position: relative;

src/utils/dict.js

@@ -81,6 +81,7 @@ export const DICT_TYPE = {
   PROMOTION_COUPON_TAKE_TYPE: 'promotion_coupon_take_type', // 优惠劵的领取方式
   PROMOTION_ACTIVITY_STATUS: 'promotion_activity_status', // 优惠活动的状态
   PROMOTION_CONDITION_TYPE: 'promotion_condition_type', // 营销的条件类型枚举
+  EVENT_LIST: 'event_list', // 营销的条件类型枚举
 }
 
 /**

src/views/report/eventList/index.vue

@@ -9,17 +9,16 @@
     <!-- 页面 数据 -->
     <div class="m-pages-data">
       <!-- 操作 -->
-      <div class="m-data-operate">
+      <!-- <div class="m-data-operate">
         <el-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <!-- <el-button type="primary" icon="el-icon-plus" @click="openForm(undefined)" -->
             <el-button type="primary" icon="el-icon-plus" @click="openForm(undefined)"
             v-hasPermi="['event:event-list:create']"    
             >新增事项清单
             </el-button>
           </el-col>
         </el-row>
-      </div>
+      </div> -->
      
 
       <!-- 表格 -->
@@ -28,9 +27,9 @@
           <VDefault></VDefault>
         </template>
         <template v-else>
-          <div class="event-history-item event-item" v-for="item in list">
+          <div class="event-history-item event-item" v-for="dict in this.getDictDatas(DICT_TYPE.EVENT_LIST)">
             <div class="event-history-item-left">
-              <div class="enent-name">{{ item.name }}</div>
+              <div class="enent-name">{{ dict.label}}</div>
             </div>
             <div class="event-history-item-right">
               <el-button @click="goUploadFile">智能填单</el-button>
@@ -160,3 +159,14 @@ export default {
   }
 }
 </script>
+<style scoped lang="scss">
+.m-table{
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+
+  .event-history-item-left{
+    max-width: 100%;
+  }
+}
+</style>