123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 |
- <template>
- <view class="content-orderDetails">
- <view class="flex justify_center align_center order-states">
- <u-image src="/static/order/prescription_order_icon_pay.png" width="48" height="48"></u-image>
- <text>{{pageInfo.orderStatusDictValue||''}}</text>
- </view>
- <view class="flex justify_center order-time">下单时间:{{pageInfo.createDate||'--'}}</view>
- <view class="order-info">
- <view class="flex justify_between item">
- <text>店铺名称</text>
- <text>{{pageInfo.customerName||'--'}}</text>
- </view>
- <view class="flex justify_between item">
- <text>订单编号</text>
- <text>{{pageInfo.orderReserveNo|| '--'}}</text>
- </view>
- <view class="flex justify_between item">
- <text>服务骑手</text>
- <text>{{pageInfo.name||'--'}}</text>
- </view>
- </view>
- <view class="order-info">
- <view class="flex justify_between item">
- <text>下单用户</text>
- <text>{{pageInfo.contactMobile||'--'}}</text>
- </view>
- </view>
- <view class="order-info" v-if="pageInfo.orderStatus=='FINISH'">
- <view class="flex flex_column item type">
- <view>回收品类明细</view>
- <view></view>
- </view>
- <view class="flex justify_between item">
- <text>黄纸1.2元/千克</text>
- <text>5千克/6元</text>
- </view>
- <view class="flex justify_between item">
- <text>黄纸1.2元/千克</text>
- <text>5千克/6元</text>
- </view>
- <view class="flex justify_between item">
- <text>黄纸1.2元/千克</text>
- <text>5千克/6元</text>
- </view>
- </view>
- </view>
- </template>
- <script>
- import {orderDetail}from '@/api/order.js'
- export default{
- data(){
- return{
- pageInfo:null,
- orderId:'' // 订单id
- }
- },
- onLoad(query) {
- console.log(query,query.id,'============订单')
- if(query){
- this.orderId=query.id
- this.getPageInfo()
- }
- },
- methods:{
- getPageInfo(){
- orderDetail({id:this.orderId}).then(res=>{
- console.log(res,'============订单详情')
- if(res.status==200){
- this.pageInfo=res.data
- }else{
- uni.showToast({
- title:res.message,
- icon:'none'
- })
- }
- })
- }
- }
- }
- </script>
- <style lang="less">
- .content-orderDetails{
- width: 100%;
- height: 100vh;
- padding: 44upx 32upx;
- background-color: #f5f5f5;
- .order-states{
- margin-bottom: 10upx;
- text{
- display: inline-block;
- margin: 0 10upx;
- font-size: 42upx;
- color: #191919;
- }
- }
- .order-time{
- margin-bottom: 30upx;
- }
- .order-info{
- margin-bottom: 20upx;
- background: #FFFFFF;
- border-radius: 24upx;
- font-weight: 400;
- color: #191919;
- .item{
- padding: 30upx;
- border-bottom: 1px soild #bbb;
- // &:first-child{
- // color: #7C7D7E;
- // }
- }
- .item>text:first-child{
- color: #7C7D7E;
- }
- .type{
- color: #7C7D7E;
- }
- }
- }
- </style>
|