364 lines
7.7 KiB
Vue
364 lines
7.7 KiB
Vue
<template>
|
||
<view class="content">
|
||
<!-- <view class="complain_cont">
|
||
<view class="complain_tabs" v-show="!isShow">
|
||
<u-tabs :list="list" :is-scroll="true" name="illegal" :current="current" active-color="#FF7F00"
|
||
@change="change"></u-tabs>
|
||
</view>
|
||
</view> -->
|
||
<!-- <u-tabs :list="listTab" :is-scroll="false" inactive-color="#333333" active-color="#FF7F00" :current="currentIndex" @change="changeTab">
|
||
</u-tabs> -->
|
||
<view class="tabs_box dis">
|
||
<!-- 全部 -->
|
||
<view class="complain_box padding-bottom-xs" v-for="(item,index) in orderlist" :key="index" @click="bindonline(item)">
|
||
<view class="complain_part1 ">
|
||
<view class="part1_left">{{item.shopIllegal}}</view>
|
||
<!-- <view class="part1_left" v-if="item.complaintType=='2'">拒绝系统推单</view> -->
|
||
<!-- <view class="part1_left" v-if="item.complaintType=='3'">残损违规</view> -->
|
||
<!-- <view class="part1_right">扣款{{item.deductMoney}}元</view> -->
|
||
<view class="complain_title">
|
||
<span v-if="item.complaintState=='1'">投诉成功</span>
|
||
<!-- <span v-if="item.complaintState=='2'">申诉中</span> -->
|
||
<!-- <span v-if="item.complaintState=='3'">申诉未通过</span> -->
|
||
<!-- <span v-if="item.complaintState=='4'">申诉通过</span> -->
|
||
<span v-if="item.complaintState=='5'">投诉审核中</span>
|
||
<span v-if="item.complaintState=='6'">投诉未通过</span>
|
||
</view>
|
||
</view>
|
||
<view class="complain_part2" v-if="item.shopAddressDetail">
|
||
<image src="../static/black.png"></image>
|
||
<text>{{item.shopAddressDetail}}</text>
|
||
</view>
|
||
<view class="complain_part2" v-if="item.userAddressDetail">
|
||
<image src="../static/orange.png"></image>
|
||
<text>{{item.userAddressDetail}}</text>
|
||
</view>
|
||
<view class="complain_part2" v-if="item.complaintTime">
|
||
<image src="../static/black.png"></image>
|
||
<text>投诉时间：{{item.complaintTime}}</text>
|
||
</view>
|
||
<view class="complain_part2" v-if="item.indentNumber">
|
||
<image src="../static/orange.png"></image>
|
||
<text>订单号：{{item.indentNumber}}</text>
|
||
</view>
|
||
<!-- <u-line color="#E6E6E6" /> -->
|
||
|
||
</view>
|
||
|
||
<!-- <view class="empty" v-if="orderlist.length == 0">
|
||
<view
|
||
style="display: block; width: 90%; margin: 0 auto; position: fixed;top: 35%;left: 0rpx;right: 0rpx;text-align: center;">
|
||
<image src="../../../static/image/empty.png" style="width: 300rpx;height: 300rpx;"></image>
|
||
<view style="color: #CCCCCC;">暂无内容</view>
|
||
</view>
|
||
</view> -->
|
||
<empty v-if="!orderlist.length" style="z-index:0;position: relative;top: -20px;"></empty>
|
||
</view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import empty from '@/components/empty.vue'
|
||
export default {
|
||
components: {
|
||
empty
|
||
},
|
||
data() {
|
||
|
||
return {
|
||
isShow: false,
|
||
page: 1,
|
||
limit: 10,
|
||
complaintType: null,
|
||
complaintState: '',
|
||
listTab: [{
|
||
name: '全部'
|
||
}, {
|
||
name: '可申诉'
|
||
}, {
|
||
name: '申诉中'
|
||
}, {
|
||
name: '申诉未通过'
|
||
}, {
|
||
name: '申诉通过'
|
||
}],
|
||
currentIndex: 0,
|
||
list: [{
|
||
id: '',
|
||
illegal: '全部'
|
||
}],
|
||
current: 0,
|
||
orderlist: [],
|
||
totalCount: 0,
|
||
illegalId: ''
|
||
}
|
||
},
|
||
mounted() {
|
||
|
||
},
|
||
onLoad() {
|
||
this.getTypeList()
|
||
this.bindorder()
|
||
},
|
||
methods: {
|
||
getTypeList() {
|
||
this.$Request.getT('/app/illegalType/selectIllegalTypeList').then(res => {
|
||
if (res.code == 0) {
|
||
this.list = [...this.list, ...res.data]
|
||
}
|
||
});
|
||
},
|
||
bindlist(index) {
|
||
console.log(index)
|
||
|
||
this.current = index;
|
||
this.isShow = !this.isShow
|
||
},
|
||
// 获取全部数据
|
||
bindorder() {
|
||
this.$Request.getT('/app/shop/selectComplaint', {
|
||
page: this.page,
|
||
limit: this.limit,
|
||
shopId:uni.getStorageSync('shopId')
|
||
// complaintState: this.complaintState,
|
||
// illegalId: this.illegalId
|
||
}).then(res => {
|
||
if (res.code == 0) {
|
||
this.totalCount = res.data.totalCount
|
||
if (this.page == 1) {
|
||
this.orderlist = res.data.list
|
||
} else {
|
||
this.orderlist = this.list_box.concat(res.data.list)
|
||
}
|
||
} else {
|
||
console.log('失败：', res.data)
|
||
}
|
||
});
|
||
},
|
||
change(index) {
|
||
console.log(index)
|
||
this.illegalId = this.list[index].id
|
||
this.orderlist = []
|
||
this.current = index;
|
||
this.currentIndex = 0
|
||
this.page = 1
|
||
|
||
this.complaintState = ''
|
||
this.bindorder()
|
||
},
|
||
changeTab(index) {
|
||
this.orderlist = []
|
||
this.currentIndex = index
|
||
this.page = 1
|
||
if (index == 0) {
|
||
this.complaintState = ''
|
||
} else {
|
||
this.complaintState = index
|
||
}
|
||
this.bindorder()
|
||
},
|
||
bindonline(item) {
|
||
// if(item.complaintState == 1 || item.complaintState == 4) {
|
||
uni.navigateTo({
|
||
url: '/my/other/detail?indentNumber=' + item
|
||
.indentNumber + '&complaintId=' + item.complaintId
|
||
})
|
||
// }
|
||
},
|
||
bindshow() {
|
||
this.isShow = !this.isShow
|
||
},
|
||
},
|
||
// 上拉加载
|
||
onReachBottom: function() {
|
||
if (this.page < this.totalCount) {
|
||
this.page = this.page + 1;
|
||
} else {
|
||
uni.showToast({
|
||
title: '已经最后一页啦',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
this.bindorder();
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
body {
|
||
background-color: #F5F5F5;
|
||
}
|
||
|
||
.empty {
|
||
width: 100%;
|
||
background: #ffffff;
|
||
/* #ifdef MP-WEIXIN */
|
||
height: 93vh;
|
||
/* #endif */
|
||
/* #ifndef MP-WEIXIN */
|
||
height: 80vh;
|
||
/* #endif */
|
||
}
|
||
|
||
.u-tab-item {
|
||
font-weight: 400 !important;
|
||
color: #000000 !important;
|
||
font-size: 24rpx !important;
|
||
}
|
||
|
||
.tabs_box {
|
||
/* display: none; */
|
||
/* position: absolute; */
|
||
/* top: 144rpx; */
|
||
}
|
||
|
||
.dis {
|
||
/* display: block; */
|
||
/* width: 100%; */
|
||
/* position: absolute; */
|
||
/* top: 100rpx; */
|
||
}
|
||
|
||
.content {
|
||
width: 100%;
|
||
position: relative;
|
||
}
|
||
|
||
.complain_cont {
|
||
width: 100%;
|
||
position: relative;
|
||
/* display: flex; */
|
||
}
|
||
|
||
.complain_tabs {
|
||
width: 100%;
|
||
}
|
||
|
||
.complain_btn {
|
||
width: 15%;
|
||
background: #FFFFFF;
|
||
box-shadow: -2rpx 1rpx 3rpx 0rpx rgba(39, 39, 39, 0.11);
|
||
height: 88rpx;
|
||
position: absolute;
|
||
top: 0rpx;
|
||
right: 0rpx;
|
||
z-index: 10075;
|
||
}
|
||
|
||
.btn {
|
||
color: #999999;
|
||
font-size: 25rpx;
|
||
letter-spacing: 2rpx;
|
||
text-align: center;
|
||
line-height: 88rpx;
|
||
}
|
||
|
||
.complain_none {
|
||
width: 15%;
|
||
background: #FFFFFF;
|
||
box-shadow: -2rpx 1rpx 3rpx 0rpx rgba(39, 39, 39, 0.11);
|
||
height: 88rpx;
|
||
position: absolute;
|
||
top: 88rpx;
|
||
right: 0rpx;
|
||
|
||
}
|
||
|
||
.popup_list {
|
||
width: 97%;
|
||
margin: 0 auto;
|
||
position: relative;
|
||
top: 90rpx;
|
||
}
|
||
|
||
.list_tabs {
|
||
width: 90%;
|
||
height: auto;
|
||
display: flex;
|
||
justify-content: start;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.tabs {
|
||
border: 1rpx solid #cccccc;
|
||
padding: 0rpx 25rpx;
|
||
line-height: 50rpx;
|
||
margin: 10rpx 10rpx;
|
||
}
|
||
|
||
/* 全部 */
|
||
.complain_box {
|
||
width: 90%;
|
||
margin: 0 auto;
|
||
/* height: 300rpx; */
|
||
background: #ffffff;
|
||
margin-top: 30rpx;
|
||
border-radius: 17rpx;
|
||
}
|
||
|
||
.complain_part1 {
|
||
width: 90%;
|
||
margin: 0 auto;
|
||
display: flex;
|
||
/* padding-top: 20rpx; */
|
||
}
|
||
|
||
.part1_left {
|
||
flex: 1;
|
||
font-size: 26rpx;
|
||
font-weight: bold;
|
||
letter-spacing: 2rpx;
|
||
height: 80rpx;
|
||
justify-content: left;
|
||
align-items: center;
|
||
display: flex;
|
||
}
|
||
|
||
.part1_right {
|
||
flex: 1;
|
||
color: #FF1B1B;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
}
|
||
|
||
.complain_part2 {
|
||
width: 90%;
|
||
margin: 0 auto;
|
||
height: 50rpx;
|
||
display: flex;
|
||
justify-content: left;
|
||
align-items: center;
|
||
}
|
||
|
||
.complain_part2 image {
|
||
width: 15rpx;
|
||
height: 15rpx;
|
||
margin-right: 20rpx;
|
||
}
|
||
|
||
.complain_part2 text {
|
||
color: #999999;
|
||
font-size: 24rpx;
|
||
}
|
||
|
||
.u-line {
|
||
border-bottom-width: 3px !important;
|
||
margin-top: 20rpx !important;
|
||
}
|
||
|
||
.complain_title {
|
||
/* width: 90%; */
|
||
margin: 0 auto;
|
||
height: 80rpx;
|
||
display: flex;
|
||
justify-content: flex-end;
|
||
align-items: center;
|
||
color: #FF2727;
|
||
font-size: 27rpx;
|
||
font-weight: bold;
|
||
letter-spacing: 2rpx;
|
||
}
|
||
</style>
|