| | |
| | | <template #content> |
| | | <el-scrollbar class="clue-card"> |
| | | <el-row justify="space-between" align="bottom"> |
| | | <el-text type="warning" size="large"> 典型切片 </el-text> |
| | | <el-text type="warning" style="font-weight: 600" size="large"> |
| | | 溯源切片 |
| | | </el-text> |
| | | |
| | | <el-link |
| | | type="primary" |
| | | type="info" |
| | | :underline="true" |
| | | @click="showMarksAndPolygon(item)" |
| | | > |
| | |
| | | </el-link> |
| | | </el-row> |
| | | <div> |
| | | <el-text type="primary"> |
| | | <el-text type="info"> |
| | | <el-icon><Timer /></el-icon> |
| | | {{ |
| | | '切片时段:' + |
| | |
| | | </el-text> |
| | | </div> |
| | | <div> |
| | | <el-text type="primary"> |
| | | <el-text type="info"> |
| | | <el-icon><MapLocation /></el-icon> |
| | | {{ '风险区域:' + item.pollutedArea.address }} |
| | | </el-text> |
| | | </div> |
| | | <!-- <div> |
| | | <el-text type="primary"> |
| | | <el-text type="info"> |
| | | 溯源距离:{{ formatDistanceType(item.pollutedArea.distanceType) }} |
| | | </el-text> |
| | | </div> --> |
| | | <div> |
| | | <el-text type="primary"> |
| | | <el-text type="info"> |
| | | <el-icon><Bell /></el-icon> |
| | | 异常类型:{{ item.pollutedData.exception }} |
| | | </el-text> |
| | |
| | | </el-row> |
| | | <el-row justify="space-between"> |
| | | <!-- <el-link |
| | | type="primary" |
| | | type="info" |
| | | underline |
| | | @click="showMarksAndPolygon(item)" |
| | | > |
| | |
| | | <!-- </div> --> |
| | | <div class="border-dashed"> |
| | | <el-icon color="#ffbc58" size="20"><WarningFilled /></el-icon> |
| | | <el-text type="primary" tag="b"> |
| | | <el-text type="info" tag="b"> |
| | | {{ item.pollutedSource.conclusion }} |
| | | </el-text> |
| | | </div> |
| | |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | :deep(.el-statistic) { |
| | | /* :deep(.el-statistic) { |
| | | --el-statistic-title-color: rgb(215, 215, 215); |
| | | --el-statistic-content-color: white; |
| | | } |
| | |
| | | |
| | | :deep(.el-link) { |
| | | --el-link-text-color: #23dad1; |
| | | } |
| | | } */ |
| | | |
| | | .scrollbar { |
| | | min-width: 300px; |