2025.10.17

riku

2025-10-17 ec763e1cb7dca873caf4afbc0dfde047b51753d3

 src/views/sourcetrace/component/PollutedWarnItem.vue

@@ -30,7 +30,7 @@
        <div>
          <el-text type="info">
            <el-icon><MapLocation /></el-icon>
            {{ '所在区域：' + item.pollutedArea.address }}
            {{ '所在区域：' + riskRegion }}
          </el-text>
        </div>
        <!-- <div>
@@ -45,17 +45,29 @@
          </el-text>
        </div>
        <el-row style="border-top: 1px solid white"> </el-row>
        <RealTimeLineChart
        <div v-for="s in item.pollutedData.statisticMap" :key="s.factorId">
          <el-row justify="space-between" class="wrap">
            <div class="flex-col m-r-4">
              <div class="factor-name">{{ s.factorName }}</div>
            </div>
            <RealTimeLineChart
              v-for="(item1, index1) in s._chartOptions"
              :key="index1"
              :model-value="item1"
            ></RealTimeLineChart>
          </el-row>
        </div>
        <!-- <RealTimeLineChart
          v-for="(item1, index1) in item._chartOptions"
          :key="index1"
          :model-value="item1"
        ></RealTimeLineChart>
        ></RealTimeLineChart> -->
      </el-scrollbar>
    </template>
  </BaseCard>
</template>
<script setup>
import { ref } from 'vue';
import { ref, computed } from 'vue';

const props = defineProps({
  modelValue: Boolean,
@@ -63,6 +75,20 @@
});

const emits = defineEmits(['showMarksAndPolygon', 'update:modelValue']);

const riskRegion = computed(() => {
  const _riskRegion = [];
  if (props.item.pollutedArea.address) {
    _riskRegion.push(props.item.pollutedArea.address);
  }
  if (props.item.pollutedArea.streetNumber) {
    _riskRegion.push(props.item.pollutedArea.streetNumber);
  }
  if (props.item.pollutedArea.roadinter) {
    _riskRegion.push(props.item.pollutedArea.roadinter);
  }
  return _riskRegion.join('，');
});

function showMarksAndPolygon(item) {
  emits('showMarksAndPolygon', item);
@@ -117,7 +143,7 @@
  padding: 0 4px;
  /* margin-right: 2px; */
  width: 340px;
  height: 240px;
  height: 260px;
  /* border-right: 1px solid white; */
  border-radius: 2px;
}
@@ -130,4 +156,22 @@
  padding: 0px 1px;
  margin-bottom: 4px;
}

.wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.329);
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.factor-value {
  font-weight: 600;
  font-size: 20px;
}

.factor-name {
  color: #23dad1;
}
</style>