|
@@ -2,8 +2,8 @@
|
|
|
<view class="content">
|
|
|
<view class="box">
|
|
|
<view class="historyLine">
|
|
|
- <image src="http://img.db.66km.cn/carbrandlogo/B - 宝马.png" mode="" class="historylinecarImg"></image>
|
|
|
- <view class="historylinecar">华晨宝马iX3 G08 电动 HA001N0电动领先型 ( 改款 )(2021-2021)过长换行</view>
|
|
|
+ <image :src="optdata.logo" mode="" class="historylinecarImg"></image>
|
|
|
+ <view class="historylinecar">{{optdata.value}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="cont">
|
|
@@ -13,13 +13,13 @@
|
|
|
|
|
|
</view>
|
|
|
<view class="jylineBox">
|
|
|
- <view class="jyline" v-for="(item,index) in 2">
|
|
|
+ <view class="jyline" v-for="(item,index) in MaintainPartList" @click="godetail(item)">
|
|
|
<view class="jyimgBox">
|
|
|
- <image src="http://dmsphoto.66km.com.cn/thFiles/1057BA84-E59D-47B7-9F66-73E3491A443E.jpg" mode="" class="jyimg"></image>
|
|
|
+ <image :src="item.imgs" mode="" class="jyimg"></image>
|
|
|
</view>
|
|
|
<view class="jyName">
|
|
|
- <span class="best">最佳</span>
|
|
|
- <span class="jyNametxt">安耐驰 全合成机油润滑油 5W-40 SM级 4L 汽车全合成机油润滑油 </span>
|
|
|
+ <!-- <span class="best">最佳</span> -->
|
|
|
+ <span class="jyNametxt">{{item.name}} </span>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -31,36 +31,74 @@
|
|
|
</view>
|
|
|
<view class="yhxxline">
|
|
|
<view class="yhxxlineLeft">型号/厂家</view>
|
|
|
- <view class="yhxxlineRight">HU898777/DF89090/980889</view>
|
|
|
+ <view class="yhxxlineRight">
|
|
|
+ {{ detail.carmodelGroupGearbox&&detail.carmodelGroupGearbox.carmodelGroupGearbox ||'--' }} / {{ detail.carmodelGroupGearbox&&detail.carmodelGroupGearbox.manufactor||'--' }}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="yhxxline">
|
|
|
<view class="yhxxlineLeft">原厂加注量</view>
|
|
|
- <view class="yhxxlineRight">5</view>
|
|
|
+ <view class="yhxxlineRight">
|
|
|
+ {{ detail.carmodelGroupGearbox&&detail.carmodelGroupGearbox.fillingcapacity ||'--' }}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="yhxxline">
|
|
|
<view class="yhxxlineLeft">换油量(L)</view>
|
|
|
- <view class="yhxxlineRight">重力:5 机器:12</view>
|
|
|
+ <view class="yhxxlineRight">
|
|
|
+ 重力:{{ detail.carmodelGroupGearbox&&detail.carmodelGroupGearbox.gravity ||'--' }} 机器:{{ detail.carmodelGroupGearbox&&detail.carmodelGroupGearbox.machine ||'--' }}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="yhxxline">
|
|
|
<view class="yhxxlineLeft">换油接头</view>
|
|
|
- <view class="yhxxlineRight">A24</view>
|
|
|
+ <view class="yhxxlineRight">
|
|
|
+ {{ detail.carmodelGroupGearbox&&detail.carmodelGroupGearbox.oilchangeConnector ||'--' }}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="yhxxline">
|
|
|
<view class="yhxxlineLeft">养护指导</view>
|
|
|
- <view class="yhxxlineRight">养护指导这是养护指导信息这是养护指导信息这是养护指导信息这是</view>
|
|
|
+ <view class="yhxxlineRight">{{detail.carmodelGroupGearbox.guidance}}</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="yhxxImgBox">
|
|
|
- <view class="yhxxImglineBox">
|
|
|
- <view class="yhxxImgBorder">
|
|
|
- <image src="http://dmsphoto.66km.com.cn/thFiles/B366C258-AE13-41F3-86A8-B0CEDD1654C0.jpg" mode="" class="yhxxImg"></image>
|
|
|
+ <view class="yhxxImglineBox" v-if="detail.oilchangeConnectorPhoto.length>0">
|
|
|
+ <view class="yhxxImgBorder" @click="showImgList(detail.oilchangeConnectorPhoto)">
|
|
|
+ <image :src="detail.oilchangeConnectorPhoto[0]" mode="" class="yhxxImg"></image>
|
|
|
<view class="yhxxCkdt">
|
|
|
<image src="../../static/img/icon_pic.png" mode="" class="iconpic"></image>
|
|
|
- <view class="yhxxCkdtNum">1</view>
|
|
|
+ <view class="yhxxCkdtNum">{{detail.oilchangeConnectorPhoto.length}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="yhxximgName">接头位置</view>
|
|
|
</view>
|
|
|
+ <view class="yhxxImglineBox" v-if="detail.guidancePhoto.length>0">
|
|
|
+ <view class="yhxxImgBorder" @click="showImgList(detail.guidancePhoto)">
|
|
|
+ <image :src="detail.guidancePhoto[0]" mode="" class="yhxxImg"></image>
|
|
|
+ <view class="yhxxCkdt">
|
|
|
+ <image src="../../static/img/icon_pic.png" mode="" class="iconpic"></image>
|
|
|
+ <view class="yhxxCkdtNum">{{detail.guidancePhoto.length}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="yhxximgName">养护指导</view>
|
|
|
+ </view>
|
|
|
+ <view class="yhxxImglineBox" v-if="detail.inspectionPhoto.length>0">
|
|
|
+ <view class="yhxxImgBorder" @click="showImgList(detail.inspectionPhoto)">
|
|
|
+ <image :src="detail.inspectionPhoto[0]" mode="" class="yhxxImg"></image>
|
|
|
+ <view class="yhxxCkdt">
|
|
|
+ <image src="../../static/img/icon_pic.png" mode="" class="iconpic"></image>
|
|
|
+ <view class="yhxxCkdtNum">{{detail.inspectionPhoto.length}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="yhxximgName">检查口/加注/放油口</view>
|
|
|
+ </view>
|
|
|
+ <view class="yhxxImglineBox" v-if="detail.boxPhoto.length>0">
|
|
|
+ <view class="yhxxImgBorder" @click="showImgList(detail.boxPhoto)">
|
|
|
+ <image :src="detail.boxPhoto[0]" mode="" class="yhxxImg"></image>
|
|
|
+ <view class="yhxxCkdt">
|
|
|
+ <image src="../../static/img/icon_pic.png" mode="" class="iconpic"></image>
|
|
|
+ <view class="yhxxCkdtNum">{{detail.boxPhoto.length}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="yhxximgName">变速箱图片</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
@@ -79,14 +117,56 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
+ optdata:'',
|
|
|
+ MaintainPartList:[],
|
|
|
+ detail:'',
|
|
|
}
|
|
|
},
|
|
|
onLoad(opt) {
|
|
|
-
|
|
|
+ this.optdata=opt;
|
|
|
+ this.queryMaintainPartList();
|
|
|
+ this.queryGearbox()
|
|
|
},
|
|
|
methods: {
|
|
|
-
|
|
|
+ showImgList(arr){
|
|
|
+ uni.previewImage({
|
|
|
+ urls: arr,
|
|
|
+ longPressActions: {
|
|
|
+ itemList: ['发送给朋友', '保存图片'],
|
|
|
+ success: function(data) {
|
|
|
+ console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
|
|
|
+ },
|
|
|
+ fail: function(err) {
|
|
|
+ console.log(err.errMsg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ queryMaintainPartList(){
|
|
|
+ uni.showLoading({ title: '加载中'});
|
|
|
+ this.$http('partsByOpen/queryMaintainPartList', {
|
|
|
+ groupId:this.optdata.id,
|
|
|
+ componentCode:'007005',
|
|
|
+
|
|
|
+ },'POST').then(res => {
|
|
|
+ uni.hideLoading();
|
|
|
+ this.MaintainPartList=res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ queryGearbox(){
|
|
|
+ this.$http('partsByOpen/queryGearbox', {
|
|
|
+ groupId:this.optdata.id,
|
|
|
+
|
|
|
+ },'POST').then(res => {
|
|
|
+
|
|
|
+ this.detail=res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ godetail(e){
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'/pages/index/goodsDetail?id='+e.id
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -234,4 +314,13 @@ line-height: 34rpx;padding-top: 16rpx;
|
|
|
.yhxxCkdtNum{
|
|
|
color: #ffffff;font-weight: 500;font-size: 20rpx;padding-left: 5rpx; padding-bottom: 6rpx;
|
|
|
}
|
|
|
+ .yhxxImgBox{
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .yhxxImglineBox{
|
|
|
+ margin-right: 30rpx;
|
|
|
+ }
|
|
|
+ .yhxxImglineBox:nth-child(4){
|
|
|
+ margin-right: 0rpx;
|
|
|
+ }
|
|
|
</style>
|