|
@@ -7,24 +7,24 @@
|
|
|
<!-- 表格组件 -->
|
|
|
<div class="common-table">
|
|
|
<div class="table-header">
|
|
|
- <div class="td">事件标题</div>
|
|
|
- <div class="td">事件类型</div>
|
|
|
<div class="td">事发地点</div>
|
|
|
+ <div class="td">事件类型</div>
|
|
|
+ <div class="td">事件标题</div>
|
|
|
<div class="td">事发时间</div>
|
|
|
<div class="td">事发状态</div>
|
|
|
<div class="td">操作</div>
|
|
|
</div>
|
|
|
<div v-for="(item, index) in eventList" :key="index" class="tr">
|
|
|
- <div class="td" @click="handleShowDetail(item)">{{ item.event_title }}</div>
|
|
|
- <div class="td">
|
|
|
- <dict-tag :class="['0', '1'].includes(item.event_type) ? 'primary-tag' : 'success-tag'" :options="mm_event_type" :value="item.event_type" />
|
|
|
- </div>
|
|
|
<div class="td">
|
|
|
<div class="address-box">
|
|
|
<i class="address-icon" />
|
|
|
<div class="address-text">{{ item.address }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="td">
|
|
|
+ <dict-tag :class="['0', '1'].includes(item.event_type) ? 'primary-tag' : 'success-tag'" :options="mm_event_type" :value="item.event_type" />
|
|
|
+ </div>
|
|
|
+ <div class="td text1" @click="handleShowDetail(item)">{{ item.event_title }}</div>
|
|
|
<div class="td">{{ item.event_time }}</div>
|
|
|
<div class="td">
|
|
|
<dict-tag :class="getEventStatusClass(item.event_status)" :options="mm_event_state" :value="item.event_status" />
|
|
@@ -158,6 +158,10 @@ const getEventStatusClass = (value) => {
|
|
|
width: 250px;
|
|
|
}
|
|
|
}
|
|
|
+ .text1 {
|
|
|
+ color: #00e8ff;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
.address-box {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -172,7 +176,6 @@ const getEventStatusClass = (value) => {
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
- color: #00e8ff;
|
|
|
}
|
|
|
}
|
|
|
}
|