优化

src/views/synthesize-query/three-and-one/month-detail/components/header-info.vue

@@ -76,7 +76,7 @@
         </el-card>
 
         <el-dialog
-            width="40%"
+            width="70%"
             append-to-body
             title="银行回单上传"
             :visible.sync="uploadVisible"
@@ -85,10 +85,12 @@
                 action="#"
                 multiple
                 class="upload-demo"
+                limit="9"
                 :file-list="fileList"
                 :auto-upload="false"
                 :on-remove="handleRemove"
                 :on-change="handleChange"
+                :on-exceed="handleExceed"
             >
                 <i class="el-icon-upload"></i>
                 <div class="el-upload__text"
@@ -419,6 +421,10 @@ export default {
         onHandleDownloadFile(row) {
             window.open(row.lsUrl, '_blank')
         },
+
+        handleExceed(files, fileList) {
+            this.$modal.msgError(`上传的图片数量不能超过 9个`)
+        },
     },
 }
 </script>
@@ -524,7 +530,7 @@ export default {
 
 .upload-demo {
     width: 100%;
-    height: 200px;
+    min-height: 200px;
     border: 1px dashed #d9d9d9;
     display: flex;
     align-items: center;