refactor(task): 修复打卡照片重复问题-强制横向滚动

src/views/promotion/task/index.vue

@@ -141,7 +141,7 @@
         width="60%">
         <p>活动记录 ID :{{ photoLookInfoObj.id }}</p>
         <p>活动时间 :{{ photoLookInfoObj.createDate }}</p>
-        <el-card v-for="obj in photoDialogList">
+        <el-card v-for="obj in photoDialogList" shadow="never">
           <template #header>{{ obj.title }}</template>
           <div class="content">
             <el-result :title="item.time"
@@ -149,15 +149,7 @@
               v-for="item in obj.list">
               <template #icon>
                 <el-image :src="item.photoUrl"
-                  :preview-src-list="[item.photoUrl]" />
-              </template>
-            </el-result>
-            <el-result :title="item.time"
-              :sub-title="item.title"
-              v-for="item in obj.list">
-              <template #icon>
-                <el-image :src="item.photoUrl"
-                  :preview-src-list="[item.photoUrl]" />
+                  :preview-src-list="[...obj.list.map(o => o.photoUrl)]" />
               </template>
             </el-result>
           </div>
@@ -501,6 +493,9 @@ const currentChange = (page) => {
   ::v-deep(.el-form-item) {
     width: 350px !important;
   }
+  .el-card{
+    margin-top: 20px;
+  }
 
   /* 单元格支持 \n 换行 */
   .container .el-table ::v-deep(.cell) {
@@ -516,17 +511,26 @@ const currentChange = (page) => {
 
   ::v-deep(.el-overlay) {
     .el-card__body {
-      overflow-x: scroll;
+
 
       .content {
         /* display: flex; */
+        overflow-y: hidden;
+        overflow-x: scroll;
+        white-space: nowrap;
+
+        /* 阻止内容换行 */
+        &::-webkit-scrollbar-track {
+          background: transparent;
+          /* 滚动条轨道背景透明 */
+        }
 
         .el-result {
-          width: 300px;
-          height: 500px;
+          width: 250px;
+          height: 350px;
           display: inline-block;
 
-          .el-result__icon{
+          .el-result__icon {
             width: 100%;
             height: 100%;
           }