|
@@ -1,10 +1,11 @@
|
|
<template>
|
|
<template>
|
|
<!-- <app-layout :haveBackground="false"> -->
|
|
<!-- <app-layout :haveBackground="false"> -->
|
|
|
|
+ <app-layout >
|
|
<view class="page">
|
|
<view class="page">
|
|
<!-- <view style="background-color: #fff;position: fixed;top: 0;width: 100%;"> -->
|
|
<!-- <view style="background-color: #fff;position: fixed;top: 0;width: 100%;"> -->
|
|
<view class="main-left cross-center search">
|
|
<view class="main-left cross-center search">
|
|
<image src="https://t17.9026.com/web/statics/image/index/search.png" mode=""></image>
|
|
<image src="https://t17.9026.com/web/statics/image/index/search.png" mode=""></image>
|
|
- <input style="width: 560rpx;" type="text" value="" placeholder="搜索客户、商品、时间、订单号"
|
|
|
|
|
|
+ <input style="width: 560rpx;" type="text" value="" placeholder="搜索客户、商品、时间、订单号" v-model="keyword"
|
|
placeholder-style="font-size:28rpx;color:#999;" />
|
|
placeholder-style="font-size:28rpx;color:#999;" />
|
|
</view>
|
|
</view>
|
|
<view style="background-color: #fff;position: sticky;top: 0;width: 100%;">
|
|
<view style="background-color: #fff;position: sticky;top: 0;width: 100%;">
|
|
@@ -34,11 +35,11 @@
|
|
<!-- </view> -->
|
|
<!-- </view> -->
|
|
|
|
|
|
<view class="list">
|
|
<view class="list">
|
|
- <view class="box" v-for="(item,index) in 5" :key="index">
|
|
|
|
|
|
+ <view class="box" v-for="(item,index) in dataList" :key="index">
|
|
<view class="main-between cross-center header">
|
|
<view class="main-between cross-center header">
|
|
<view class="cross-center head" :class="{'border_bottom':true}">
|
|
<view class="cross-center head" :class="{'border_bottom':true}">
|
|
- <image src="https://t17.9026.com/web/statics/image/sale/1.png" mode=""></image>
|
|
|
|
- 周先生-世龙广场22号楼2202
|
|
|
|
|
|
+ <image :src="item.user.avatar" mode=""></image>
|
|
|
|
+ {{item.user.nickname}}{{item.user.estate_name?`-${item.user.estate_name}`:''}}
|
|
</view>
|
|
</view>
|
|
<!-- <view class="cross-center head1">
|
|
<!-- <view class="cross-center head1">
|
|
<image src="https://t17.9026.com/web/statics/image/sale/1.png" mode=""></image>
|
|
<image src="https://t17.9026.com/web/statics/image/sale/1.png" mode=""></image>
|
|
@@ -51,30 +52,19 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="center">
|
|
<view class="center">
|
|
- <!-- <view class="main-between cross-center">
|
|
|
|
- <view class="title">整体评价</view>
|
|
|
|
- <view class="isopen cross-center">
|
|
|
|
- 展开
|
|
|
|
- <image src="https://t17.9026.com/web/statics/image/user-center/arrow-bottom.png" mode=""></image>
|
|
|
|
- </view>
|
|
|
|
- </view> -->
|
|
|
|
- <!-- <view class="center-text">客户xxxx向您发起了楼盘xxxx的认证通知,请前往我的-我的客户查看并处理</view> -->
|
|
|
|
- <!-- <view class="center-img">
|
|
|
|
- <image v-for="(item, index) in 5" :key="index" src="https://t17.9026.com/web/statics/image/user-center/1.png" mode=""></image>
|
|
|
|
- </view> -->
|
|
|
|
- <view class="main-between goods">
|
|
|
|
|
|
+ <view class="main-between goods" v-for="(goods,index1) in item.detail" :key="index1" @click="$jump({open_type:'navigate',url:'/pages/goods/goods?id='+goods.id})">
|
|
<view class="main-left desc">
|
|
<view class="main-left desc">
|
|
- <image class="goods-img" src="https://t17.9026.com/web/statics/image/user-center/1.png"
|
|
|
|
|
|
+ <image class="goods-img" :src="goods.goods_info.pic_url"
|
|
mode=""></image>
|
|
mode=""></image>
|
|
<view>
|
|
<view>
|
|
- <view class="title t-omit-two">兴城人居ins居家占位套餐居家占位套餐居家占位套餐居家占位套餐居家占位套餐</view>
|
|
|
|
|
|
+ <view class="title t-omit-two">{{goods.goods_info.name}}</view>
|
|
<view class="main-between price">
|
|
<view class="main-between price">
|
|
<view>
|
|
<view>
|
|
<text class="company">¥</text>
|
|
<text class="company">¥</text>
|
|
- <text>2466.00</text>
|
|
|
|
|
|
+ <text>{{goods.unit_price}}</text>
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<view>
|
|
- x1
|
|
|
|
|
|
+ x{{goods.num}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -85,28 +75,29 @@
|
|
</view> -->
|
|
</view> -->
|
|
</view>
|
|
</view>
|
|
<view class="main-between cross-bottom total_pay">
|
|
<view class="main-between cross-bottom total_pay">
|
|
- <view class="order_number">订单号:968606069111121</view>
|
|
|
|
- <view><text>应付总</text><text>¥</text><text>2388.00</text></view>
|
|
|
|
|
|
+ <view class="order_number">订单号:{{item.order_no}}</view>
|
|
|
|
+ <view><text>应付总</text><text>¥</text><text>{{item.total_price}}</text></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="main-between footer cross-center border_top">
|
|
<view class="main-between footer cross-center border_top">
|
|
<template>
|
|
<template>
|
|
- <view class="date">2021-12-11</view>
|
|
|
|
|
|
+ <view class="date">{{item.updated_at.split(' ')[0]}}</view>
|
|
<view class="main-around">
|
|
<view class="main-around">
|
|
<!-- <view class="kbtn">上传发票</view> -->
|
|
<!-- <view class="kbtn">上传发票</view> -->
|
|
<view class="kbtn">再次购买</view>
|
|
<view class="kbtn">再次购买</view>
|
|
- <view class="kbtn">查看物流</view>
|
|
|
|
|
|
+
|
|
|
|
+ <view class="kbtn" @click="$jump({open_type:'navigate',url:'/pages/order/express-detail/express-detail'})">查看物流</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
- <template v-if="false">
|
|
|
|
|
|
+ <!-- <template v-if="false">
|
|
<view class="left">查看详情</view>
|
|
<view class="left">查看详情</view>
|
|
<image style="width: 12rpx;height: 22rpx;"
|
|
<image style="width: 12rpx;height: 22rpx;"
|
|
src="https://t17.9026.com/web/statics/image/index/arrow-right-gray.png" mode=""></image>
|
|
src="https://t17.9026.com/web/statics/image/index/arrow-right-gray.png" mode=""></image>
|
|
- </template>
|
|
|
|
|
|
+ </template> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="no-more">没有更多了...</view>
|
|
|
|
- <app-no-goods :title="'暂无数据'" background="#f7f7f7"></app-no-goods>
|
|
|
|
|
|
+ <view class="no-more" v-if="isNoMore">没有更多了...</view>
|
|
|
|
+ <app-no-goods v-if="dataList.length===0" :title="'暂无数据'" background="#f7f7f7"></app-no-goods>
|
|
</view>
|
|
</view>
|
|
<template>
|
|
<template>
|
|
<view class="safe-area-inset-bottom">
|
|
<view class="safe-area-inset-bottom">
|
|
@@ -116,12 +107,13 @@
|
|
<app-tab-bar :page-count="0"></app-tab-bar>
|
|
<app-tab-bar :page-count="0"></app-tab-bar>
|
|
</template>
|
|
</template>
|
|
</view>
|
|
</view>
|
|
- <!-- </app-layout> -->
|
|
|
|
|
|
+ </app-layout>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import {
|
|
import {
|
|
- mapGetters
|
|
|
|
|
|
+ mapGetters,
|
|
|
|
+ mapState
|
|
} from 'vuex'
|
|
} from 'vuex'
|
|
import AppTabBar from '@/components/basic-component/app-tab-bar/app-tab-bar.vue';
|
|
import AppTabBar from '@/components/basic-component/app-tab-bar/app-tab-bar.vue';
|
|
import AppDropdownMenu from '@/components/fui-dropdown-menu/fui-dropdown-menu.vue';
|
|
import AppDropdownMenu from '@/components/fui-dropdown-menu/fui-dropdown-menu.vue';
|
|
@@ -134,6 +126,7 @@
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ dataList:[{}],
|
|
options: [
|
|
options: [
|
|
[{
|
|
[{
|
|
text: '订单状态',
|
|
text: '订单状态',
|
|
@@ -162,18 +155,60 @@
|
|
range1: '全部客户',
|
|
range1: '全部客户',
|
|
selectIndex: 0,
|
|
selectIndex: 0,
|
|
rangeShow: false,
|
|
rangeShow: false,
|
|
- rangeShow1: false
|
|
|
|
|
|
+ rangeShow1: false,
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+ keyword:'',
|
|
|
|
+ page:1,
|
|
|
|
+ isNoMore:false,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
...mapGetters('mallConfig', {
|
|
...mapGetters('mallConfig', {
|
|
getTheme: 'getTheme'
|
|
getTheme: 'getTheme'
|
|
|
|
+ }),
|
|
|
|
+ ...mapState({
|
|
|
|
+ info:state=>state.user.info
|
|
})
|
|
})
|
|
},
|
|
},
|
|
onShow() {
|
|
onShow() {
|
|
uni.hideHomeButton()
|
|
uni.hideHomeButton()
|
|
|
|
+ this.getDataList()
|
|
|
|
+ },
|
|
|
|
+ onReachBottom() {
|
|
|
|
+ if(!this.isNoMore){
|
|
|
|
+ this.page++
|
|
|
|
+ this.getDataList()
|
|
|
|
+ }
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ getDataList(){
|
|
|
|
+ this.$showLoading()
|
|
|
|
+ this.$request({
|
|
|
|
+ url:this.$api.order.list,
|
|
|
|
+ data:{
|
|
|
|
+ status: 0,
|
|
|
|
+ keyword: this.keyword,
|
|
|
|
+ dateArr: [],
|
|
|
|
+ page: this.page,
|
|
|
|
+ sale_id:this.info.salesperson_id
|
|
|
|
+ },
|
|
|
|
+ method:'get'
|
|
|
|
+ }).then(res=>{
|
|
|
|
+ this.$hideLoading()
|
|
|
|
+ if(res.code===0){
|
|
|
|
+ if(this.page===1){
|
|
|
|
+ this.dataList=res.data.list
|
|
|
|
+ }else{
|
|
|
|
+ this.dataList=this.dataList.concat(res.data.list)
|
|
|
|
+ }
|
|
|
|
+ if(res.data.list.length<20){
|
|
|
|
+ this.isNoMore=true
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+
|
|
filterTap(i) {
|
|
filterTap(i) {
|
|
this.selectIndex = i
|
|
this.selectIndex = i
|
|
//显示下拉框
|
|
//显示下拉框
|
|
@@ -452,7 +487,7 @@
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
color: #666666;
|
|
color: #666666;
|
|
- margin-top: 37rpx;
|
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
|
+ line-height: 80rpx;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|