riku
2025-07-10 2cffd9c7db5c3191cf172641c800e5a328d6f3af
src/views/sourcetrace/component/ClueRecordItem.vue
@@ -9,19 +9,22 @@
      <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
@@ -29,13 +32,13 @@
          >
            <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
                ? '未找到风险源'
@@ -62,9 +65,12 @@
    <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">
@@ -73,27 +79,30 @@
      <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">
@@ -113,18 +122,18 @@
      <!-- <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>
@@ -158,7 +167,7 @@
function formatDistanceType(value) {
  switch (value) {
    case 'TYPE1':
      return '50米以内';
      return '100米以内';
    case 'TYPE2':
      return '50米 - 500米以内';
    case 'TYPE3':