tui

attendance-performance-manager-ui/admin/src/views/perform/attend/appeal/drawershow.vue

@@ -131,9 +131,10 @@
                 >
                   <el-image
                     v-if="
-                      val.filePath.includes(
-                        '.png' || '.jpg' || '.jpeg' || 'bmp'
-                      )
+                      val.filePath.includes('.png') ||
+                        val.filePath.includes('.jpg') ||
+                        val.filePath.includes('.jpeg') ||
+                        val.filePath.includes('.bmp')
                     "
                     style="width: 100px; height: 100px"
                     :src="
@@ -156,7 +157,7 @@
                     alt=""
                     @click="hanldeDownloadFile(val)"
                   />
-                  {{ val.fileName }}
+                  <p>{{ val.fileName }}</p>
                 </div>
               </div>
             </el-col>
@@ -780,14 +781,22 @@ export default {
         flex-direction: column;
         justify-content: center;
         align-items: center;
-        width: 60px;
-        height: 80px;
+        width: 100px;
+        height: 100px;
         cursor: pointer;
+        margin-right: 10px;
         img {
-          width: 50px;
-          height: 50px;
+          width: 100%;
+          height: 80px;
           margin-top: 10px;
         }
+        p {
+          width: 100%;
+          text-align: center;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
       }
     }
   }