qichexitong/car_client_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

5.16(同步app需求

Browse Source
This commit is contained in:
Hong
2024-05-16 18:47:42 +08:00
parent 5e0260eeb8
commit 35746a86d4
3 changed files with 70 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
api/showroom/showroom.js
View File

@@ -155,4 +155,12 @@ export function getInformationInfo(orderNo) {
'url': `/api/front/car/information/user/product/info/${orderNo}`,
'method': 'get',
})
}
}
//常见问题类型列表
export function getproblemList(orderNo) {
return request({
'url': `/api/front/car/commodity/common/problem/all/list`,
'method': 'get',
})
}

55
pages/showroom/carBuy/index.vue
View File

@@ -2,43 +2,35 @@
<view class="">
<u-navbar :title="' '" :safeAreaInsetTop="true" bgColor="rgba(0,0,0,0)">
<u-icon slot="left" name="arrow-left" size="19" @click="navBackFn('back')"></u-icon>
<view slot="right">
<!-- #ifdef MP-WEIXIN -->
<view class="flex collect-share1" :style="{'margin-right': `${menuWidth}px`}">
<image v-if="commodityDeta.userIsCollect" @click="carAddProductFn"
:src="`${config.aliyunOssUrl}/static/images/app/serve/coupons_xingxing_end.png`" alt="">
</image>
<image v-else @click="carAddProductFn"
:src="`${config.aliyunOssUrl}/static/images/app/serve/coupons_xingxing.png`" mode=""></image>
<view style=" position:relative;">
<image :src="`${config.aliyunOssUrl}/static/images/app/serve/coupons_fenxiang.png`" mode=""></image>
<button id="shareBtn" @click="shareBtnInfo" open-type="share"></button>
</view>
</view>
<!-- #endif -->
<!-- #ifdef APP -->
<view class="flex collect-share" style="margin-right: 0;">
<image v-if="!commodityDeta.userIsCollect" @click="carAddProductFn" src="@/static/images/app/serve/coupons_xingxing.png" mode="">
</image>
<image v-else @click="carAddProductFn" src="@/static/images/app/serve/coupons_xingxing_end.png" alt=""></image>
<image src="@/static/images/app/serve/coupons_fenxiang.png" mode=""></image>
</view>
<!-- #endif -->
</view>
</u-navbar>
<!-- 轮播图 -->
<u-swiper height="750rpx" keyName="image" @change="e => currentNum = e.current" :list="branner" indicator
:indicatorStyle="{bottom:'32rpx',right:'24rpx'}" radius='0'>
</u-swiper>
<view class="info-introduce">
<view class="info-title">
<view class="info-title flex justify-between">
{{commodityDeta.brandName}}
<!-- <u--text :lines="1" bold size="16" :text="commodityDeta.brandName"></u--text> -->
<view slot="right">
<!-- #ifdef MP-WEIXIN -->
<view class="flex collect-share1" :style="{'margin-right': `${24}px`}">
<image v-if="commodityDeta.userIsCollect" @click="carAddProductFn"
:src="`${config.aliyunOssUrl}/static/images/app/serve/coupons_xingxing_end.png`" alt="">
</image>
<image v-else @click="carAddProductFn"
:src="`${config.aliyunOssUrl}/static/images/app/serve/coupons_xingxing.png`" mode=""></image>
<view style=" position:relative;">
<image :src="`${config.aliyunOssUrl}/static/images/app/serve/coupons_fenxiang.png`" mode=""></image>
<button id="shareBtn" @click="shareBtnInfo" open-type="share"></button>
</view>
</view>
<!-- #endif -->
</view>
</view>
<view class="flex align-center" style="margin-bottom: 20rpx;">
<view class="price-title"> 指导价 </view>
<view class="price-title"> 零售价 </view>
<view class="shop-price">
￥{{commodityDeta.minGuidePrice}} - {{commodityDeta.maxGuidePrice}}
￥ {{commodityDeta.fullPrice}}
</view>
</view>
<view class="flex align-center" style="margin-bottom: 20rpx;">
@@ -47,7 +39,7 @@
￥{{commodityDeta.depositPrice}}
</view>
</view>
<view v-if="type==0" class="flex align-center" style="margin-bottom: 20rpx;">
<!-- <view v-if="type==0" class="flex align-center" style="margin-bottom: 20rpx;">
<view class="price-title"> 月供 </view>
<view class="shop-price">
￥{{commodityDeta.monthTributePrice}} <text> x{{commodityDeta.monthTribute}}期</text>
@@ -58,7 +50,7 @@
<view class="shop-price">
￥{{commodityDeta.monthRentPrice}} <text> x{{commodityDeta.monthRent}}期</text>
</view>
</view>
</view> -->
</view>
<view class="store-list">
@@ -177,7 +169,7 @@
type: this.type
}).then(res => {
this.commodityDeta = res.data
this.branner = res.data.image.split(',')
this.branner = res.data.mainImage.split(',')
})
}
},
@@ -231,10 +223,11 @@
background: #FFFFFF;
.info-title {
width: 720rpx;
font-weight:bold;
font-size: 32rpx;
color: #111111;
margin-bottom: 30rpx;
// margin-bottom: 30rpx;
}
.price-title {

62
pages/showroom/carRental/index.vue
View File

@@ -1,10 +1,10 @@
<template>
<view class="">
<u-navbar :title="' '" :safeAreaInsetTop="true" bgColor="rgba(0,0,0,0)">
<view class="u-nav-slot flex align-center justify-around" slot="left">
<view class="" slot="left">
<u-icon name="arrow-left" size="19" @click="navBackFn('back')"></u-icon>
<u-line direction="column" :hairline="false" length="16" margin="0 8px"></u-line>
<u-icon name="home" size="20" @click="navBackFn('tabbar')"></u-icon>
<!-- <u-line direction="column" :hairline="false" length="16" margin="0 8px"></u-line>
<u-icon name="home" size="20" @click="navBackFn('tabbar')"></u-icon> -->
</view>
<view slot="right">
<!-- #ifdef MP-WEIXIN -->
@@ -48,7 +48,7 @@
</view>
</view>
<view class="flex align-center shop-price">
{{commodityDeta.carDrive}}
{{commodityDeta.carDrive?commodityDeta.carDrive:''}}
<text style="color: #ededed;margin: 0 16rpx;">|</text>
{{commodityDeta.modelName}}
<text style="color: #ededed;margin: 0 16rpx;">|</text>
@@ -76,9 +76,6 @@
<view v-for="tag in item.tags">{{tag.name}}</view>
<!-- <text v-for="(item, index) in 3">2年车龄</text> -->
</view>
<view class="store-info">
{{item.event?item.event:'--'}}
</view>
<view class="store-btns flex align-center justify-between">
<view class="store-btns-left">
<text class="price">{{item.rentalPrice}}</text>
@@ -173,6 +170,9 @@
<text>{{carDealerData.carAge}}年车龄</text>
<text v-for="tag in carDealerData.tags">{{tag.name}}</text>
</view>
<view class="store-info">
{{carDealerData.event?carDealerData.event:'--'}}
</view>
<view class="popup-car-box">
<view class="car-list">
<view class="car-item" v-for="(item, index) in branner" :key="index"
@@ -263,19 +263,14 @@
<view class="problem-tabs-box flex align-center">
<text
:class="['problem-tabs-item', categoryId == index && 'problem-active-item']"
@click="categoryId = index" v-for="(item,index) in problemType"
@click="actcategoryFn(index)" v-for="(item,index) in problemType"
:key="index">
{{item}}
{{item.title}}
</text>
</view>
</view>
<view class="img-box">
<!-- #ifdef MP-WEIXIN -->
<image class="problem-image" :src="`${config.aliyunOssUrl}/static/images/app/mine/gold_bg.png`" mode="widthFix"></image>
<!-- #endif -->
<!-- #ifdef APP -->
<image class="problem-image" src="@/static/images/app/mine/gold_bg.png" mode="widthFix"></image>
<!-- #endif -->
<view class="problem-image">
<u-parse :content="problemTypeContent" :tagStyle="parseStyle"></u-parse>
</view>
</view>
</view>
@@ -342,7 +337,8 @@
informationDealerList,
getInformationInfo,
getProductInfoCollectAdd,
getProductInfoCollectCancel
getProductInfoCollectCancel,
getproblemList
} from "@/api/showroom/showroom.js"
export default {
data() {
@@ -361,7 +357,8 @@
viewId: 'detail',
scrollHeight: '1052rpx',
storeInfoTabs, // 弹窗tab栏
problemType: ['换车', '押金', '租金', '类目名', '类目名', '类目名'],
problemType: [],
problemTypeContent:'',
config: getApp().globalData.config,
//商品详情
commodityDeta: {},
@@ -377,7 +374,10 @@
replyResponse: {}
},
//订单id
orderId: ''
orderId: '',
parseStyle: {
img: 'width:654rpx;'
},
};
},
onShareAppMessage(res) {
@@ -391,6 +391,11 @@
};
},
methods: {
//点击常见列表
actcategoryFn(index) {
this.categoryId = index
this.problemTypeContent = this.problemType[index].content
},
// //查看
examineFn(urlList, index) {
uni.previewImage({
@@ -408,6 +413,7 @@
id: this.orderId
}).then(res => {
this.$refs.paging.complete(res.data.carRentalProduct);
console.log(res.data);
this.commodityDeta = res.data
this.branner = res.data.sliderImage.split(',')
})
@@ -539,6 +545,12 @@
onLoad(options) {
this.orderId = options.id
// this.getProductInfoDealerFn(options.id)
//常见问题
getproblemList().then(res => {
this.problemType = res.data
this.problemTypeContent = res.data[0].content
console.log('常见问题', res);
})
},
onShow() {},
}
@@ -649,11 +661,7 @@
}
}
.store-info {
margin-top: 24rpx;
font-size: 28rpx;
color: #666666;
}
.store-btns {
margin-top: 24rpx;
@@ -770,7 +778,11 @@
line-height: 50rpx;
font-weight: bold;
}
.store-info {
font-size: 28rpx;
color: #555555;
margin-top: 16rpx;
}
.popup-tags-list {
margin-top: 16rpx;
font-size: 24rpx;