修改

src/views/stocks/component/showRuku.vue

@@ -28,19 +28,22 @@
         </div>
         <div>
           <!-- 确认入库 -->
-          <el-upload v-if="form.zhuangtai===2" ref="upload" list-type="picture-card" class="upload-demo" :action="action" multiple :headers="headers"
+          <el-upload v-if="form.zhuangtai===2" ref="upload" list-type="text" class="upload-demo" :action="action" multiple :headers="headers"
-            :before-upload="beforeUpload" :on-success="onSuccess" :on-error="onError" :on-remove="onRemove"
+            :before-upload="beforeUpload" :on-success="onSuccess" :on-error="onError" :on-remove="onRemove" :on-preview="onPreview"
             :file-list="fileList" :auto-upload="true">
-            <i class="el-icon-plus"></i>
+            <el-button size="small" type="primary">点击上传</el-button>
+            <div slot="tip" class="el-upload__tip">支持上传任意类型文件</div>
           </el-upload>
           <div v-else>
             <template v-for="(item,index) in fileList">
-              <el-image
+              <div :key="index" style="display:inline-flex;align-items:center;margin:6px 10px 6px 0;">
-                  style="width: 100px; height: 100px"
+                
-                  :src="item.url"
+                <div>
-                  :key="index"
+                  <a :href="item.url" target="_blank" style="color:#409EFF;text-decoration:none;">
-                  :initial-index="index">
+                    {{ item.original_name}}
-                </el-image>
+                  </a>
+                </div>
+              </div>
             </template>
 
           </div>
@@ -237,6 +240,18 @@
         })
       },
 
+      onPreview(file) {
+        const url = file.url || (file.response && file.response.url)
+        if (url) {
+          window.open(url, '_blank')
+        }
+      },
+
+      isImage(url) {
+        if (!url) return false
+        return /\.(png|jpe?g|gif|bmp|webp|svg)(\?.*)?$/i.test(url)
+      },
+
       // 打印二维码
       handlePrint() {
         // 这里添加打印二维码的逻辑