到计算金额
This commit is contained in:
parent
c7589bae37
commit
d0fae46441
|
|
@ -7,7 +7,7 @@
|
|||
{{obj.title}}
|
||||
</view>
|
||||
|
||||
<view class="js" v-html="obj.content">
|
||||
<view class="js" v-html="obj.content == null ? '' : obj.content">
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
<view class="page">
|
||||
<u-navbar title="附近门店" :border-bottom="false" :background="bgc" title-color='#000' title-size='36' height='58'></u-navbar>
|
||||
<view class="dtxs">
|
||||
<map class='map' :latitude="latitude" :longitude="longitude" @markertap="handleMarkerClick" :markers="covers" :show-location="true"/>
|
||||
<map class='map' id="map" :latitude="latitude" :longitude="longitude" @markertap="handleMarkerClick"
|
||||
:show-location="true" :markers="covers" :scale="mapScale" />
|
||||
</view>
|
||||
<!-- <view class="listbox">
|
||||
<view class="moshi">
|
||||
|
|
@ -64,7 +65,23 @@
|
|||
num:0,
|
||||
bgc:{
|
||||
background:'#25D088'
|
||||
}
|
||||
},
|
||||
listmap: [],
|
||||
mapScale: 15,
|
||||
datetime: 0,
|
||||
dingobj: '',
|
||||
mapContext: null,
|
||||
mapScaleInterval: null,
|
||||
}
|
||||
},
|
||||
onReady() {
|
||||
this.mapContext = uni.createMapContext('map', this);
|
||||
this.mapScaleInterval = setInterval(this.updateMarkers, 1000);
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (this.mapScaleInterval) {
|
||||
clearInterval(this.mapScaleInterval);
|
||||
this.mapScaleInterval = null;
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
|
|
@ -76,6 +93,72 @@
|
|||
this.getxq()
|
||||
},
|
||||
methods: {
|
||||
updateMarkers() {
|
||||
this.mapContext.getScale({
|
||||
success: (res) => {
|
||||
this.covers = []; // 清空之前的覆盖物
|
||||
if (res.scale <= 14) {
|
||||
this.addMarkersWithoutLabels();
|
||||
} else {
|
||||
this.addMarkersWithLabels();
|
||||
}
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('获取地图缩放级别失败：', error);
|
||||
// 额外的错误处理逻辑...
|
||||
},
|
||||
});
|
||||
},
|
||||
addMarkersWithoutLabels() {
|
||||
this.listmap.forEach((item) => {
|
||||
const shopCover = {
|
||||
id: parseFloat(item.storeId),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uI3B6yPwtiUBD3vafLtw',
|
||||
};
|
||||
this.covers.push(shopCover);
|
||||
});
|
||||
},
|
||||
addMarkersWithLabels() {
|
||||
this.listmap.forEach((item) => {
|
||||
const shopCover = {
|
||||
id: parseFloat(item.storeId),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uI3B6yPwtiUBD3vafLtw',
|
||||
label: {
|
||||
content: item.name,
|
||||
anchorX:this.calculateAnchorX(item.name),
|
||||
fontWeight: 700,
|
||||
color: '#25D088',
|
||||
textShadow: '2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000',
|
||||
rotate:20
|
||||
}
|
||||
}
|
||||
this.covers.push(shopCover);
|
||||
});
|
||||
},
|
||||
calculateAnchorX(name) {
|
||||
let chineseLength = 0;
|
||||
let englishLength = 0;
|
||||
for (let i = 0; i < name.length; i++) {
|
||||
const charCode = name.charCodeAt(i);
|
||||
if (charCode >= 0x4e00 && charCode <= 0x9fa5) {
|
||||
chineseLength++;
|
||||
} else if (/[a-zA-Z]/.test(name[i])) {
|
||||
englishLength = englishLength+0.3;
|
||||
// console.log(englishLength);
|
||||
}
|
||||
}
|
||||
const totalLength = chineseLength + englishLength * 2;
|
||||
return -totalLength * 6.5
|
||||
},
|
||||
|
||||
scanQRCode() {
|
||||
uni.scanCode({
|
||||
onlyFromCamera: true,
|
||||
|
|
@ -125,25 +208,46 @@
|
|||
this.jinweidu = this.longitude + ',' + this.latitude;
|
||||
// 请求附近的店铺
|
||||
this.$u.get("/app/store/listNearBy?center=" + this.jinweidu + '&radius=' + 1000).then(res => {
|
||||
if (res.code == 200) {
|
||||
// 假设返回的店铺数据在res.rows中，并且每个店铺有latitude和longitude字段
|
||||
res.data.forEach(item => {
|
||||
const shopCover = {
|
||||
id:parseFloat(item.storeId),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uI3B6yPwtiUBD3vafLtw' ,
|
||||
label: {
|
||||
content: item.name,
|
||||
// anchorX:-20,
|
||||
textAlign: 'center'
|
||||
}
|
||||
};
|
||||
this.covers.push(shopCover);
|
||||
});
|
||||
}
|
||||
if (res.code == 200) {
|
||||
this.listmap = res.data
|
||||
res.data.forEach(item => {
|
||||
const shopCover = {
|
||||
id: parseFloat(item.storeId),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uI3B6yPwtiUBD3vafLtw', // 你可以为每个店铺指定不同的图标
|
||||
label: {
|
||||
content: item.name,
|
||||
anchorX: (() => {
|
||||
if (item.name.length <= 2) {
|
||||
return -12
|
||||
} else if (item.name.length <= 3) {
|
||||
return -20
|
||||
} else if (item.name.length <= 4) {
|
||||
return -25
|
||||
} else if (item.name.length <= 5) {
|
||||
return -30
|
||||
} else if (item.name.length <= 6) {
|
||||
return -35
|
||||
} else if (item.name.length <= 8) {
|
||||
return -40
|
||||
} else if (item.name.length <=
|
||||
10) {
|
||||
return -45
|
||||
} else {
|
||||
return -item.name.length * 5
|
||||
}
|
||||
})(),
|
||||
fontWeight: 700,
|
||||
color: '#25D088',
|
||||
textShadow: '2px 2px 0px white, -2px -2px 0px white, 2px -2px 0px white, -2px 2px 0px white',
|
||||
}
|
||||
};
|
||||
this.covers.push(shopCover);
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
|
|
|
|||
|
|
@ -9,8 +9,8 @@
|
|||
</view>
|
||||
<view class="ditu">
|
||||
<view class="dtxs">
|
||||
<map class='map' :latitude="latitude" :longitude="longitude" @markertap="handleMapClick"
|
||||
:show-location="true" :markers="covers" :scale="15" />
|
||||
<map class='map' id="map" :latitude="latitude" :longitude="longitude" @markertap="handleMarkerClick"
|
||||
:show-location="true" :markers="covers" :scale="mapScale" />
|
||||
</view>
|
||||
<view class="tubiao">
|
||||
<view class="gr" @click="btnindex(1)">
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
</view>
|
||||
<view class="xiang">
|
||||
<view class="fenz">
|
||||
<text>10分钟</text> <text>3.00</text>
|
||||
<text>{{zujieobj.remainingTime}}</text> <text>{{zujiemoney > zujieobj.priceStandard.feeMaxPrice ? zujieobj.priceStandard.feeMaxPrice : zujiemoney}}元</text>
|
||||
</view>
|
||||
<view class="shic">
|
||||
<text>使用时长</text> <text>预估金额</text>
|
||||
|
|
@ -65,34 +65,39 @@
|
|||
价格明细
|
||||
</view>
|
||||
<view class="shic">
|
||||
<text>订单金额</text> <text>0元</text>
|
||||
<text>订单金额</text> <text>{{zujiemoney > zujieobj.priceStandard.feeMaxPrice ? zujieobj.priceStandard.feeMaxPrice : zujiemoney}}元</text>
|
||||
</view>
|
||||
<view class="shuom">
|
||||
计价规则：3.00元/小时，前5分钟免费，不足一小时按一 小时计费，日封顶30.00元，总封顶99.00元
|
||||
<!-- 计价规则：{{zujieobj.priceStandard.feePrice}}元/小时， -->
|
||||
<text v-if="zujieobj.priceStandard.feeMode == 2">{{zujieobj.priceStandard.feePrice}}元/小时</text>
|
||||
<text v-if="zujieobj.priceStandard.feeMode == 1">{{zujieobj.priceStandard.feePrice}}元/半小时</text>
|
||||
，前{{zujieobj.priceStandard.feeFreeTime}}分钟免费，不足一小时按一小时计费，日封顶{{zujieobj.priceStandard.feePrice * 24}}元，总封顶{{zujieobj.priceStandard.feeMaxPrice}}元
|
||||
</view>
|
||||
<view class="tits">
|
||||
租借信息
|
||||
</view>
|
||||
<view class="shic">
|
||||
<text>租借时间</text> <text>2024-04-08 15:05:21</text>
|
||||
<text>租借时间</text> <text>{{zujieobj.startRentTime}}</text>
|
||||
</view>
|
||||
<view class="shic">
|
||||
<text>租借方式</text> <text>微信免押</text>
|
||||
<text>租借方式</text> <text v-if="zujieobj.rentType == 1">普通租赁</text> <text
|
||||
v-if="zujieobj.rentType == 2">免押金租赁</text>
|
||||
</view>
|
||||
<view class="shic">
|
||||
<text style="width: 260rpx;">租借地点</text> <text>福建省宁德市福鼎市秦晖路附近久久红农家乐 （朝阳路店）</text>
|
||||
<text style="width: 260rpx;">租借地点</text> <text>{{zujieobj.startStoreAddress}}</text>
|
||||
</view>
|
||||
<view class="shic">
|
||||
<text>归还时间</text> <text>-</text>
|
||||
<text>归还时间</text> <text>{{zujieobj.endRentTime == null ? '-' : zujieobj.endRentTime}}</text>
|
||||
</view>
|
||||
<view class="shic">
|
||||
<text style="width: 260rpx;">归还地点</text> <text>-</text>
|
||||
<text style="width: 260rpx;">归还地点</text>
|
||||
<text>{{zujieobj.endStoreAddress == null ? '-' : zujieobj.endStoreAddress}}</text>
|
||||
</view>
|
||||
<view class="shic">
|
||||
<text>租借电池</text> <text>JXDD21387489</text>
|
||||
<text>租借电池</text> <text>{{zujieobj.deviceSn}}</text>
|
||||
</view>
|
||||
<view class="shic">
|
||||
<text>订单编号</text> <text>S1269876456368798741201 <text class="fz"
|
||||
<text>订单编号</text> <text>{{zujieobj.orderNo}} <text class="fz"
|
||||
@click="copyText('S1269876456368798741201')">复制</text> </text>
|
||||
</view>
|
||||
<view class="huan">
|
||||
|
|
@ -122,15 +127,186 @@
|
|||
longitude: '', // 初始经度
|
||||
covers: [], // 覆盖物数组
|
||||
jinweidu: '',
|
||||
zujieflag:false
|
||||
zujieflag: false,
|
||||
listmap: [],
|
||||
mapScale: 15,
|
||||
datetime: 0,
|
||||
dingobj: '',
|
||||
mapContext: null,
|
||||
mapScaleInterval: null,
|
||||
zujieobj: {},
|
||||
zujiemoney: '',
|
||||
timer: null,
|
||||
};
|
||||
},
|
||||
onReady() {
|
||||
this.mapContext = uni.createMapContext('map', this);
|
||||
this.mapScaleInterval = setInterval(this.updateMarkers, 1000);
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (this.mapScaleInterval) {
|
||||
clearInterval(this.mapScaleInterval);
|
||||
this.mapScaleInterval = null;
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.jmlogin()
|
||||
this.getuser()
|
||||
this.getorder()
|
||||
this.startTimer()
|
||||
},
|
||||
onHide() {
|
||||
// 在页面隐藏时清除定时器
|
||||
this.clearTimer()
|
||||
},
|
||||
onUnload() {
|
||||
this.clearTimer()
|
||||
},
|
||||
methods: {
|
||||
btnzujie(){
|
||||
startTimer() {
|
||||
// 如果之前已经存在定时器，先清除它
|
||||
this.clearTimer();
|
||||
this.timer = setInterval(() => {
|
||||
this.getorder()
|
||||
}, 60000);
|
||||
},
|
||||
clearTimer() {
|
||||
// 清除定时器
|
||||
if (this.timer) {
|
||||
clearInterval(this.timer);
|
||||
this.timer = null;
|
||||
}
|
||||
},
|
||||
// 查询当前是否有进行中订单
|
||||
getorder() {
|
||||
this.$u.get('/app/order/rent/using').then(res => {
|
||||
if (res.code == 200) {
|
||||
if (res.data) {
|
||||
this.zujieflag = true
|
||||
this.zujieobj = res.data
|
||||
if (this.zujieobj.endRentTime == null) {
|
||||
var targetDate = new Date(this.zujieobj.startRentTime);
|
||||
var currentDate = new Date();
|
||||
var diff = targetDate - currentDate;
|
||||
var absDiff = Math.abs(diff);
|
||||
var hours = Math.floor(absDiff / (1000 * 60 * 60));
|
||||
var minutes = Math.floor((absDiff % (1000 * 60 * 60)) / (1000 * 60));
|
||||
let formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
|
||||
this.zujieobj.remainingTime = hours + '小时' + formattedMinutes + '分钟';
|
||||
if (this.zujieobj.priceStandard.feeMode == 2) {
|
||||
if (minutes >= this.zujieobj.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours + 1) * this.zujieobj.priceStandard.feePrice
|
||||
} else {
|
||||
this.zujiemoney = hours * this.zujieobj.priceStandard.feePrice
|
||||
}
|
||||
}else if(this.zujieobj.priceStandard.feeMode == 1){
|
||||
if (minutes >= this.zujieobj.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours * 2 + 1) * this.zujieobj.priceStandard.feePrice
|
||||
if(minutes >= 30){
|
||||
this.zujiemoney = (hours * 2 + 2) * this.zujieobj.priceStandard.feePrice
|
||||
}
|
||||
} else {
|
||||
this.zujiemoney = hours * 2 * this.zujieobj.priceStandard.feePrice
|
||||
}
|
||||
}
|
||||
} else {
|
||||
var targetDate = new Date(this.zujieobj.endRentTime);
|
||||
var currentDate = new Date();
|
||||
var diff = targetDate - currentDate;
|
||||
var absDiff = Math.abs(diff);
|
||||
var hours = Math.floor(absDiff / (1000 * 60 * 60));
|
||||
var minutes = Math.floor((absDiff % (1000 * 60 * 60)) / (1000 * 60));
|
||||
let formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
|
||||
this.zujieobj.remainingTime = hours + '小时' + formattedMinutes + '分钟';
|
||||
if (this.zujieobj.priceStandard.feeMode == 2) {
|
||||
if (minutes >= this.zujieobj.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours + 1) * this.zujieobj.priceStandard.feePrice
|
||||
} else {
|
||||
this.zujiemoney = hours * this.zujieobj.priceStandard.feePrice
|
||||
}
|
||||
}else if(this.zujieobj.priceStandard.feeMode == 1){
|
||||
if (minutes >= this.zujieobj.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours * 2 + 1) * 2 * this.zujieobj.priceStandard.feePrice
|
||||
if(minutes >= 30){
|
||||
this.zujiemoney = (hours * 2 + 2) * this.zujieobj.priceStandard.feePrice
|
||||
}
|
||||
} else {
|
||||
this.zujiemoney = hours * 2 * this.zujieobj.priceStandard.feePrice
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
updateMarkers() {
|
||||
this.mapContext.getScale({
|
||||
success: (res) => {
|
||||
this.covers = []; // 清空之前的覆盖物
|
||||
if (res.scale <= 14) {
|
||||
this.addMarkersWithoutLabels();
|
||||
} else {
|
||||
this.addMarkersWithLabels();
|
||||
}
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('获取地图缩放级别失败：', error);
|
||||
// 额外的错误处理逻辑...
|
||||
},
|
||||
});
|
||||
},
|
||||
addMarkersWithoutLabels() {
|
||||
this.listmap.forEach((item) => {
|
||||
const shopCover = {
|
||||
id: parseFloat(item.storeId),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uI3B6yPwtiUBD3vafLtw',
|
||||
};
|
||||
this.covers.push(shopCover);
|
||||
});
|
||||
},
|
||||
addMarkersWithLabels() {
|
||||
this.listmap.forEach((item) => {
|
||||
const shopCover = {
|
||||
id: parseFloat(item.storeId),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uI3B6yPwtiUBD3vafLtw',
|
||||
label: {
|
||||
content: item.name,
|
||||
anchorX: this.calculateAnchorX(item.name),
|
||||
fontWeight: 700,
|
||||
color: '#25D088',
|
||||
textShadow: '2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000',
|
||||
rotate: 20
|
||||
}
|
||||
}
|
||||
this.covers.push(shopCover);
|
||||
});
|
||||
},
|
||||
calculateAnchorX(name) {
|
||||
let chineseLength = 0;
|
||||
let englishLength = 0;
|
||||
for (let i = 0; i < name.length; i++) {
|
||||
const charCode = name.charCodeAt(i);
|
||||
if (charCode >= 0x4e00 && charCode <= 0x9fa5) {
|
||||
chineseLength++;
|
||||
} else if (/[a-zA-Z]/.test(name[i])) {
|
||||
englishLength = englishLength + 0.3;
|
||||
// console.log(englishLength);
|
||||
}
|
||||
}
|
||||
const totalLength = chineseLength + englishLength * 2;
|
||||
return -totalLength * 6.5
|
||||
},
|
||||
|
||||
btnzujie() {
|
||||
this.zujieflag = false
|
||||
},
|
||||
scanQRCode() {
|
||||
|
|
@ -167,8 +343,12 @@
|
|||
getuser() {
|
||||
this.$u.get('/app/user/userInfo').then(res => {
|
||||
if (res.code == 200) {
|
||||
uni.setStorageSync('userdata', res.data)
|
||||
// console.log(uni.getStorageSync('userdata'));
|
||||
if (uni.setStorageSync('userdata')) {
|
||||
uni.removeStorageSync('userdata')
|
||||
uni.setStorageSync('userdata', res.data)
|
||||
} else {
|
||||
uni.setStorageSync('userdata', res.data)
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
|
|
@ -192,17 +372,6 @@
|
|||
})
|
||||
}
|
||||
},
|
||||
btnnav(num) {
|
||||
if (num == 1) {
|
||||
|
||||
} else if (num == 2) {
|
||||
|
||||
} else if (num == 3) {
|
||||
|
||||
} else if (num == 4) {
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
getMyLocation() {
|
||||
uni.getLocation({
|
||||
|
|
@ -216,6 +385,7 @@
|
|||
this.$u.get("/app/store/listNearBy?center=" + this.jinweidu + '&radius=' + 1000).then(
|
||||
res => {
|
||||
if (res.code == 200) {
|
||||
this.listmap = res.data
|
||||
res.data.forEach(item => {
|
||||
const shopCover = {
|
||||
id: parseFloat(item.storeId),
|
||||
|
|
@ -226,8 +396,29 @@
|
|||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uI3B6yPwtiUBD3vafLtw',
|
||||
label: {
|
||||
content: item.name,
|
||||
// anchorX:-20,
|
||||
textAlign: 'center'
|
||||
anchorX: (() => {
|
||||
if (item.name.length <= 2) {
|
||||
return -12
|
||||
} else if (item.name.length <= 3) {
|
||||
return -20
|
||||
} else if (item.name.length <= 4) {
|
||||
return -25
|
||||
} else if (item.name.length <= 5) {
|
||||
return -30
|
||||
} else if (item.name.length <= 6) {
|
||||
return -35
|
||||
} else if (item.name.length <= 8) {
|
||||
return -40
|
||||
} else if (item.name.length <=
|
||||
10) {
|
||||
return -45
|
||||
} else {
|
||||
return -item.name.length * 5
|
||||
}
|
||||
})(),
|
||||
fontWeight: 700,
|
||||
color: '#25D088',
|
||||
textShadow: '2px 2px 0px white, -2px -2px 0px white, 2px -2px 0px white, -2px 2px 0px white',
|
||||
}
|
||||
};
|
||||
this.covers.push(shopCover);
|
||||
|
|
@ -258,7 +449,7 @@
|
|||
uni.setStorageSync('token', res.token);
|
||||
taht.getMyLocation()
|
||||
}
|
||||
});
|
||||
})
|
||||
}
|
||||
},
|
||||
})
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
<text v-if="item.status == 6">租转卖</text>
|
||||
</view>
|
||||
<view class="bh">
|
||||
<text>订单金额</text> <text>{{item.money == null ? '-' : item.money}}</text>
|
||||
<text>订单金额</text> <text>{{item.money == null ? (zujiemoney > item.priceStandard.feeMaxPrice ? item.priceStandard.feeMaxPrice : zujiemoney) : item.money}}元</text>
|
||||
</view>
|
||||
<view class="bh">
|
||||
<text>租借时间</text> <text>{{item.startRentTime}}</text>
|
||||
|
|
@ -55,7 +55,8 @@
|
|||
type: '',
|
||||
bgc: {
|
||||
background: '#25CE88'
|
||||
}
|
||||
},
|
||||
zujiemoney:''
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
|
@ -84,6 +85,22 @@
|
|||
let formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
|
||||
// 直接拼接字符串，不要插入 '-'
|
||||
order.remainingTime = hours + '时' + formattedMinutes + '分钟';
|
||||
if (order.priceStandard.feeMode == 2) {
|
||||
if (minutes >= order.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours + 1) * order.priceStandard.feePrice
|
||||
} else {
|
||||
this.zujiemoney = hours * order.priceStandard.feePrice
|
||||
}
|
||||
}else if(order.priceStandard.feeMode == 1){
|
||||
if (minutes >= order.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours * 2 + 1) * order.priceStandard.feePrice
|
||||
if(minutes >= 30){
|
||||
this.zujiemoney = (hours * 2 + 2) * order.priceStandard.feePrice
|
||||
}
|
||||
} else {
|
||||
this.zujiemoney = hours * 2 * order.priceStandard.feePrice
|
||||
}
|
||||
}
|
||||
}else{
|
||||
var targetDate = new Date(order.endRentTime);
|
||||
var currentDate = new Date();
|
||||
|
|
@ -93,6 +110,22 @@
|
|||
var minutes = Math.floor((absDiff % (1000 * 60 * 60)) / (1000 * 60));
|
||||
let formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
|
||||
order.remainingTime = hours + '时' + formattedMinutes + '分钟';
|
||||
if (order.priceStandard.feeMode == 2) {
|
||||
if (minutes >= order.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours + 1) * order.priceStandard.feePrice
|
||||
} else {
|
||||
this.zujiemoney = hours * order.priceStandard.feePrice
|
||||
}
|
||||
}else if(order.priceStandard.feeMode == 1){
|
||||
if (minutes >= order.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours * 2 + 1) * order.priceStandard.feePrice
|
||||
if(minutes >= 30){
|
||||
this.zujiemoney = (hours * 2 + 2) * order.priceStandard.feePrice
|
||||
}
|
||||
} else {
|
||||
this.zujiemoney = hours * 2 * order.priceStandard.feePrice
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<view class="listorder">
|
||||
<view class="title">
|
||||
<view class="date">
|
||||
<text>{{listobj.remainingTime}}</text> <text>￥{{listobj.money}}</text>
|
||||
<text>{{listobj.remainingTime}}</text> <text>￥{{listobj.money == null ? (zujiemoney > fee.feeMaxPrice ? fee.feeMaxPrice : zujiemoney) : listobj.money}}</text>
|
||||
</view>
|
||||
<view class="jine">
|
||||
<text>使用时长</text> <text>订单金额</text>
|
||||
|
|
@ -15,7 +15,11 @@
|
|||
价格明细
|
||||
</view>
|
||||
<view class="mx">
|
||||
<text>收费标准</text> <text>{{fee.feePrice}}元/小时，前{{fee.feeFreeTime}}分钟免费，日封顶{{fee.feePrice * 24}}元</text>
|
||||
<text style="width: 100rpx;">收费标准</text>
|
||||
<text>
|
||||
<text v-if="fee.feeMode == 2">{{fee.feePrice}}元/小时</text>
|
||||
<text v-if="fee.feeMode == 1">{{fee.feePrice}}元/半小时</text>
|
||||
,前{{fee.feeFreeTime}}分钟免费,日封顶{{fee.feePrice * 24}}元,总封顶{{fee.feeMaxPrice}}元</text>
|
||||
</view>
|
||||
<view class="mx">
|
||||
<text>租借方式</text>
|
||||
|
|
@ -26,10 +30,10 @@
|
|||
<text>使用时长</text> <text>{{listobj.remainingTime}}</text>
|
||||
</view>
|
||||
<view class="mx">
|
||||
<text>付款金额</text> <text>￥{{listobj.payMoney}}</text>
|
||||
<text>付款金额</text> <text>￥{{ listobj.payMoney == null ? (zujiemoney > fee.feeMaxPrice ? fee.feeMaxPrice : zujiemoney) : listobj.payMoney}}</text>
|
||||
</view>
|
||||
<view class="mx">
|
||||
<text>订单金额</text> <text>￥{{listobj.money}}</text>
|
||||
<text>订单金额</text> <text>￥{{listobj.money == null ? (zujiemoney > fee.feeMaxPrice ? fee.feeMaxPrice : zujiemoney) : listobj.money}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -56,16 +60,16 @@
|
|||
（朝阳路店）
|
||||
</view> -->
|
||||
<view class="zj">
|
||||
<text>归还时间</text> <text>{{listobj.endRentTime}}</text>
|
||||
<text>归还时间</text> <text>{{listobj.endRentTime == null ? '-' : listobj.endRentTime}}</text>
|
||||
</view>
|
||||
<view class="zj">
|
||||
<text>归还店铺</text> <text>{{listobj.endStoreName}}</text>
|
||||
<text>归还店铺</text> <text>{{listobj.endStoreName == null ? '-' : listobj.endStoreName}}</text>
|
||||
</view>
|
||||
<view class="zj">
|
||||
<text>归还设备</text> <text>{{listobj.endCabinetSn}}</text>
|
||||
<text>归还设备</text> <text>{{listobj.endCabinetSn == null ? '-' : listobj.endCabinetSn}}</text>
|
||||
</view>
|
||||
<view class="zj">
|
||||
<text style="width: 160rpx;">归还地点</text> <text>{{listobj.endStoreAddress}}</text>
|
||||
<text style="width: 160rpx;">归还地点</text> <text>{{listobj.endStoreAddress == null ? '-' : listobj.endStoreAddress}}</text>
|
||||
</view>
|
||||
<!-- <view class="" style="font-size: 24rpx;color: #808080;line-height: 32rpx;margin-bottom: 18rpx;text-align: right;">
|
||||
（朝阳路店）
|
||||
|
|
@ -86,7 +90,8 @@
|
|||
return {
|
||||
orderId:'',
|
||||
listobj:{},
|
||||
fee:{}
|
||||
fee:{},
|
||||
zujiemoney:''
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
|
|
@ -111,8 +116,24 @@
|
|||
let formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
|
||||
// 直接拼接字符串，不要插入 '-'
|
||||
this.listobj.remainingTime = hours + '时' + formattedMinutes + '分钟';
|
||||
if (this.listobj.priceStandard.feeMode == 2) {
|
||||
if (minutes >= this.listobj.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours + 1) * this.listobj.priceStandard.feePrice
|
||||
} else {
|
||||
this.zujiemoney = hours * this.listobj.priceStandard.feePrice
|
||||
}
|
||||
}else if(this.listobj.priceStandard.feeMode == 1){
|
||||
if (minutes >= this.listobj.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours * 2 + 1) * this.listobj.priceStandard.feePrice
|
||||
if(minutes >= 30){
|
||||
this.zujiemoney = (hours * 2 + 2) * this.listobj.priceStandard.feePrice
|
||||
}
|
||||
} else {
|
||||
this.zujiemoney = hours * 2 * this.listobj.priceStandard.feePrice
|
||||
}
|
||||
}
|
||||
}else{
|
||||
var targetDate = new Date(this.listobj.endRentTime);
|
||||
var targetDate = new Date(this.listobj.endRentTime)
|
||||
var currentDate = new Date();
|
||||
var diff = targetDate - currentDate;
|
||||
var absDiff = Math.abs(diff);
|
||||
|
|
@ -120,6 +141,22 @@
|
|||
var minutes = Math.floor((absDiff % (1000 * 60 * 60)) / (1000 * 60));
|
||||
let formattedMinutes = minutes < 10 ? '0' + minutes : minutes;
|
||||
this.listobj.remainingTime = hours + '时' + formattedMinutes + '分钟';
|
||||
if (this.listobj.priceStandard.feeMode == 2) {
|
||||
if (minutes >= this.listobj.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours + 1) * this.listobj.priceStandard.feePrice
|
||||
} else {
|
||||
this.zujiemoney = hours * this.listobj.priceStandard.feePrice
|
||||
}
|
||||
}else if(this.listobj.priceStandard.feeMode == 1){
|
||||
if (minutes >= this.listobj.priceStandard.feeFreeTime) {
|
||||
this.zujiemoney = (hours * 2 + 1) * this.listobj.priceStandard.feePrice
|
||||
if(minutes >= 30){
|
||||
this.zujiemoney = (hours * 2 + 2) * this.listobj.priceStandard.feePrice
|
||||
}
|
||||
} else {
|
||||
this.zujiemoney = hours * 2 * this.listobj.priceStandard.feePrice
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
<view class="page">
|
||||
<u-navbar title="附近共享" :border-bottom="false" :background="bgc" title-color='#000' title-size='36' height='58'></u-navbar>
|
||||
<view class="dtxs">
|
||||
<map class='map' :latitude="latitude" :longitude="longitude" @markertap="handleMarkerClick" :markers="covers" :show-location="true" />
|
||||
<map class='map' id="map" :latitude="latitude" :longitude="longitude" @markertap="handleMarkerClick"
|
||||
:show-location="true" :markers="covers" :scale="mapScale" />
|
||||
</view>
|
||||
<view class="listbox">
|
||||
<view class="list" v-for="(item,index) in gxlist" :key="index">
|
||||
|
|
@ -46,16 +47,100 @@
|
|||
gxlist:[],
|
||||
bgc:{
|
||||
background:'#25D088'
|
||||
}
|
||||
},
|
||||
listmap: [],
|
||||
mapScale: 15,
|
||||
datetime: 0,
|
||||
dingobj: '',
|
||||
mapContext: null,
|
||||
mapScaleInterval: null,
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
onReady() {
|
||||
this.mapContext = uni.createMapContext('map', this);
|
||||
this.mapScaleInterval = setInterval(this.updateMarkers, 1000);
|
||||
},
|
||||
beforeDestroy() {
|
||||
if (this.mapScaleInterval) {
|
||||
clearInterval(this.mapScaleInterval);
|
||||
this.mapScaleInterval = null;
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
this.getshanghu()
|
||||
},
|
||||
methods: {
|
||||
updateMarkers() {
|
||||
this.mapContext.getScale({
|
||||
success: (res) => {
|
||||
this.covers = []; // 清空之前的覆盖物
|
||||
if (res.scale <= 14) {
|
||||
this.addMarkersWithoutLabels();
|
||||
} else {
|
||||
this.addMarkersWithLabels();
|
||||
}
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('获取地图缩放级别失败：', error);
|
||||
// 额外的错误处理逻辑...
|
||||
},
|
||||
});
|
||||
},
|
||||
addMarkersWithoutLabels() {
|
||||
this.listmap.forEach((item) => {
|
||||
const shopCover = {
|
||||
id: parseFloat(item.storeId),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uI3B6yPwtiUBD3vafLtw',
|
||||
};
|
||||
this.covers.push(shopCover);
|
||||
});
|
||||
},
|
||||
addMarkersWithLabels() {
|
||||
this.listmap.forEach((item) => {
|
||||
const distance = this.getDistance(this.latitude, this.longitude, item.lat, item.lng)
|
||||
const shopCover = {
|
||||
id: parseFloat(item.storeId),
|
||||
latitude: item.lat,
|
||||
longitude: item.lng,
|
||||
width: 25,
|
||||
height: 30,
|
||||
distance: distance,
|
||||
iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uI3B6yPwtiUBD3vafLtw',
|
||||
label: {
|
||||
content: item.name,
|
||||
anchorX:this.calculateAnchorX(item.name),
|
||||
fontWeight: 700,
|
||||
color: '#25D088',
|
||||
textShadow: '2px 2px 0px #000, -2px -2px 0px #000, 2px -2px 0px #000, -2px 2px 0px #000',
|
||||
rotate:20
|
||||
}
|
||||
}
|
||||
this.covers.push(shopCover);
|
||||
});
|
||||
},
|
||||
calculateAnchorX(name) {
|
||||
let chineseLength = 0;
|
||||
let englishLength = 0;
|
||||
for (let i = 0; i < name.length; i++) {
|
||||
const charCode = name.charCodeAt(i);
|
||||
if (charCode >= 0x4e00 && charCode <= 0x9fa5) {
|
||||
chineseLength++;
|
||||
} else if (/[a-zA-Z]/.test(name[i])) {
|
||||
englishLength = englishLength+0.3;
|
||||
// console.log(englishLength);
|
||||
}
|
||||
}
|
||||
const totalLength = chineseLength + englishLength * 2;
|
||||
return -totalLength * 6.5
|
||||
},
|
||||
|
||||
// 跳转导航
|
||||
mapFun(item) {
|
||||
uni.openLocation({
|
||||
|
|
@ -80,9 +165,10 @@
|
|||
this.longitude = res.longitude;
|
||||
this.jinweidu = this.longitude + ',' + this.latitude;
|
||||
// 请求附近的店铺
|
||||
this.$u.get("/app/store/listNearBy?center=" + this.jinweidu + '&radius=' + 1000).then(response => {
|
||||
if (response.code == 200) {
|
||||
this.gxlist = response.data;
|
||||
this.$u.get("/app/store/listNearBy?center=" + this.jinweidu + '&radius=' + 1000).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.gxlist = res.data;
|
||||
this.listmap = res.data
|
||||
this.gxlist.forEach(item => {
|
||||
// 计算距离
|
||||
const distance = this.getDistance(this.latitude, this.longitude, item.lat, item.lng);
|
||||
|
|
@ -100,11 +186,33 @@
|
|||
label: {
|
||||
content: item.name,
|
||||
// anchorX:-20,
|
||||
textAlign: 'center'
|
||||
// textAlign: 'center'
|
||||
anchorX: (() => {
|
||||
if (item.name.length <= 2) {
|
||||
return -12
|
||||
} else if (item.name.length <= 3) {
|
||||
return -20
|
||||
} else if (item.name.length <= 4) {
|
||||
return -25
|
||||
} else if (item.name.length <= 5) {
|
||||
return -30
|
||||
} else if (item.name.length <= 6) {
|
||||
return -35
|
||||
} else if (item.name.length <= 8) {
|
||||
return -40
|
||||
} else if (item.name.length <=
|
||||
10) {
|
||||
return -45
|
||||
} else {
|
||||
return -item.name.length * 5
|
||||
}
|
||||
})(),
|
||||
fontWeight: 700,
|
||||
color: '#25D088',
|
||||
textShadow: '2px 2px 0px white, -2px -2px 0px white, 2px -2px 0px white, -2px 2px 0px white',
|
||||
}
|
||||
};
|
||||
// console.log(this.gxlist);
|
||||
this.covers.push(shopCover); // 将店铺覆盖物添加到数组中
|
||||
this.covers.push(shopCover);
|
||||
});
|
||||
}
|
||||
}).catch(error => {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user