|
|
@ -9,51 +9,27 @@ |
|
|
|
刷新 |
|
|
|
</ButtonGradient> |
|
|
|
|
|
|
|
<InputSearch |
|
|
|
ref="searchComp" |
|
|
|
style="width: 402px" |
|
|
|
:formList="searchFormList" |
|
|
|
:formConfigOptions="{ dFormData: { eventState: '0' } }" |
|
|
|
@handleSearch="handleSearch" |
|
|
|
/> |
|
|
|
<InputSearch ref="searchComp" style="width: 402px" :formList="searchFormList" |
|
|
|
:formConfigOptions="{ dFormData: { eventState: '0' } }" @handleSearch="handleSearch" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 内容 --> |
|
|
|
<div class="body"> |
|
|
|
<RoadStateCard |
|
|
|
v-for="(item, index) in data" |
|
|
|
:key="index" |
|
|
|
:cardData="item" |
|
|
|
@firstBtnClick="firstBtnClick" |
|
|
|
@lastBtnClick="lastBtnClick" |
|
|
|
/> |
|
|
|
<RoadStateCard v-for="(item, index) in data" :key="index" :cardData="item" :isShowLeft="false" @firstBtnClick="firstBtnClick" |
|
|
|
@lastBtnClick="lastBtnClick" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 分页 --> |
|
|
|
<div class="footer"> |
|
|
|
<Pagination |
|
|
|
@current-change="initData" |
|
|
|
@size-change="onSizeChange" |
|
|
|
width="'100%'" |
|
|
|
:page-sizes="[12, 16, 20, 30, 50]" |
|
|
|
:page-size="searchData.pageSize" |
|
|
|
:current-page.sync="searchData.pageNum" |
|
|
|
layout="total, sizes, prev, pager, next" |
|
|
|
:total="total" |
|
|
|
> |
|
|
|
<Pagination @current-change="initData" @size-change="onSizeChange" width="'100%'" |
|
|
|
:page-sizes="[12, 16, 20, 30, 50]" :page-size="searchData.pageSize" :current-page.sync="searchData.pageNum" |
|
|
|
layout="total, sizes, prev, pager, next" :total="total"> |
|
|
|
</Pagination> |
|
|
|
</div> |
|
|
|
|
|
|
|
<EventDetailDialog |
|
|
|
:visible="eventDetailDialogVisible" |
|
|
|
:formData="detailDialogFormData" |
|
|
|
@update:value="handleClose" |
|
|
|
/> |
|
|
|
<EventDispatchDialog |
|
|
|
:visible="eventDispatchDialogVisible" |
|
|
|
@update:value="handleClose" |
|
|
|
:eventId="eventId" |
|
|
|
/> |
|
|
|
<EventDetailDialog :visible="eventDetailDialogVisible" :formData="detailDialogFormData" |
|
|
|
@update:value="handleClose" /> |
|
|
|
<EventDispatchDialog :visible="eventDispatchDialogVisible" @update:value="handleClose" :eventId="eventId" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
@ -104,7 +80,7 @@ export default { |
|
|
|
this.initData(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
onRefreshForm(){ |
|
|
|
onRefreshForm() { |
|
|
|
this.searchData.pageNum = 1; |
|
|
|
this.$refs.searchComp.handleResetForm(); |
|
|
|
}, |
|
|
@ -205,8 +181,8 @@ export default { |
|
|
|
display: flex; |
|
|
|
// justify-content: flex-end; |
|
|
|
justify-content: space-between; |
|
|
|
.refresh-btn { |
|
|
|
} |
|
|
|
|
|
|
|
.refresh-btn {} |
|
|
|
} |
|
|
|
|
|
|
|
.body { |
|
|
|