zxl
2026-03-23 b924e4fe906c3e1b4e804ed9d073e09db76fc710
src/views/dataAnalysis/components/CarInfoDetail.vue
@@ -14,8 +14,7 @@
        <a-col :span="6" style="border-right: 1px solid #343a44">
          <div class="flex" style="justify-content: space-between">
            <viewer>
              <!-- <img class="car_img" :src="detailData.imgPath2" alt="" /> -->
              <img class="car_img" :src="getImgUrl(detailData.imgPath2)" alt="" />
              <img class="car_img" :src="getCarModelImgUrl()" alt="" />
            </viewer>
            <div class="flex flex-column" style="justify-content: space-between; height: 90px; align-items: flex-start">
              <div class="blue_text" style="font-size: 16px">{{ detailData.licenseNum }}</div>
@@ -204,6 +203,21 @@
      detailData: {
        labelName: '',
      },
      // 车型ID到图片的映射
      carModelImageMap: {
        '1': '小车.png',
        '2': '货车.png',
        '3': '油罐车.png',
        '4': '摩托车.png',
        '5': '三轮车.png',
        '6': '公交车.png',
        '7': '自行车.png',
        '8': '挖掘机.png',
        '9': '中型货车.png',
        '10': '中型轿车.png',
        '11': '轻型货车.png',
        '12': '重型货车.png',
      },
      columns: [
        // {
        //   title: '进站图片',
@@ -275,6 +289,16 @@
  },
  props: ['orgCode'],
  methods: {
    getCarModelImgUrl() {
      if (this.detailData.modelId && this.carModelImageMap[this.detailData.modelId]) {
        try {
          return require('@/image/' + this.carModelImageMap[this.detailData.modelId])
        } catch (e) {
          return this.symIng
        }
      }
      return this.symIng
    },
    getImgUrl(path) {
      if (!path) return this.symIng
      if (path.startsWith('http://') || path.startsWith('https://')) return path