更新代码

pages/store/journal.vue

@@ -0,0 +1,83 @@
+<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>