From 18e2d6f9386d9b70d26e2f9fb501281ea4e3cca2 Mon Sep 17 00:00:00 2001 From: tx <2622874537@qq.com> Date: Fri, 20 Sep 2024 18:02:42 +0800 Subject: [PATCH] 11 --- page_user/khfw/khfw.vue | 143 ++++++++++++++++- page_user/upload.vue | 2 +- page_user/xcjs.vue | 222 ++++++++++++++++++++++++-- pages.json | 9 ++ pages/index/index.vue | 20 ++- pages_admin/addcode.vue | 225 +++++++++++++++++++++++++++ pages_admin/worke/AccountDetails.vue | 140 ++++++++++------- 7 files changed, 686 insertions(+), 75 deletions(-) create mode 100644 pages_admin/addcode.vue diff --git a/page_user/khfw/khfw.vue b/page_user/khfw/khfw.vue index 6ca411e..f733201 100644 --- a/page_user/khfw/khfw.vue +++ b/page_user/khfw/khfw.vue @@ -24,10 +24,72 @@ - + 电话咨询 + + + + 请选择您要联系的客服 + + + 我们根据选择为您提供服务 + + + + + + + + + {{areaInfo.serviceName1}} + + + {{areaInfo.servicePhone1}} + + + + + + + + + + {{areaInfo.serviceName2}} + + + {{areaInfo.servicePhone2}} + + + + + + + + + + {{areaInfo.serviceName3}} + + + {{areaInfo.servicePhone3}} + + + + + @@ -68,7 +130,7 @@ 确定 --> - + @@ -84,7 +146,8 @@ tabindex:0, classlist:[], wordlist:[], - isbackcar:false + isbackcar:false, + showkf:false } }, onShow() { @@ -225,6 +288,9 @@ uni.makePhoneCall({ phoneNumber:phone }) + setTimeout(()=>{ + this.showkf=false + },500) } } } @@ -238,7 +304,78 @@ .page { width: 750rpx; padding-bottom: 300rpx; + .kfbox{ + padding: 48rpx 30rpx; + position: fixed; + left: 82rpx; + top: 410rpx; + width: 590rpx; + // height: 282rpx; + background: #FFFFFF; + border-radius: 30rpx 30rpx 30rpx 30rpx; + z-index: 110; + display: flex; + justify-content: center; + flex-wrap: wrap; + .close{ + position: relative; + bottom: -124rpx; + width: 60rpx; + height: 60rpx; + } + .phone_box{ + margin-top:32rpx; + width: 528rpx; + height: 144rpx; + background: #FFFFFF; + box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0,0,0,0.1); + border-radius: 20rpx 20rpx 20rpx 20rpx; + display: flex; + flex-wrap: nowrap; + align-items: center; + .img{ + width: 86rpx; + height: 86rpx; + image{ + width: 86rpx; + height: 86rpx; + } + } + .info{ + display: flex; + flex-wrap: wrap; + margin-left: 34rpx; + .name{ + width: 100%; + font-weight: 600; + font-size: 32rpx; + color: #3D3D3D; + } + .phone{ + width: 100%; + font-weight: 400; + font-size: 32rpx; + color: #3D3D3D; + } + } + } + .tit{ + font-weight: 600; + font-size: 40rpx; + color: #3D3D3D; + } + .words{ + margin-bottom: 42rpx; + margin-top: 16rpx; + font-weight: 400; + font-size: 28rpx; + color: #3D3D3D; + } + } + + .pops { + padding: 46rpx 36rpx; position: fixed; top: 400rpx; diff --git a/page_user/upload.vue b/page_user/upload.vue index adb21b0..48b6e23 100644 --- a/page_user/upload.vue +++ b/page_user/upload.vue @@ -10,7 +10,6 @@ - + \ No newline at end of file diff --git a/page_user/xcjs.vue b/page_user/xcjs.vue index 0d597cd..5271a2b 100644 --- a/page_user/xcjs.vue +++ b/page_user/xcjs.vue @@ -1,6 +1,6 @@ @@ -108,7 +186,9 @@ loading: false, showIconAndCallout: false, ispaid: false, - _mapContext: null + _mapContext: null, + showkf: false, + areaInfo: {}, } }, @@ -124,6 +204,16 @@ }, methods: { + callPhone(phone){ + this.isbackcar=false + uni.makePhoneCall({ + phoneNumber:phone + }) + + setTimeout(()=>{ + this.showkf=false + },500) + }, // 骑行结束支付 topay1() { if (this.ispaid == false) { @@ -550,7 +640,7 @@ }, getpolyline() { - this.$u.post("/system/device/trajectoryByOrderNo?orderNo=" + this.orderId).then((res) => { + this.$u.post("/system/device/trajectoryByOrderNo?orderNo=" + this.orderId).then((res) => { if (res.code === 200) { this.polyline[0].points = JSON.parse(res.data).map(coord => ({ latitude: coord[1], @@ -559,7 +649,7 @@ let abb; try { abb = JSON.parse(res.data); - console.log(abb,'abbbb'); + console.log(abb, 'abbbb'); } catch (error) { console.error("Error parsing tripRouteStr:", error); return; @@ -591,8 +681,8 @@ }).catch(error => { console.error("Error fetching area data:", error); }); - - + + }, translateMarkerFun(path) { let abb = JSON.parse(this.orderInfo.tripRouteStr); @@ -605,7 +695,7 @@ // let totalDistance = this.calculateTotalDistance(path); let baseSpeed = 300; // 设置一个基础速度，单位为距离每秒移动的像素数 // let duration = totalDistance > 0 ? totalDistance * baseSpeed : 60000; // 根据路径长度动态计算持续时间 - let duration = abb.length*300; + let duration = abb.length * 300; // console.log(duration,'durationduration',totalDistance); this._mapContext.includePoints({ points: formattedPath, @@ -636,6 +726,93 @@ .page { width: 750rpx; + .kefu { + position: fixed; + right: 30rpx; + bottom: 500rpx; + width: 82rpx; + height: 82rpx; + } + + .kfbox { + padding: 48rpx 30rpx; + position: fixed; + left: 82rpx; + top: 410rpx; + width: 590rpx; + // height: 282rpx; + background: #FFFFFF; + border-radius: 30rpx 30rpx 30rpx 30rpx; + z-index: 110; + display: flex; + justify-content: center; + flex-wrap: wrap; + + .close { + position: relative; + bottom: -124rpx; + width: 60rpx; + height: 60rpx; + } + + .phone_box { + margin-top: 32rpx; + width: 528rpx; + height: 144rpx; + background: #FFFFFF; + box-shadow: 0rpx 4rpx 22rpx 0rpx rgba(0, 0, 0, 0.1); + border-radius: 20rpx 20rpx 20rpx 20rpx; + display: flex; + flex-wrap: nowrap; + align-items: center; + + .img { + width: 86rpx; + height: 86rpx; + + image { + width: 86rpx; + height: 86rpx; + } + } + + .info { + display: flex; + flex-wrap: wrap; + margin-left: 34rpx; + + .name { + width: 100%; + font-weight: 600; + font-size: 32rpx; + color: #3D3D3D; + } + + .phone { + width: 100%; + font-weight: 400; + font-size: 32rpx; + color: #3D3D3D; + } + } + } + + .tit { + font-weight: 600; + font-size: 40rpx; + color: #3D3D3D; + } + + .words { + margin-bottom: 42rpx; + margin-top: 16rpx; + font-weight: 400; + font-size: 28rpx; + color: #3D3D3D; + } + } + + .map { width: 750rpx; height: 100vh; @@ -647,7 +824,7 @@ align-items: center; justify-content: center; right: 30rpx; - bottom: 600rpx; + bottom: 650rpx; // background-color: #fff; border-radius: 50%; width: 82rpx; @@ -672,7 +849,32 @@ // height: 420rpx; background: #F7F7F7; border-radius: 30rpx; - + .kefus{ + padding: 18rpx 38rpx; + margin-top: 20rpx; + width: 708rpx; + + background: #FFFFFF; + border-radius: 24rpx 24rpx 24rpx 24rpx; + .txt{ + font-weight: 400; + font-size: 32rpx; + color: #3D3D3D; + } + .btn1{ + margin-top: 26rpx; + display: flex; + align-items: center; + justify-content: center; + width: 626rpx; + height: 88rpx; + background: #64B6A7; + border-radius: 14rpx 14rpx 14rpx 14rpx; + font-weight: 500; + font-size: 32rpx; + color: #FFFFFF; + } + } .paybtn { display: flex; diff --git a/pages.json b/pages.json index dc97f81..4fe8ffd 100644 --- a/pages.json +++ b/pages.json @@ -158,6 +158,15 @@ "navigationStyle": "custom", "enablePullDownRefresh" : false } + }, + { + "path" : "addcode", + "style" : + { + "navigationBarTitleText" : "", + "navigationStyle": "custom", + "enablePullDownRefresh" : false + } } diff --git a/pages/index/index.vue b/pages/index/index.vue index f3236cc..b2a4022 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -412,12 +412,19 @@ - + + + + + + 我的订单 +