47 lines
2.1 KiB
Vue
47 lines
2.1 KiB
Vue
<template>
|
|
<el-table :data="modelValue" style="width: 100%">
|
|
<el-table-column prop="date" label="文件信息">
|
|
<template #default="scope">
|
|
<div class="flex items-center">
|
|
<el-image :src="scope.row.iconUrl" alt="" fit="cover" srcset="" class="h-91px w-181px rd-4px" />
|
|
<div class="ml-17px">
|
|
<div class="text-16px text-[#333333] font-normal">{{ scope.row.title }}</div>
|
|
<div class="text-14px text-[#333333] font-normal my-10px!">by {{ scope.row?.ownedUserIdInfo?.nickName }}</div>
|
|
<div class="flex items-center">
|
|
<div class="flex items-center">
|
|
<img src="~/assets/images/look.png" alt="" srcset="" class="h-17px" />
|
|
<span class="ml-4px">{{ scope.row.previewPoint }}</span>
|
|
</div>
|
|
<div class="ml-13px flex items-center">
|
|
<img src="~/assets/images/add.png" alt="" srcset="" class="h-23px" />
|
|
<span class="ml-4px">{{ scope.row.hotPoint }}</span>
|
|
</div>
|
|
<div class="ml-13px flex items-center">
|
|
<img src="~/assets/images/chat.png" alt="" srcset="" class="h-17px" />
|
|
<span class="ml-4px">{{ scope.row.commentsPoint }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="name" label="文件类型" width="180">
|
|
<template #default="scope">{{ scope.row.type === 1 ? '图纸' : scope.row.type === 2 ? '文本' : scope.row.type === 3 ? '模型' : '工具箱' }}</template>
|
|
</el-table-column>
|
|
<el-table-column prop="createTime" label="下载时间" width="180">
|
|
<template #default="scope">{{ dayjs(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import type { ProjectHistoryResVO } from '~/api/personal-center/types'
|
|
import dayjs from 'dayjs'
|
|
|
|
const modelValue = defineModel<ProjectHistoryResVO[]>('modelValue', {
|
|
required: true,
|
|
}) // 双向绑定的value
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|