Skip to content

肖康 / H5_2.0

Go to a project
Commit 32e5e537 by 肖康
Options

百度地图标点

parent 9c3e1eb6
Expand all
Inline Side-by-side
Showing with 297 additions and 22 deletions
assets/css/confirm/map.scss 0 → 100644
.BMapLabel{
border:0px!important;
}
.mappage{
padding-top: 88rpx;
padding-bottom: 212rpx;
.chead{
width: 100%;
height: 88rpx;
background: #FFFFFF;
position: fixed;
left:0rpx;
top:0rpx;
.icon{
font-size: 44rpx;
color:$uni-color999;
margin-left: 32rpx;
}
.titlesi{
color:$uni-color333;
font-size: 34rpx;
font-weight: 500;
width:650rpx;
text-align: center;
}
}
.zttips{
height: 90rpx;
width:702rpx;
position: fixed;
left:24rpx;
top:104rpx;
background: #FFF8F2;
border-radius: 0px 30rpx 30rpx 30rpx;
color:$uni-colorwarning;
font-size: 22rpx;
box-sizing: border-box;
padding:15rpx 24rpx;
z-index: 1;
.icon{font-size: 32rpx;margin-right: 16rpx;}
}
.mapbox{
width:100%;
height: calc(100vh - 300rpx);
background: #fff;
}
.foot{
width: 100%;
height: 212rpx;
background: #FFFFFF;
box-shadow: 0rpx -4rpx 20rpx 0rpx rgba(198,199,204,0.1);
border-radius: 10rpx 10rpx 0rpx 0rpx;
position: fixed;
bottom:0rpx;
left:0rpx;
.ztitem{
padding:28rpx 24rpx;
padding-top: 36rpx;
view{
margin-bottom: 20rpx;
font-size: 24rpx;
color:$uni-color666;
width:620rpx;
.icon{
color:$uni-color999;
font-size: 32rpx;
margin-right: 12rpx;
}
}
}
}
}
\ No newline at end of file
package.json
......@@ -16,6 +16,7 @@
"jweixin-module": "^1.6.0",
"lodash": "^4.17.21",
"query-string": "^6.14.1",
"uni-simple-router": "^1.5.5"
"uni-simple-router": "^1.5.5",
"vue-baidu-map": "^0.21.22"
}
}
pages.json
......@@ -66,6 +66,12 @@
}
},
{
"path": "pages/confirm/map",
"style": {
"navigationBarTitleText": "自提地址"
}
},
{
"path": "pages/confirm/confirmSuccess",
"style": {
"navigationBarTitleText": "提交订单成功"
......
pages/confirm/confirm.vue
......@@ -27,7 +27,7 @@
</view>
<view class="ztbox" v-show="shipping_type==2">
<view class="zttips row"><text class="icon iconfont icon-dzz"></text> <text>请在接到猎芯网系统短信通知后，再携带已盖章的合同打印件上门取货。</text></view>
<view class="ztitem row verCenter bothSide ">
<navigator class="ztitem row verCenter bothSide " :url="'/ztmap?type='+currency">
<view class="ztl">
<view class="row ">
<text class="icon iconfont icon-dzz"></text> <text>{{ztaddress.address}}</text>
......@@ -40,7 +40,7 @@
</view>
</view>
<text class="icon iconfont icon-jt"></text>
</view>
</navigator>
<view class="ztperson">
......
pages/confirm/map.vue 0 → 100644
<template>
<view class="mappage">
<view class="chead row verCenter">
<text v-back class="icon iconfont icon-arrleft"></text>
<view class="titlesi">自提地址</view>
</view>
<view class="zttips row"><text class="icon iconfont icon-dzz"></text> <text>请在接到猎芯网系统短信通知后，再携带已盖章的合同打印件上门取货。</text></view>
<view class="mapbox" id="map">
<baidu-map class="map" :center="center" :zoom="zoom" style="width: 100%; height: 100%" v-if="type==1">
<bm-marker :position="{lng: 114.0626, lat: 22.67218}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
<bm-info-window :show="true" >国内自提地址</bm-info-window>
</bm-marker>
</baidu-map>
<baidu-map class="map" :center="center1" :zoom="zoom" style="width: 100%; height: 100%" v-if="type==2">
<bm-marker :position="{lng: 114.188133, lat:22.305552}" :dragging="true" animation="BMAP_ANIMATION_BOUNCE">
<bm-info-window :show="true" >香港自提地址</bm-info-window>
</bm-marker>
</baidu-map>
</view>
<view class="foot">
<view class="ztitem row verCenter bothSide " >
<view class="ztl">
<view class="row ">
<text class="icon iconfont icon-dzz"></text> <text>{{ztaddress.address}}</text>
</view>
<view class="row ">
<text class="icon iconfont icon-dh"></text> <text>{{ztaddress.phone}}</text>
</view>
<view class="row ">
<text class="icon iconfont icon-gzr"></text> <text>{{ztaddress.worktime}}</text>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
Ichunt_Api,
Api_Url
} from '@/util/api.js';
import Vue from 'vue'
import BaiduMap from 'vue-baidu-map';
Vue.use(BaiduMap, {
ak: '8vggsUWcL38cpMGEozcmTr89',
});
export default {
data() {
return {
type:1,
ztaddress:{},
center: { lng: 114.0626, lat: 22.67218},
center1:{lng: 114.188133, lat:22.305552},
zoom: 15,
}
},
onLoad(option){
this.type=option.type
this.getData()
},
methods: {
getData(){
this.request(Api_Url + '/cart/selfaddress', 'POST', {order_goods_type:1,currency:this.type}, false, true).then(res => {
if(res.err_code==0){
this.ztaddress=res.data[Object.keys(res.data)[0]]
}
});
},
getMap(){
}
}
}
</script>
<style scoped lang="scss">
@import '../../assets/css/confirm/map.scss';
</style>
pages/confirm/offline.vue
......@@ -17,10 +17,10 @@
</view>
<view class="offlineinfo">
<view class="isitem">
<view class="isitem" v-if="obj_.currency==1">
<view class="t1 row bothSide verCenter">
<text>线下汇款账号</text>
<view><text class="icon iconfont icon-juxing3"></text>复制</view>
<view @click="copycons('4438 9999 10 1000 35')"><text class="icon iconfont icon-juxing3"></text>复制</view>
</view>
<view class="t2">
<view class="row">公司名称：<text>深圳市猎芯科技有限公司</text></view>
......@@ -28,35 +28,73 @@
<view class="row">银行账号：<text>4438 9999 10 1000 35</text></view>
</view>
</view>
<view class="isitem" style="display:none;">
<view class="isitem" v-if="obj_.currency==2">
<view class="t1 row bothSide verCenter">
<text>线下汇款账号</text>
<view><text class="icon iconfont icon-juxing3"></text>复制</view>
<view @click="copycons('819-847187-838')"><text class="icon iconfont icon-juxing3"></text>复制</view>
</view>
<view class="t2">
<view class="row">公司名称：<text>深貿電子有限公司</text></view>
<view class="row">开户银行：<text>汇丰银行</text></view>
<view class="row">银行账号：<text>819-846593-838</text></view>
<view class="row">Bank：<text>HSBC Hongkong</text></view>
<view class="row">SWIFT Code：<text>HSBCHKHHHKH</text></view>
<view class="row">Bank Address：<text>1 Queen's Road Central,Hong Kong</text></view>
<view class="row">Bank Account Name：<text>SEMOUR ELECTRONICS CO LIMITED</text></view>
<view class="row">Bank Account(USD/HKD)：<text>819-847187-838</text></view>
</view>
</view>
</view>
<view class="payfoot row verCenter rowCenter">
<view>已转账，通知交易员</view>
<view @click="tzjyy()">已转账，通知交易员</view>
</view>
</view>
</template>
<script>
import {
Ichunt_Api,
Api_Url
} from '@/util/api.js';
export default {
data() {
return {
order_id:"",
obj_:{currency:1}
}
},
onLoad(option){
this.order_id=option.order_id
this.getData()
},
methods: {
copycons(text){
uni.setClipboardData({
data: text,
success: function() {
uni.showToast({
title: '复制成功',
duration: 2000,
icon:"none"
})
}
});
},
tzjyy(){
this.request(Api_Url + '/order/sendMsgToSale', 'POST', {order_id:this.order_id}, true, true).then(res => {
uni.showToast({
title: res.err_msg,
duration: 2000,
icon:"none"
})
});
},
getData(){
this.request(Api_Url + '/order/info', 'POST', {order_id:this.order_id}, true, true).then(res => {
if(res.err_code==0){
this.obj_=res.data
}
});
}
}
}
</script>
......
pages/confirm/pay.vue
......@@ -7,21 +7,21 @@
<view class="tipbox">
<view class="tips row verCenter">
<text class="icon iconfont icon-ts"></text>
订单审核通过，请尽快付款！支付剩余时间： 6天23时
订单审核通过，请尽快付款！支付剩余时间： {{obj_.rest_time}}
</view>
</view>
<view class="f9 row rowCenter">应付金额</view>
<view class="totalprice row rowCenter verCenter">
<view>￥</view>
<text>2970.68</text>
<view>{{obj_.topay_amount_format.slice(0,1)}}</view>
<text>{{obj_.topay_amount_format.slice(1)}}</text>
</view>
<view class="f9 row rowCenter">
订单号: <navigator url="/user/orderdetail">12023042144164SZ <text class="icon iconfont icon-jt"></text></navigator>
订单号: <navigator :url="'/user/orderdetail?order_id='+obj_.order_id">{{obj_.order_sn}}<text class="icon iconfont icon-jt"></text></navigator>
</view>
<view class="paybox">
<view class="tit">支付方式</view>
<view class="paytype">
<view class="payitem row verCenter bothSide act">
<view class="payitem row verCenter bothSide " v-if="money<=50000" :class="{'act':payType==1}" @click="qhtab(1)">
<view class="row verCenter">
<image src="https://img.ichunt.com/images/ichunt/202305/22/37c698b7a03541af811f229df7c140ba.png"></image>
<text class="paytext">微信支付</text>
......@@ -29,7 +29,7 @@
<text class="noxz"></text>
<text class="icon iconfont icon-xzs"></text>
</view>
<view class="payitem row verCenter bothSide">
<view class="payitem row verCenter bothSide" v-if="money<=50000" :class="{'act':payType==2}" @click="qhtab(2)">
<view class="row verCenter">
<image src="https://img.ichunt.com/images/ichunt/202305/22/e9c92965e9308d16bd3c3dd4f387cedc.png"></image>
<text class="paytext">支付宝支付</text>
......@@ -37,7 +37,7 @@
<text class="noxz"></text>
<text class="icon iconfont icon-xzs"></text>
</view>
<view class="payitem row verCenter bothSide">
<view class="payitem row verCenter bothSide" :class="{'act':payType==3}" @click="qhtab(3)">
<view class="row verCenter">
<image src="https://img.ichunt.com/images/ichunt/202305/22/ff00d191bb8ea08f34123f38e0217df6.png"></image>
<text class="paytext">转账支付</text>
......@@ -49,20 +49,80 @@
</view>
<view class="payfoot row verCenter rowCenter">
<view>确认支付</view>
<view @click="topay()">确认支付</view>
</view>
</view>
</template>
<script>
import {
Ichunt_Api,
Api_Url
} from '@/util/api.js';
export default {
data() {
return {
order_id:"",
obj_:{topay_amount_format:""},
payType:1,
money:0,
}
},
onLoad(option){
this.order_id=option.order_id
this.getData()
},
methods: {
topay(){
//锁库
this.request(Api_Url + '/order/wmsorder', 'POST', {order_id:this.order_id}, true, true).then(res => {
if(res.err_code==0){
this.paystyle()
}
});
},
paystyle(){
if(this.payType==3){
//线下支付
uni.navigateTo({
url: '/pay/offline?order_id='+this.order_id
});
}else if(this.payType==2){//支付宝支付
window.location.href=Api_Url+"/pay/todo?pay_code=alipay&rescue=1&order_id="+this.order_id+"&pay_mode=2&site_type=2";
}else if(this.payType==1){//微信支付
this.request(Api_Url + "/pay/todo?pay_code=wxpay&rescue=1&order_id="+this.order_id+"&site_type=2", 'POST', {}, true, true).then(res => {
if(res.err_code==0){
window.location.href=res.data;
}else{
uni.showToast({
title: res.err_msg,
duration: 2000,
icon:"none"
})
}
});
}
},
qhtab(type){
this.payType=type
},
pageUi(){
let money=Number(this.obj_.topay_amount_format.slice(1))
this.money=money
console.log(this.money)
if(this.money>50000){
this.payType=3
}
},
getData(){
this.request(Api_Url + '/order/info', 'POST', {order_id:this.order_id}, true, true).then(res => {
if(res.err_code==0){
this.obj_=res.data
this.pageUi()
}
});
}
}
}
</script>
......
router/index.js
......@@ -105,6 +105,14 @@ const router = new Router({
}
},
{
path: '/pages/confirm/map',
aliasPath: '/ztmap',
meta: {
title: '自提地址',
auth: true
}
},
{
path: '/pages/confirm/confirmSuccess',
aliasPath: '/order/success',
meta: {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment