|
@@ -1,14 +1,16 @@
|
|
<template>
|
|
<template>
|
|
<view>
|
|
<view>
|
|
<block>
|
|
<block>
|
|
- <view :class='{"active" : activeMarkersId == item.id}' class="store-card" v-if="item.admin_id" @click="navToStore(item.admin_id)" v-for="(item, index) in near_store_list" :key="index">
|
|
|
|
|
|
+ <view :class='{"active" : activeMarkersId == item.id}' class="store-card" v-if="item.admin_id"
|
|
|
|
+ @click="navToStore(item.admin_id)" v-for="(item, index) in near_store_list" :key="index">
|
|
<view>
|
|
<view>
|
|
<view class="card-top-style flex-row flex-between">
|
|
<view class="card-top-style flex-row flex-between">
|
|
<view class="shop_name">{{item.shop_name}}</view>
|
|
<view class="shop_name">{{item.shop_name}}</view>
|
|
<view>{{item.distance}}</view>
|
|
<view>{{item.distance}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="card-center-ren flex-row">
|
|
<view class="card-center-ren flex-row">
|
|
- <view style="color: #0A59F7;border-color: #0A59F7;" v-for="(items,indexs) of item.business_list" :key="indexs" class=" tag align-c">
|
|
|
|
|
|
+ <view style="color: #0A59F7;border-color: #0A59F7;" v-for="(items,indexs) of item.business_list"
|
|
|
|
+ :key="indexs" class=" tag align-c">
|
|
{{items.title}}
|
|
{{items.title}}
|
|
</view>
|
|
</view>
|
|
<view class="align-c tag">
|
|
<view class="align-c tag">
|
|
@@ -18,11 +20,14 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="item.model_list.length===1">
|
|
<view v-if="item.model_list.length===1">
|
|
- <view @click.stop="$srcFn(`/pages/carDetail/carDetail?model_id=${item.model_list[0].model_id}`)" class="card-bottom card-first flex-row">
|
|
|
|
|
|
+ <view @click.stop="$srcFn(`/pages/carDetail/carDetail?model_id=${item.model_list[0].model_id}`)"
|
|
|
|
+ class="card-bottom card-first flex-row">
|
|
<view class="second-view flex-row">
|
|
<view class="second-view flex-row">
|
|
<view>
|
|
<view>
|
|
- <image :src="item.model_list[0]!=''?item.model_list[0].model_images:'https://qiniu.bms16.com/FhEvnKUckAHPtWaC04mi2s53IEVj'" mode="aspectFill"></image>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <image
|
|
|
|
+ :src="item.model_list[0]!=''?item.model_list[0].model_images:'https://qiniu.bms16.com/FhEvnKUckAHPtWaC04mi2s53IEVj'"
|
|
|
|
+ mode="aspectFill"></image>
|
|
|
|
+ </view>
|
|
<view class="bottom-item">
|
|
<view class="bottom-item">
|
|
<view>{{item.model_list[0].model_name}}</view>
|
|
<view>{{item.model_list[0].model_name}}</view>
|
|
<view>
|
|
<view>
|
|
@@ -30,22 +35,25 @@
|
|
</view>
|
|
</view>
|
|
<view class="flex-row flex-between">
|
|
<view class="flex-row flex-between">
|
|
<view class="bottom-text">
|
|
<view class="bottom-text">
|
|
- {{ curType() }} <text style="margin-left: 10rpx;">¥</text><text>{{60 }}</text>
|
|
|
|
|
|
+ {{ leaseUnitsResult }} <text
|
|
|
|
+ style="margin-left: 10rpx;">¥</text><text>{{item.model_list[0].hire_price}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
- <scroll-view v-if="item.model_list.length>1" :scroll-into-view="'into'+into" scroll-x="true" enable-flex class="scrollview-box"
|
|
|
|
- scroll-with-animation @scroll="onScroll">
|
|
|
|
- <view @click.stop="$srcFn(`/pages/carDetail/carDetail?model_id=${items.model_id}`)" v-for="(items,index) in item.model_list" :key="index"
|
|
|
|
- :style="{ marginLeft: index > 0 ? '32rpx' : '0' }" class="form-item" :data-item="items"
|
|
|
|
- >
|
|
|
|
|
|
+
|
|
|
|
+ <scroll-view v-if="item.model_list.length>1" :scroll-into-view="'into'+into" scroll-x="true" enable-flex
|
|
|
|
+ class="scrollview-box" scroll-with-animation @scroll="onScroll">
|
|
|
|
+ <view @click.stop="$srcFn(`/pages/carDetail/carDetail?model_id=${items.model_id}`)"
|
|
|
|
+ v-for="(items,index) in item.model_list" :key="index"
|
|
|
|
+ :style="{ marginLeft: index > 0 ? '32rpx' : '0' }" class="form-item" :data-item="items">
|
|
<view class="second-view flex-row">
|
|
<view class="second-view flex-row">
|
|
<view>
|
|
<view>
|
|
- <image :src="items.model_images || 'https://qiniu.bms16.com/FhEvnKUckAHPtWaC04mi2s53IEVj'" mode="aspectFill"></image>
|
|
|
|
|
|
+ <image
|
|
|
|
+ :src="items.model_images || 'https://qiniu.bms16.com/FhEvnKUckAHPtWaC04mi2s53IEVj'"
|
|
|
|
+ mode="aspectFill"></image>
|
|
</view>
|
|
</view>
|
|
<view class="bottom-item">
|
|
<view class="bottom-item">
|
|
<view>{{ items.model_name }}</view>
|
|
<view>{{ items.model_name }}</view>
|
|
@@ -54,7 +62,12 @@
|
|
</view>
|
|
</view>
|
|
<view class="flex-row flex-between">
|
|
<view class="flex-row flex-between">
|
|
<view class="bottom-text">
|
|
<view class="bottom-text">
|
|
- {{ curType() }} <text style="margin-left: 10rpx;">¥</text><text>{{ 60}}</text>
|
|
|
|
|
|
+ {{ leaseUnitsResult }}<text
|
|
|
|
+ style="margin-left: 10rpx;">¥</text><text>{{(items.hire_price /100).toFixed(1)}}</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view v-if="items.sell_price && isBuy" class="bottom-text">
|
|
|
|
+ 购买<text
|
|
|
|
+ style="margin-left: 10rpx;">¥</text><text>{{(items.sell_price /100).toFixed(1)}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -69,13 +82,13 @@
|
|
</view>
|
|
</view>
|
|
<view class="flex-row align-center">
|
|
<view class="flex-row align-center">
|
|
<view>
|
|
<view>
|
|
- <image @click.stop="callFn(item.link_phone)" style="width: 84rpx;height: 64rpx;"
|
|
|
|
- src="https://qiniu.bms16.com/Ft0YA1JYmq66hdoeEN-PgBHy5vLa" mode=""></image>
|
|
|
|
|
|
+ <image @click.stop="callFn(item.link_phone)" style="width: 84rpx;height: 64rpx;"
|
|
|
|
+ src="https://qiniu.bms16.com/Ft0YA1JYmq66hdoeEN-PgBHy5vLa" mode=""></image>
|
|
</view>
|
|
</view>
|
|
<view style="margin-left: 20rpx;">
|
|
<view style="margin-left: 20rpx;">
|
|
<image @click.stop="bindToNav(item)" style="width: 112rpx;height: 64rpx;"
|
|
<image @click.stop="bindToNav(item)" style="width: 112rpx;height: 64rpx;"
|
|
src="https://qiniu.bms16.com/Fts38M35doVjK09GfOza5qD-wwkK" mode=""></image>
|
|
src="https://qiniu.bms16.com/Fts38M35doVjK09GfOza5qD-wwkK" mode=""></image>
|
|
-
|
|
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -98,17 +111,35 @@
|
|
loginToast
|
|
loginToast
|
|
} from '@/utils'
|
|
} from '@/utils'
|
|
export default {
|
|
export default {
|
|
|
|
+ computed: {
|
|
|
|
+ leaseUnitsResult() {
|
|
|
|
+ const result = LEASE_TYPE_ARR.find(v => v.value == this.shopType);
|
|
|
|
+ return result ? result.label : '';
|
|
|
|
+ },
|
|
|
|
+ leaseUnits() {
|
|
|
|
+ const result = LEASE_TYPE_ARR.find(v => v.value == this.shopType);
|
|
|
|
+ return result ? result.unit : '';
|
|
|
|
+ }
|
|
|
|
+ },
|
|
props: {
|
|
props: {
|
|
|
|
+ isBuy: {
|
|
|
|
+ type: Boolean,
|
|
|
|
+ defult: true
|
|
|
|
+ },
|
|
|
|
+ shopType: {
|
|
|
|
+ type: Number,
|
|
|
|
+ defult: 1
|
|
|
|
+ },
|
|
params: {
|
|
params: {
|
|
type: Object
|
|
type: Object
|
|
},
|
|
},
|
|
- near_store_list:{
|
|
|
|
- type:Array,
|
|
|
|
- defult:[]
|
|
|
|
|
|
+ near_store_list: {
|
|
|
|
+ type: Array,
|
|
|
|
+ defult: []
|
|
},
|
|
},
|
|
- activeMarkersId:{
|
|
|
|
- type:Number,
|
|
|
|
- defult:0
|
|
|
|
|
|
+ activeMarkersId: {
|
|
|
|
+ type: Number,
|
|
|
|
+ defult: 0
|
|
}
|
|
}
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
@@ -140,9 +171,6 @@
|
|
model_list: [],
|
|
model_list: [],
|
|
shopModelListView: []
|
|
shopModelListView: []
|
|
};
|
|
};
|
|
- },
|
|
|
|
- computed: {
|
|
|
|
-
|
|
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
// params: {
|
|
// params: {
|
|
@@ -166,7 +194,7 @@
|
|
name: shop_name,
|
|
name: shop_name,
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- callFn(tel){
|
|
|
|
|
|
+ callFn(tel) {
|
|
uni.showModal({
|
|
uni.showModal({
|
|
content: `您是否要拨打电话${tel}?`,
|
|
content: `您是否要拨打电话${tel}?`,
|
|
confirmText: '确定',
|
|
confirmText: '确定',
|
|
@@ -185,7 +213,7 @@
|
|
return '租'
|
|
return '租'
|
|
},
|
|
},
|
|
async navToStore(admin_id) {
|
|
async navToStore(admin_id) {
|
|
- const url = '/pages/storeDetails/storeDetails?admin_id=' + admin_id
|
|
|
|
|
|
+ const url = '/pages/storeDetails/storeDetails?admin_id=' + admin_id
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
url
|
|
url
|
|
})
|
|
})
|
|
@@ -240,7 +268,7 @@
|
|
let all_num = 0
|
|
let all_num = 0
|
|
let distance = ''
|
|
let distance = ''
|
|
for (let i = 0; item.model_list.length > i; i++) {
|
|
for (let i = 0; item.model_list.length > i; i++) {
|
|
-
|
|
|
|
|
|
+
|
|
let model_item = item.model_list[i]
|
|
let model_item = item.model_list[i]
|
|
all_num += item.model_list[i].car_num - 0
|
|
all_num += item.model_list[i].car_num - 0
|
|
distance = common.formatDistance(item.distance)
|
|
distance = common.formatDistance(item.distance)
|
|
@@ -248,8 +276,9 @@
|
|
item.all_num = all_num
|
|
item.all_num = all_num
|
|
item.distance = distance
|
|
item.distance = distance
|
|
item.model_list.map(items => {
|
|
item.model_list.map(items => {
|
|
- items.model_images = items.model_images
|
|
|
|
- items.total_price = (me.leaseTime * (items.price_setting[0].hire_price - 0)) /100
|
|
|
|
|
|
+ items.model_images = items.model_images
|
|
|
|
+ items.total_price = (me.leaseTime * (items.price_setting[0].hire_price - 0)) /
|
|
|
|
+ 100
|
|
return item
|
|
return item
|
|
})
|
|
})
|
|
}
|
|
}
|
|
@@ -339,4 +368,4 @@
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
@import url("./carRentalList.css");
|
|
@import url("./carRentalList.css");
|
|
-</style>
|
|
|
|
|
|
+</style>
|