优化签收图片显示

src/views/distribution/signfor/distributionSignfortreat.vue

@@ -287,9 +287,12 @@
             </el-form-item>
           </el-form>
           <div class="imgName">
-            <span>上门照</span>
-            <br />
-            <el-button type="primary" @click="UploadTheScanningMap(1)">上传扫描图</el-button>
+            <div class="mb10 mt10">
+              <span>上门照</span>
+            </div>
+            <el-button class="mb10" type="primary" @click="UploadTheScanningMap(1)">
+              上传扫描图
+            </el-button>
             <el-upload
               v-model:file-list="DoorstepPhoto"
               :action="doubledCount"
@@ -320,9 +323,12 @@
           </div>
 
           <div class="imgName">
-            <span>堆码照</span>
-            <br />
-            <el-button type="primary" @click="UploadTheScanningMap(2)">上传扫描图</el-button>
+            <div class="mb10 mt10">
+              <span>堆码照</span>
+            </div>
+            <el-button class="mb10" type="primary" @click="UploadTheScanningMap(2)">
+              上传扫描图
+            </el-button>
             <el-upload
               v-model:file-list="StackingPhoto"
               :action="doubledCount"
@@ -352,9 +358,12 @@
           </div>
 
           <div class="imgName">
-            <span>易碎照</span>
-            <br />
-            <el-button type="primary" @click="UploadTheScanningMap(3)">上传扫描图</el-button>
+            <div class="mb10 mt10">
+              <span>易碎照</span>
+            </div>
+            <el-button class="mb10" type="primary" @click="UploadTheScanningMap(3)">
+              上传扫描图
+            </el-button>
             <el-upload
               v-model:file-list="FragilePhotos"
               :action="doubledCount"
@@ -384,9 +393,12 @@
           </div>
 
           <div class="imgName">
-            <span>家配照</span>
-            <br />
-            <el-button type="primary" @click="UploadTheScanningMap(4)">上传扫描图</el-button>
+            <div class="mb10 mt10">
+              <span>家配照</span>
+            </div>
+            <el-button class="mb10" type="primary" @click="UploadTheScanningMap(4)"
+              >上传扫描图</el-button
+            >
             <el-upload
               v-model:file-list="HomePhotos"
               :action="doubledCount"
@@ -416,9 +428,13 @@
           </div>
 
           <div class="imgName">
-            <span>签收照</span>
-            <br />
-            <el-button type="primary" @click="UploadTheScanningMap(5)">上传扫描图</el-button>
+            <div class="mb10 mt10">
+              <span>签收照</span>
+            </div>
+            <el-button class="mb10" type="primary" @click="UploadTheScanningMap(5)">
+              上传扫描图
+            </el-button>
+
             <el-upload
               v-model:file-list="SignForPhotos"
               :action="doubledCount"
@@ -2733,4 +2749,12 @@ export default {
 :deep(.el-date-editor.el-input__wrapper) {
   height: 100% !important;
 }
+
+:deep(.el-upload-list--picture-card) {
+  --el-upload-list-picture-card-size: 80px !important;
+}
+
+:deep(.el-upload) {
+  --el-upload-picture-card-size: 80px !important;
+}
 </style>