el-container(style="padding:0px;" :style="{height:currentHeight-65+'px'}")
el-header(style='height:42px;line-height:42px;border: 1px solid rgba(195, 195, 195, 1);background: #f4f4f4;')
span.title-bold.title-left-color() 历史指令
el-popover( placement="bottom" width="150")
el-button( slot="reference" size='mini' type="primary" icon="el-icon-s-tools" style='float:right;transform:translateY(6px)') 筛选
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}}
el-main.box_main
el-card()
div(style="width:100%;")
el-form( :inline="true" :model="dataForm" size="mini" @keyup.enter.native="getDataList()")
el-form-item(label="搜索:")
el-input( v-model="dataForm.par" placeholder="请输入指令ID/报警编号搜索" clearable)
el-form-item( label="执行时间:")
el-date-picker(type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width:175px;" v-model="dataForm.startTime" placeholder="选择开始时间" clearable)
el-form-item( label="至")
el-date-picker( type="datetime" value-format="yyyy-MM-dd HH:mm:ss" style="width:175px;" v-model="dataForm.endTime" placeholder="选择结束时间" clearable)
el-button(@click="getDataList()" size='mini' icon="el-icon-search" type="primary") 查询
//- el-table(:data="dataList" width="100%" @sort-change='sortChange' v-loading="dataListLoading" :stripe="true" :header-cell-style="{background:'#EEF8FF',color:'#333333'}")
el-table-column( type='index' header-align='center', align='center', label='序号')
template(scope="scope")
span {{scope.$index+(pageIndex - 1) * pageSize + 1}}
el-table-column( prop="eventNumber" header-align="center" align="center" label="报警编号" sortable='custom' width=250)
el-table-column( prop="instruction" header-align="center" align="center" label="指令ID" sortable='custom' width=260)
el-table-column( prop="resourceName" header-align="center" align="center" label="资源点名称" sortable='custom' width=200)
el-table-column( prop="resourceType" header-align="center" align="center" label="资源点类型" sortable='custom')
el-table-column( prop="resourceStatus" header-align="center" align="center" label="资源点状态" sortable='custom')
el-table-column( prop="actionName" header-align="center" align="center" label="资源点动作" sortable='custom')
el-table-column( prop="createUser" header-align="center" align="center" label="执行人" sortable='custom')
el-table-column( prop="createTime" header-align="center" align="center" label="执行完成时间" sortable='custom' width=160)
el-table-column( prop="resultName" header-align="center" align="center" label="执行结果" sortable='custom')
template(slot-scope="scope")
font(v-if="scope.row.result === 1" color='#67C23A') 成功
font(v-if="scope.row.result === 2" color='#F56C6C') 失败
font(v-if="scope.row.result === 3" color='#F56C6C') 中止
el-table-column( prop header-align="center" align="center" label="操作")
template(slot-scope="scope")
el-button(size='mini' type='text' @click="queryHandle(scope.row)" v-if="isAuth('alarms:instruct:info')") 详情
drag-table( :data="dataList" :header="checkList" :isToLine='true' :option="tableOption" @getDataList="getDataList" v-loading="dataListLoading" :operationNum="1" :isShowOperate="true")
//- -- 插槽
el-table-column(slot="fixed" fixed prop="" label="序号" width='80' header-align="center" align="center")
template( slot-scope="scope")
span {{scope.$index+(pageIndex - 1) * pageSize + 1}}
template(slot="result" slot-scope="scope")
font(v-if="scope.row.result === 1" color='#67C23A') 成功
font(v-if="scope.row.result === 2" color='#F56C6C') 失败
font(v-if="scope.row.result === 3" color='#F56C6C') 中止
template( slot='eventNumber' slot-scope="scope")
font(:title="scope.row.eventNumber") {{scope.row.eventNumber}}
template( slot='instruction' slot-scope="scope")
font(:title="scope.row.instruction") {{scope.row.instruction}}
//- 操作项
template.operation( slot-scope="scope")
el-button(size='mini' type='text' @click="queryHandle(scope.row)" ) 详情
//- el-button(size='mini' type='text' @click="queryHandle(scope.row)" v-if="isAuth('alarms:instruct:info')") 详情
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")
quert-detail(v-if="queryDetailVisible" ref="quertDetail" @refreshdatalist="getDataList")