|
@@ -6,116 +6,191 @@
|
|
|
@change="change" bg-color="#F7E8CB" active-color="#E68500"></u-tabs>
|
|
|
<swiper :interval="3000" :duration="1000" :current="current" class="order-list-box" @change="touchChange">
|
|
|
<!-- 待接单 -->
|
|
|
- <swiper-item style="height: 100%;overflow-y: scroll;">
|
|
|
- <view class="noOrder" v-if="data.data.length < 1">
|
|
|
- 暂无订单~~
|
|
|
- </view>
|
|
|
- <view class="card" @click="info(item)" v-for="(item,index) in data.data" :key="index">
|
|
|
- <view class="row center">
|
|
|
- <view class="big-text">
|
|
|
- {{item.from_city}}
|
|
|
- </view>
|
|
|
- <view class="image">
|
|
|
- <image src="http://pet.hdlkeji.com/assets/static/1/95.png" style="width: 50rpx;height: 20rpx;"></image>
|
|
|
- </view>
|
|
|
- <view class="big-text">
|
|
|
- {{item.to_city}}
|
|
|
- </view>
|
|
|
+ <swiper-item style="height: 100%;">
|
|
|
+ <scroll-view :scroll-top="50" scroll-y="true" style=" height:100%;" @scrolltoupper="upper"
|
|
|
+ @scrolltolower="lower">
|
|
|
+ <view class="noOrder" v-if="data.data.length < 1">
|
|
|
+ 暂无订单~~
|
|
|
</view>
|
|
|
- <view class="row">
|
|
|
- <view class="row half">
|
|
|
- <view class="name">
|
|
|
- 宠物类别
|
|
|
+ <view class="card" @click="info(item)" v-for="(item,index) in dataA" :key="index">
|
|
|
+ <view class="row">
|
|
|
+ <view style="width:20%;">
|
|
|
+ <view
|
|
|
+ :class="item.freight==='fast'?'type_name green':item.freight === 'air'?'type_name blue':'type_name yellow' ">
|
|
|
+ {{item.freight === 'fast'?'快车':item.freight === 'air'?'空运':'专车'}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="text">
|
|
|
- {{item.pet_category}}
|
|
|
+ <view class="row"
|
|
|
+ style="width: 60%; justify-content: flex-start; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;">
|
|
|
+ <view class="name" style="width:20%;">
|
|
|
+ 订单号
|
|
|
+ </view>
|
|
|
+ <view class="text" style="text-indent: 1em;">
|
|
|
+ {{item.no}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="type_status">
|
|
|
+ 抢单中
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="row half">
|
|
|
- <view class="name">
|
|
|
- 宠物规格
|
|
|
+ <view class="row center" style="width: 60%;">
|
|
|
+ <view class="big-text">
|
|
|
+ {{item.from_city}}
|
|
|
</view>
|
|
|
- <view class="text">
|
|
|
- {{item.spec}}
|
|
|
+ <view class="image">
|
|
|
+ <image src="http://pet.hdlkeji.com/assets/static/1/95.png"
|
|
|
+ style="width: 50rpx;height: 20rpx;"></image>
|
|
|
+ </view>
|
|
|
+ <view class="big-text">
|
|
|
+ {{item.to_city}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="row half" style="width: 100%;">
|
|
|
+ <view class="row">
|
|
|
+ <view class="row" style="width:100%;">
|
|
|
+ <view class="name">
|
|
|
+ 宠物类别
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.pet_category}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="row half" style="width:100%;">
|
|
|
<view class="name">
|
|
|
- 取宠时间
|
|
|
+ 宠具规格
|
|
|
</view>
|
|
|
<view class="text">
|
|
|
- {{item.agree_date}}
|
|
|
- {{item.agree_time}}
|
|
|
+ {{item.spec}}
|
|
|
</view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="row half" style="width: 100%;">
|
|
|
- <view class="name">
|
|
|
- 订单号
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width: 100%;">
|
|
|
+ <view class="name">
|
|
|
+ 宠具规格
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.spec}}*
|
|
|
+ {{item.num}}件
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="text">
|
|
|
- {{item.no}}
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width: 100%;">
|
|
|
+ <view class="name">
|
|
|
+ 取宠时间
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.agree_date}}
|
|
|
+ {{item.agree_time}}
|
|
|
+ </view>
|
|
|
+ <view class="length">{{item.distance}}KM</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <!-- 如果是配送员 接 收 都是接单操作 -->
|
|
|
- <view class="row border" v-if="!isAdmin">
|
|
|
- <view class="btn" @click.stop="getOrder(item.id)">
|
|
|
- 立即接单
|
|
|
+
|
|
|
+ <!-- 如果是配送员 接 收 都是接单操作 -->
|
|
|
+ <view class="row border" v-if="!isAdmin">
|
|
|
+ <view class="btn" @click.stop="getOrder(item.id)">
|
|
|
+ 立即接单
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row border" v-if="isAdmin">
|
|
|
+ <view class="row half">
|
|
|
+ <view class="name">
|
|
|
+ 订单金额
|
|
|
+ </view>
|
|
|
+ <view class="text red">
|
|
|
+ ¥{{item.real_amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row half"></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </scroll-view>
|
|
|
</swiper-item>
|
|
|
<!-- 进行中 -->
|
|
|
- <swiper-item style="height: 100%;overflow-y: scroll;">
|
|
|
- <view class="noOrder" v-if="data.data.length < 1">
|
|
|
- 暂无订单~~
|
|
|
- </view>
|
|
|
- <view class="card" @click="info(item)" v-for="(item,index) in data.data" :key="index">
|
|
|
- <view class="row center">
|
|
|
- <view class="big-text">
|
|
|
- {{item.from_city}}
|
|
|
- </view>
|
|
|
- <view class="image">
|
|
|
- <image src="http://pet.hdlkeji.com/assets/static/1/95.png" style="width: 40rpx;height: 20rpx;"></image>
|
|
|
- </view>
|
|
|
- <view class="big-text">
|
|
|
- {{item.to_city}}
|
|
|
- </view>
|
|
|
+ <swiper-item style="height: 100%;">
|
|
|
+ <scroll-view :scroll-top="50" scroll-y="true" style=" height:100%;" @scrolltoupper="upper"
|
|
|
+ @scrolltolower="lower">
|
|
|
+ <view class="noOrder" v-if="data.data.length < 1">
|
|
|
+ 暂无订单~~
|
|
|
</view>
|
|
|
- <view class="row">
|
|
|
- <view class="row half">
|
|
|
- <view class="name">
|
|
|
- 宠物类别
|
|
|
+ <view class="card" @click="info(item)" v-for="(item,index) in dataB" :key="index">
|
|
|
+ <view class="row">
|
|
|
+ <view style="width:20%;">
|
|
|
+ <view
|
|
|
+ :class="item.freight==='fast'?'type_name green':item.freight === 'air'?'type_name blue':'type_name yellow' ">
|
|
|
+ {{item.freight === 'fast'?'快车':item.freight === 'air'?'空运':'专车'}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="text">
|
|
|
- {{item.pet_category}}
|
|
|
+ <view class="row"
|
|
|
+ style="width: 60%; justify-content: flex-start; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;">
|
|
|
+ <view class="name" style="width:20%;">
|
|
|
+ 订单号
|
|
|
+ </view>
|
|
|
+ <view class="text" style="text-indent: 1em;">
|
|
|
+ {{item.no}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="type_status">
|
|
|
+ {{item.status === 10?'取宠中':item.status === 20?'运输中':item.status === 30?'送宠中':item.status === 40?'待确认':item.status === 70?'退款中':''}}
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row center">
|
|
|
+ <view class="big-text">
|
|
|
+ {{item.from_city}}
|
|
|
+ </view>
|
|
|
+ <view class="image">
|
|
|
+ <image src="http://pet.hdlkeji.com/assets/static/1/95.png"
|
|
|
+ style="width: 40rpx;height: 20rpx;"></image>
|
|
|
+ </view>
|
|
|
+ <view class="big-text">
|
|
|
+ {{item.to_city}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="row half">
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width:100%;">
|
|
|
+ <view class="name">
|
|
|
+ 宠物类别
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.pet_category}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="row half" style="width:100%;">
|
|
|
<view class="name">
|
|
|
- 宠物规格
|
|
|
+ 宠具规格
|
|
|
</view>
|
|
|
<view class="text">
|
|
|
{{item.spec}}
|
|
|
</view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="row half" style="width: 100%;">
|
|
|
- <view class="name">
|
|
|
- 取宠时间
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width: 100%;">
|
|
|
+ <view class="name">
|
|
|
+ 宠具规格
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.spec}}*
|
|
|
+ {{item.num}}件
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="text">
|
|
|
- {{item.agree_date}}
|
|
|
- {{item.agree_time}}
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width: 100%;">
|
|
|
+ <view class="name">
|
|
|
+ 取宠时间
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.agree_date}}
|
|
|
+ {{item.agree_time}}
|
|
|
+ </view>
|
|
|
+ <view class="length">{{item.distance}}KM</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
+ <!-- <view class="row">
|
|
|
<view class="row half" style="width: 100%;">
|
|
|
<view class="name">
|
|
|
订单号
|
|
@@ -124,71 +199,130 @@
|
|
|
{{item.no}}
|
|
|
</view>
|
|
|
</view>
|
|
|
+ </view> -->
|
|
|
+ <!-- 判断位配送员 -->
|
|
|
+ <view class="row border" v-if="!isAdmin">
|
|
|
+ <!-- 判断已经接单 并且 配送员位取宠人 -->
|
|
|
+ <view class="btn" v-if="item.status === 10 && item.current_send_order.type === 1">
|
|
|
+ 上传取宠视频
|
|
|
+ </view>
|
|
|
+ <view class="btn" v-if="item.status === 20 && item.current_send_order.type === 1">
|
|
|
+ 上传运宠视频
|
|
|
+ </view>
|
|
|
+ <!-- 判断已经接单 并且 配送员位取宠人 -->
|
|
|
+ <view class="btn" v-if="item.status === 30 && item.current_send_order.type === 2">
|
|
|
+ 上传送达视频
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="row border" v-if="isAdmin">
|
|
|
+ <view class="btn" v-if="item.status === 70">
|
|
|
+ 同意退款
|
|
|
+ </view>
|
|
|
+ <view class="btn" v-if="item.status === 70">
|
|
|
+ 拒绝退款
|
|
|
+ </view>
|
|
|
+ </view> -->
|
|
|
+ <view class="row border" v-if="isAdmin">
|
|
|
+ <view class="row half">
|
|
|
+ <view class="name">
|
|
|
+ 订单金额
|
|
|
+ </view>
|
|
|
+ <view class="text red">
|
|
|
+ ¥{{item.real_amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row half" style="justify-content: flex-end;">
|
|
|
+ <view class="btn" @click.stop="transport(item.id)">运送详情</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <!-- 判断位配送员 -->
|
|
|
- <view class="row border" v-if="!isAdmin">
|
|
|
- <!-- 判断已经接单 并且 配送员位取宠人 -->
|
|
|
- <view class="btn" v-if="item.status === 10 && item.current_send_order.type === 1">
|
|
|
- 上传取宠视频
|
|
|
- </view>
|
|
|
- <view class="btn" v-if="item.status === 20 && item.current_send_order.type === 1">
|
|
|
- 上传运宠视频
|
|
|
- </view>
|
|
|
- <!-- 判断已经接单 并且 配送员位取宠人 -->
|
|
|
- <view class="btn" v-if="item.status === 30 && item.current_send_order.type === 2">
|
|
|
- 上传送达视频
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ </scroll-view>
|
|
|
</swiper-item>
|
|
|
<!-- 已完成 -->
|
|
|
- <swiper-item style="height: 100%;overflow-y: scroll;">
|
|
|
- <view class="noOrder" v-if="data.data.length < 1">
|
|
|
- 暂无订单~~
|
|
|
- </view>
|
|
|
- <view class="card" @click="info(item)" v-for="(item,index) in data.data" :key="index">
|
|
|
- <view class="row center">
|
|
|
- <view class="big-text">
|
|
|
- {{item.from_city}}
|
|
|
- </view>
|
|
|
- <view class="image">
|
|
|
- <image src="http://pet.hdlkeji.com/assets/static/1/95.png" style="width: 50rpx;height: 20rpx;"></image>
|
|
|
- </view>
|
|
|
- <view class="big-text">
|
|
|
- {{item.to_city}}
|
|
|
- </view>
|
|
|
+ <swiper-item style="height: 100%;">
|
|
|
+ <scroll-view :scroll-top="50" scroll-y="true" style=" height:100%;" @scrolltoupper="upper"
|
|
|
+ @scrolltolower="lower">
|
|
|
+ <view class="noOrder" v-if="data.data.length < 1">
|
|
|
+ 暂无订单~~
|
|
|
</view>
|
|
|
- <view class="row">
|
|
|
- <view class="row half">
|
|
|
- <view class="name">
|
|
|
- 宠物类别
|
|
|
+ <view class="card" @click="info(item)" v-for="(item,index) in dataC" :key="index">
|
|
|
+ <view class="row">
|
|
|
+ <view class="row">
|
|
|
+ <view style="width:20%">
|
|
|
+ <view
|
|
|
+ :class="item.freight==='fast'?'type_name green':item.freight === 'air'?'type_name blue':'type_name yellow' ">
|
|
|
+ {{item.freight === 'fast'?'快车':item.freight === 'air'?'空运':'专车'}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row"
|
|
|
+ style="width: 60%; justify-content: flex-start; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;">
|
|
|
+ <view class="name">
|
|
|
+ 订单号
|
|
|
+ </view>
|
|
|
+ <view class="text" style="text-indent: 1em;">
|
|
|
+ {{item.no}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="type_status">
|
|
|
+ {{item.status === 50?'待结算':item.status === 60?'已结算':item.status === 65?'拒绝结算':''}}
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="text">
|
|
|
- {{item.pet_category}}
|
|
|
+ </view>
|
|
|
+ <view class="row center">
|
|
|
+ <view class="big-text">
|
|
|
+ {{item.from_city}}
|
|
|
+ </view>
|
|
|
+ <view class="image">
|
|
|
+ <image src="http://pet.hdlkeji.com/assets/static/1/95.png"
|
|
|
+ style="width: 50rpx;height: 20rpx;"></image>
|
|
|
+ </view>
|
|
|
+ <view class="big-text">
|
|
|
+ {{item.to_city}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="row half">
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width:100%;">
|
|
|
+ <view class="name">
|
|
|
+ 宠物类别
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.pet_category}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="row half" style="width:100%;">
|
|
|
<view class="name">
|
|
|
- 宠物规格
|
|
|
+ 宠具规格
|
|
|
</view>
|
|
|
<view class="text">
|
|
|
{{item.spec}}
|
|
|
</view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="row half" style="width: 100%;">
|
|
|
- <view class="name">
|
|
|
- 取宠时间
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width: 100%;">
|
|
|
+ <view class="name">
|
|
|
+ 宠具规格
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.spec}}*
|
|
|
+ {{item.num}}件
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="text">
|
|
|
- {{item.agree_date}}
|
|
|
- {{item.agree_time}}
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width: 100%;">
|
|
|
+ <view class="name">
|
|
|
+ 取宠时间
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.agree_date}}
|
|
|
+ {{item.agree_time}}
|
|
|
+ </view>
|
|
|
+ <view class="length">{{item.distance}}KM</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
+ <!-- <view class="row">
|
|
|
<view class="row half" style="width: 100%;">
|
|
|
<view class="name">
|
|
|
订单号
|
|
@@ -197,69 +331,116 @@
|
|
|
{{item.no}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row border" v-if="isAdmin">
|
|
|
- <view class="btn" @click.stop="refuse(item.id)">
|
|
|
- 拒绝
|
|
|
- </view>
|
|
|
- <view class="btn" @click.stop="push(item.id)">
|
|
|
- 结算
|
|
|
+ </view> -->
|
|
|
+ <view class="row border" v-if="!isAdmin">
|
|
|
+ <view class="btn" @click.stop="settle(item.id)">
|
|
|
+ 申请结算
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row border" v-if="!isAdmin">
|
|
|
- <view class="btn" @click.stop="settle(item.id)">
|
|
|
- 申请结算
|
|
|
+ <view class="row border" v-if="isAdmin && item.status === 55">
|
|
|
+ <view class="row half">
|
|
|
+ <view class="name">
|
|
|
+ 订单金额
|
|
|
+ </view>
|
|
|
+ <view class="text red">
|
|
|
+ ¥{{item.real_amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row half">
|
|
|
+ <view class="btn" @click.stop="refuse(item.id)">
|
|
|
+ 拒绝
|
|
|
+ </view>
|
|
|
+ <view class="btn" @click.stop="push(item.id)">
|
|
|
+ 结算
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </scroll-view>
|
|
|
</swiper-item>
|
|
|
<!-- 已结算 -->
|
|
|
- <swiper-item style="height: 100%;overflow-y: scroll;">
|
|
|
- <view class="noOrder" v-if="data.data.length < 1">
|
|
|
- 暂无订单~~
|
|
|
- </view>
|
|
|
- <view class="card" @click="info(item)" v-for="(item,index) in data.data" :key="index">
|
|
|
- <view class="row center">
|
|
|
- <view class="big-text">
|
|
|
- {{item.from_city}}
|
|
|
- </view>
|
|
|
- <view class="image">
|
|
|
- <image src="http://pet.hdlkeji.com/assets/static/1/95.png" style="width: 50rpx;height: 20rpx;"></image>
|
|
|
- </view>
|
|
|
- <view class="big-text">
|
|
|
- {{item.to_city}}
|
|
|
- </view>
|
|
|
+ <swiper-item style="height: 100%;">
|
|
|
+ <scroll-view :scroll-top="50" scroll-y="true" style=" height:100%;" @scrolltoupper="upper"
|
|
|
+ @scrolltolower="lower">
|
|
|
+ <view class="noOrder" v-if="data.data.length < 1">
|
|
|
+ 暂无订单~~
|
|
|
</view>
|
|
|
- <view class="row">
|
|
|
- <view class="row half">
|
|
|
- <view class="name">
|
|
|
- 宠物类别
|
|
|
+ <view class="card" @click="info(item)" v-for="(item,index) in dataD" :key="index">
|
|
|
+ <view class="row">
|
|
|
+ <view style="width:20%;">
|
|
|
+ <view
|
|
|
+ :class="item.freight==='fast'?'type_name green':item.freight === 'air'?'type_name blue':'type_name yellow' ">
|
|
|
+ {{item.freight === 'fast'?'快车':item.freight === 'air'?'空运':'专车'}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="text">
|
|
|
- {{item.pet_category}}
|
|
|
+ <view class="row"
|
|
|
+ style="width: 60%; justify-content: flex-start; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;">
|
|
|
+ <view class="name" style="width:20%;">
|
|
|
+ 订单号
|
|
|
+ </view>
|
|
|
+ <view class="text" style="text-indent: 1em;">
|
|
|
+ {{item.no}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="type_status">
|
|
|
+ 已结算
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="row half">
|
|
|
+ <view class="row center">
|
|
|
+ <view class="big-text">
|
|
|
+ {{item.from_city}}
|
|
|
+ </view>
|
|
|
+ <view class="image">
|
|
|
+ <image src="http://pet.hdlkeji.com/assets/static/1/95.png"
|
|
|
+ style="width: 50rpx;height: 20rpx;"></image>
|
|
|
+ </view>
|
|
|
+ <view class="big-text">
|
|
|
+ {{item.to_city}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width:100%;">
|
|
|
+ <view class="name">
|
|
|
+ 宠物类别
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.pet_category}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="row half" style="width:100%;">
|
|
|
<view class="name">
|
|
|
- 宠物规格
|
|
|
+ 宠具规格
|
|
|
</view>
|
|
|
<view class="text">
|
|
|
{{item.spec}}
|
|
|
</view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="row half" style="width: 100%;">
|
|
|
- <view class="name">
|
|
|
- 取宠时间
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width: 100%;">
|
|
|
+ <view class="name">
|
|
|
+ 宠具规格
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.spec}}*
|
|
|
+ {{item.num}}件
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="text">
|
|
|
- {{item.agree_date}}
|
|
|
- {{item.agree_time}}
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width: 100%;">
|
|
|
+ <view class="name">
|
|
|
+ 取宠时间
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.agree_date}}
|
|
|
+ {{item.agree_time}}
|
|
|
+ </view>
|
|
|
+ <view class="length">{{item.distance}}KM</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
+ <!-- <view class="row">
|
|
|
<view class="row half" style="width: 100%;">
|
|
|
<view class="name">
|
|
|
订单号
|
|
@@ -268,65 +449,113 @@
|
|
|
{{item.no}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row border" v-if="isAdmin">
|
|
|
- <view class="btn" @click.stop="del(item.id)">
|
|
|
- 删除
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="row border" v-if="!isAdmin">
|
|
|
- <view class="btn" @click.stop="del(item.id)">
|
|
|
- 删除
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </swiper-item>
|
|
|
- <swiper-item style="height: 100%;overflow-y: scroll;">
|
|
|
- <view class="noOrder" v-if="data.data.length < 1">
|
|
|
- 暂无订单~~
|
|
|
- </view>
|
|
|
- <view class="card" @click="info(item)" v-for="(item,index) in data.data" :key="index">
|
|
|
- <view class="row center">
|
|
|
- <view class="big-text">
|
|
|
- {{item.from_city}}
|
|
|
- </view>
|
|
|
- <view class="image">
|
|
|
- <image src="http://pet.hdlkeji.com/assets/static/1/95.png" style="width: 50rpx;height: 20rpx;"></image>
|
|
|
+ </view> -->
|
|
|
+ <view class="row border" v-if="isAdmin">
|
|
|
+ <view class="row half">
|
|
|
+ <view class="name">
|
|
|
+ 订单金额
|
|
|
+ </view>
|
|
|
+ <view class="text red">
|
|
|
+ ¥{{item.real_amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row half">
|
|
|
+ <view class="btn" @click.stop="del(item.id)">
|
|
|
+ 删除
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="big-text">
|
|
|
- {{item.to_city}}
|
|
|
+ <view class="row border" v-if="!isAdmin">
|
|
|
+ <view class="btn" @click.stop="del(item.id)">
|
|
|
+ 删除
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="row">
|
|
|
- <view class="row half">
|
|
|
- <view class="name">
|
|
|
- 宠物类别
|
|
|
+ </scroll-view>
|
|
|
+ </swiper-item>
|
|
|
+ <!-- 已取消 -->
|
|
|
+ <swiper-item style="height: 100%;">
|
|
|
+ <scroll-view :scroll-top="50" scroll-y="true" style=" height:100%;" @scrolltoupper="upper"
|
|
|
+ @scrolltolower="lower">
|
|
|
+ <view class="noOrder" v-if="data.data.length < 1">
|
|
|
+ 暂无订单~~
|
|
|
+ </view>
|
|
|
+ <view class="card" @click="info(item)" v-for="(item,index) in dataE" :key="index">
|
|
|
+ <view class="row">
|
|
|
+ <view style="width:20%;">
|
|
|
+ <view
|
|
|
+ :class="item.freight==='fast'?'type_name green':item.freight === 'air'?'type_name blue':'type_name yellow' ">
|
|
|
+ {{item.freight === 'fast'?'快车':item.freight === 'air'?'空运':'专车'}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="text">
|
|
|
- {{item.pet_category}}
|
|
|
+ <view class="row"
|
|
|
+ style="width: 60%; justify-content: flex-start; overflow: hidden; white-space:nowrap;text-overflow:ellipsis;">
|
|
|
+ <view class="name" style="width:20%;">
|
|
|
+ 订单号
|
|
|
+ </view>
|
|
|
+ <view class="text" style="text-indent: 1em;">
|
|
|
+ {{item.no}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="type_status">
|
|
|
+ 已取消
|
|
|
+ <u-icon name="arrow-right"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row center">
|
|
|
+ <view class="big-text">
|
|
|
+ {{item.from_city}}
|
|
|
+ </view>
|
|
|
+ <view class="image">
|
|
|
+ <image src="http://pet.hdlkeji.com/assets/static/1/95.png"
|
|
|
+ style="width: 50rpx;height: 20rpx;"></image>
|
|
|
+ </view>
|
|
|
+ <view class="big-text">
|
|
|
+ {{item.to_city}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="row half">
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width:100%;">
|
|
|
+ <view class="name">
|
|
|
+ 宠物类别
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.pet_category}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="row half" style="width:100%;">
|
|
|
<view class="name">
|
|
|
- 宠物规格
|
|
|
+ 宠具规格
|
|
|
</view>
|
|
|
<view class="text">
|
|
|
{{item.spec}}
|
|
|
</view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="row half" style="width: 100%;">
|
|
|
- <view class="name">
|
|
|
- 取宠时间
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width: 100%;">
|
|
|
+ <view class="name">
|
|
|
+ 宠具规格
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.spec}}*
|
|
|
+ {{item.num}}件
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="text">
|
|
|
- {{item.agree_date}}
|
|
|
- {{item.agree_time}}
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ <view class="row " style="width: 100%;">
|
|
|
+ <view class="name">
|
|
|
+ 取宠时间
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ {{item.agree_date}}
|
|
|
+ {{item.agree_time}}
|
|
|
+ </view>
|
|
|
+ <view class="length">{{item.distance}}KM</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
+ <!-- <view class="row">
|
|
|
<view class="row half" style="width: 100%;">
|
|
|
<view class="name">
|
|
|
订单号
|
|
@@ -335,13 +564,24 @@
|
|
|
{{item.no}}
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="row border" v-if="isAdmin">
|
|
|
- <view class="btn">
|
|
|
- 拒绝
|
|
|
+ </view> -->
|
|
|
+ <view class="row border" v-if="isAdmin">
|
|
|
+ <view class="row half">
|
|
|
+ <view class="name">
|
|
|
+ 订单金额
|
|
|
+ </view>
|
|
|
+ <view class="text red">
|
|
|
+ ¥{{item.real_amount}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row half">
|
|
|
+ <view class="btn">
|
|
|
+ 拒绝
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </scroll-view>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
</view>
|
|
@@ -403,10 +643,15 @@
|
|
|
],
|
|
|
// 弹窗
|
|
|
show: false,
|
|
|
+ last_page: 1,
|
|
|
page: 1,
|
|
|
- limit: 100,
|
|
|
+ limit: 10,
|
|
|
type: 1,
|
|
|
- data: {},
|
|
|
+ dataA: [],
|
|
|
+ dataB: [],
|
|
|
+ dataC: [],
|
|
|
+ dataD: [],
|
|
|
+ dataE: [],
|
|
|
// 是否是管理员
|
|
|
isAdmin: false,
|
|
|
// 顶部高度
|
|
@@ -416,6 +661,9 @@
|
|
|
watch: {
|
|
|
type(e) {
|
|
|
this.getData()
|
|
|
+ },
|
|
|
+ current(e) {
|
|
|
+ this.page = 1;
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
@@ -448,6 +696,28 @@
|
|
|
this.getData()
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 运行详情
|
|
|
+ transport(id) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "./transport?id=" + id + "&admin=" + 1
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 滑动
|
|
|
+ upper() {
|
|
|
+ // console.log(1111)
|
|
|
+ this.page = 1
|
|
|
+ this.getData()
|
|
|
+ },
|
|
|
+ // 滑动
|
|
|
+ lower() {
|
|
|
+ console.log(this.page, this.last_page)
|
|
|
+ if (this.page < this.last_page) {
|
|
|
+ this.page += 1;
|
|
|
+ this.getData()
|
|
|
+ } else {
|
|
|
+ this.$u.toast('没有更多数据了')
|
|
|
+ }
|
|
|
+ },
|
|
|
// 删除订单
|
|
|
del(id) {
|
|
|
let url = ""
|
|
@@ -536,6 +806,11 @@
|
|
|
},
|
|
|
// 获取订单列表
|
|
|
getData() {
|
|
|
+ this.dataA = [];
|
|
|
+ this.dataB = [];
|
|
|
+ this.dataC = [];
|
|
|
+ this.dataD = [];
|
|
|
+ this.dataE = [];
|
|
|
let url = "";
|
|
|
if (this.isAdmin) {
|
|
|
url = "/admin_order/orders";
|
|
@@ -549,7 +824,22 @@
|
|
|
}, "GET").then(res => {
|
|
|
uni.stopPullDownRefresh();
|
|
|
if (res.code === 1) {
|
|
|
- this.data = res.data
|
|
|
+ if (this.current === 0) {
|
|
|
+ this.dataA = [...this.dataA, ...res.data.data]
|
|
|
+ }
|
|
|
+ if (this.current === 1) {
|
|
|
+ this.dataB = [...this.dataB, ...res.data.data]
|
|
|
+ }
|
|
|
+ if (this.current === 2) {
|
|
|
+ this.dataC = [...this.dataC, ...res.data.data]
|
|
|
+ }
|
|
|
+ if (this.current === 3) {
|
|
|
+ this.dataD = [...this.dataD, ...res.data.data]
|
|
|
+ }
|
|
|
+ if (this.current === 4) {
|
|
|
+ this.dataE = [...this.dataE, ...res.data.data]
|
|
|
+ }
|
|
|
+ this.last_page = res.data.last_page
|
|
|
this.list[this.current].cate_count = res.data.total
|
|
|
}
|
|
|
})
|
|
@@ -606,6 +896,10 @@
|
|
|
padding-top: 20rpx;
|
|
|
|
|
|
}
|
|
|
+
|
|
|
+ .red {
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.menu-top {
|
|
@@ -633,8 +927,34 @@
|
|
|
background-color: #FFFFFF;
|
|
|
border-radius: 30rpx;
|
|
|
|
|
|
+ .type_name {
|
|
|
+ width: 4em;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .type_status {
|
|
|
+ width: 20%;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ .green {
|
|
|
+ color: #42C308;
|
|
|
+ border: 1px #42C308 solid;
|
|
|
+ }
|
|
|
+
|
|
|
+ .yellow {
|
|
|
+ color: #F7B314;
|
|
|
+ border: 1px #F7B314 solid;
|
|
|
+ }
|
|
|
+
|
|
|
+ .blue {
|
|
|
+ color: #49BEFA;
|
|
|
+ border: 1px #49BEFA solid;
|
|
|
+ }
|
|
|
+
|
|
|
.center {
|
|
|
width: 60%;
|
|
|
+ position: relative;
|
|
|
|
|
|
.image {
|
|
|
width: 50rpx;
|
|
@@ -643,7 +963,24 @@
|
|
|
}
|
|
|
|
|
|
.row {
|
|
|
+ position: relative;
|
|
|
margin: 8rpx 0;
|
|
|
+
|
|
|
+ .length {
|
|
|
+ position: absolute;
|
|
|
+ right: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .name {
|
|
|
+ color: #999;
|
|
|
+ width: 20%;
|
|
|
+ // border: 1px blue solid;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text {
|
|
|
+ width: 80%;
|
|
|
+ // border: 1px green solid;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.half {
|
|
@@ -652,10 +989,13 @@
|
|
|
|
|
|
.name {
|
|
|
color: #999;
|
|
|
+ width: 40%;
|
|
|
+ // border: 1px red solid;
|
|
|
}
|
|
|
|
|
|
.text {
|
|
|
- text-indent: 1em;
|
|
|
+ width: 60%;
|
|
|
+ // border: 1px yellow solid;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -672,8 +1012,8 @@
|
|
|
color: #FFFFFF;
|
|
|
margin: 20rpx 20rpx 0 20rpx;
|
|
|
padding: 10rpx 30rpx;
|
|
|
- border-radius: 50rpx;
|
|
|
- min-width: 120rpx;
|
|
|
+ border-radius: 50rpx;
|
|
|
+ min-width: 120rpx;
|
|
|
text-align: center;
|
|
|
}
|
|
|
}
|