From 42786f96f837b9a9ba361112c294e3bba3f746ed Mon Sep 17 00:00:00 2001
From: PBK-B <pbk-b@PBK6.cn>
Date: Fri, 30 Jul 2021 20:00:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=94=B6=E9=9B=86?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E8=AF=A6=E6=83=85=E4=B8=8A=E4=BC=A0=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=9B=BE=E7=89=87=E7=BC=A9=E7=95=A5=E5=9B=BE=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/form/statistics/item.vue | 43 +++++++++++++++++++++++-------
 1 file changed, 34 insertions(+), 9 deletions(-)

diff --git a/src/views/form/statistics/item.vue b/src/views/form/statistics/item.vue
index 7ff823c..b42008d 100644
--- a/src/views/form/statistics/item.vue
+++ b/src/views/form/statistics/item.vue
@@ -2,20 +2,33 @@
     <div>
         <div v-if="projectItemData.type=='UPLOAD'">
             <div v-if="getItemValue['files']">
-                <el-link
-                    v-for="file in getItemValue['files']"
+                <!-- 图片文件渲染图片栏 -->
+                <template v-if="getItemValue['type'] == 'image'">
+                    <span v-for="file in getItemValue['files']" :key="JSON.stringify(file)">
+                        <el-image class="item-thumbnail-image-preview" :src="file.url" :preview-src-list="getItemValue['files'].map( img => img.url)" lazy />
+                    </span>
+                </template>
 
-                    :key="file"
-                    :href="file.url" target="_blank"
-                    type="primary"
-                >
-                    <span> {{ file.fileName }}</span>
-                </el-link>
+                <!-- 其他文件渲染文件下载链接 -->
+                <template v-else>
+                    <el-link
+                        v-for="file in getItemValue['files']"
+
+                        :key="file"
+                        :href="file.url" target="_blank"
+                        type="primary"
+                    >
+                        <span> {{ file.fileName }}</span>
+                    </el-link>
+                </template>
             </div>
             <span v-else>/</span>
         </div>
+        <div v-else-if="projectItemData.type=='SIGN_PAD'">
+            <el-image class="item-thumbnail-image-preview" :src="getItemValue || ''" :preview-src-list="[getItemValue || '']" lazy />
+        </div>
         <div v-else>
-            {{ getItemValue ? getItemValue : '/' }}
+            {{ getItemValue || '/' }}
         </div>
     </div>
 </template>
@@ -43,6 +56,7 @@ export default {
     },
     computed: {
         processData() {
+            console.log('数据', this.projectItemData)
             return this.resultData ? this.resultData['processData'] : {}
         },
         getItemValue() {
@@ -53,3 +67,14 @@ export default {
 }
 </script>
 
+<style scoped>
+.item-thumbnail-image-preview {
+  width: 106px;
+  height: 106px;
+  margin-right: 15px;
+  margin-bottom: 15px;
+  border: 1px solid #EBEEF5;
+  background: #0001;
+}
+
+</style>