|
@@ -1,48 +1,37 @@
|
|
|
<template>
|
|
|
- <a-modal
|
|
|
- centered
|
|
|
- class="carInfoDetail-modal"
|
|
|
- :footer="null"
|
|
|
- :maskClosable="false"
|
|
|
- v-model="isShow"
|
|
|
- @cancel="isShow=false"
|
|
|
- :width="800">
|
|
|
- <div>
|
|
|
- <div class="head-info-con">
|
|
|
- <p class="head-info-title">车型信息</p>
|
|
|
- <a-divider style="margin: 12px 0;" />
|
|
|
+ <div v-if="isShow">
|
|
|
+ <a-modal
|
|
|
+ centered
|
|
|
+ class="carInfoDetail-modal"
|
|
|
+ :footer="null"
|
|
|
+ :maskClosable="false"
|
|
|
+ v-model="isShow"
|
|
|
+ @cancel="isShow=false"
|
|
|
+ :width="800">
|
|
|
+ <div>
|
|
|
+ <div class="head-info-con">
|
|
|
+ <p class="head-info-title">车型信息</p>
|
|
|
+ <a-divider style="margin: 12px 0;" />
|
|
|
+ </div>
|
|
|
+ <a-descriptions bordered :column="2" size="small" class="head-info-main">
|
|
|
+ <!-- <a-descriptions-item label="车型信息:">{{ infoData&&infoData.text || '--' }}</a-descriptions-item> -->
|
|
|
+ <a-descriptions-item label="品牌:">{{ infoData&&infoData.brandName || '--' }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="车型:">{{ infoData&&infoData.modelName || '--' }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="品牌LOGO:">
|
|
|
+ <img :src="infoData&&infoData.icon?infoData.icon:defImg" width="30" height="30" style="border-radius: 50%;" />
|
|
|
+ </a-descriptions-item>
|
|
|
+ <a-descriptions-item label="排量:">{{ infoData&&infoData.displacement || '--' }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="年款:">{{ infoData&&infoData.modelYear || '--' }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="配置信息:">{{ infoData&&infoData.confLevel || '--' }}</a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+ <div class="btn-cont"><a-button id="carInfoDetail-modal-back" @click="isShow = false">返回</a-button></div>
|
|
|
</div>
|
|
|
- <a-descriptions bordered :column="2" size="small" class="head-info-main">
|
|
|
- <a-descriptions-item label="车型信息:">{{ infoData&&infoData.text || '--' }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="品牌:">{{ infoData&&infoData.brand_name || '--' }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="车型:">{{ infoData&&infoData.model_name || '--' }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="品牌LOGO:">
|
|
|
- <img :src="infoData&&infoData.icon?infoData.icon:defImg" width="30" height="30" style="border-radius: 50%;" />
|
|
|
- </a-descriptions-item>
|
|
|
- <a-descriptions-item label="排量:">{{ infoData&&infoData.sub_name || '--' }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="年款:">{{ infoData&&infoData.year || '--' }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="车型图:">
|
|
|
- <div v-if="infoData&&infoData.images.length>0">
|
|
|
- <img :src="infoData.images[0] || defImg" width="30" height="30" class="imageUrl" @click="inited(infoData.images)" />
|
|
|
- </div>
|
|
|
- <span v-else>--</span>
|
|
|
- </a-descriptions-item>
|
|
|
- <a-descriptions-item label="车系:">{{ infoData&&infoData.series_name || '--' }}</a-descriptions-item>
|
|
|
- </a-descriptions>
|
|
|
- <div class="head-info-con" v-if="infoData&&infoData.params">
|
|
|
- <p class="head-info-title">配置信息</p>
|
|
|
- <a-divider style="margin: 12px 0;" />
|
|
|
- </div>
|
|
|
- <a-descriptions bordered :column="2" size="small" v-if="infoData&&infoData.params" class="head-info-main">
|
|
|
- <a-descriptions-item v-for="item in infoData.params" :label="item.type_name+':'">{{ item.value || '--' }}</a-descriptions-item>
|
|
|
- </a-descriptions>
|
|
|
- <div class="btn-cont"><a-button id="carInfoDetail-modal-back" @click="isShow = false">返回</a-button></div>
|
|
|
- </div>
|
|
|
- </a-modal>
|
|
|
+ </a-modal>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import defImg from '@/assets/def_img@2x.png'
|
|
|
+import defImg from '@/assets/def_img@2x.png' // 默认图片
|
|
|
export default {
|
|
|
name: 'CarInfoDetailModal',
|
|
|
props: {
|
|
@@ -50,7 +39,7 @@ export default {
|
|
|
type: Boolean,
|
|
|
default: false
|
|
|
},
|
|
|
- infoData: {
|
|
|
+ infoData: { // 基本信息
|
|
|
type: Object,
|
|
|
default: () => {
|
|
|
return {}
|
|
@@ -64,6 +53,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 预览图片
|
|
|
inited (viewer) {
|
|
|
if (viewer) {
|
|
|
const imageUrl = []
|