lilei 1 day ago
parent
commit
741a7e52da
2 changed files with 36 additions and 46 deletions
  1. 31 41
      src/mobile/priceInquiry/carInfoModal.vue
  2. 5 5
      src/mobile/priceInquiry/list.vue

+ 31 - 41
src/mobile/priceInquiry/carInfoModal.vue

@@ -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 = []

+ 5 - 5
src/mobile/priceInquiry/list.vue

@@ -61,15 +61,15 @@
 
     <a-card size="small" :bordered="false" class="priceInquiryList-wrap" style="margin-top:10px;">
       <div ref="vinInfo" v-if="vinInfoData">
-        <a-alert type="error" style="margin-bottom: 10px;" v-if="vinInfoData&&!vinInfoData.vinInfo">
+        <a-alert type="error" style="margin-bottom: 10px;" v-if="vinInfoData&&!vinInfoData.carInfo">
           <template slot="message"><a-icon type="exclamation-circle" theme="filled" :style="{ color: '#E70012', fontSize: '15px', verticalAlign: 'sub', marginRight: '3px' }" />抱歉!暂未找到匹配VIN码的车型!</template>
         </a-alert>
-        <a-alert type="warning" style="margin-bottom: 10px;cursor: pointer;" v-if="vinInfoData&&vinInfoData.vinInfo" @click="openCarInfoModal=true">
+        <a-alert type="warning" style="margin-bottom: 10px;cursor: pointer;" v-if="vinInfoData&&vinInfoData.carInfo" @click="openCarInfoModal=true">
           <template slot="message">
             <div style="display: flex;justify-content: space-between;align-items: center;" @click="openCarInfoModal=true">
               <div>
-                <img :src="vinInfoData.vinInfo && vinInfoData.vinInfo.icon?(vinInfoData.vinInfo.icon+'?x-oss-process=image/resize,h_30,m_lfit'):defImg" width="30" height="30" class="imageUrl" style="border-radius: 50%;vertical-align: middle;margin-right: 3px;" />
-                <span style="vertical-align: middle;">{{ vinInfoData.vinInfo.text }}</span>
+                <img :src="vinInfoData.carInfo && vinInfoData.carInfo.icon?(vinInfoData.carInfo.icon+'?x-oss-process=image/resize,h_30,m_lfit'):defImg" width="30" height="30" class="imageUrl" style="border-radius: 50%;vertical-align: middle;margin-right: 3px;" />
+                <span style="vertical-align: middle;">{{ vinInfoData.carInfo.brandName }} {{ vinInfoData.carInfo.modelName }} {{ vinInfoData.carInfo.displacement }} {{ vinInfoData.carInfo.modelYear+'年' }}</span>
               </div>
               <div style="color: #f90;">
                 <span>查看更多</span> >
@@ -122,7 +122,7 @@
         </template>
       </s-table>
       <!-- 查看车辆信息 -->
-      <car-info-modal v-drag ref="carInfoModal" :openModal="openCarInfoModal" :infoData="vinInfoData&&vinInfoData.vinInfo" @close="openCarInfoModal=false" />
+      <car-info-modal v-drag ref="carInfoModal" :openModal="openCarInfoModal" :infoData="vinInfoData&&vinInfoData.carInfo" @close="openCarInfoModal=false" />
     </a-card>
   </div>
 </template>