乐保 图片修改

1

src/views/repairManager/repairList.vue

@@ -293,24 +293,22 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-form-item>
-          <div class="imgWrap">
-            <el-row :gutter="12">
-              <el-col :span="8"  v-for="url in imgList" :key="url">
-                <el-card class="box-card" :body-style="{ padding: '0px',}">
-              <el-image
-                style="width: 100px; height: 100px"
-                :src="url"
-                fit="fill"
-                 :preview-src-list="imgList"
-              ></el-image>
-            </el-card>
-              </el-col>
 
-            </el-row>
+        <div>
+          <el-row>
+            <el-col :span="5" v-for="url in imgList" :key="url">
+              <el-card class="box-card" :body-style="{ padding: '0px' }">
+                <el-image
+                  style="width: 100px; height: 100px"
+                  :src="url"
+                  fit="fill"
+                  :preview-src-list="imgList"
+                ></el-image>
+              </el-card>
+            </el-col>
+          </el-row>
+        </div>
 
-          </div>
-        </el-form-item>
         <el-form-item
           label="问题描述及解决方案:"
           style="width: 100%; margin-bottom: 0"
@@ -445,8 +443,7 @@ export default {
         ...this.searchForm,
         ...this.$route.query,
       };
-      this.$router.replace('/business/repairList')
-
+      this.$router.replace("/business/repairList");
     }
     findAllTechnician().then((res) => {
       if (res.code == 200) {
@@ -564,5 +561,7 @@ export default {
 .box-card {
   align-items: center;
   height: 102px;
+  width: 102px;
+  margin-bottom: 20px;
 }
 </style>