From c104bf2b4ecf604245b38590bf1e8119530de10b Mon Sep 17 00:00:00 2001
From: yaowanxin <3588231647@qq.com>
Date: 星期二, 12 八月 2025 16:26:55 +0800
Subject: [PATCH] Merge branch 'ywx' of http://114.132.189.42:9002/r/product-inventory-management into dev_ai
---
src/components/FileCard.vue | 81 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 81 insertions(+), 0 deletions(-)
diff --git a/src/components/FileCard.vue b/src/components/FileCard.vue
new file mode 100644
index 0000000..d14ec48
--- /dev/null
+++ b/src/components/FileCard.vue
@@ -0,0 +1,81 @@
+<template>
+ <div class="file-card">
+ <img src="@/assets/img/fileImg/unknowfile.png" alt="" v-if="fileType == 0"/>
+ <img src="@/assets/img/fileImg/word.png" alt="" v-else-if="fileType == 1"/>
+ <img src="@/assets/img/fileImg/excel.png" alt="" v-else-if="fileType == 2"/>
+ <img src="@/assets/img/fileImg/ppt.png" alt="" v-else-if="fileType == 3"/>
+ <img src="@/assets/img/fileImg/pdf.png" alt="" v-else-if="fileType == 4"/>
+ <img src="@/assets/img/fileImg/zpi.png" alt="" v-else-if="fileType == 5"/>
+ <img src="@/assets/img/fileImg/txt.png" alt="" v-else/>
+ <div class="word">
+ <span
+ >{{file.name || '鏈煡'}}</span
+ >
+ <span>154kb</span>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ // props: ["fileType", "file"],
+ props: {
+ fileType: Number,
+ file: File,
+ default() {
+ return {};
+ },
+ },
+ watch: {
+ file() {
+ console.log(this.file);
+ },
+ },
+ mounted() {
+ console.log(this.file);
+ console.log(this.fileType);
+ }
+};
+</script>
+
+<style lang="scss" scoped>
+.file-card {
+ width: 250px;
+ height: 100px;
+ background-color: rgb(45, 48, 63);
+ border-radius: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 10px;
+ box-sizing: border-box;
+ cursor: pointer;
+ &:hover {
+ background-color: rgb(33, 36, 54);
+ }
+ img {
+ width: 60px;
+ height: 60px;
+ }
+ .word {
+ width: 60%;
+ margin-left: 10px;
+ overflow: hidden;
+ span {
+ width: 90%;
+ display: inline-block;
+ color: #fff;
+ }
+ span:first-child {
+ font-size: 14px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+ span:last-child {
+ font-size: 12px;
+ color: rgb(180, 180, 180);
+ }
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3