| | |
| | | <el-col :span="21"> |
| | | <el-row justify="space-between"> |
| | | <el-space> |
| | | <el-text type="primary" size="default"> |
| | | <el-text type="info" size="default"> |
| | | <el-icon><Timer /></el-icon> |
| | | {{ |
| | | item.pollutedData.startTime + ' - ' + item.pollutedData.endTime |
| | | item.pollutedData._startTime + |
| | | ' - ' + |
| | | item.pollutedData._endTime |
| | | }} |
| | | </el-text> |
| | | </el-space> |
| | | <el-link type="primary" @click="emits('open', item)"> 详情 </el-link> |
| | | <el-link type="info" @click="emits('open', item)"> 详情 </el-link> |
| | | </el-row> |
| | | <div> |
| | | <el-tag |
| | | effect="plain" |
| | | type="info" |
| | | style="color: black" |
| | | size="small" |
| | | hit |
| | | round |
| | |
| | | > |
| | | <div v-html="formatFactorName(item.pollutedData.factorName)"></div> |
| | | </el-tag> |
| | | <el-text type="primary"> |
| | | <el-text type="info"> |
| | | {{ item.pollutedData.exception + ',' }} |
| | | </el-text> |
| | | <el-text type="primary">{{ |
| | | <el-text type="info">{{ |
| | | formatDistanceType(item.pollutedArea.distanceType) |
| | | }}</el-text> |
| | | <el-text :type="noWarn ? 'primary' : 'warning'"> |
| | | <el-text :type="noWarn ? 'info' : 'warning'"> |
| | | {{ |
| | | item.pollutedSource.sceneList.length == 0 |
| | | ? '未找到风险源' |
| | |
| | | <div v-else-if="item._type == '2'"> |
| | | <el-row justify="space-between"> |
| | | <el-tag type="danger" effect="dark" size="small">线索</el-tag> |
| | | <el-link type="primary" @click="emits('open')"> 详情 </el-link> |
| | | <el-link type="info" @click="emits('open')"> 详情 </el-link> |
| | | </el-row> |
| | | <el-text type="danger">{{ item.advice }}</el-text> |
| | | <el-space> |
| | | <el-icon color="#F56C6C" :size="40"><WarnTriangleFilled /></el-icon> |
| | | <el-text type="info">{{ item.advice }}</el-text> |
| | | </el-space> |
| | | </div> |
| | | <el-row v-else-if="item._type == '3'"> |
| | | <el-col :span="3"> |
| | |
| | | <el-col :span="21"> |
| | | <el-row justify="space-between"> |
| | | <el-space> |
| | | <el-text type="primary" size="default"> |
| | | <el-text type="info" size="default"> |
| | | <el-icon><Timer /></el-icon> |
| | | {{ |
| | | item.pollutedData.startTime + ' - ' + item.pollutedData.endTime |
| | | item.pollutedData._startTime + |
| | | ' - ' + |
| | | item.pollutedData._endTime |
| | | }} |
| | | </el-text> |
| | | </el-space> |
| | | <el-link type="primary" @click="emits('open', item)"> 详情 </el-link> |
| | | <el-link type="info" @click="emits('open', item)"> 详情 </el-link> |
| | | </el-row> |
| | | <div> |
| | | <el-tag |
| | | effect="plain" |
| | | type="info" |
| | | size="small" |
| | | style="color: black" |
| | | hit |
| | | round |
| | | class="m-r-4" |
| | | > |
| | | <div v-html="formatFactorName(item.pollutedData.factorName)"></div> |
| | | </el-tag> |
| | | <el-text type="primary">{{ item.pollutedData.exception }}</el-text> |
| | | <el-text type="info">{{ item.pollutedData.exception }}</el-text> |
| | | </div> |
| | | <div v-if="item.pollutedSource.sceneList.length > 0"> |
| | | <div v-for="s in item.pollutedSource.sceneList" :key="s.guid"> |
| | |
| | | |
| | | <!-- <el-row justify="space-between"> |
| | | <el-space> |
| | | <el-tag type="primary" effect="dark" size="small">提醒</el-tag> |
| | | <el-text type="primary">{{ |
| | | <el-tag type="info" effect="dark" size="small">提醒</el-tag> |
| | | <el-text type="info">{{ |
| | | item.pollutedData.startTime + ' - ' + item.pollutedData.endTime |
| | | }}</el-text> |
| | | </el-space> |
| | | <el-link type="primary" @click="emits('open', item)"> 详情 </el-link> |
| | | <el-link type="info" @click="emits('open', item)"> 详情 </el-link> |
| | | </el-row> |
| | | <el-col :span="24"> |
| | | <el-tag effect="plain" type="info" size="small" hit round class="m-r-4"> |
| | | <div v-html="formatFactorName(item.pollutedData.factorName)"></div> |
| | | </el-tag> |
| | | <el-text type="primary">{{ item.pollutedData.exception }}</el-text> |
| | | <el-text type="info">{{ item.pollutedData.exception }}</el-text> |
| | | </el-col> --> |
| | | </el-row> |
| | | </div> |
| | |
| | | function formatDistanceType(value) { |
| | | switch (value) { |
| | | case 'TYPE1': |
| | | return '50米以内'; |
| | | return '100米以内'; |
| | | case 'TYPE2': |
| | | return '50米 - 500米以内'; |
| | | case 'TYPE3': |