<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>
