From 0d2bd4df6f31d9163b7f52b01fd24534dcac0d38 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Tue, 6 May 2025 17:40:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E9=9C=80=E6=B1=82=E5=A2=9E=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/opinion/index.vue |  65 ++++++++++++++++++++++++++++++++----
 src/static/file-view.png    | Bin 0 -> 5764 bytes
 2 files changed, 58 insertions(+), 7 deletions(-)
 create mode 100644 src/static/file-view.png

diff --git a/src/pages/opinion/index.vue b/src/pages/opinion/index.vue
index 5b5854d..d77ed99 100644
--- a/src/pages/opinion/index.vue
+++ b/src/pages/opinion/index.vue
@@ -1,6 +1,6 @@
 <template>
     <view class="content">
-        <view class="title"> 任务主题 </view>
+        <view class="title"> {{ taskTitle }} </view>
         <text class="text-box"> &emsp;&emsp;{{ taskDescribe }} </text>
 
         <!-- 意见收集 -->
@@ -51,7 +51,7 @@
                     </up-textarea>
                 </up-form-item>
 
-                <up-form-item label="附件(最多上传5张图片)">
+                <up-form-item label="附件(最多上传5个附件)">
                     <up-upload
                         name="1"
                         multiple
@@ -110,11 +110,13 @@
 
 <script setup>
 import { submitOptionsApi, getTaskDetailsApi } from '@/services/options.js'
+import fileView from '@/static/file-view.png'
 import { debounce } from 'lodash-es'
 import { onLoad } from '@dcloudio/uni-app'
 import { ref } from 'vue'
 const sendLoading = ref(false)
 const taskDescribe = ref('')
+const taskTitle = ref('')
 
 // 表单数据源
 const opinionModel = ref({
@@ -166,6 +168,7 @@ onLoad(async (option) => {
         if (res.code == 200) {
             // isError.value = false
             taskDescribe.value = res.data.taskDescribe
+            taskTitle.value = res.data.taskTitle
         }
     }
     if (option.taskType && option.taskType == 1) {
@@ -220,9 +223,9 @@ const onSubmitOptions = debounce(() => {
                 if (fileList.value.length > 0) {
                     fileList.value.forEach((f) => {
                         let d = {
-                            file: f.url,
+                            file: f.viewUrl,
                             name: 'file',
-                            uri: f.url,
+                            uri: f.viewUrl,
                         }
                         files.push(d)
                     })
@@ -328,10 +331,29 @@ const afterRead = async (event) => {
     console.log('event', event)
     let lists = [].concat(event.file)
     lists.map((item) => {
-        fileList.value.push({
-            ...item,
-        })
+        if (isImage(item.file.type)) {
+            fileList.value.push({
+                ...item,
+                viewUrl: item.url,
+            })
+        } else {
+            fileList.value.push({
+                ...item,
+                viewUrl: item.url,
+                thumb: fileView,
+                url: fileView,
+            })
+        }
     })
+
+    console.log(fileList.value)
+}
+
+// 判断是否为图片类型
+const isImage = (mimeType) => {
+    // 图片类型的正则表达式
+    const imageRegex = /^image\/(jpeg|png|gif|bmp|webp|svg\+xml|x-icon)$/i
+    return imageRegex.test(mimeType)
 }
 </script>
 
@@ -406,4 +428,33 @@ const afterRead = async (event) => {
         border-radius: 2rpx;
     }
 }
+
+.file-preview {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 10px;
+    background-color: #f8f8f8;
+    border-radius: 4px;
+    margin: 5px;
+
+    .file-icon {
+        margin-bottom: 5px;
+    }
+
+    .file-name {
+        font-size: 12px;
+        color: #333;
+        max-width: 100px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .file-size {
+        font-size: 12px;
+        color: #999;
+        margin-top: 4px;
+    }
+}
 </style>
diff --git a/src/static/file-view.png b/src/static/file-view.png
new file mode 100644
index 0000000000000000000000000000000000000000..d7fcbb16a8a843e2765b9026b1313dbf0bbda292
GIT binary patch
literal 5764
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
Am;e9(

literal 0
HcmV?d00001