2025.7.3 动态溯源（待完成）

riku

2025-07-03 e895212fa4215c50ce79ce4b448e064caf394776

 src/views/sourcetrace/component/PollutedExceptionItem.vue

@@ -10,34 +10,43 @@
  <BaseCard v-if="item" v-show="item.showMore">
    <template #content>
      <el-scrollbar class="clue-card">
        <el-row justify="space-between">
          <!-- <el-tag v-if="index == 0" type="danger">最新</el-tag> -->
          <el-text type="primary">{{
            '切片时间：' +
            item.pollutedData.startTime +
            ' - ' +
            item.pollutedData.endTime
          }}</el-text>
        <el-row justify="space-between" align="bottom">
          <el-text type="warning" size="large"> 典型切片 </el-text>

          <el-link
            type="primary"
            :underline="true"
            @click="showMarksAndPolygon(item)"
          >
            {{ item.showMore ? '收起异常' : '定位异常' }}
            {{ item.showMore ? '收起' : '定位' }}
            <el-icon size="large"><CircleClose /></el-icon>
          </el-link>
        </el-row>
        <div>
          <el-text type="primary">
            污染区域：{{ item.pollutedArea.address }}
            <el-icon><Timer /></el-icon>
            {{
              '切片时段：' +
              item.pollutedData.startTime +
              ' - ' +
              item.pollutedData.endTime
            }}
          </el-text>
        </div>
        <div>
          <el-text type="primary">
            <el-icon><MapLocation /></el-icon>
            {{ '风险区域：' + item.pollutedArea.address }}
          </el-text>
        </div>
        <!-- <div>
          <el-text type="primary">
            溯源距离：{{ formatDistanceType(item.pollutedArea.distanceType) }}
          </el-text>
        </div>
        </div> -->
        <div>
          <el-text type="primary">
            <el-icon><BellFilled /></el-icon>
            异常类型：{{ item.pollutedData.exception }}
          </el-text>
        </div>
@@ -92,6 +101,7 @@
          :key="index1"
          :model-value="item1"
          chart-height="80px"
          :y-min-interval="20"
        ></RealTimeLineChart>
        <!-- </div> -->
        <div class="border-dashed">