84 lines
2.4 KiB
Vue
84 lines
2.4 KiB
Vue
<template>
|
||
<view>
|
||
<view class="logsBack">
|
||
<view class="logsList" v-for="(item ,index) in logArr" :key="index">
|
||
<view class="logsLabel">
|
||
<view class="logsLabel-name">操作来源：</view>
|
||
<view class="logsTips" :class="[item.isMy ? 'active' : '']">{{ item.isMy ? '个人' : '商家' }}</view>
|
||
</view>
|
||
<view class="logsLabel" v-if="item.title">
|
||
<view class="logsLabel-name">申请原因：</view>
|
||
<view class="logsLabel-text">{{ item.title }}</view>
|
||
</view>
|
||
<view class="logsLabel" v-if="item.state_text">
|
||
<view class="logsLabel-name">申请状态：</view>
|
||
<view class="logsLabel-text">{{ item.state_text }}</view>
|
||
</view>
|
||
<view class="logsLabel" v-if="item.remark">
|
||
<view class="logsLabel-name">补充描述：</view>
|
||
<view class="logsLabel-text">{{ item.remark }}</view>
|
||
</view>
|
||
<view class="logsLabel">
|
||
<view class="logsLabel-name">退款时间：</view>
|
||
<view class="logsLabel-text">{{ item.created_at }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { orderJournal } from '@/apis/interfaces/store'
|
||
export default {
|
||
data() {
|
||
return {
|
||
logArr : '', //订单数组列表
|
||
}
|
||
},
|
||
created() {
|
||
orderJournal(this.$Route.query.id).then(res=>{
|
||
this.logArr = res
|
||
})
|
||
},
|
||
methods: {
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.logsBack {
|
||
background: #f7f7f7;
|
||
padding: $padding;
|
||
box-sizing: border-box;
|
||
font-size: $title-size-sm;
|
||
.logsList {
|
||
background: #fff;
|
||
padding: $padding;
|
||
box-sizing: border-box;
|
||
border-radius: 10rpx;
|
||
margin-bottom: $margin;
|
||
position: relative;
|
||
}
|
||
.logsTips {
|
||
color: #e1293f;
|
||
&.active {
|
||
color: #e1293f;
|
||
}
|
||
}
|
||
.logsLabel {
|
||
padding: $padding 0;
|
||
overflow: hidden;
|
||
display: flex;
|
||
.logsLabel-name {
|
||
margin-right: $margin;
|
||
width: 140rpx;
|
||
}
|
||
.logsLabel-text {
|
||
color: $text-gray;
|
||
width: calc(100% - 140rpx - #{$margin});
|
||
}
|
||
}
|
||
}
|
||
</style>
|