| | |
| | | <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> |
| | |
| | | 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: '进站图片', |
| | |
| | | }, |
| | | 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 |