Skip to content

肖康 / iedgeMini

Go to a project
Commit 9f46a412 by 肖康
Options

订单物流

parent 1be55f76
Inline Side-by-side
Showing with 679 additions and 80 deletions
assets/css/car/confirmQuote.scss
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
.top-box{ .top-box{
background: #fff; background: #fff;
padding:30rpx 22rpx; padding:30rpx 22rpx;
border-radius: 20rpx;
.tit{ .tit{
font-size: 24rpx; font-size: 24rpx;
color: #000000; color: #000000;
...@@ -63,6 +64,7 @@ ...@@ -63,6 +64,7 @@
background: #fff; background: #fff;
padding:30rpx 23rpx; padding:30rpx 23rpx;
padding-top:0rpx; padding-top:0rpx;
border-radius: 20rpx;
image{width:190rpx;height:190rpx;margin-right: 29rpx;} image{width:190rpx;height:190rpx;margin-right: 29rpx;}
.group{ .group{
...@@ -94,7 +96,8 @@ ...@@ -94,7 +96,8 @@
} }
} }
.coupo-box{ .coupo-box{
margin-top:23rpx; border-radius: 20rpx;
margin-top:25rpx;
height:62rpx; height:62rpx;
font-size: 24rpx; font-size: 24rpx;
color: #000000; color: #000000;
...@@ -115,6 +118,7 @@ ...@@ -115,6 +118,7 @@
margin-top:25rpx; margin-top:25rpx;
padding:20rpx; padding:20rpx;
padding-bottom:32rpx; padding-bottom:32rpx;
border-radius: 20rpx;
.tit{ .tit{
font-size: 24rpx; font-size: 24rpx;
color: #000000; color: #000000;
...@@ -143,6 +147,7 @@ ...@@ -143,6 +147,7 @@
padding:30rpx 20rpx; padding:30rpx 20rpx;
background: #fff; background: #fff;
margin-top:25rpx; margin-top:25rpx;
border-radius: 20rpx;
.item{ .item{
font-size: 24rpx; font-size: 24rpx;
color: #000000; color: #000000;
......
assets/css/user/orderDetail.scss 0 → 100644
.orderDetailPage{
background: #ccc;
padding-top:75rpx;
padding-bottom: 175rpx;
min-height:1000rpx;
.cons{
width:700rpx;
margin:0 auto;
padding-bottom: 50rpx;
.wl-box{
background: #fff;
padding:30rpx 22rpx;
border-radius: 20rpx;
.pack{
flex-wrap: wrap;
.item{
image{height:70rpx;width:70rpx;line-height: 70rpx;margin-right: 10rpx;}
padding:0 10rpx;
margin-bottom: 20rpx;
margin-right: 15rpx;
font-size: 24rpx;
color: #000000;
}
}
.wl-cons{
padding-top:30rpx;
.tit{
height:62rpx;
font-size: 24rpx;
color: #000000;
margin-bottom: 13rpx;
view{
height:62rpx;
}
text{
font-size: 24rpx;
color: #666666;
}
.call{
margin-left:50rpx;
}
}
.consfg{
padding-left:10rpx;
padding-right: 10rpx;
.wlitem{
&.hidex{display: none;}
.wlb{
border-left: 1rpx dashed #898989;
padding:15rpx 30rpx;
font-size: 26rpx;
color: #666666;
line-height: 45rpx;
}
.wlt{
height:42rpx;
padding:0 30rpx;
position: relative;
&::after{
content:"";
position: absolute;
width: 20rpx;
height: 20rpx;
border: 1rpx solid #898989;
left:-10rpx;
top:9rpx;
border-radius: 20rpx;
}
.tet{
font-weight: 600;
font-size: 28rpx;
color: #666666;
margin-right: 20rpx;
}
.txt{
font-size: 24rpx;
color: #666666;
font-weight: normal;
position: relative;
top:2rpx;
}
}
&:first-child{
.wlt{
.tet,.txt{
color:#FF6300;
}
&::after{
border: 1rpx solid #FF6300;
background: #FF6300;
}
}
.wlb{
border-left: 1rpx dashed #FF6300;
}
}
&:last-child{
.wlb{
padding-bottom:30rpx;
}
}
}
}
.wlbt1{
font-size: 24rpx;
color: #666666;
position: relative;
padding-left:40rpx;
height:40rpx;
&::after{
content:"";
position: absolute;
width: 20rpx;
height: 20rpx;
border: 1rpx solid #898989;
left:0rpx;
top:8rpx;
border-radius: 20rpx;
}
.icon{
margin-left: 25rpx;
font-size: 16rpx;
color:#898989;
}
}
}
}
.top-box{
background: #fff;
padding:30rpx 22rpx;
border-radius: 20rpx;
.address-box{
display: block;
.addbx{
.ad{height:62rpx;}
.csq{
font-size: 24rpx;
color: #000000;
min-height:28rpx;
}
.ad1{
font-size: 28rpx;
color: #000000;
line-height: 35rpx;
font-weight: bold;
margin-top:4rpx;
}
.cnnk{
font-size: 22rpx;
color: #666666;
line-height: 40rpx;
height:40rpx;
margin-top:15rpx;
text{margin-right:20rpx;}
}
.mr{
width: 70rpx;
height: 35rpx;
background: #FFF5F5;
border-radius: 5rpx;
border: 1rpx solid #D0121B;
text-align: center;
line-height: 35rpx;
font-size: 22rpx;
color: #D0121B;
margin-left:20rpx;
}
}
}
}
.goods-box{
margin-top:25rpx;
background: #fff;
padding:30rpx 23rpx;
padding-top:0rpx;
border-radius: 20rpx;
image{width:190rpx;height:190rpx;margin-right: 29rpx;}
.group{
padding-bottom: 38rpx;
padding-top:30rpx;
.ganme{
font-size: 24rpx;
color: #000000;
line-height: 40rpx;
height:80rpx;
width:440rpx;
}
.hqs{
font-size: 24rpx;
color: #666666;
height:40rpx;
line-height: 40rpx;
margin-top:25rpx;
}
.price{
font-size: 28rpx;
color: #000000;
line-height: 40rpx;
height:40rpx;
line-height: 40rpx;
margin-top:10rpx;
font-weight: bold;
}
}
}
.price-infos{
margin-top:25rpx;
background: #fff;
border-radius: 20rpx;
padding:30rpx 22rpx;
.tit{
font-size: 26rpx;
color: #000000;
margin-bottom: 20rpx;
}
.item{
font-size: 24rpx;
color: #000000;
line-height: 62rpx;
.price{
color:#D0121B;
}
}
}
}
.foot{
height:170rpx;
width:100%;
position: fixed;
bottom:0rpx;
left:0rpx;
right:0rpx;
background: #fff;
font-size: 22rpx;
color: #666666;
padding:0 36rpx;
text-align: center;
.iconfont{
font-size: 50rpx;
color:#000;
}
.item{
width:90rpx;
display: block;
}
.add-car{
width: 165rpx;
height: 70rpx;
background: linear-gradient( 90deg, #FDC860 0%, #FCAE3A 100%);
border-radius: 35rpx 0rpx 0rpx 35rpx;
font-size: 26rpx;
color: #FFFFFF;
line-height: 70rpx;
}
.add-confirm{
width: 165rpx;
height: 70rpx;
background: linear-gradient( 90deg, #F66F15 0%, #FE3014 100%);
border-radius: 0rpx 35rpx 35rpx 0rpx;
font-size: 26rpx;
color: #FFFFFF;
line-height: 70rpx;
}
.pay{
width: 200rpx;
height: 70rpx;
background: #D0121B;
border-radius: 100rpx;
font-size: 26rpx;
line-height: 70rpx;
text-align: center;
color: #FFFFFF;
margin-left: 15rpx;
}
}
}
\ No newline at end of file
assets/css/user/orderPayLine.scss 0 → 100644
.orderPayLinePage{
background: #f6f6f6;
padding-bottom: 150rpx;
min-height:calc(100vh - 175rpx);
/* #ifdef H5 */
min-height:calc(100vh - 90rpx);
/* #endif */
.cons{
padding-top: 75rpx;
opacity: 0;
&.act{opacity: 1;}
.sec{
padding-top:63rpx;
width:700rpx;
margin:0 auto;
.tit{
font-size: 40rpx;
color: #000000;
text-align: center;
margin-bottom: 30rpx;
}
.price{
font-weight: 600;
font-size: 52rpx;
color: #D91800;
text-align: center;
}
.infos{
margin-top:80rpx;
padding-top: 30rpx;
height: 240rpx;
background: #FFFFFF;
border-radius: 20rpx;
.row{
height:62rpx;
padding:0 20rpx;
text{
font-size: 24rpx;
color: #666666;
}
view{
font-size: 24rpx;
color: #000000;
&.status{
color:#D0121B;
}
}
}
}
.zhtti{
height: 77rpx;
line-height: 77rpx;
background: #D0121B;
border-radius: 20rpx 20rpx 0rpx 0rpx;
font-size: 22rpx;
color: #FFFFFF;
padding-left:20rpx;
margin-top:25rpx;
text{
font-weight: 600;
font-size: 26rpx;
color: #FFFFFF;
margin-right: 15rpx;
}
}
.zhcons{
padding:0 10rpx;
background: #fff;
border-radius: 0rpx 0rpx 20rpx 20rpx;
}
.zhtips{
font-size: 24rpx;
color: #000000;
line-height: 45rpx;
padding: 35rpx 10rpx;
text{
color:#D0121B;
}
border-bottom: 1rpx solid #E7E7E7;
}
.zhc{
font-size: 24rpx;
color: #000000;
line-height: 62rpx;
padding: 35rpx 10rpx;
border-bottom: 1rpx solid #E7E7E7;
}
.copy{
height:80rpx;
line-height: 80rpx;
text-align: center;
font-size: 24rpx;
color: #000000;
border-radius: 20rpx 20rpx 20rpx 20rpx;
}
}
}
}
components/title_nav.vue
...@@ -47,7 +47,7 @@ ...@@ -47,7 +47,7 @@
.icon{ .icon{
font-size: 35rpx; font-size: 35rpx;
color: #898989; color: #898989;
margin-right:225rpx; margin-right:250rpx;
} }
} }
......
pages.json
...@@ -36,7 +36,8 @@ ...@@ -36,7 +36,8 @@
{"path": "pages/user/setting"}, {"path": "pages/user/setting"},
{"path": "pages/user/orderList"}, {"path": "pages/user/orderList"},
{"path": "pages/user/orderDetail"}, {"path": "pages/user/orderDetail"},
{"path": "pages/user/orderPay"} {"path": "pages/user/orderPay"},
{"path": "pages/user/orderPayLine"}
], ],
"globalStyle": { "globalStyle": {
......
pages/user/orderDetail.vue
<template> <template>
<view class="confirmQuotePage"> <view class="orderDetailPage">
<barX /> <barX />
<titleNav :title="'订单详情'"/> <titleNav :title="'订单详情'"/>
<view class="cons"> <view class="cons">
<view v-if="pageData">
<view class="wl-box" v-if="wlInfo.length>0">
<view class="wiboxitem" v-for="(item,index) in wlInfo" :key='index'>
<view class="pack row">
<view class="item row verCenter" v-for="(item1,index1) in item.shipping_items" :key='index1'>
<image :src="item1.goods_images||'https://www.iedge.net/assets/images/common/defaultnew.png'" />
<text>{{item1.goods_name}}</text>
</view>
</view>
<view class="wl-cons">
<view class="tit row bothSide verCenter">
<view class="row verCenter">{{item.shipping_info[0].tracking_name}} {{item.shipping_info[0].shipping_no}}</view>
<view class="row verCenter">
<text>复制</text>
<text class="call">打电话</text>
</view>
</view>
<view class="consfg">
<view class="wlitem" :class="{'hidex':(index2>0&&(!item.showUlAll))}" v-for="(item2,index2) in item.shipping_info[0].tracking_msg" :key='index2' >
<view class="row wlt verCenter">
<text class="tet" v-if="item2.tracking_status_val">{{item2.tracking_status_val}}</text><text class="txt">{{item2.time}}</text>
</view>
<view class="wlb">{{item2.context}}</view>
</view>
</view>
<view class="wlbt1 row verCenter" @click="sqzk(item.shipping_no)">
{{item.showUlAll?'收起':'查看'}}更多物流明细
<text :class="['icon','iconfont',item.showUlAll?'icon-arrowshang':'icon-arrowxia']"></text>
</view>
</view>
</view>
</view>
<view class="top-box"> <view class="top-box">
<view class="tit">询价人：糖小姐</view> <view class="address-box">
<navigator url="" class="address-box">
<view class="addbx row bothSide verCenter"> <view class="addbx row bothSide verCenter">
<view class="l"> <view class="l">
<view class="ad row verCenter"> <view class="ad row verCenter">
<text class="csq">广东省 深圳市 龙岗区 坂田街道</text> <text class="csq">{{(pageData.order_address.nation_cn!="中国"?pageData.order_address.nation_cn:'')+pageData.order_address.province_val+' '+pageData.order_address.city_val+' '+pageData.order_address.district_val}}</text>
<text class="mr">默认</text> <text class="mr" v-if="pageData.order_address.is_default==1">默认</text>
</view> </view>
<view class="ad1">清丽路宝能科技园12栋11楼</view> <view class="ad1">{{pageData.order_address.address}}</view>
<view class="cnnk"><text>Tang</text><text>138****2222</text></view> <view class="cnnk"><text>{{pageData.order_address.consignee}}</text><text>{{pageData.order_address.mobile}}</text></view>
</view> </view>
<text class="icon iconfont icon-arrowright"></text>
</view> </view>
</navigator>
</view> </view>
<view class="goods-box">
<view class="group row">
<image src="https://www.iedge.net/assets/images/common/defaultnew.png" />
<view class="infos">
<view class="ganme elep2">研华ADVANTECH工业通信工业通信工工业通信工业通信工wqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqa</view>
<view class="hqs row verCenter bothSide"><text>货期：1-2周</text><text>x1</text></view>
<view class="price">¥ 1050.00</view>
</view> </view>
</view> <view class="goods-box">
<view class="group row"> <view class="group row" v-for="(item,index) in pageData.order_items" :key="index">
<image src="https://www.iedge.net/assets/images/common/defaultnew.png" /> <image :src="item.goods_images||'https://www.iedge.net/assets/images/common/defaultnew.png'" />
<view class="infos"> <view class="infos">
<view class="ganme elep2">研华ADVANTECH工业通信工业通信工工业通信工业通信工wqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqaqa</view> <view class="ganme elep2">{{item.sku_name}}</view>
<view class="hqs row verCenter bothSide"><text>货期：1-2周</text><text>x1</text></view> <view class="hqs row verCenter bothSide"><text>货期：{{item.delivery_time}}</text><text>x{{item.goods_number}}</text></view>
<view class="price">¥ 1050.00</view> <view class="price">{{item.goods_amount_order}}</view>
</view>
</view>
<view class="coupo-box row bothSide verCenter">
<view class="l">选择您的优惠券</view>
<view class="r row verCenter">
<text>-¥80.00</text>
<text class="icon iconfont icon-arrowright"></text>
</view> </view>
</view> </view>
</view> </view>
<view class="pur-sn-box">
<view class="tit">客户采购单号</view>
<input type="text" class="pur-sn-val" placeholder-class="placeholder-class" placeholder="请输入采购单号"/>
</view>
<view class="price-infos"> <view class="price-infos">
<view class="top "> <view class="tit">订单信息</view>
<view class="item row bothSide"><text>商品含税总额</text><text>¥1055.00</text></view> <view class="row bothSide item"><text>发票信息</text><text>{{pageData.order_invoice.tax_title}}</text></view>
<view class="item row bothSide"><text>运费（未税）</text><text>已免运费</text></view> <view class="row bothSide item"><text>订单编号</text><text>{{pageData.order_info.order_sn}}</text></view>
<view class="row bothSide item"><text>下单时间</text><text>{{pageData.order_info.create_time}}</text></view>
</view> </view>
<view class="bottom"> <view class="price-infos">
<view class="item row bothSide"><text>总金额（未税）</text><text>¥1055.00</text></view> <view class="tit">结算信息</view>
<view class="item row bothSide"><text>总税额</text><text>¥1055.00</text></view> <view class="row bothSide item"><text>商品含税总额</text><text>{{pageData.order_info.goods_amount_has_tax_format}}</text></view>
<view class="item row bothSide"><text>应付金额（含税）</text><text class="price-pay">¥1055.00</text></view> <view class="row bothSide item"><text>税费</text><text>{{pageData.order_info.tax_amount_format}}</text></view>
<view class="row bothSide item"><text>优惠券抵用</text><text>{{pageData.order_info.coupon_amount_format}}</text></view>
<view class="row bothSide item"><text>运费</text><text>{{pageData.order_info.shipping_amount_format}}</text></view>
<view class="row bothSide item"><text>含税总额</text><text class="price">{{pageData.order_info.order_amount_format}}</text></view>
</view> </view>
</view> </view>
<view class="rules row verCenter">
<text class="icon iconfont icon-checked1" ></text>
<navigator url="/pages/car/confirmRule" class="tklink">查看交易条款</navigator>
</view> </view>
<view class="foot row verCenter bothSide" v-if="pageData">
<navigator class="item" url="">
<text class="icon iconfont icon-kfd"></text>
<view>我的客服</view>
</navigator>
<view class="row">
<view class="add-car" @click="again()">加入购物车</view>
<view class="add-confirm" @click="again(1)">再来一单</view>
<navigator v-if="pageData.order_info.status==2||pageData.order_info.status==3" :url="'/pages/user/orderPay?order_id='+order_id" class="pay">立即支付</navigator>
</view> </view>
<view class="foot row verCenter bothSide " >
<view class="l row verCenter">含税总额：<text>¥ 1055.00</text> </view>
<view class="submit-btn" >完成报价</view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import {
Api_Url
} from '@/util/api.js'
import barX from '@/components/barx.vue'; import barX from '@/components/barx.vue';
import titleNav from '@/components/title_nav.vue'; import titleNav from '@/components/title_nav.vue';
export default { export default {
data() { data() {
return { return {
pageData:"",
wlInfo:[]
} }
}, },
onLoad: function() { onLoad: function(options) {
this.order_id=options.order_id||"";
this.getData()
}, },
methods: { methods: {
sqzk(shipping_no){
this.wlInfo.forEach(item=>{
if(shipping_no==item.shipping_no){
item.showUlAll=!item.showUlAll
}
})
},
again(type){
let arr_=this.pageData.order_items||[]
let json_arr=[]
let ids=[]
arr_.forEach(item=>{
json_arr.push({
goods_num:item.goods_number,
sku_id:item.goods_id,
price:item.price_has_tax,
is_cover_goods_num:1
})
ids.push(item.sku_id)
})
this.request(Api_Url + '/api/cart/batchAddCart', 'POST', {sku_json:JSON.stringify(json_arr)}, true).then(res => {
if (res.code == 0) {
if(type){
uni.setStorageSync('car_ids',ids.join(","));
uni.navigateTo({
url:'/pages/car/confirmOrder'
});
}else{
uni.showToast({
title: "添加购物车成功",
icon: 'success'
});
}
} else {
uni.showToast({
title: res.msg,
icon: 'error'
});
}
});
},
getData(){
this.request(Api_Url + '/api/order/detail', 'GET', {order_id:this.order_id}, true).then(res => {
if(res.code==0){
this.pageData=res.data
this.wlInfo=res.data.order_shipping||[]
this.wlInfo.forEach(item=>{
item.showUlAll=false
})
}else{
uni.showToast({
title: res.msg,
icon: 'error'
});
}
});
}
}, },
components: { components: {
barX, barX,
...@@ -95,5 +181,5 @@ ...@@ -95,5 +181,5 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '../../assets/css/car/confirmQuote.scss'; @import '../../assets/css/user/orderDetail.scss';
</style> </style>
\ No newline at end of file
pages/user/orderList.vue
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
</view> </view>
<view class="cr">货期：{{item1.delivery_time}}</view> <view class="cr">货期：{{item1.delivery_time}}</view>
<view class="br"> <view class="br">
<view>¥ {{item1.price_has_tax}}</view> <view>{{item1.price_has_tax_format}}</view>
<view><text>（含税总额）</text>{{item1.goods_amount_order}}</view> <view><text>（含税总额）</text>{{item1.goods_amount_order}}</view>
</view> </view>
</view> </view>
...@@ -91,6 +91,7 @@ ...@@ -91,6 +91,7 @@
}, },
onLoad: function(options) { onLoad: function(options) {
this.status = options.status || "" this.status = options.status || ""
console.log(this.status)
this.getData() this.getData()
}, },
async onReachBottom() { async onReachBottom() {
...@@ -104,37 +105,23 @@ ...@@ -104,37 +105,23 @@
methods: { methods: {
again(item){ again(item){
let json_arr=[] let json_arr=[]
item.forEach(item=>{ let ids=[]
item.goods_list.forEach(item=>{
json_arr.push({ json_arr.push({
goods_num:item.goods_number, goods_num:item.goods_number,
sku_id:item.sku_id, sku_id:item.sku_id,
price:item.price price:item.price_has_tax,
is_cover_goods_num:1
}) })
ids.push(item.sku_id)
}) })
return
let obj_={ this.request(Api_Url + '/api/cart/batchAddCart', 'POST', {sku_json:JSON.stringify(json_arr)}, true).then(res => {
sku_id: this.goods_id,
goods_num:this.goods_number,
price:this.buyPrice,
guid_:this.addType,
}
if(this.addType==2){
obj_.is_cover_goods_num=1
}
this.request(Api_Url + '/api/cart/addCart', 'GET', obj_, true).then(res => {
if (res.code == 0) { if (res.code == 0) {
if(this.addType==1){ uni.setStorageSync('car_ids',ids.join(","));
uni.showToast({
title: "添加购物车成功",
icon: 'success'
});
this.close()
}else{
uni.setStorageSync('car_ids',this.goods_id);
uni.navigateTo({ uni.navigateTo({
url:'/pages/car/confirmOrder' url:'/pages/car/confirmOrder'
}); });
}
} else { } else {
uni.showToast({ uni.showToast({
title: res.msg, title: res.msg,
...@@ -244,7 +231,7 @@ ...@@ -244,7 +231,7 @@
} }
this.request(Api_Url + '/api/order/list', 'GET', obj_, true).then(res => { this.request(Api_Url + '/api/order/list', 'GET', obj_, true,true).then(res => {
if (res.code == 0) { if (res.code == 0) {
this.isInit = 1; this.isInit = 1;
......
pages/user/orderPay.vue
...@@ -4,9 +4,9 @@ ...@@ -4,9 +4,9 @@
<titleNav title="在线支付" /> <titleNav title="在线支付" />
<view class="cons"> <view class="cons">
<view class="sec"> <view class="sec" v-if="pageData">
<view class="tit">待付款</view> <view class="tit">待付款</view>
<view class="price">¥ 9350.00</view> <view class="price">{{pageData.order_info.order_amount_format}}</view>
<view class="pay-box"> <view class="pay-box">
<view class="tx">请选择支付方式</view> <view class="tx">请选择支付方式</view>
<view class="payc-choose"> <view class="payc-choose">
...@@ -17,6 +17,7 @@ ...@@ -17,6 +17,7 @@
</view> </view>
<text class="icon iconfont icon-arrowright"></text> <text class="icon iconfont icon-arrowright"></text>
</view> </view>
<navigator :url="'/pages/user/orderPayLine?order_id='+order_id">
<view class="item row verCenter bothSide"> <view class="item row verCenter bothSide">
<view class="row"> <view class="row">
<image src="https://img.ichunt.com/images/ichunt/202502/26/bd1559d2520276133bfcf50f97adcd7c.png"/> <image src="https://img.ichunt.com/images/ichunt/202502/26/bd1559d2520276133bfcf50f97adcd7c.png"/>
...@@ -24,6 +25,7 @@ ...@@ -24,6 +25,7 @@
</view> </view>
<text class="icon iconfont icon-arrowright"></text> <text class="icon iconfont icon-arrowright"></text>
</view> </view>
</navigator>
</view> </view>
</view> </view>
</view> </view>
...@@ -42,17 +44,31 @@ ...@@ -42,17 +44,31 @@
export default { export default {
data() { data() {
return { return {
order_id:"" order_id:"",
pageData:""
} }
}, },
onLoad: function(options) { onLoad: function(options) {
this.order_id=options.order_id||""; this.order_id=options.order_id||"";
this.getData()
}, },
onShow() { onShow() {
}, },
methods: { methods: {
getData(){
this.request(Api_Url + '/api/order/detail', 'GET', {order_id:this.order_id}, true).then(res => {
if(res.code==0){
this.pageData=res.data
}else{
uni.showToast({
title: res.msg,
icon: 'error'
});
}
});
}
}, },
components: { components: {
......
pages/user/orderPayLine.vue 0 → 100644
<template>
<view class="orderPayLinePage">
<barX />
<titleNav title="公司转账" />
<view class="cons" :class="{'act':pageData}">
<view class="sec" v-if="pageData">
<view class="tit">待付款</view>
<view class="price">{{pageData.order_info.order_amount_format}}</view>
<view class="infos">
<view class="row bothSide verCenter">
<text>订单号：</text>
<view>{{pageData.order_info.order_sn}}</view>
</view>
<view class="row bothSide verCenter">
<text>下单时间：</text>
<view>{{pageData.order_info.create_time}}</view>
</view>
<view class="row bothSide verCenter">
<text>订单状态：</text>
<view class="status">{{pageData.order_info.status_val}}</view>
</view>
</view>
<view class="zhtti">
<text>线下对公付款信息</text>
（请按照以下信息进行线下转账汇款操作）
</view>
<view class="zhcons">
<view class="zhtips">
您的汇款识别码<text>{{pageData.order_info.order_sn}}</text>，汇款填写用途/备注/摘要栏，便于快速核销款项款项。
</view>
<view class="zhc">
<view class="row bothSide"><text>收款人户名</text><text>深圳华云数智工业科技有限公司</text></view>
<view class="row bothSide"><text>银行账号</text><text>交通银行深圳梅林支行</text></view>
<view class="row bothSide"><text>开户银行</text><text>443066388013008419909</text></view>
<view class="row bothSide"><text>银联号（非必填）</text><text>301584000395</text></view>
<view class="row bothSide"><text>用途/备注/摘要栏</text><text>{{pageData.order_info.order_remark}}</text></view>
</view>
<view class="copy" @click="copy">一键复制</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
Api_Url
} from '@/util/api.js'
import barX from '@/components/barx.vue';
import titleNav from '@/components/title_nav.vue';
export default {
data() {
return {
order_id:"",
pageData:""
}
},
onLoad: function(options) {
this.order_id=options.order_id||"";
this.getData()
},
onShow() {
},
methods: {
copy(){
let str=`收款人户名 深圳华云数智工业科技有限公司\n银行账号 交通银行深圳梅林支行\n开户银行 443066388013008419909`
uni.setClipboardData({
data: str,
success: function () {
uni.showToast({
title: '复制成功',
icon: 'success'
});
}
});
},
getData(){
this.request(Api_Url + '/api/order/detail', 'GET', {order_id:this.order_id}, true).then(res => {
if(res.code==0){
this.pageData=res.data
}else{
uni.showToast({
title: res.msg,
icon: 'error'
});
}
});
}
},
components: {
barX,
titleNav
}
}
</script>
<style scoped lang="scss">
@import '../../assets/css/user/orderPayLine.scss';
</style>
\ No newline at end of file
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