|
|
|
@ -3,11 +3,12 @@ |
|
|
|
<InputSearch style="width: 100%" :formList="searchFormList" @handleSearch="handleSearch" /> |
|
|
|
<div class="body"> |
|
|
|
<ListItem |
|
|
|
v-for="item in list.rows" |
|
|
|
v-for="(item,index) in list.rows" |
|
|
|
:key="item.id" |
|
|
|
:data="item" |
|
|
|
origin="left" |
|
|
|
@click.native="onClick(item)" |
|
|
|
:style="listIndex===index?'background: linear-gradient(to right, #0c2e3f 0%,#1399b3 100%)':''" |
|
|
|
@click.native="onClick(item,index)" |
|
|
|
/> |
|
|
|
</div> |
|
|
|
<div class="footer"> |
|
|
|
@ -29,17 +30,17 @@ import { method } from "lodash"; |
|
|
|
import request from '@/utils/request' |
|
|
|
import {DirectionTypes,EventSubclass} from '@screen/utils/enum.js'; |
|
|
|
const enum_event_type = [ |
|
|
|
{key:'1',value:'交通事故',icon:"TrafficControl"}, |
|
|
|
{key:'2',value:'车辆故障',icon:"TrafficControl"}, |
|
|
|
{key:'3',value:'交通管制',icon:"TrafficControl"}, |
|
|
|
{key:'4',value:'交通拥堵',icon:"TrafficControl"}, |
|
|
|
{key:'5',value:'非法上路',icon:"TrafficControl"}, |
|
|
|
{key:'6',value:'路障清除',icon:"TrafficControl"}, |
|
|
|
{key:'7',value:'施工建设',icon:"TrafficControl"}, |
|
|
|
{key:'8',value:'服务区异常',icon:"TrafficControl"}, |
|
|
|
{key:'9',value:'设施设备隐患',icon:"TrafficControl"}, |
|
|
|
{key:'10',value:'异常天气', icon:"AbnormalWeather"}, |
|
|
|
{key:'11',value:'其他事件',icon:"TrafficControl"} |
|
|
|
{key:'1',value:'交通事故'}, |
|
|
|
{key:'2',value:'车辆故障'}, |
|
|
|
{key:'3',value:'交通管制'}, |
|
|
|
{key:'4',value:'交通拥堵'}, |
|
|
|
{key:'5',value:'非法上路'}, |
|
|
|
{key:'6',value:'路障清除'}, |
|
|
|
{key:'7',value:'施工建设'}, |
|
|
|
{key:'8',value:'服务区异常'}, |
|
|
|
{key:'9',value:'设施设备隐患'}, |
|
|
|
{key:'10',value:'异常天气'}, |
|
|
|
{key:'11',value:'其他事件'} |
|
|
|
] |
|
|
|
export default { |
|
|
|
name: "Auditlists", |
|
|
|
@ -54,6 +55,7 @@ export default { |
|
|
|
return { |
|
|
|
searchFormList, |
|
|
|
list:{total:0,rows:[]}, |
|
|
|
listIndex: 0, |
|
|
|
queryParams: { |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 10, |
|
|
|
@ -65,7 +67,8 @@ export default { |
|
|
|
this.bindList() |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
onClick(e){ |
|
|
|
onClick(e,index){ |
|
|
|
this.listIndex = index; |
|
|
|
this.$emit("click",e.eventId); |
|
|
|
}, |
|
|
|
handleSearch(e){ |
|
|
|
@ -101,7 +104,7 @@ export default { |
|
|
|
const ev = _.find(enum_event_type,{key:e.eventType}) |
|
|
|
e.content = `${e.eventTime} ${e.stakeMark} ${DirectionTypes[e.direction]} ${e.eventSubclass? EventSubclass[e.eventSubclass]:''}` |
|
|
|
e.type = e.eventType |
|
|
|
e.icon = ev.icon |
|
|
|
e.icon = ev.key |
|
|
|
e.title = ev.value |
|
|
|
e.isverify = e.eventState |
|
|
|
}); |
|
|
|
|
