fix: 打版管理小图加hover查看大图

src/views/typesetting/submitReviewModal.vue

@@ -19,12 +19,13 @@
                   v-for="(item, index) of row?.imageList"
                   :key="index"
                   class="color-image-item"
+                  @mouseover="onMouseover(item.imagePath)"
                 >
                   <img :src="item.imagePath" alt="" class="img-sign" />
                 </div>
               </div>
               <div class="modals-image-big">
-                <img :src="row?.mainImage" alt="" class="img-sign" />
+                <img :src="mainImageUrl || row?.imageList[0]?.imagePath" alt="" class="img-sign" />
               </div>
             </div>
           </div>
@@ -91,6 +92,7 @@
                     v-for="(item, index) of versionImageList"
                     :key="index"
                     class="color-image-item"
+                    @mousemove="onRightMouseover(item?.imagePath)"
                   >
                     <img :src="item.imagePath" alt="" class="img-sign" />
                     <span
@@ -407,6 +409,7 @@ watch(visible, (val) => {
     } else {
       activeName.value = 'first'
     }
+    mainImageUrl.value = props.row?.mainImage
   }
 })
 const opinion = ref('')
@@ -631,6 +634,13 @@ const getPriceDetail = async (data: TypesettingListData) => {
     console.error(e)
   }
 }
+const mainImageUrl = ref<string>('')
+const onMouseover = (url: string) => {
+  mainImageUrl.value = url
+}
+const onRightMouseover = (url: string | undefined) => {
+  versionImageUrl.value = url || ''
+}
 defineExpose({ getExamineInfo, reset, getPriceDetail })
 </script>
 
@@ -651,6 +661,8 @@ defineExpose({ getExamineInfo, reset, getPriceDetail })
     width: 60px;
     height: 60px;
     border: 1px solid #eee;
+    margin-bottom: 5px;
+    cursor: pointer;
     img {
       width: 100%;
       height: 100%;