80 lines
2.1 KiB
Vue
80 lines
2.1 KiB
Vue
<template>
|
|
<view>
|
|
<u-navbar title="订单投诉列表" :border-bottom="false" :background="bgc" back-icon-color="#fff" title-color='#fff'
|
|
title-size='36' height='50'></u-navbar>
|
|
<!-- 列表 -->
|
|
<scroll-view @scrolltolower="onReachBottom" scroll-y style="margin-top: 20rpx;width: 700rpx;margin: auto;">
|
|
<view class="orderlist" style="background-color: #fff;border-radius: 10rpx;margin-top: 20rpx;padding: 20rpx;" v-for="(item,index) in list" :key="index" @click="btnxq(item.id)">
|
|
<view class="" style="display: flex;width: 100%;justify-content: space-between;">
|
|
<view class="" style="font-size: 36rpx;font-weight: 600;">
|
|
{{item.title}}
|
|
</view>
|
|
<view class="" v-if="item.status == 1">
|
|
商家处理中 〉
|
|
</view>
|
|
<view class="" v-if="item.status == 2">
|
|
用户处理中 〉
|
|
</view>
|
|
<view class="" v-if="item.status == 3">
|
|
平台处理中 〉
|
|
</view>
|
|
<view class="" v-if="item.status == 4">
|
|
已完成 〉
|
|
</view>
|
|
</view>
|
|
<view class="" style="margin-top: 10rpx;">
|
|
订单编号：{{item.orderNo}}
|
|
</view>
|
|
<view class="" style="margin-top: 10rpx;">
|
|
订单内容：{{item.content}}
|
|
</view>
|
|
<view class="" style="margin-top: 10rpx;">
|
|
投诉时间：{{item.createTime}}
|
|
</view>
|
|
</view>
|
|
<view class="no-more" style="width: 100%;text-align: center;margin-top: 30rpx;color: #8e8e8e;">没有更多记录了...</view>
|
|
</scroll-view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
bgc: {
|
|
backgroundColor: "#4C97E7",
|
|
},
|
|
list:[],
|
|
total:0,
|
|
pagenum:1
|
|
}
|
|
},
|
|
onLoad() {
|
|
|
|
},
|
|
onShow() {
|
|
this.getlist()
|
|
},
|
|
methods: {
|
|
// 用户请求投诉列表
|
|
getlist(){
|
|
this.$u.get(`/app/complaint/list`).then(res =>{
|
|
if(res.code == 200){
|
|
this.list = res.rows
|
|
this.total = res.total
|
|
}
|
|
})
|
|
},
|
|
// 点击跳转到详情
|
|
btnxq(id){
|
|
uni.navigateTo({
|
|
url:'/page_fenbao/tousu/yhtxxq?id=' + id
|
|
})
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
|
|
</style> |