You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
115 lines
2.2 KiB
115 lines
2.2 KiB
2 years ago
|
<template>
|
||
|
|
<view class="">
|
||
|
|
<u-tabs :list="tablist" @click="click"
|
||
|
|
:activeStyle="{ color: '#08BF77' }"
|
||
|
|
:scrollable="false" lineColor="#08BF77"></u-tabs>
|
||
|
|
<view class="complainContent">
|
||
|
|
<view class="complain">
|
||
|
|
<view class="orderNum">
|
||
|
|
<text>服务单号：23090399233</text>
|
||
|
|
<text class="status">处理中</text>
|
||
|
|
</view>
|
||
|
|
<view class="name">
|
||
|
|
<view class="">
|
||
|
|
<view class="">
|
||
|
|
服务技师：王静静
|
||
|
|
</view>
|
||
|
|
<view class="time">
|
||
|
|
2023-03-22 13:35:32
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="btn">
|
||
|
|
关闭
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default{
|
||
|
|
data(){
|
||
|
|
return{
|
||
|
|
list:[],
|
||
|
|
total:0,
|
||
|
|
tablist: [
|
||
|
|
{name: '全部'}, {name: '处理中'},{name: '已处理'},{name: '已关闭'},]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods:{
|
||
|
|
async chapingList(){
|
||
|
|
let res = await this.$api.mine.chapingList({
|
||
|
|
status:0
|
||
|
|
});
|
||
|
|
this.list = res.list;
|
||
|
|
this.total = res.total;
|
||
|
|
},
|
||
|
|
click(item){
|
||
|
|
console.log(item,"0000")
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad() {
|
||
|
|
this.chapingList()
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.complainContent{
|
||
|
|
margin-top:24rpx;
|
||
|
|
.complain{
|
||
|
|
margin:0 24rpx;
|
||
|
|
margin-bottom:20rpx;
|
||
|
|
background: #FFFFFF;
|
||
|
|
border-radius: 30rpx;
|
||
|
|
padding:40rpx 30rpx;
|
||
|
|
.orderNum{
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-family: Alibaba PuHuiTi;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #333333;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
.status{
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-family: Alibaba PuHuiTi;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #08BF77;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.name{
|
||
|
|
margin-top:30rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-family: Alibaba PuHuiTi;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #333333;
|
||
|
|
display:flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
.time{
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-family: Alibaba PuHuiTi;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #999999;
|
||
|
|
margin-top:24rpx;
|
||
|
|
}
|
||
|
|
.btn{
|
||
|
|
width: 160rpx;
|
||
|
|
height: 60rpx;
|
||
|
|
background: #08BF77;
|
||
|
|
border: 1px solid #08BF77;
|
||
|
|
border-radius: 30rpx;
|
||
|
|
line-height: 56rpx;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 28rpx;
|
||
|
|
font-family: Alibaba PuHuiTi;
|
||
|
|
font-weight: 400;
|
||
|
|
color: #FFFFFF;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|