Merge branch 'dev_vite' of http://18.167.251.121:10003/aidlab/aida_front into dev_vite

src/component/home/tools/poseTransfer/index.vue

@@ -33,7 +33,7 @@
               <div
                 class="item"
                 :class="{ active: item.id == selectImg.id }"
-                v-for="(item, index) in fileList"
+                v-for="(item, index) in showFirstFrameList"
                 @click="selectImgItem(item)"
               >
                 <div
@@ -65,7 +65,9 @@
               </div>
               <div
                 class="upload_item item"
-                v-show="!isDesignPage && !(videoType === 3 && fileList.length > 0)"
+                v-show="
+                  !isDesignPage && !(videoType === 3 && showFirstFrameList.length > 0)
+                "
               >
                 <div class="upload_file_item">
                   <a-upload
@@ -74,8 +76,7 @@
                     list-type="picture-card"
                     :capture="null"
                     :data="{
-                      ...upload,
+                      ...upload
-                      type: 'first'
                     }"
                     :headers="{ Authorization: token }"
                     :before-upload="beforeUpload"
@@ -121,7 +122,7 @@
                 </div>
                 <div
                   class="item lastframe-list"
-                  :class="{ active: item.id == selectImg.id }"
+                  :class="{ active: item.id == lastSelectImg.id }"
                   v-for="(item, index) in lastFrameList"
                   @click="selectImgItem(item, true)"
                 >
