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.
148 lines
3.0 KiB
148 lines
3.0 KiB
<template>
|
|
<view class="flex-col page">
|
|
<view class="flex-col group_3">
|
|
<view class="flex-col section_2">
|
|
<view class="bottom-group justify-center">
|
|
<text class="text_2">发货单号：</text>
|
|
<text class="text_3">{{ details.express_numb }}</text>
|
|
</view>
|
|
<view class="bottom-group justify-center lf-m-t-20">
|
|
<text class="text_2">客服电话：</text>
|
|
<text class="text_3">{{ details.tel }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card">
|
|
<u-steps current="0" direction="column" :dot="true">
|
|
<!-- todo 评级轨迹icon字段对接 -->
|
|
<u-steps-item :title="item.title" :desc="item.created_at" v-for="(item, index) in details.logs" :key="index">
|
|
<text class="slot-icon qxk-iconfont qxk-icon-kefujiqirenbeifen lf-font-50" slot="icon" style="color: #e6a33c;"></text>
|
|
</u-steps-item>
|
|
</u-steps>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { gradingLogs } from '@/service/grading.js'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
id: '',
|
|
details: {}
|
|
};
|
|
},
|
|
onLoad(options){
|
|
this.id = options.id;
|
|
this.getGradingLogs();
|
|
},
|
|
methods: {
|
|
async getGradingLogs(){
|
|
let res = await gradingLogs(this.id);
|
|
this.details = res.data.datas;
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.bottom-group {
|
|
position: relative;
|
|
}
|
|
.list-item {
|
|
padding: 5rpx 6rpx;
|
|
}
|
|
.top-group {
|
|
color: rgb(51, 51, 51);
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
line-height: 40rpx;
|
|
white-space: nowrap;
|
|
}
|
|
.text_8 {
|
|
margin-left: 76rpx;
|
|
color: rgb(119, 119, 119);
|
|
font-size: 24rpx;
|
|
font-weight: 500;
|
|
line-height: 34rpx;
|
|
white-space: nowrap;
|
|
}
|
|
.image_6 {
|
|
width: 56rpx;
|
|
height: 56rpx;
|
|
}
|
|
.text_6 {
|
|
margin-left: 20rpx;
|
|
}
|
|
.page {
|
|
background-color: #f6f6f6;
|
|
width: 100%;
|
|
overflow-y: auto;
|
|
height: 100%;
|
|
}
|
|
.group_3 {
|
|
padding-top: 2rpx;
|
|
flex: 1 1 auto;
|
|
overflow-y: auto;
|
|
}
|
|
.section_2 {
|
|
padding: 40rpx 32rpx;
|
|
background-color: rgb(255, 255, 255);
|
|
}
|
|
.list {
|
|
margin-top: 30rpx;
|
|
padding: 35rpx 26rpx 16rpx;
|
|
background-color: rgb(255, 255, 255);
|
|
}
|
|
.group_4 {
|
|
margin-top: 20rpx;
|
|
}
|
|
.text_2 {
|
|
color: rgb(119, 119, 119);
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
line-height: 44rpx;
|
|
white-space: nowrap;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.text_3 {
|
|
color: rgb(51, 51, 51);
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
line-height: 44rpx;
|
|
white-space: nowrap;
|
|
text-align: left;
|
|
display: inline-block;
|
|
width: 420rpx;
|
|
margin-left: 60rpx;
|
|
}
|
|
.text_4 {
|
|
color: rgb(119, 119, 119);
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
line-height: 44rpx;
|
|
white-space: nowrap;
|
|
}
|
|
.text_5 {
|
|
margin-left: 10rpx;
|
|
color: rgb(43, 102, 234);
|
|
font-size: 32rpx;
|
|
font-weight: 500;
|
|
line-height: 44rpx;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.card{
|
|
width: 750rpx;
|
|
height: auto;
|
|
background-color: #FFFFFF;
|
|
margin-top: 20rpx;
|
|
padding: 32rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
</style>
|