70 lines
1.7 KiB
Vue
70 lines
1.7 KiB
Vue
<template>
|
||
<view>
|
||
<MBLoading v-if="loading" />
|
||
<uni-card
|
||
v-for="item in sortedData"
|
||
:key="item.goodsname"
|
||
:title="item.goodsname"
|
||
>
|
||
<view class="context">
|
||
<view class="label">
|
||
<text>操作人员:</text>
|
||
<text>{{ item.userName }}</text>
|
||
</view>
|
||
<view class="label">
|
||
<text>操作日期:</text>
|
||
<text>{{ item.editdate.substring(0, 16) }}</text>
|
||
</view>
|
||
<view class="label">
|
||
<text>操作内容:</text>
|
||
<text>{{item.memo }}</text>
|
||
</view>
|
||
</view>
|
||
</uni-card>
|
||
<view v-if="!sortedData || sortedData.length === 0" class="empty-data">
|
||
<text>暂无操作日志</text>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { defineProps } from 'vue'
|
||
import { computed } from "vue";
|
||
import MBLoading from "@/components/MB/MBLoading.vue";
|
||
|
||
const props = defineProps({
|
||
logList: {
|
||
type: Array,
|
||
default: () => []
|
||
},
|
||
loading: {
|
||
type: Boolean,
|
||
default: false
|
||
}
|
||
})
|
||
const sortedData = computed(() => {
|
||
// 创建原数组的副本，然后排序
|
||
const data = [...props.logList];
|
||
// 按editdate降序排序（最新的在前）
|
||
return data.sort((a, b) => new Date(b.editdate) - new Date(a.editdate));
|
||
})
|
||
console.log(props.logList)
|
||
</script>
|
||
|
||
<style scoped>
|
||
.context {
|
||
font-size: 14px;
|
||
}
|
||
.context .label {
|
||
font-size: 14px;
|
||
}
|
||
.empty-data {
|
||
text-align: center;
|
||
padding: 30px;
|
||
color: #999;
|
||
font-size: 14px;
|
||
}
|
||
.context{
|
||
grid-template-columns:repeat(1, minmax(0, 1fr))
|
||
}
|
||
</style> |