|
|
@ -2,6 +2,13 @@ |
|
|
<div class='RoadNetworkMonitoring'> |
|
|
<div class='RoadNetworkMonitoring'> |
|
|
<!-- 搜索栏 --> |
|
|
<!-- 搜索栏 --> |
|
|
<div class="filter"> |
|
|
<div class="filter"> |
|
|
|
|
|
<ButtonGradient @click="onRefresh" class="refresh-btn"> |
|
|
|
|
|
<template #prefix> |
|
|
|
|
|
<img src="./images/refresh.svg" /> |
|
|
|
|
|
</template> |
|
|
|
|
|
刷新 |
|
|
|
|
|
</ButtonGradient> |
|
|
|
|
|
|
|
|
<InputSearch style="width: 402px;" :formList="searchFormList" :formConfigOptions="{ dFormData: { eventState: 0 } }" |
|
|
<InputSearch style="width: 402px;" :formList="searchFormList" :formConfigOptions="{ dFormData: { eventState: 0 } }" |
|
|
@handleSearch="handleSearch" /> |
|
|
@handleSearch="handleSearch" /> |
|
|
</div> |
|
|
</div> |
|
|
@ -26,6 +33,7 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
|
|
|
import ButtonGradient from "@screen/components/Buttons/ButtonGradient.vue"; |
|
|
import Pagination from '@screen/components/Pagination.vue'; |
|
|
import Pagination from '@screen/components/Pagination.vue'; |
|
|
import InputSearch from '@screen/components/InputSearch/index.vue'; |
|
|
import InputSearch from '@screen/components/InputSearch/index.vue'; |
|
|
import RoadStateCard from '@screen/components/RoadStateCard/index.vue'; |
|
|
import RoadStateCard from '@screen/components/RoadStateCard/index.vue'; |
|
|
@ -42,7 +50,8 @@ export default { |
|
|
InputSearch, |
|
|
InputSearch, |
|
|
EventDispatchDialog, |
|
|
EventDispatchDialog, |
|
|
EventDetailDialog, |
|
|
EventDetailDialog, |
|
|
Pagination |
|
|
Pagination, |
|
|
|
|
|
ButtonGradient |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
@ -52,7 +61,7 @@ export default { |
|
|
detailDialogFormData: {}, |
|
|
detailDialogFormData: {}, |
|
|
total: 0, |
|
|
total: 0, |
|
|
data: [], |
|
|
data: [], |
|
|
eventId: 0, |
|
|
eventId: '0', |
|
|
searchData: { |
|
|
searchData: { |
|
|
pageSize: 16, |
|
|
pageSize: 16, |
|
|
pageNum: 1, |
|
|
pageNum: 1, |
|
|
@ -78,7 +87,7 @@ export default { |
|
|
}, |
|
|
}, |
|
|
onSizeChange(pageSize) { |
|
|
onSizeChange(pageSize) { |
|
|
this.searchData.pageSize = pageSize; |
|
|
this.searchData.pageSize = pageSize; |
|
|
this.getData(); |
|
|
this.initData(); |
|
|
}, |
|
|
}, |
|
|
getStateCardBind(item) { |
|
|
getStateCardBind(item) { |
|
|
const { state, textColor, text } = tabMap[this.activeName]; |
|
|
const { state, textColor, text } = tabMap[this.activeName]; |
|
|
@ -89,6 +98,12 @@ export default { |
|
|
lastBtnText: text, |
|
|
lastBtnText: text, |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
|
|
|
onRefresh() { |
|
|
|
|
|
this.data = []; |
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
this.initData(); |
|
|
|
|
|
}, 100); |
|
|
|
|
|
}, |
|
|
firstBtnClick(id) { |
|
|
firstBtnClick(id) { |
|
|
console.log("id", id); |
|
|
console.log("id", id); |
|
|
request({ |
|
|
request({ |
|
|
@ -148,7 +163,11 @@ export default { |
|
|
.filter { |
|
|
.filter { |
|
|
height: 38px; |
|
|
height: 38px; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: flex-end; |
|
|
// justify-content: flex-end; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
.refresh-btn { |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.body { |
|
|
.body { |
|
|
|