@@ -344,7 +345,7 @@ export default defineComponent({
       token: getCookie('token'),
       upload: {
         projectId: computed(() => store.state.Workspace.probjects.id),
-        type: 'first' // first首帧 last尾帧
+        type: null // first首帧 last尾帧
       },
       waitList: [],
       likeList: computed(() => {
@@ -431,7 +432,7 @@ export default defineComponent({
       }
 
       // 处理首帧选择
-      data.fileList.forEach((listItem: any) => (listItem.isChecked = false))
+      showFirstFrameList.value.forEach((listItem: any) => (listItem.isChecked = false))
       data.currentList.forEach((listItem: any) => (listItem.isChecked = false))
       item.isChecked = true
       data.selectImg = item
@@ -516,7 +517,12 @@ export default defineComponent({
       }, 200)
     }
     const getgenerate = async () => {
-      if (!data.selectImg.minioUrl) return message.info(t('ProductImg.jsContent2'))
+      if (videoType.value === 3 && !data.lastSelectImg.minioUrl) {
+        message.info(t('poseTransfer.NeedLastFrame'))
+        return
+      }
+      if (!data.selectImg.minioUrl) return message.info(t('poseTransfer.NeedFirstFrame'))
+      debugger
       if (data.isGenerate) return
       await new Promise((res, reject) => {
         Modal.confirm({
@@ -691,7 +697,7 @@ export default defineComponent({
       if (!isLt2M) {
         message.info(useI18n().t('MoodboardUpload.jsContent4'))
       }
-      if (!data?.upload?.projectId && !isSelectObject) {
+      if (!route?.query?.id && !isSelectObject) {
         isSelectObject = true
         await createProbject()
       }
@@ -705,26 +711,28 @@ export default defineComponent({
         if (res.errCode == 0) {
           file.imgUrl = res.data.url
           file.id = res.data.id
-          file.frameType = 'first'
           data.currentList.forEach((listItem: any) => (listItem.isChecked = false))
-          // data.fileList.forEach((listItem:any)=>{
-          // 	if(listItem.id == file.id){
-          // 		listItem.isChecked = true
-          // 	}else{
-          // 		listItem.isChecked = false
-          // 	}
-          // })
           file.type = 'ProductElement'
-          // if(props.productimgMenu.value == 'Relight'){
+          if (videoType.value === 3) {
-          // 	file.type = "ToProductImage"
+            file.frameType = 'first'
-          // }
+          }
-          data.selectImg = res.data
-          // data.fileList.filter((v: any) => v.status === "done");
           let storeData = {
             str: 'add',
             list: [file]
           }
           store.commit('setUploadElement', storeData)
+          // 上传成功后，设置选中状态
+          file.isChecked = true
+          // 取消 showFirstFrameList 中其他项的选中状态
+          showFirstFrameList.value.forEach((listItem: any) => {
+            if (listItem.id !== file.id) {
+              listItem.isChecked = false
+            }
+          })
+          data.selectImg = res.data
+          if (res.data.url || res.data.imgUrl) {
+            data.selectImg.minioUrl = getMinioUrl(res.data.url || res.data.imgUrl)
+          }
         } else {
           bor = false
         }
@@ -816,34 +824,62 @@ export default defineComponent({
         .then(rv => {
           if (str == 'like') {
             item.newLike = true
-            let value = {
+            // 从 noLikeList 中查找索引并删除
+            const noLikeIndex = store.state.HomeStoreModule.poseTransfer.list.findIndex(
+              (v: any) => v.id === item.id
+            )
+            if (noLikeIndex !== -1) {
+              let deleteValue = {
+                list: [],
+                str: 'splice',
+                index: noLikeIndex
+              }
+              store.commit('setPoseTransfer', deleteValue)
+            }
+            // 添加到 likedList
+            let addValue = {
               likedList: [
                 {
                   ...item,
-                  sort: rv.sort,
+                  sort: rv?.sort ?? item.sort,
-                  parentId: rv.parentId
+                  parentId: rv?.parentId ?? item.parentId
                 }
               ],
               str: 'add',
               index: -1
             }
-            store.commit('setPoseTransfer', value)
+            store.commit('setPoseTransfer', addValue)
-            data.noLikeList.splice(index, 1)
           } else {
-            let value = {
+            item.newLike = false
-              likedList: [
+            // 从 likedList 中查找索引并删除
+            const likedIndex =
+              store.state.HomeStoreModule.poseTransfer.likedList.findIndex(
+                (v: any) => v.id === item.id
+              )
+            if (likedIndex !== -1) {
+              let deleteValue = {
+                likedList: [],
+                str: 'splice',
+                index: likedIndex
+              }
+              store.commit('setPoseTransfer', deleteValue)
+            }
+            // 添加到 noLikeList
+            let addValue = {
+              list: [
                 {
                   ...item
                 }
               ],
-              str: 'splice',
+              str: 'add',
-              index: index
+              index: -1
             }
-            data.noLikeList.push(item)
+            store.commit('setPoseTransfer', addValue)
-            store.commit('setPoseTransfer', value)
           }
         })
-        .catch(res => {})
+        .catch(res => {
+          console.error('likeFile error:', res)
+        })
     }
     const selectPose = (item: any) => {
       data.poseList.forEach((listItem: any) => (listItem.isChecked = false))
@@ -873,8 +909,16 @@ export default defineComponent({
         { params: value }
       ).then(rv => {
         if (isLastFrame) {
+          // 如果删除的是当前选中的尾帧，清空选中状态
+          if (data.lastSelectImg?.id === item.id) {
+            data.lastSelectImg = {}
+          }
           store.commit('setPoseTransferLastFrameList')
-        }else{
+        } else {
+          // 如果删除的是当前选中的首帧，清空选中状态
+          if (data.selectImg?.id === item.id) {
+            data.selectImg = {}
+          }
           let storeData = {
             str: 'delete',
             index
@@ -883,28 +927,49 @@ export default defineComponent({
         }
       })
     }
+
+    const videoType = ref(2)
+    const showMotion = computed(() => videoType.value === 1)
+    const options = ref([
+      { vlaue: 2, label: t('poseTransfer.FirstFrame') },
+      { value: 3, label: t('poseTransfer.FirstAndLastFrames') },
+      { value: 1, label: t('poseTransfer.FirstFrameAndSkeleton') }
+    ])
+
+    const firstFrameList = ref([])
+    const lastFrameList = ref([])
+    const showFirstFrameList = computed(() => {
+      return videoType.value === 3 ? firstFrameList.value : data.fileList
+    })
     watch(
       () => store.state.HomeStoreModule.uploadElement.length,
       (newVal, oldVal) => {
-        if (props.isDesignPage) return
+        if (props.isDesignPage || (!route.query?.id && !route.query?.history)) return
         data.fileList = store.state.HomeStoreModule.uploadElement.filter(
+          item => !item.frameType
+        )
+
+        firstFrameList.value = store.state.HomeStoreModule.uploadElement.filter(
           item => item.frameType === 'first'
         )
+
         lastFrameList.value = store.state.HomeStoreModule.uploadElement.filter(
           item => item.frameType === 'last'
         )
-
+        // 更新 showFirstFrameList 中项的选中状态
-        data.fileList.forEach((listItem: any) => {
+        showFirstFrameList.value.forEach((listItem: any) => {
           if (listItem.id == data.selectImg.id) {
             listItem.isChecked = true
           } else {
             listItem.isChecked = false
           }
         })
+      },
+      {
+        immediate: true
       }
     )
-    // 全局维护尾帧上传列表，保持与主上传一致
+
-    const lastFrameList = ref([])
     watch(
       () => store.state.HomeStoreModule.lastFrameList,
       val => {
@@ -917,6 +982,31 @@ export default defineComponent({
       { immediate: true }
     )
 
+    // 首帧图片的type 切换为首尾帧时type=first,其他情况type为null
+    watch(
+      () => videoType.value,
+      newVal => {
+        if (newVal === 3) {
+          data.upload.type = 'first'
+        } else {
+          delete data.upload.type
+        }
+        // 当 videoType 改变时，检查 selectImg 是否在当前 showFirstFrameList 中
+        // 如果不在，清空选中状态或选择列表中的第一项
+        const currentList = showFirstFrameList.value
+        if (data.selectImg?.id) {
+          const exists = currentList.some((item: any) => item.id === data.selectImg.id)
+          if (!exists) {
+            // 如果当前选中的项不在新列表中，清空选中状态
+            data.selectImg = {}
+            // 取消所有项的选中状态
+            currentList.forEach((item: any) => (item.isChecked = false))
+          }
+        }
+      },
+      { immediate: true }
+    )
+
     watch(
       () => data.noLikeList.length,
       (newVal, oldVal) => {
@@ -933,14 +1023,6 @@ export default defineComponent({
       { immediate: true }
     )
 
-    const videoType = ref(2)
-    const showMotion = computed(() => videoType.value === 1)
-    const options = ref([
-      { vlaue: 2, label: t('poseTransfer.FirstFrame') },
-      { value: 3, label: t('poseTransfer.FirstAndLastFrames') },
-      { value: 1, label: t('poseTransfer.FirstFrameAndSkeleton') }
-    ])
-
     onBeforeUnmount(() => {
       clearInterval(data.generateTime)
       clearInterval(data.remGenerateTime)
@@ -953,6 +1035,8 @@ export default defineComponent({
       ...toRefs(dataDom),
       ...toRefs(data),
       lastFrameList,
+      firstFrameList,
+      showFirstFrameList,
       openSetData,
       selectImgItem,
       setSize,

src/lang/cn.ts

@@ -295,6 +295,8 @@ export default {
     GeneratedVideo: '生成的视频',
     hint: '将这张图像转化为一张逼真、达到工作室水准的照片。在生活中真实存在的人',
     jsContent1: '生成视频预计需要三分钟，请问是否继续',
+    NeedFirstFrame:'请选择首帧图片',
+    NeedLastFrame:'请选择尾帧图片',
     SingleGarment:
       '专业产品摄影：服装展示于隐形模特上，模特不可见。完整保留设计细节——所有图案、颜色、质地及细节特征。', // 单品样衣
     SingleChildTryOn:

src/lang/en.ts

@@ -305,6 +305,8 @@ export default {
     GeneratedVideo: 'Generated Video',
     hint: 'Transform this image into a realistic, studio-quality photograph. To the real photo real people',
     jsContent1: 'Video generation will take approximately 3 minutes. Continue?',
+    NeedFirstFrame: 'Please select the first frame image',
+    NeedLastFrame: 'Please select the last frame image',
     SingleGarment:
       'Professional product photo: garment on invisible mannequin, no model visible. Preserve exact design - all patterns, colors, textures, details.', // 单品样衣
     SingleChildTryOn:
@@ -332,7 +334,8 @@ export default {
     firstAndLastFramePlaceholder1: '[Camera Movement]',
     firstAndLastFrameText2: 'to follow the motion, under',
     firstAndLastFramePlaceholder2: '[Light]',
-    firstAndLastFrameText3: ', maintaining full consistency of model identity, styling, and outfit across all frames.',
+    firstAndLastFrameText3:
+      ', maintaining full consistency of model identity, styling, and outfit across all frames.',
     firstFrameText1: 'Set the',
     firstFramePlaceholder1: '[Scene]',
     firstFrameText2: ', where the model',

src/views/HomeMain.vue

@@ -523,7 +523,7 @@ export default defineComponent({
       bathGenerationList: ['poseTransfer', 'SERIES_DESIGN', 'toProduct', 'relight'],
       showHistory: false,
       isNewProject: false,
-	  cachedRoutes:computed(()=>store.state.Workspace.cachedRoutes),//
+      cachedRoutes: computed(() => store.state.Workspace.cachedRoutes) //
     })
     let userDetail = computed(() => {
       return store.state.UserHabit.userDetail
@@ -578,7 +578,7 @@ export default defineComponent({
         nextTick(async () => {
           const key = Object.keys(query)?.[0]
           if (key) {
-            if (query.id) {
+            if (query.id && !query.tools) {
               homeMainData.openType = 'history'
               homeMainData.openTypeChild = query.id
             } else {
@@ -1030,7 +1030,7 @@ export default defineComponent({
       if (currentProjectActive.value) return
       if (currentProjectPath.value) {
         router.push(currentProjectPath.value)
-		// router.back()
+        // router.back()
       }
     }