| | |
| | | <el-icon><Timer /></el-icon> |
| | | {{ |
| | | '切片时段:' + |
| | | item.pollutedData.startTime + |
| | | item.pollutedData._startTime + |
| | | ' - ' + |
| | | item.pollutedData.endTime |
| | | item.pollutedData._endTime |
| | | }} |
| | | </el-text> |
| | | </div> |
| | |
| | | </div> --> |
| | | <div> |
| | | <el-text type="primary"> |
| | | <el-icon><BellFilled /></el-icon> |
| | | <el-icon><Bell /></el-icon> |
| | | 异常类型:{{ item.pollutedData.exception }} |
| | | </el-text> |
| | | </div> |
| | |
| | | ></RealTimeLineChart> |
| | | <!-- </div> --> |
| | | <div class="border-dashed"> |
| | | <el-text type="" tag="mark"> |
| | | <el-icon color="#ffbc58" size="20"><WarningFilled /></el-icon> |
| | | <el-text type="primary" tag="b"> |
| | | {{ item.pollutedSource.conclusion }} |
| | | </el-text> |
| | | </div> |
| | |
| | | :show-marks="item.showMore" |
| | | :scene-list="item.pollutedSource.sceneList" |
| | | ></SceneTable> |
| | | |
| | | <!-- <el-space gap="4"> |
| | | <el-tag :type="item.status == 1 ? 'danger' : 'info'">{{ |
| | | item._statusStr |
| | | }}</el-tag> |
| | | <el-text type="default">{{ item.exception }}</el-text> |
| | | </el-space> |
| | | <el-row gap="4"> |
| | | <el-text type="primary">发生时间:</el-text> |
| | | <el-text type="primary">{{ |
| | | item.startTime + ' 至 ' |
| | | }}</el-text> |
| | | <el-text type="primary">{{ |
| | | item.status == 1 ? '当前' : item.endTime |
| | | }}</el-text> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="6"> |
| | | <el-statistic title="因子" :value="item.factorName" /> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-statistic title="均值" :value="item.avg" /> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-statistic title="峰值" :value="item.max" /> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-statistic title="谷值" :value="item.min" /> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row justify="space-between"> |
| | | <el-link |
| | | type="primary" |
| | | @click="item.showMore = !item.showMore" |
| | | > |
| | | {{ |
| | | (item.showMore ? '收起溯源场景' : '查看溯源场景') + |
| | | '(' + |
| | | item.relatedSceneList.length + |
| | | ')' |
| | | }} |
| | | </el-link> |
| | | <el-link type="primary" @click="drawSector(item)"> |
| | | 查看异常 |
| | | </el-link> |
| | | </el-row> |
| | | <SceneTable |
| | | v-show="item.showMore" |
| | | :scene-list="item.relatedSceneList" |
| | | ></SceneTable> |
| | | <el-divider /> --> |
| | | </el-scrollbar> |
| | | </template> |
| | | </BaseCard> |
| | |
| | | padding: 0 4px; |
| | | /* margin-right: 2px; */ |
| | | width: 340px; |
| | | height: 35vh; |
| | | border-right: 1px solid white; |
| | | height: 400px; |
| | | /* border-right: 1px solid white; */ |
| | | border-radius: 2px; |
| | | } |
| | | |
| | | .border-dashed { |
| | | /* border: 1px dashed white; */ |
| | | display: flex; |
| | | /* align-items: center; */ |
| | | border: 1px dashed #ffbc58; |
| | | padding: 0px 1px; |
| | | margin-bottom: 4px; |