| | |
| | | > |
| | | <el-table-column type="selection" width="45" align="center" /> |
| | | <el-table-column type="index" width="50" label="序号" align="center" :index="indexMethod" /> |
| | | <el-table-column prop="time" label="抓拍时间" width="155" sortable /> |
| | | <el-table-column prop="time" label="抓拍时间" width="155" sortable :formatter="$d" /> |
| | | <el-table-column prop="personId" label="工号" width="110" show-overflow-tooltip /> |
| | | <el-table-column prop="department" label="部门" width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="areaName" label="区域" width="110" show-overflow-tooltip /> |
| | |
| | | v-for="(alarm, idx) in displayAlarms" |
| | | :key="idx" |
| | | :type="getAlarmType(alarm.type)" |
| | | :timestamp="alarm.time" |
| | | :timestamp="$d(alarm.time)" |
| | | :hollow="alarm.handled" |
| | | > |
| | | <div class="alarm-item" :class="{ handled: alarm.handled }"> |
| | |
| | | v-for="(alarm, idx) in intrusionAlarms" |
| | | :key="idx" |
| | | type="danger" |
| | | :timestamp="alarm.time" |
| | | :timestamp="$d(alarm.time)" |
| | | > |
| | | <div class="alarm-item"> |
| | | <div class="alarm-header"> |
| | |
| | | v-for="(alarm, idx) in tailgatingAlarms" |
| | | :key="idx" |
| | | type="warning" |
| | | :timestamp="alarm.time" |
| | | :timestamp="$d(alarm.time)" |
| | | > |
| | | <div class="alarm-item"> |
| | | <div class="alarm-header"> |
| | |
| | | v-for="(alarm, idx) in multipleAlarms" |
| | | :key="idx" |
| | | type="warning" |
| | | :timestamp="alarm.time" |
| | | :timestamp="$d(alarm.time)" |
| | | > |
| | | <div class="alarm-item"> |
| | | <div class="alarm-header"> |
| | |
| | | <el-descriptions :column="1" border size="small"> |
| | | <el-descriptions-item label="抓拍时间"> |
| | | <el-icon><Clock /></el-icon> |
| | | {{ currentSnapshot.time }} |
| | | {{ $d(currentSnapshot.time) }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="工号"> |
| | | <el-icon><User /></el-icon> |