el-container(style="height:71.6vh")
el-main.box_main(style="margin-top: 0 !important;")
el-card()
div.tableCard()
el-form( :inline="true" :model="dataForm" size="mini" @keyup.enter.native="getDataList()")
el-form-item(label="")
el-input(v-model="dataForm.params" style="width:260px" placeholder="报警编号/报警名称/资源点名称/站点名称" clearable)
el-form-item(label="报警等级:")
el-select(v-model="dataForm.eventLevel" placeholder="请选择" clearable multiple)
el-option(label="特别重大" value=1)
el-option(label="重大" value=2)
el-option(label="一般" value=3)
el-form-item(v-if="systemType === '0'" label="报警类型:")
el-select(v-model="dataForm.eventType" style="width:150px" placeholder="请选择" clearable)
el-option(v-for="(item,index) in alarmOption" :label="item.eventName" :value="item.id" :key="index")
el-form-item(label="发生时间")
el-date-picker(v-model="dataForm.startTime" style="width:180px" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" clearable)
font 至
el-date-picker(v-model="dataForm.endTime" style="width:180px" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" clearable)
el-button(@click="getDataList()" size='mini' icon="el-icon-search" type="primary") 查询
el-button(@click="reSet()" icon="el-icon-refresh-right" size='mini' type="primary") 重置
el-popover( placement="bottom" width="150")
el-button( slot="reference" size='mini' type="primary" icon="el-icon-s-tools" style='float:right;') 筛选
el-checkbox-group( v-model="checkList")
el-col( :span="24")
el-checkbox( v-for="(item,index) in tableHeader" :label="item" :key="index" )
span {{item.label}}
drag-table( :data="dataList" :header="checkList" :option="tableOption" @getDataList="getDataList" v-loading="dataListLoading" :operationNum="2" :isShowOperate="true")
//- -- 插槽
el-table-column(slot="fixed" fixed prop="" label="序号" header-align="center" align="center" width=80)
template( slot-scope="scope")
span {{scope.$index+(pageIndex - 1) * pageSize + 1}}
template( slot='eventLevel' slot-scope="scope")
特别重大
重大
一般
template( slot='status' slot-scope="scope")
已处理
template( slot='eventNumber' slot-scope="scope")
font(:title="scope.row.eventNumber") {{scope.row.eventNumber}}
template( slot='occurrenceTime' slot-scope="scope")
font(:title="scope.row.occurrenceTime") {{scope.row.occurrenceTime}}
//- 操作项
template( slot-scope="scope" )
el-button(type="text" @click="disposeHandle(scope.row)" style="font-weight:400;font-family:Microsoft YaHei;font-size:14px;" v-if="isAuth('alarms:processed:info')") 详情
el-button(v-if="scope.row.systemId =='3a64b86b1a5dead8ff9d2ad913744e50' && scope.row.resourceType =='303310efddb34a2e9bf269bdff8a7dc5' && isAuth('alarms:processed:video')" size="text" type="success" @click="openHistoryVideo(scope.row)") 历史视频
el-footer.box_footer
el-pagination(@size-change="sizeChangeHandle" background @current-change="currentChangeHandle" :current-page="pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage" layout="total, sizes, prev, pager, next, jumper")
dispose-info(v-if="disposeInfoVisible" ref="disposeInfo" @refreshdatalist="getDataList")
history-video-info(v-if="historyVideoInfoVisible" ref="historyVideo" @refreshdatalist="getDataList")