| | |
| | | <view class="content-wrap"> |
| | | <view class="page-padding card-list"> |
| | | <view v-for="(item, index) in dataList" :key="item.id" class="order-card"> |
| | | <view class="order-head" :class="item.mode === 'city' ? 'city-head-bg' : 'local-head-bg'"> |
| | | <view class="order-head" :class="item.mode === 'city' ? 'city-head-bg' : 'local-head-bg'" @click="jumpOrderDetail(item.id)"> |
| | | <view v-if="item.type === 0" class="head-local"> |
| | | <view class="mode-tag local-tag">就地寄存</view> |
| | | <view class="head-copy single-copy"> |
| | |
| | | <text class="head-user">{{ item.takeUser ||'' }}</text> |
| | | </view> |
| | | <text v-if="item.status < 7" class=" status-text status-orange">{{ item.statusName||'' }}</text> |
| | | <text v-else-if="item.status ===7" class=" status-text">{{ item.statusName||'' }}</text> |
| | | <text v-else-if="item.status ===7" class=" status-text status-grey">{{ item.statusName||'' }}</text> |
| | | <text v-else-if="item.status >7" class=" status-text status-grey">{{ item.statusName||'' }}</text> |
| | | </view> |
| | | <view v-else class="head-city"> |
| | |
| | | </view> |
| | | <view class="head-copy city-right align-right"> |
| | | <text v-if="item.status < 7" class=" status-text status-orange">{{ item.statusName||'' }}</text> |
| | | <text v-else-if="item.status ===7" class="status-text">{{ item.statusName||'' }}</text> |
| | | <text v-else-if="item.status ===7" class="status-text status-grey" >{{ item.statusName||'' }}</text> |
| | | <text v-else-if="item.status >7" class=" status-text status-grey">{{ item.statusName||'' }}</text> |
| | | <text class="head-name text-ellipsis">{{ item.takeShopName||'对对对' }}</text> |
| | | <text class="head-name text-ellipsis">{{ item.takeShopName || item.takeLocation||'' }}</text> |
| | | <text class="head-user">{{ item.takeUser||'' }}</text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | |
| | | <view class="goods-area" v-if="item.detailList"> |
| | | <view class="goods-area" v-if="item.detailList" @click="jumpOrderDetail(item.id)"> |
| | | <view v-for="goods in item.detailList " :key="goods.luggageName" class="goods-row"> |
| | | <view class="goods-left"> |
| | | <text class="goods-name">{{ goods.luggageName ||'' }}</text> |
| | |
| | | <view class="footer-btn contact-btn" @click="deleteOrder(item)" v-if="item.status ===7 || item.status===96 || item.status == 99">删除订单</view> |
| | | <view class="footer-btn primary-btn" @click="payOrder(item)" v-if="item.status ===0">立即支付</view> |
| | | <view class="footer-btn primary-btn" v-if="item.status >=1 &&item.status <7 " @click="openQrcode(item)" >核销码</view> |
| | | <view class="footer-btn primary-btn" v-if="item.status ===7 && !commentStatus ">评价订单</view> |
| | | <view class="footer-btn primary-btn" @click="evaluateOrder(item)" v-if="item.status ===7 && !item.commentStatus ">评价订单</view> |
| | | </view> |
| | | <view class="footer-actions" v-else> |
| | | <view class="footer-btn contact-btn" @click="contactPhone(item,0)" v-if="item.status ===1 || item.status ==2">联系门店</view> |
| | |
| | | <view class="footer-btn primary-btn" @click="cancelOrder(item)" v-if="item.status ===1">申请退款</view> |
| | | <view class="footer-btn primary-btn" v-if="item.status ===1 || (item.takeShopId && item.status ===5)" @click="openQrcode(item)" >核销码</view> |
| | | <view class="footer-btn primary-btn" @click="doneOrder(item)" v-if="!item.takeShopId && item.status ===5">确认收货</view> |
| | | <view class="footer-btn primary-btn" v-if="item.status ===7 && !commentStatus ">评价订单</view> |
| | | <view class="footer-btn primary-btn" @click="evaluateOrder(item)" v-if="item.status ===7 && !item.commentStatus ">评价订单</view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | </view> |
| | | </view> |
| | | </u-popup> |
| | | <custom-tabbar></custom-tabbar> |
| | | </view> |
| | | </template> |
| | | |
| | | <script> |
| | | import { mapState } from 'vuex' |
| | | import CustomTabbar from '@/components/custom-tabbar/custom-tabbar.vue' |
| | | import drawQrcode from 'weapp-qrcode' |
| | | export default { |
| | | computed: { |
| | |
| | | if(item.id==data.info.orderId){ |
| | | console.log('监听到事件来自 update 02:' ,data); |
| | | item.status = data.info.orderStatus |
| | | item.commentStatus = data.info.commentStatus |
| | | } |
| | | }) |
| | | } |
| | |
| | | }, |
| | | jumpOrderDetail(id){ |
| | | uni.navigateTo({ |
| | | url:'/pages/details-entry/details-entry?userType='+this.userType+'&id='+id |
| | | url:'/pages/delivery-order-detail/delivery-order-detail?userType=0&id='+id |
| | | }) |
| | | }, |
| | | evaluateOrder(item){ |
| | | uni.navigateTo({ |
| | | url:"/pages/evaluate/evaluate?id="+item.id |
| | | }) |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | .text-ellipsis { |
| | | display: block; |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | max-width: 100%; |
| | | } |
| | | |
| | | .city-arrow { |