|
@@ -62,10 +62,10 @@
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col flex="2" v-if="$hasPermissions('B_salerVinFindProduct')&&sourceType !== 'TRANSFER_ORDER'">
|
|
|
- <a-form-model-item label="车架号(VIN)" prop="vinCode">
|
|
|
+ <a-form-model-item label="车架号(VIN)" prop="vinCode" class="vininputs">
|
|
|
<a-input id="productInfoList-vinCode" v-model.trim="queryParam.vinCode" allowClear placeholder="请输入车架号(VIN)">
|
|
|
<a-upload slot="addonAfter" :before-upload="beforeUpload" listType="picture" accept="image/*" :showUploadList="false">
|
|
|
- <a-icon :type="vinLoading?'loading':'camera'" :style="{ fontSize: '18px', verticalAlign: 'bottom',cursor:'pointer' }" title="拖动图片到这里识别VIN" />
|
|
|
+ <a-icon :type="vinLoading?'loading':'camera'" :style="{ fontSize: '18px', verticalAlign: 'bottom',cursor:'pointer',padding:'0 10px' }" title="拖动图片到这里识别VIN" />
|
|
|
</a-upload>
|
|
|
</a-input>
|
|
|
</a-form-model-item>
|
|
@@ -91,17 +91,17 @@
|
|
|
<!-- 查看更多 -->
|
|
|
<div v-if="hasVaild&&showTable" class="vinInfo-box">
|
|
|
<div>
|
|
|
- <div class="vinInfo-error" v-if="vinInfoData&&!vinInfoData.vinInfo">
|
|
|
+ <div class="vinInfo-error" v-if="vinInfoData&&!vinInfoData.carInfo">
|
|
|
<a-icon type="exclamation-circle" :style="{ color: '#E70012', fontSize: '15px', verticalAlign: 'sub', marginRight: '3px' }" />抱歉!暂未找到匹配VIN码的车型!
|
|
|
</div>
|
|
|
- <div v-if="vinInfoData&&vinInfoData.vinInfo" id="productInfoList-carinfo" @click="openCarInfoModal=true">
|
|
|
+ <div v-if="vinInfoData&&vinInfoData.carInfo" id="productInfoList-carinfo" @click="openCarInfoModal=true">
|
|
|
<div style="display: flex;justify-content: space-between;align-items: center;" id="productInfoList-carinfoMoadl" @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;cursor: pointer;">
|
|
|
- <span>查看更多</span> >
|
|
|
+ <div style="color: #f90;cursor: pointer;margin-left: 5px;">
|
|
|
+ <span>查看详情</span> >
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -211,7 +211,7 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 查看车辆信息 -->
|
|
|
- <car-info-modal ref="carInfoModal" :openModal="openCarInfoModal" :infoData="vinInfoData&&vinInfoData.vinInfo" @close="openCarInfoModal=false" />
|
|
|
+ <car-info-modal ref="carInfoModal" :openModal="openCarInfoModal" :infoData="vinInfoData&&vinInfoData.carInfo" @close="openCarInfoModal=false" />
|
|
|
</a-spin>
|
|
|
</a-drawer>
|
|
|
</template>
|
|
@@ -656,5 +656,12 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .vininputs{
|
|
|
+ .ant-input-group-addon{
|
|
|
+ padding: 0;
|
|
|
+ border:0;
|
|
|
+ border-left: 1px solid #e7e7e7;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|