Просмотр исходного кода

【优化】处理 image card 抽屉不显示问题

cherishsince 1 год назад
Родитель
Сommit
dc31aeb24e
2 измененных файлов с 3 добавлено и 10 удалено
  1. 2 9
      src/views/ai/image/ImageDetailDrawer.vue
  2. 1 1
      src/views/ai/image/ImageTask.vue

+ 2 - 9
src/views/ai/image/ImageDetailDrawer.vue

@@ -47,20 +47,13 @@
         {{imageDetail.picUrl}}
       </div>
     </div>
-    <!--  生成地址 TODO @fan:这个字段我删除了,要不干掉? -->
-    <div class="item">
-      <div class="tip">生成地址</div>
-      <div class="body">
-        {{imageDetail.originalPicUrl}}
-      </div>
-    </div>
     <!-- 风格 -->
-    <div class="item">
+    <div class="item" v-if="imageDetail?.options?.style">
       <div class="tip">风格</div>
       <div class="body">
         <!-- TODO @fan:貌似需要把 imageStyleList 搞到 api/image/index.ts 枚举起来? -->
         <!-- TODO @fan:这里的展示,可能需要按照平台做区分 -->
-        {{imageDetail.options.style}}
+        {{imageDetail?.options?.style}}
       </div>
     </div>
   </el-drawer>

+ 1 - 1
src/views/ai/image/ImageTask.vue

@@ -70,6 +70,7 @@ const getImageList = async () => {
 const handlerImageBtnClick = async (type, imageDetail: ImageDetailVO) => {
   // 获取 image detail id
   showImageDetailId.value = imageDetail.id
+  console.log('type', imageDetail.id)
   // 处理不用 btn
   if (type === 'more') {
     await handlerDrawerOpen()
@@ -119,7 +120,6 @@ const downloadImage = async (imageUrl) => {
 const handleTabsScroll = async () => {
   if (imageTaskRef.value) {
     const { scrollTop, scrollHeight, clientHeight } = imageTaskRef.value;
-    console.log('scrollTop', scrollTop, clientHeight, scrollHeight)
     if (scrollTop + clientHeight >= scrollHeight - 20 && !imageTaskLoading.value) {
       console.log('分页')
       pageNo.value = pageNo.value + 1