refactor(xumu): 重构理赔审核页面

- 修改页面布局和样式
- 优化理赔材料上传功能
- 添加审核信息相关字段
- 调整投保对象和审核记录的展示方式
- 优化搜索和筛选功能

ui/lib/styles/common.scss

@@ -327,6 +327,12 @@ div[flex], .flex {
     gap: 20px;
   }
 
+  @for $i from 2 through 50 {
+    &.gap-#{$i} {
+      gap: #{$i}px;
+    }
+  }
+
   &.center {
     justify-content: center;
   }
@@ -369,17 +375,21 @@ div[flex], .flex {
     }
   }
   @for $i from 2 through 10 {
-    &.sr-#{$i} {
-      grid-column: 1 / #{$i+1};
+    .sr-#{$i} {
+      grid-column: span #{$i};
     }
-    &.sc-#{$i} {
-      grid-row: 1 / #{$i+1};
+    .sc-#{$i} {
+      grid-row: span #{$i};
     }
   }
 
   .row {
     grid-column: 1/-1;
   }
+
+  .column {
+    grid-row: 1/-1;
+  }
 }
 
 // 2.0公共样式

ui/packages/basic/AiUploader.vue

@@ -86,7 +86,9 @@
         <img v-for="(item, index) in imgList" :src="item" :key="index" alt="">
       </div>
     </template>
-    <el-image v-else v-for="(url,i) in imgList" :key="i" :src="url" :preview-src-list="[url]"/>
+    <div v-else class="flex gap-8">
+      <el-image v-for="(url,i) in imgList" :key="i" :src="url" :preview-src-list="[url]"/>
+    </div>
   </section>
 </template>
 <script>