From f238087239073564c07f2a3df839997619e191f3 Mon Sep 17 00:00:00 2001 From: tx <2622874537@qq.com> Date: Mon, 19 Aug 2024 18:00:46 +0800 Subject: [PATCH] =?UTF-8?q?bug=E4=BF=AE=E6=94=B9=20=E6=96=B0=E5=86=85?= =?UTF-8?q?=E5=AE=B9=E5=A2=9E=E5=8A=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common/http.interceptor.js | 5 +- page_user/yj.vue | 16 +++ page_vip/checkCard.vue | 164 +++++++++++++++++++++++++- pages/index/index.vue | 103 ++++++++-------- pages_admin/worke/worke_Operation.vue | 11 +- 5 files changed, 244 insertions(+), 55 deletions(-) diff --git a/common/http.interceptor.js b/common/http.interceptor.js index 14b0395..9e99eeb 100644 --- a/common/http.interceptor.js +++ b/common/http.interceptor.js @@ -6,9 +6,12 @@ const install = (Vue, vm) => { // baseUrl: 'http://61.174.243.28:15861', // baseUrl: 'http://192.168.2.46:8080', // baseUrl: 'https://che.chuangtewl.com/prod-api', + // 测试环境 // baseUrl: 'https://dianche.chuantewulian.cn/prod-api', + // 俞山岛 baseUrl: 'https://dche.ccttiot.com/prod-api', - loadingText: '努力加载中~', + // 创特 + loadingText: '努力加载中~', loadingTime: 10000, // 设置自定义头部content-type header: { diff --git a/page_user/yj.vue b/page_user/yj.vue index 2b2a8b0..e0fee79 100644 --- a/page_user/yj.vue +++ b/page_user/yj.vue @@ -429,6 +429,22 @@ that.check() uni.hideLoading() + + // let data={ + // orderNo + // } + // that.$u.get("/appVerify/queryResultByOrderNo?" + data).then((res) => { + + // if (res.code == 200) { + + // } else { + // // uni.showToast({ + // // title: res.msg, + // // icon: 'none', + // // duration: 2000 + // // }); + // } + // }); }, 4000) }, diff --git a/page_vip/checkCard.vue b/page_vip/checkCard.vue index f32a730..1039846 100644 --- a/page_vip/checkCard.vue +++ b/page_vip/checkCard.vue @@ -5,7 +5,41 @@ - + + 不使用骑行卡 + + + + + + 可用骑行卡 + + + + 电单车15天5次卡 | 剩余5次 + + + 有效期至2024-08-04 + + + 满5.00元可使用 + + + + + + + + + 有效期至2024-08-28 + + + + + + + + 确定 @@ -41,14 +75,136 @@ display: flex; justify-content: center; flex-wrap: wrap; - .card1{ + .sub_btn{ + position: fixed; + bottom: 48rpx; + left: 34rpx; + width: 680rpx; + height: 90rpx; + background: #64B6A7; + border-radius: 54rpx 54rpx 54rpx 54rpx; + display: flex; + align-items: center; + justify-content: center; + font-weight: 500; + font-size: 40rpx; + color: #FFFFFF; + } + .tips { + margin-left: 36rpx; + margin-top: 60rpx; + width: 100%; + font-weight: 500; + font-size: 36rpx; + color: #808080; + } + .card3 { + position: relative; + margin-top: 18rpx; + width: 680rpx; + height: 410rpx; + background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uZCTchd4XbAwsmNDuGun'); + background-size: cover; + /* 背景图片等比缩放以覆盖整个容器 */ + background-position: center; + /* 背景图片居中显示 */ + background-repeat: no-repeat; + /* 防止背景图片重复 */ + .txt4{ + position: absolute; + top: 72rpx; + right: 78rpx; + font-weight: 400; + font-size: 24rpx; + color: #F5C164; + } + .imgs{ + position: absolute; + top: 192rpx; + right: 54rpx; + width: 66rpx; + height: 66rpx; + image{ + width: 66rpx; + height: 66rpx; + } + } + + } + .card2 { + // display: flex; + // flex-wrap: wrap; + position: relative; + padding: 22rpx 46rpx; + margin-top: 44rpx; + width: 680rpx; + height: 226rpx; + background-image: url('https://lxnapi.ccttiot.com/bike/img/static/uc3Hj4vMSljiPB1JCYZH'); + background-size: cover; + /* 背景图片等比缩放以覆盖整个容器 */ + background-position: center; + /* 背景图片居中显示 */ + background-repeat: no-repeat; + .imgs{ + position: absolute; + top: 80rpx; + right: 54rpx; + width: 66rpx; + height: 66rpx; + image{ + width: 66rpx; + height: 66rpx; + } + } + .txt1 { + width: 100%; + font-weight: 500; + font-size: 32rpx; + color: #FFFFFF; + } + + .txt2 { + width: 100%; + margin-top: 10rpx; + font-weight: 500; + font-size: 24rpx; + color: #FFFFFF; + } + + .btn1 { + margin-top: 34rpx; + display: inline-flex; + font-weight: 500; + font-size: 24rpx; + color: #FFFFFF; + padding: 12rpx 18rpx; + border-radius: 10rpx 10rpx 10rpx 10rpx; + border: 2rpx solid #FFFFFF; + } + } + + .card1 { + display: flex; + flex-wrap: nowrap; + justify-content: space-between; padding: 44rpx 48rpx; width: 680rpx; height: 142rpx; background: #FFFFFF; - box-shadow: 0rpx 10rpx 64rpx 0rpx rgba(0,0,0,0.08); + box-shadow: 0rpx 10rpx 64rpx 0rpx rgba(0, 0, 0, 0.08); + + .card_txt { + font-weight: 500; + font-size: 40rpx; + color: #808080; + } + + image { + width: 66rpx; + height: 66rpx; + } } - + } diff --git a/pages/index/index.vue b/pages/index/index.vue index e896f0d..c59be81 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -295,7 +295,7 @@ NO.{{orderinfo.sn}} - + 换车开锁失败,请点击换车按钮重新换车 @@ -328,11 +328,11 @@ 临时锁车 - 解锁用车 @@ -1999,61 +1999,68 @@ } const markerExists = this.listData.some(item => item.sn == e.markerId); - - if (markerExists) { - this.sn = e.markerId; - this.deviceInfo(0); - - // Revert the last clicked marker to the default image and zIndex - if (this.lastClickedMarkerId !== null) { + if(this.orderinfo.sn){ + uni.showToast({ + title: '有进行中的订单,无法查看', + icon: 'none' + }); + }else{ + if (markerExists) { + this.sn = e.markerId; + this.deviceInfo(0); + + // Revert the last clicked marker to the default image and zIndex + if (this.lastClickedMarkerId !== null) { + this.markers = this.markers.map(marker => { + if (marker.id === this.lastClickedMarkerId) { + return { + ...marker, + iconPath: this.defaultMarkerIconPath, + width: 40, + height: 28, + // zIndex: 1 // Reset to default zIndex + }; + } + return marker; + }); + } + this.lastClickedMarkerId = e.markerId; + // Update the clicked marker's image and zIndex this.markers = this.markers.map(marker => { - if (marker.id === this.lastClickedMarkerId) { + if (marker.id === e.markerId) { return { ...marker, - iconPath: this.defaultMarkerIconPath, - width: 40, - height: 28, - // zIndex: 1 // Reset to default zIndex + iconPath: this.clickedMarkerIconPath, + width: 50, + height: 35 + // zIndex: 999 // Higher zIndex to bring it to the front }; } return marker; }); - } - this.lastClickedMarkerId = e.markerId; - // Update the clicked marker's image and zIndex - this.markers = this.markers.map(marker => { - if (marker.id === e.markerId) { - return { - ...marker, - iconPath: this.clickedMarkerIconPath, - width: 50, - height: 35 - // zIndex: 999 // Higher zIndex to bring it to the front - }; + + // Store the ID of the currently clicked marker + + + // Get the latitude and longitude of the clicked marker + const clickedMarker = this.markers.find(marker => marker.id === e.markerId); + if (clickedMarker) { + const { + latitude, + longitude + } = clickedMarker; + console.log(`Clicked marker location - Latitude: ${latitude}, Longitude: ${longitude}`); + this.routePlanning(latitude, longitude) + // Find nearby markers + // this.getNearbyMarkers(latitude, longitude); } - return marker; - }); - - // Store the ID of the currently clicked marker - - - // Get the latitude and longitude of the clicked marker - const clickedMarker = this.markers.find(marker => marker.id === e.markerId); - if (clickedMarker) { - const { - latitude, - longitude - } = clickedMarker; - console.log(`Clicked marker location - Latitude: ${latitude}, Longitude: ${longitude}`); - this.routePlanning(latitude, longitude) - // Find nearby markers - // this.getNearbyMarkers(latitude, longitude); + + // console.log(this.markers, 'Updated markers'); + } else { + console.log('Marker ID does not exist in the list data'); } - - // console.log(this.markers, 'Updated markers'); - } else { - console.log('Marker ID does not exist in the list data'); } + // Prevent event bubbling e.stopPropagation(); diff --git a/pages_admin/worke/worke_Operation.vue b/pages_admin/worke/worke_Operation.vue index db50dd1..f2a0893 100644 --- a/pages_admin/worke/worke_Operation.vue +++ b/pages_admin/worke/worke_Operation.vue @@ -30,7 +30,7 @@ 上个月 - + 收入相关 @@ -71,6 +71,9 @@ ¥-- + + + @@ -370,7 +373,11 @@ .page { width: 750rpx; - + .top_info_box{ + background: #FFFFFF; + box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0,0,0,0.2); + border-radius: 20rpx 20rpx 0 0; + } .lines { width: 748rpx; height: 22rpx;